body{font-family:'malgun gothic';}.warp{padding:0px;}


.listbtn {background:#fff;display:inline-block;color:#333;border:1px solid #428bca;line-height:30px;height:30px;vertical-align:middle;padding:0 10px;font-weight:bold;border-radius:3px;font-size:13px !important;}
.listbtn:hover {background:#428bca;color:#fff;} 


@font-face {
	font-family: 'ng';
	font-style: normal;
	font-weight: bold;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}


@font-face {
	font-family: 'ngb';
	font-style: normal;
	font-weight: bold;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}



.menu_content{}
.list_area{padding:0px;margin:0px;list-style:none;}



.listviewmode_area ul li {}
 .mleft{width:51%;float:left;}







.storelist{width:100%;padding:5px 0px;}
.storelist div{float:left;padding-right:10px;font-size:11pt;color:#555555;padding-bottom:5px;}
.title{width:15%;}
.title_alt{width:10%;}
.title_add{width:15%;}

.dlast{width:15%;text-align:right;}





 .menus{clear:both;padding:1px 0;border-bottom:1px solid #eeeeee; }

 .mleft img {width:100%;border:0;padding:10px 0;}
 @media (min-width: 668px) {


  .mright{width:49%;float:left; text-align:center;padding-top:50px;}

strong.tit {font:20pt 'ngb'; color:#7d1304;}
strong.tit .ko_txt {display:block; font:13pt "verdana";color:#7d1304;text-transform:uppercase;padding-top:5px;}
 strong.tit .material{display:block; padding:5px 0 20px; font:11pt "ng"; color:#5B865B;padding-top:15px;}
 strong.tit .won {color:#7e6151; font:13pt "ng";}
 strong.tit .won .value {font:24pt "ngb"; padding-right:5px; position:relative; top:-5px;}
 strong.tit .gram {color:#7e6151; font:13pt "Arial"; text-transform:none; }
span.dsc {display:block;font:13px/1.5 "ngb";color:#3b312c;margin-bottom:20px;padding:0 15px;}
}
.field1{white-space: nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;}

 @media (max-width: 667px){
.title_alt{display:none;}
.field1{display:none;}
.title{width:35%;}
.title_add{width:35%;}

  .mright{width:49%;float:left; text-align:center;padding-top:15px;}

 strong.tit {font:12pt "cf"; color:#7d1304;font-weight:bold; }
strong.tit .ko_txt {display:block; font:9pt "verdana"; color:#5f1600;text-transform:uppercase;}
 strong.tit .material{display:block; padding:5px 5px 5px; font:9pt "malgun gothic"; color:#7e6151;}
 strong.tit .won {color:#FF7F2A; font:11pt "ng";}
 strong.tit .won .value {font:14pt "ng"; font-weight:bold;}
 strong.tit .gram {color:#7e6151; font:11pt "Arial"; text-transform:none; }
 span.dsc {display:none;font:13px/1.5 "ngb";color:#3b312c;margin-bottom:20px}
 
 
 } 

li{list-style:none;}
ul{padding-left:1px;
-webkit-padding-start: 1px;
}
/* tab type */
.tab01 { margin-bottom: 20px; *zoom: 1; }
.tab01:after { content:""; display: block; clear: both; }
.tab01 > li { position: relative;  width:25%; letter-spacing:-1px;  margin-bottom: -1px; margin-left: -1px; text-align: center; float: left; }
.tab01 > li > a { display: block; padding: 5px 5px 7px 5px; color: #666; line-height: 20px; font-size: 13px; font-weight: bold; border: 0px solid #e9e9e9; background: #fbfbfb;
margin: 5px;
    border-radius: 3px;}
.tab01 > li.on { z-index: 1; }
/*.tab01 > li.on > a { color: #2549af; border-color: #598cdc; background: #bdd6fe; }*/
.tab01 > li.on > a { color: #ffffff; border-color: #598cdc; background: #006633; }

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

/* tab type */
.tab01 { margin-bottom: 20px; *zoom: 1; }
.tab01:after { content:""; display: block; clear: both; }
.tab01 > li { position: relative; width: 50% !important; margin-bottom: -1px; margin-left: -1px; text-align: center; float: left; }
}









.clear{clear:both;}




.bderGray_T1 {border-top:1px solid #ececec}

/* Contens Area ---------------*/
#cnt {float:left; width:100%; padding:10px 0px; margin:0px}
.fl {FLOAT: left !important}
.fr {FLOAT: right !important}
.center {text-align:center;}
 


.clear{clear:both;}
.mdf{width:100%;text-align:center;}

.mdf80{width:80%;padding:0 10%;}
.mdf80r{width:80%;padding:0 10%;border-radius:6px;background:#ff0000;height:auto;}
.md3{width:30%;float:left;margin-left:0%;}
.md3 img{width:90%;}
.md2 img{width:90%;}
.md6{width:68%;float:left;text-align:left;margin-left:2%}
.md6t{width:68%;float:left;text-align:left;padding-top:20px;}
.md2{width:20%;float:left;margin-left:0%;}
.md7{width:78%;float:left;margin-left:2%;text-align:left;}
.md5{width:50%;float:left;}
.md5 img{width:90%;}
.md9{width:100%;float:left;text-align:left;}

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

.mdf80{width:90%;padding:0 5%;}
.i30{width:100%;text-align:center;}
.i30 img{width:50%;}
.i70{float:left;width:100%;font-size:10pt;}
.i100 img{width:100%;}
.md3{width:100%;float:left;}.md6{width:100%;float:left;}
.md6t{width:68%;float:left;text-align:left;margin-left:2%}
.md2{width:20%;float:left;margin-left:0%;}
.md7{width:77%;float:left;margin-left:2%;}
.md5{width:100%;}
.md5 img{width:80%;}
.md9{width:100%;float:left;text-align:left;}

.smartOutput img{width:100%;}
}