@charset "utf-8";
body{font-size:0.8em}

/* common */
.hide{display:none;}
.skip,.blind{position:absolute; overflow:hidden; text-indent:-9999px;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.op80{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.op4{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.disable{-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 !important}
.clear{clear:both}
.pt20{padding-top:20px;}
.cn{font-weight: bold;font-family: Dotum;}/*한자*/
.placeholder{color:#666 !important}

.bgLayer { /*display:none;*/ position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:#333; opacity:0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;}
.hideScroll { overflow:hidden; }
body.hideScroll{width:100%;height:100%;position: fixed;}
.bgLoading { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.6;  }
#toTop { display:none; position:fixed; right:100px; bottom:10px; width:40px; height:40px; font-size:0; text-indent:-1000px; text-align:center; color:#fff; background:url('../images/base/toTop.png') center center no-repeat #777; opacity:0.8; border-radius:20px;  }
#toTop:hover, #toTop:focus, #toTop.hover { background-color:#CD8F47; }

/* common form element */
input.inpTxt/*, input.inpFile*/ {padding: 5px 1px 4px;margin: 0;border: 1px solid #abadb3;background: #fff;}
/*input.inpFile { margin:0 3px 0 0; }*/
textarea.txtArea { border:1px solid #cdcdcd; background:#fff; }
select.txtSel { height:25px; }
.iptHidden{position: absolute;right: 0;top: 0;width: 60px;height: 25px;padding: 0;margin: 0;z-index: 2;font-size: 1em;cursor: pointer;opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;}
.ie .iptHidden{right:-20px;}


/* 레이아웃 */
#siteWrap{position:relative;}
#header { clear:both;  width:100%;height:68px; border-bottom:1px solid #aaa; background:#fff url('../images/common/bgSideNavi.gif') repeat-x left 68px; }
#header>div{position:relative;width:1024px;margin:0 auto;z-index:20;/*overflow:hidden*/}
#header h1 { position:absolute; top:18px; left:0px; }
#header h1 a { margin:0 10px 0 0; }

/*GNB*/
#gnb { margin-left:182px;/*width:600px;float: left;*/}
#gnb > ul {position: relative;overflow: visible;min-height:68px;z-index:25;}
#gnb > ul > li { float:left;background:url('../images/base/bgGnbLink.gif') left center no-repeat;}
#gnb > ul > li:first-child{background:none;}
#gnb > ul > li > a {  display:block;  padding:0 15px;line-height:68px; text-align:center; font-family:NGBold;  font-size:1.25em;  }
#gnb > ul > li.lock > a,#gnb > ul > li > a:hover,#gnb > ul > li >a:focus{color:#e32222}
/*#gnb > ul > li.lock .subGnb{top: 69px;}*/
    /*제품메뉴*/
    .subGnb{position:absolute;left:0;top: -500px;width:100%;width:697px;padding: 15px 0;z-index: 30;/*background:url('../images/common/bgSideNavi.gif') repeat-x;*/}
    .subGnb .subUl1{width:348px;}/*라이스*/
    .subGnb .subUl2{width:232px;}/*냉동식품*/
    .subGnb>ul{border-left:1px solid #d4d4d4;background:#FFF;background:url('../images/common/bgSubGnb.gif') repeat right top;}
    .subGnb>ul>li{float:left;width:115px;text-align:center;border-right:1px solid #d4d4d4;}
    .subGnb li a {/* display:block;text-align:center;line-height:40px; font-size:1.1em; color:#b9b9b9;border-left:1px solid #5e6570;border-right:1px solid #444a53;*/
        display: block;padding: 5px 0;color: #1d1e23;letter-spacing: -1px;
    }
    .subGnb li a:hover, .subGnb li a:focus, .subGnb li a:active, .subGnb li.lock a { color:#fff;background:#db1d2d;}

    /*
    .menuBtn{display: none;position: absolute;right: 0;top: 0px;width: 100%;height: 40px;overflow: hidden;text-indent: -999em;font-size: 1.2em;color: #000;font-weight:bold;background:url('../images/common/tabBtn.gif') no-repeat right bottom;z-index:1;}
    .menuBtn.on{background-position:right top;text-indent:0}
    */

#gnb .baseLink { display:none; background:url('../images/base/bgBaseMobile.gif') repeat-x; }
#gnb .baseLink li a { display:block; text-align:center; color:#fff; line-height:40px; font-weight:bold; }

.showGnb { display:none; position:absolute; top:14px; left:0; opacity:0.6; }
.showGnb img { width:50px; height:40px; }
.showGnb:hover,
.showGnb:focus,
.showGnb:active,
.showGnb.on {
    opacity: 1;
}

.showQuick { display:none; position:absolute; top:14px; right:0px; height:40px; overflow:hidden; opacity:0.6; }
.showQuick.active img { margin-top:-40px; }
.showQuick:hover,
.showQuick:focus,
.showQuick:active {
    opacity: 1;
}

/*gnb bg*/
#header .bgGnb{position:absolute;top:69px;height:0px;margin:0;background:url('../images/common/bgTop.png') repeat-x left bottom;width:100% !important;z-index:10;overflow:hidden}
    .bgGnb p { position:absolute; bottom:25px; left: 50%;margin-left: 358px; width:175px;text-align:left;}
    .bgGnb .txtGnb { display:block;}
    .bgGnb button { float:right; width:27px; height:27px; overflow:hidden; text-indent:-1000px; background:url('../images/component/btnGnbclose.gif') center center no-repeat; }


/*헤더 검색영역*/
.headSearch{position: absolute;right:0;top: 18px;z-index:50;width:161px;padding-left:10px;height:32px;background:url('../images/common/bgSearch.png') no-repeat;}
.headSearch .iptTxt{width: 132px;height:26px;line-height:29px;padding:0;margin:0;border:0 none;background:none;}
.headSearch .multi{width:130px;}



/*contentWrap*/
#contentWrap { clear:both; width:100%; /* overflow:hidden; */}
    #topContent { width:100%; background:#fff; }
    #topContent > h1{display:none;line-height:40px; font-size:1.25em; color:#fff;font-weight:bold;background:url('../images/common/bgSideNavi.gif') repeat-x;text-align:center}
    #content{position:relative; width:100%;}
    #contentInner{/* position:relative; */width:1068px;margin:0 auto;background:#fff; }
    #content.bType , #content.newProduct , #content.gift{padding-bottom:100px;}

/*제품메뉴*/
#sideNavi{ /*font-family:NGBold;*/width:100%;/*height:40px;*/background:url('../images/common/bgSideNavi.gif') repeat-x;}
    .productMenu{position:relative;width:1068px;margin:0 auto;display:none}
    .productMenu>div{margin:0 28px;overflow:hidden;position:relative;/*height:40px;*/}
    .productMenu>div>ul{position:relative;left:0}
    .productMenu>div>ul>li{float:left;/*width:100px;*/background:url('../images/common/bgSideNavi.gif') repeat-x;}
    .productMenu li a { display:block;padding:0 25px; text-align:center;line-height:40px; font-size:1.1em; color:#b9b9b9;border-left:1px solid #5e6570;border-right:1px solid #444a53;}
    .productMenu li a:hover, .productMenu li a:focus, .productMenu li a:active, .productMenu li.on a { color:#fff;background:#db1d2d;}
    .productMenu>a{display:block;position:absolute;width:28px;height:40px;text-indent:-999em;top:0;}
    .productMenu .prevMenu{background:url('../images/common/bgSideNaviPrev.gif') no-repeat;left:0px;}
    .productMenu .nextMenu{background:url('../images/common/bgSideNaviNext.gif') no-repeat;right:0px;}

    /*.menuBtn{display: none;position: absolute;right: 0;top: 0px;width: 100%;height: 40px;overflow: hidden;text-indent: -999em;font-size: 1.2em;color: #000;font-weight:bold;background:url('../images/common/tabBtn.gif') no-repeat right bottom;z-index:1;}
    .menuBtn.on{background-position:right top;text-indent:0}*/

/*비주얼 영역*/
.visualWrap{position:relative;}
    /*.webImg{height:504px;background-color:#f0ece9;background-repeat:no-repeat;background-position:50% 0;}*/
    .webImg{text-align:center;overflow:hidden}
    .webImg img{width:100%;min-width:1920px;height:504px;}
    .MobileImg{display:none;}
    .MobileImg img{width:100%}
    .visualTxt{position:absolute; left:-999%;width:0; height:0; visibility:hidden; font-size:0; line-height:0; }
    .visualBtn{position:absolute;bottom:135px;left:50%;margin-left:-520px;text-align:center;}
    .visualBtn2{position:absolute;bottom:250px;left:50%;margin-left:-525px;text-align:center;}
    .visualBtn3{position:absolute;bottom:250px;left:50%;margin-left:-350px;text-align:center;}
	.visualBtn4{position:absolute;bottom:170px;left:50%;margin-left:-525px;text-align:center;}

    .visualUtil{position:absolute;top:43px;left:50%;margin-left:324px;width:210px}
    .visualBanner{width:210px;height:210px}
    .visualBanner img{width:100%}

    /*이벤트배너영역*/
    .bannerSlider{position:relative}
    .bannerSlider .bx-controls{position:absolute;left:20px;bottom:15px;}
    .bannerSlider .bx-pager-item{float:left}
    .bannerSlider .bx-pager-item a{display:block;width:8px;height:7px;margin-left:4px;text-indent:-999em;background: url('../images/common/bannerPager.png') no-repeat;}
    .bannerSlider .bx-pager-item a.active{width:16px;background: url('../images/common/bannerPagerOn.png') no-repeat;}
    .bannerSlider .slidePage { position:absolute; bottom:30px; left:35px; z-index:100; }
    .bannerSlider .auto { position:absolute; left:10px; bottom:25px; width:16px; overflow:hidden; }
    .bannerSlider .bx-start { display:block; width:16px; height:16px; overflow:hidden; text-indent:-1000px; background:url('../images/main/btnPlay.png') 0 0 no-repeat; }
    .bannerSlider .bx-stop { display:block; width:16px; height:16px; overflow:hidden; text-indent:-1000px; background:url('../images/main/btnStop.png') 0 0 no-repeat;  }

    /*브랜드배너영역*/
    .adSlider{position:relative}
    .adSlider .bx-controls{position:absolute;left:20px;bottom:15px;}
    .adSlider .bx-pager-item{float:left}
    .adSlider .bx-pager-item a{display:block;width:8px;height:7px;margin-left:4px;text-indent:-999em;background: url('../images/common/bannerPager.png') no-repeat;}
    .adSlider .bx-pager-item a.active{width:16px;background: url('../images/common/bannerPagerOn.png') no-repeat;}
    .adSlider .slidePage { position:absolute; bottom:30px; left:35px; z-index:100; }
    .adSlider .auto { position:absolute; left:10px; bottom:25px; width:16px; overflow:hidden; }
    .adSlider .bx-start { display:block; width:16px; height:16px; overflow:hidden; text-indent:-1000px; background:url('../images/main/btnPlay.png') 0 0 no-repeat; }
    .adSlider .bx-stop { display:block; width:16px; height:16px; overflow:hidden; text-indent:-1000px; background:url('../images/main/btnStop.png') 0 0 no-repeat;  }

    /*페이스북*/
    .visualFb{position:relative;margin-top:1px;border:1px solid #e1e1e1;background:#fff;/*height:155px;*/padding:9px 10px 9px 10px;font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;}
    .visualFbTit{height: 75px;border-bottom:1px solid #e5e5e5;overflow:hidden;}
    .visualFbTit iframe {border: 0 none;}
    .visualFbCon{color:#717171;height: 76px;padding:10px 10px 10px 0;font-size:0.9em;line-height:1.5em}
    .visualFbDate{color:#808080;font-size:11px;}
    .visualFbDate img{margin-left:5px;position: relative;top: -1px;}
    .visualFbNavi{position:absolute;bottom:11px;right:14px;}

    .visualSns{position:absolute;/*top:14px;right:63px;*/top:58px;left: 50%; /*margin-left: 306px;*/ margin-left:290px;}
    .bType .visualSns{margin-left: 369px;}
    /* .visualSns a + a,.visualSns button{margin-left:4px;} */
    .visualSnsWrap{position: relative;width: 1068px;margin: 0 auto;}
    .visualSnsWrap .visualSns{position: static;margin-left:0;text-align:right;padding:10px 10px 0;}

/*@media screen and (max-width : 450px) {.visualWrap{position:relative;}}
@media screen and (max-width : 450px) {.visualBtn2{position:absolute;bottom:250px;left:50%;margin-left:-525px;text-align:center;}}
@media screen and (max-width : 450px) {.visualBtn3{position:absolute;bottom:50px;left:50%;margin-left:-525px;text-align:center;}}*/






/*게시판 검색영역*/
.srchBox{overflow:hidden;margin:0px 0 20px;}
.srchBox.type2{width: 746px;margin: 0px auto 20px;padding-right: 10px;}
.tabmenu.type2 + .srchBox{margin-top:30px}
.srchBox>p{float:left}
.srchBox>div{float:right;}
.boardInfo{padding: 4px 0;}
.boardInfo span { display:inline-block; margin:0 10px 0 0; }
.boardInfo strong { color:#e60013; }
.listSrch{width:261px;border:1px solid #d7d7d7;text-align:right}
.listSrch select{width:65px;margin:0;padding:3px 0;height:22px;line-height:22px;border:0 none;}
.listSrch .iptTxt{width:160px;padding: 0 0 0 5px;background:#f7f7f7;border:0 none;height:28px;line-height:28px;margin:0;}
.listSrch .btn{}

/*단순게시판*/
.tableWrap{overflow:auto;}
.tableType01{border-top:2px solid #3a3a3a;border-bottom:1px solid #3a3a3a;min-width:750px}
.tableType01 th,.tableType01 td{padding:7px;border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9;text-align:center}
/*.tableType01 tr:first-child th,.tableType01 tr:first-child td{border-top:0 none}*/
.tableType01 .first{color:#333;background:#f7f7f7;text-align:left;border-left:0 none}
.tableType01 .first + td,.tableType01 .first + th{border-left:0 none}
.tableType01 td + td{}
.tableType01Unit{position:absolute;right:0;top:-38px;}
.tableType01Summary{margin-top:15px}

/* 게시판 : 검색 */
.board-srch { overflow:hidden; margin:0 0 15px 0;  }
.board-srch div {  float:right; text-align:right; border:1px solid #d7d7d7;  }
.board-srch select { height:28px;border:0; color:#666; background:#fff;  }
.board-srch input.txt { width:150px; padding:5px 5px; background:#f7f7f7; border:0;  }
.board-srch input.btn {  }

/* 게시판 : 텍스트 */
.board-text { border-top:2px solid #393f46; border-bottom:1px solid #999; font-size:0.9em}
.board-text table { width:100%; }
.board-text th, .board-text td{padding:10px 0;}
.board-text thead th,.board-text td { text-align:center; border-left:1px solid #d9d9d9; }
.board-text thead th { font-size:1.1em; border-bottom:1px solid #d9d9d9; color:#333; background:#f7f7f7;}
.board-text tbody th{border-top:1px solid #d9d9d9;border-left:1px solid #d9d9d9; }
.board-text td{border-top:1px solid #d9d9d9;   }
.board-text td.link {padding:10px; text-align:left; font-size:1.2em; color:#333;word-break: break-all;}
.board-text td.link a{ }
.board-text .hover td{background:#f7f7f7;}
.board-text a:hover,.board-text a:focus,.board-text a:active{font-weight:bold;text-decoration:underline;}
/*
.board-text td.link a:hover{text-decoration:underline;font-weight:bold}
.board-text td.link a:hover span{color:#e32222}
*/
.board-text tr th:first-child, .board-text  tr td:first-child { border-left:none; }
/* .board-text tbody tr:first-child th, .board-text tbody tr:first-child td{ border-top:none; } */

.board-text .tit { position:relative; overflow:hidden; padding:20px;border-bottom:1px dashed #d7d9da;}
.board-text .tit h1 {float:left; font-size:1.3em; color:#333; }
.board-text .like{float:left;margin-left: 10px;}
.board-text .viewUtil{float:right}
.board-text .subInfo{padding:15px 20px;border-bottom:1px solid #999;overflow:hidden}
.board-text .subInfo>dl{float:left}
.board-text .view { overflow:hidden; padding:25px 20px; /*border-bottom:1px solid #999;*/min-height:200px;font-size:1.1em}
.board-text .view .viewImg{text-align:center;margin-bottom:35px;}
.board-text .view img{max-width:100%}
.board-text .field { padding:15px 20px; border-top:1px solid #d7d7d7; /*border-bottom:1px solid #999; */}
/*.board-text .field dd a{padding-right:25px;background:url('../images/bg/bgDown.gif') no-repeat right 2px}*/
.board-text .tit dl { position:absolute; right:10px; top:20px; }

.board-text dl { overflow:hidden; color:#666;}
.board-text dt { float:left; padding:0 13px 0 0; margin:0 13px 0 0; font-family:NGBold; background:url('../images/component/bgTxtList.gif') right center no-repeat;  }
.board-text dd { float:left; margin-right:20px}
.board-text .field dd a { display:inline-block; padding:0 25px 0 0; color:#666;  background:url('../images/component/icoFile.gif') right center no-repeat; }
.board-text .field dd a:hover, .board-text dd a:focus, .board-text dd a:active { font-weight:bold; color:#e60000;text-decoration:none;}

.board-text .shopInfo{padding:35px 29px;border:1px solid #e1e1e1;background:#f9f8f3;overflow:hidden;font-size:1.1em}
.board-text .shopInfo > p{float:left;width:51.02%}
.board-text .shopInfo > p span{display:block;border:1px solid #b2b2b2;}
.board-text .shopInfo > p img{width:100%}
.board-text .shopInfo > div{margin-left:53.57%}
.board-text .shopInfo > div dl{padding:5px 0;overflow:hidden}
.board-text .shopInfo > div dl:first-child{padding-top:17px;}
.board-text .shopInfo > div dt{color:#222222;padding: 0 5px 0 14px;margin:0;background:url('../images/bg/bgDot3.gif') left center no-repeat;}
.board-text .shopInfo > div dd{margin:0}
.board-text .shopInfo + .view{padding:25px 30px;}

.board-imgTxt { border-top:2px solid #e60013;  }
.board-imgTxt li { position:relative; min-height:115px; overflow:hidden; padding:15px 0 15px 28%; border-bottom:1px solid #d9d9d9; }
.board-imgTxt li a { display:block; overflow:hidden; }
.board-imgTxt li div { position:absolute; left:0; top:15px; width:24%; height:110px; overflow:hidden;  }
.board-imgTxt li div img { width:100%; height:100%; }
.board-imgTxt li .tit { font-size:1.2em; color:#222;font-weight:bold }
.board-imgTxt li p { margin-top:5px; line-height:180%; }
.board-imgTxt li p span { display:inline-block; padding:0 10px 0 0; margin:0 10px 0 0; background:url('../images/component/bgBar-small.gif') right center no-repeat; }
.board-imgTxt .noList{text-align: center;padding: 135px 0;border-bottom: 1px solid #d9d9d9;}


/*이전글, 다음글*/
.listNavi { clear:both; overflow:hidden; margin:50px 0 20px; border:1px solid #999; border-left:0; border-right:0;  }
.listNavi li { overflow:hidden; }
.listNavi li a { display:block; overflow:hidden; padding:8px 20px; background:url('../images/component/bgPrevList.gif') 20px center no-repeat;}
.listNavi li a strong { display:inline-block; padding:0 20px; background:url('../images/component/bgTxtList.gif') right center no-repeat;  }
.listNavi li a span { display:inline-block; padding-left:20px; }
.listNavi li.next { border-top:1px solid #d7d7d7; }
.listNavi li.next a { background-image:url('../images/component/bgNextList.gif');  }

/* 게시판 : 페이지 네비 */
.board-paging { clear:both; margin:20px 0; text-align:center; }
.board-paging a { display:inline-block; }
.board-paging span { margin:0 10px; }
.board-paging span a { margin:0 5px; color:#666; }
.board-paging span a:hover, .board-paging span a:focus, .board-paging span a:active { color:#ff1313; border-bottom:1px solid #ff1313; }
.board-paging span strong { display:inline-block; margin:0 5px; color:#ff1313; border-bottom:1px solid #ff1313; }
.page-mobile { display:none; }

/*입력테이블*/
.dataForm .commentTxt{text-align:right;margin-bottom:5px;font-size:0.9em}
.dataForm .commentTxt span{color:#e60013;}
.dataForm table{border-top:2px solid #3a3a3a;border-bottom:1px solid #999}
.dataForm th,.dataForm td{border-top:1px solid #d9d9d9}
.dataForm tr:first-child th,.dataForm tr:first-child td{border-top:0 none}
.dataForm th{padding: 8px 13px;background:#f7f7f7;font-weight:normal;font-size:1.1em;text-align:left;color:#333333;vertical-align: top;}
.dataForm th span{margin-right:4px;margin-left:-12px;color:#e60013;}
.dataForm th label{padding-left:12px}
.dataForm td{padding:8px 10px;font-size:0.9em}
.dataForm .txtArea{width:96%;padding: 5px 2% 4px;height:180px;resize:none}
.dataForm .radioBox{display:inline-block}
.dataForm .radioBox label{line-height:24px;}
.dataForm .radioBox label + label{margin-left:15px;}
.dataForm .inpTxt.full{width:96%;padding: 5px 2% 4px;}
.btnDataForm{display: inline-block;vertical-align: middle;padding: 0 0 0 10px;height: 25px;text-decoration:none;cursor: pointer;border: none;background:#fff url('../images/common/btnDataForm.gif') 0 0 no-repeat;}
.btnDataForm span{display: block;padding-right: 10px;color: #000;font: normal 11px/25px Dotum;background:#fff url('../images/common/btnDataForm.gif') right 0 no-repeat;letter-spacing: -1px;}

.dataTitWrap{position:relative;}
.dataTitWrap .txtSel{position:absolute;left:0;top:0;width:110px;}
.dataTitWrap > div{margin-left:120px;}
.dataRadioWrap{position:relative;}
.dataRadioWrap .radioBox{position:absolute;left:0;top:0;width:110px;}
.dataRadioWrap > div{margin-left:120px;}

.dataFileWrap{position:relative;}
.dataFileWrap .btnDataForm{position:absolute;right:0;top:0;}
.dataFileWrap > div{margin-right:66px;}

.commentList{margin-top:7px;}
.commentList li{padding-left:7px;background: url('../images/bg/bgCommentList.gif') left 6px no-repeat;}

/* 버튼 */
.btnGrp {  overflow:hidden;margin:10px 0; text-align:right; }
.btn-blue, .btnGrp a, .btnGrp button { display:inline-block; padding-left:4px; background:url(../images/component/bgBtn.gif) 0 0 no-repeat; }
.btn-blue span, .btnGrp a span { display:inline-block; padding:0 14px 0 10px; height:31px; background:url(../images/component/bgBtn.gif) right 0 no-repeat; line-height:31px; color:#fff; font-size:1.16em; }
.btn-red { background-position:0 -32px !important; }

.btnArea{margin-top:15px;text-align:right;}
.btnArea2{margin-top:15px;text-align:right;}
.btnArea2 + .board-paging {margin-top: -29px;}
.galleryWrap + .btnArea2{padding-right:97px;}

.btnWhite{display: inline-block;vertical-align: top;padding: 0 0 0 14px;height: 31px;text-decoration: none;cursor: pointer;border: none;background: url('../images/common/btnWhite.gif') 0 0 no-repeat;}
.btnWhite span{display: block;min-width:31px;padding-right: 14px;color: #656565;font: bold 14px/31px NGNormal;background: url('../images/common/btnWhite.gif') right 0 no-repeat;letter-spacing: -1px;text-align: center;}
.btnLike{display: inline-block;vertical-align: middle;padding: 0 0 0 23px;height: 23px;text-decoration: none;cursor: pointer;border: none;background:#fff url('../images/common/btnLike.png') 0 0 no-repeat;}
.btnLike span{display: block;padding-right: 6px;color: #FFF;font: normal 12px/23px NGNormal;background:#fff url('../images/common/btnLike.png') right 0 no-repeat;}



/* 댓글 */
.comment { overflow:hidden; position:relative;  }
.comment h2 { margin:0 0 15px 5px; font-size:1.16em; }
.comment .btnSns { position:absolute; left:80px; top:0; }
.comment > div{position:relative;}
.comment .img { width:70px; height:70px;position:absolute;left:0;top:0}
.comment .img img {width:100% }
.comment .text { position:relative; margin:0 102px 0 80px}
.comment .text textarea { padding:5px 2% ; width:95.4%; height:60px; border:1px solid #abadb3; resize:none;}
.comment .text .txtNum { position:absolute; right:0; top:-20px; }
.comment .regComment{position:absolute;right:0;top:0;}
.comment .regComment a{display:block;width:95px;height:73px;background:url('../images/common/btnCommentReg.gif') no-repeat;text-indent:-999em;/*text-align:center;background:#5b75d2;border:1px solid #3b4e90;border-radius:3px;line-height:68px;color:#fff;font-size:15px;text-shadow: 0px -1px #3746c0;box-shadow: 0px 1px 5px #999;*/}
.bType .comment .regComment a{background:url('../images/common/btnCommentReg2.gif') no-repeat;}

.snsTit {margin: 30px 0 10px 0;font-size: 18px;color: #3b5998;}

/*카운팅*/
.likeNum{display:inline-block;color:#000;padding-left:17px;background:url('../images/common/iconGood.png') left 50% no-repeat;letter-spacing:-1px}
.replyNum{display:inline-block;color:#000;padding-left:17px;background:url('../images/common/iconReply.png') left 50% no-repeat;letter-spacing:-1px}

/* 공통 댓글 */
.boxReplyWrap{padding:50px 0 200px;position:relative;margin-top:20px}
.boxReply { overflow:hidden; border:1px solid #b3bcc4; box-sizing:border-box; color:#707070;}
    .boxReply textarea { padding:8px; border:1px solid #abadb3; background:#fff; box-sizing:border-box; font-family:NGNormal;  }
    .reply-head { overflow:hidden; padding:20px; color:#444; }
    .reply-head .info { overflow:hidden; }
    .reply-head .info span { float:left; display:block; font-size:0.9em; }
    .reply-head .info strong { margin-left:3px; color:#e60000; line-height:160%; }
    .reply-head .info span.warning { float:right; }
    .reply-head .write { clear:both; overflow:hidden;position:relative; }
    .reply-head .writeInner{margin-right:103px;}
    .reply-head .write textarea { width:100%; height:70px;  }
    .reply-head .write button { position:absolute;right:0;top:10px;width:93px; height:70px; overflow:hidden; /* margin-left:10px; */ text-align:center;  text-indent:-1000px; color:#fff; font-size:1.2em; background:url('../images/component/btnReply.gif') 0 0 no-repeat #e60013; }
    .reply-head p { margin-top:10px; }
    .reply-head  p strong { margin:0 3px 0 0; color:#e60000;  }
    .reply-body { overflow:hidden; padding:0 15px; border-top:1px dashed #cfd0d0; background:#f7f7f7;  }
    .reply-body ul {  }
    .reply-body ul li { position:relative; overflow:hidden; padding:15px 20px; border-top:1px solid #cfd0d0; }
    .reply-body ul li:first-child{border-top:none}
    .reply-body ul li .user a { color:#222; font-weight:bold; }
    .reply-body ul li .user span { margin-left:15px; padding-left:15px; background:url('../images/component/bgReplyInfo.gif') 0 center no-repeat; }
    .reply-body ul li div { margin-top:10px; }
    .reply-body ul li div p { width:80%; padding:0; line-height:160%;word-break: break-all;}
    .reply-body ul li div .btn { width:84px; height:30px;  overflow:hidden; margin-left:10px; text-align:center;  text-indent:-1000px; color:#fff; font-size:1.2em; background:url('../images/component/btnReply_mod.gif') 0 0 no-repeat #4d4d4d;  }
    .reply-body ul li div textarea { width:80%; height:50px;   }
    .reply-body ul li div * { vertical-align:middle; }
    .reply-btn { position:absolute; right:20px; top:10px; }
    .reply-btn button { margin-left:8px; }
    .reply-btn .delete { padding-left:8px; background:url('../images/component/bgReplyBtn.gif') 0 center no-repeat; }
    .reply-btn .cancel { color:#e60000;  }
    .noReply { margin:20px 0 20px 40%; padding-left:50px; line-height:160%; font-family:NGBold; background:url('../images/component/bgNoReply.gif') 0 center no-repeat; }
    .snsReply { clear:both; overflow:hidden; margin-top:30px; }
    .snsReply .tit { margin:0 0 10px 0; font-size:1.4em; color:#3b5998; }
    .boxProfile { display:none; position:absolute; width:450px; height:384px; overflow:hidden; padding:15px; border:2px solid #e60013; background:#fff;box-sizing: border-box;}
    .boxProfile h1 { font-size:1.65em; color:#000; }
    .boxProfile button { position:absolute; right:15px; top:15px; width:23px; height:23px; overflow:hidden; text-indent:-1000px; background:url('../images/component/btnLayerClose.gif') 0 0 no-repeat; }
    .boxProfile table { margin:15px 0; border-top:2px solid #454545; }
    .boxProfile th, .boxProfile td { padding:12px; text-align:left; border:1px solid #d9d9d9; }
    .boxProfile th { background:#f7f7f7; color:#404040; }
    .boxProfile td { line-height:160%; color:#7a7a7a; }
    .boxProfile a { display:block; text-align:center; }
    .boxProfile .txtProfile { height:60px; overflow:auto; overflow-x:hidden; }

@media screen and (min-width :1920px) {
    .webImg img{height:auto;}
}

@media screen and (max-width :1199px) {
    .showQuick{display:block;z-index:100;}
    .siteNavi{display:none}
    /*#siteWrap, .gnbWrap{-webkit-transition: all 0.3s ease-in-out;}*/
    #header>div{width:100%;}
    #header h1{left:20px;}
    #gnb {margin-left: 200px;}
    /* #gnb > ul > li > a{padding:0 10px} */
    .headSearch{right: 80px;}
    #toTop {right: 10px;}

}

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

    #sideNavi>div{width:100%;}
    #contentInner{width:auto;padding: 0 20px}

    .srchBox.type2{width: auto;padding-right: 0px;}
    .galleryWrap + .btnArea2{padding-right:0}

    .visualUtil{margin-left:290px;}
    .visualBtn{margin-left: -500px;}
    .visualBtn2{margin-left: -498px;}
    .visualBtn3{margin-left: -320px;}
    .webImg img{margin-left:-426px !important}

    #gnb{margin-left:185px;}
    #gnb > ul > li > a{padding: 0 10px;}
    .bgGnb p{width:150px;}
    .visualSnsWrap{width:100%}

}
@media screen and (max-width : 1024px) {
    /* .btnPrint, .btnUrl, .zclip, .btn_url{display:none;} */

}

@media screen and (max-width : 1023px) {
    #header{height:auto;background:#fff;}
    #header h1 { position:static; line-height:67px; text-align:center; }
    /*.mGnbBtn{display:block;position:absolute;top:18px;left:10px;}*/
    .gnbWrap{position: fixed;top: 0;left: -210px;width: 209px;height: 100%;box-shadow:3px 0 10px #666; background: #fff;z-index: 100;overflow-y: auto;}
    #gnb {float: none;margin-left: 0;width:auto;}
    #gnb > ul{padding:0;margin-top:66px;border-top: 1px solid #d3d3d3;}
    #gnb > ul > li{float:none;padding:0;border-bottom: 1px solid #d3d3d3;background:#fff ;}
    #gnb > ul > li > a{line-height: 40px;color:#222;font-size:1.1em;}
    /* #gnb > ul > li.sub > a{background:url('../images/component/bgLnbDepthOn.gif') 95% center no-repeat ;}
    #gnb > ul > li.on > a{background-image:url('../images/component/bgLnbDepth.gif');} */
    #gnb > ul > li:first-child{background:#fff;}
    #gnb > ul > li.lock > a, #gnb > ul > li > a:hover, #gnb > ul > li > a:focus, #gnb > ul > li > a:active {color: #fff; background:#e32222; }
    #gnb > ul > li > .subGnb{display:none}
    /*#gnb > ul > li.lock > .subGnb{display:block}*/
    .subGnb{position:static;padding:0;width: auto;}
    .subGnb{margin:0;}
    .subGnb>ul{width:auto !important;background:#ebebeb url('../images/bg/bgLine.gif') repeat-x 0 bottom;}
    .subGnb>ul>li{width:50%;background:#ebebeb;border-bottom:1px solid #cccccc;border-right:0 none}
    .subGnb>ul>li a { font-family:NGBold; }
    .subGnb>ul>li a:hover, .subGnb>ul>li a:focus, .subGnb>ul>li a:active { color:#e32222; background:#ebebeb;}
    .subGnb li a{padding:0;padding: 6px 0;border: 0 none;border:0 none;color:#666}
    .subGnb .prevMenu{display:none !important}
    .subGnb .nextMenu {display:none !important}
    .showGnb{display:block;}
    .headSearch{top: 18px;right: 20px;}
    /*#topContent h1{display:block}*/

    .visualBtn {margin-left:0px;left:10px;top: inherit;bottom: 220px;}
    .visualBtn2 {margin-left:0px;left:8px;top: inherit;bottom: 220px;}
    .visualBtn3 {margin-left:0px;left:183px; top: inherit;bottom: 220px;}	/* edit*/

    .visualUtil {position: relative;top: inherit;left: inherit;width:100%;overflow:hidden;margin-left:0;}
    .visualBanner{float:left;}
    .visualFb{margin-left:210px;width:auto;margin-top:0;}
    .bannerSlider{width:210px;;margin:0 auto;}
    .adSlider{width:210px;;margin:0 auto;}
    .visualUtil .visualBanner img{width:100%}

    .visualSns{margin-left:0;left:inherit;right:63px;}
    .bType .visualSns{margin-left: 0px;right:20px;}
}

@media screen and (max-width :768px) {
    .webImg{display:none;}
    .MobileImg{display:block;}
    .tableWrap .mGuide{display:block}
}

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

    #baseLink{display:none}
    #header{border-top:4px solid #e60013}
       /*.visualBtn {position:static;margin-left:0px;padding:5px;text-align:right}*/
    .visualBtn{bottom:10px;}
    .visualBtn2{bottom:50px;}
    .visualBtn3{margin-left: -175px; bottom:10px;}		/* edit */
    .visualSns{right:20px;}
    .visualUtil{display:none}

    #gnb .baseLink { display:block; }
    #gnb .baseLink #util { display:none; }

    #btnSearch { top:23px; right:57px; }

    /*
    .visualUtil {position: relative;top: inherit;right: inherit;width:100%}
    .visualBanner,.visualFb{border-bottom:1px solid #e5e5e5;}
    .bannerSlider{width:100%;max-width:320px;margin:auto;}
    .adSlider{width:100%;max-width:320px;margin:auto;}
    .visualUtil .visualBanner img{width:100%}

    */


    .listNavi li a strong { display:none; }
    .listNavi li a span{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    /*.visualFb{height:250px;}*/
    .btnArea2 + .board-paging{margin-top:10px;}
}

@media screen and (max-width : 700px) {
    .reply-head .info span { float:none;  }
    .reply-head .info span.warning { float:none; margin-top:10px; }
    .reply-head .write textarea,
    .reply-body ul li div textarea { float:none; width:100%; }
    .reply-head .writeInner{margin-right:0}
    .reply-head .write button,
    .reply-body ul li div .btn  { position:static;float:none; width:100%; height:100%; margin:5px 0 0 0; padding:10px 0; background-image:none; text-indent:0; border-radius:3px; }
    .reply-btn { right:0; top:5px; }
    .reply-btn button,
    .reply-btn .delete { padding:7px; margin-left:3px; background:#ccc; color:#fff; border-radius:3px; }
    .reply-btn .cancel { background:#e60000; color:#fff; }
    .noReply { margin-left:25%; }
    .boxProfile { width:100%; left:0 !important; font-size:0.88em; }
    .boxProfile th, .boxProfile td { padding:7px; }

}

@media screen and (max-width : 640px) {
    #moveList, #fixList{position: relative !important;}
}

@media screen and (max-width :479px) {
    #header h1 { margin-left:-25px; }
    #content.bType , #content.newProduct , #content.gift{padding-bottom: 20px;}
    #contentInner {padding: 20px 10px;/* font-size:0.85em; */}
    .productMenu li.on a{color:#fff;background:inherit;font-weight:bold}
    .productMenu>div{margin:0}
    .productMenu>div>ul{width:auto !important}
    .productMenu>div>ul>li{float:none;display:none}
    .productMenu>div>ul>li.on{display:block}
    .productMenu .prevMenu{display:none !important}
    .productMenu .nextMenu{display:none !important}

    .menuBtn{display:block}

    .visualBanner{float:none;width:auto;height:auto}
    .bannerSlider{width:auto;;margin:0;}
    .adSlider{width:auto;;margin:0;}
    .visualFb{margin-left:0;height:auto;width:auto;}

    .board-text .tit{padding: 20px 10px;}
    .board-text .tit h1{float:none}
    .board-text .like{margin-left: 0px;}
    .board-text .subInfo{padding: 15px 10px;}
    .board-text dt{clear:both}

    .dataForm th,.dataForm td{display:block}

    .page-web { display:none; }
    .page-mobile { display:inline; }
}