/* BASIC css start */
#contentWrap{ width:100%; }
.fleft {float:left !important;}
.cboth {clear:both;}

#main { position: relative; overflow-x:hidden; margin-bottom:80px;}
/* visual, notice */
#main .visual-evt { zoom: 1; overflow: hidden; }
/* visual */
#main .visual-evt .visual { float: left; }
/* notice */
#main .visual-evt .evt-wrap { float: right; width: 212px; }
#main .visual-evt .ntc h2 { font-size: 0; line-height: 0; }
#main .visual-evt .ntc .list { zoom: 1; overflow: hidden; padding-top: 17px; padding-left: 10px; margin-right: 6px }
#main .visual-evt .ntc .list li,
#main .visual-evt .ntc .list a { float: left; }
#main .visual-evt .ntc .list li { padding-left: 16px; width: 180px; background: url(/images/d3/modern_simple/common/bull_main_ntc.gif) no-repeat 0 45%; }
#main .visual-evt .ntc .list a { width: 100%; height: 23px; line-height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#main .visual-evt .ntc .list a:hover { font-weight: bold; letter-spacing: -1px; text-decoration: underline; }
/* Ã⼮üũ event */
#main .visual-evt .ad { font-size: 0; line-height: 0; text-align: right; }
/* best-evt */
#main .best-evt { zoom: 1; overflow: hidden; margin-top: 20px; }
/* slideBestEvt */
#main #slideBestEvt { float: left; width: auto; border-left: 0; }
/* hashBestEvt */
#main #hashBestEvt { position: relative; float: right; }
/* flashHeadlineBanner */
#main #headlineBanner { position: relative; margin-top: 20px; }
/* md`s pick item */
#main #mdItem { position: relative; margin-top: 20px; }
/* »óÇ° ¸®½ºÆ®- °øÅë */
#main .mprd-cm { margin-top: 40px; }
#main .mprd-cm .tit-prd { padding-bottom: 7px; font-size: 0; line-height: 0; border-bottom: 1px solid #e5e5e5; }

/* ¸ÞÀÎ »ó´Ü ¹è³Ê */
#dm_main{ clear:both; width:100%; height:500px; margin-bottom:35px; }
#dm_main .bx-wrapper img{max-width:none;}
#dm_main .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #fff;} 
#dm_main .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } 
#dm_main .bx-wrapper .bx-pager.bx-default-pager a { width: 16px; height: 16px; border-radius: 16px; background: #f0f0f0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } 
#dm_main .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 10px; }

#dm_main{ clear:both; width:100%; height:auto; margin-bottom:35px; text-align:center;position:relative;}
#dm_main .bx-wrapper {width:100% !important;position:relative;width:100%;min-width:1920px;left:50%;transform:translateX(-50%)}
#dm_main .bx-wrapper img{width:100% !important;}
#dm_main .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #fff;} 
#dm_main .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } 
#dm_main .bx-wrapper .bx-pager.bx-default-pager a { width: 16px; height: 16px; border-radius: 16px; background: #f0f0f0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } 
#dm_main .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 10px; }

#dm_main .btn_acti { width:60px;position:absolute;bottom:0;margin-bottom:-8px;left:50%;margin-left:-30px;font-size:14px;color:#333; font-weight:400; display:inline-block;}
#dm_main .btn_acti .pbtn { font-size:14px; line-height:1; color:#ccc; display:inline-block; vertical-align:top; text-align:center;padding-top:12px;}
#dm_main .btn_acti .pbtn .num { color:#333; }
#dm_main .btn_acti .pbtn .total { color:#999; }
#dm_main .btn_acti>a { position:relative; right:0;}

#dm_main .bx-wrapper{position: relative;font-size:0;}
#dm_main .bx-controls-direction{width:120px;height:35px;z-index:9;background:#fff;border:1px solid #ddd;border-radius:20px;position:absolute;left:50%;margin-left:-60px;bottom: 0px;margin-bottom:-17px;}
#dm_main .bx-controls-direction>a{width:14px; height:20px; display:block; position:absolute; top:8px; z-index:999;margin-top:0;}
#dm_main .bx-controls-direction>.bx-prev{width:14px; height:20px;background: url('/design/ss5109/dm_img/btn_mprev.png') no-repeat center center;background-size:auto 15px; left:10px;}
#dm_main .bx-controls-direction>.bx-next{width:14px; height:20px;background: url('/design/ss5109/dm_img/btn_mnext.png') no-repeat center center; background-size:auto 15px;right:10px; }

.middle_wrap { width:1200px; margin:0 auto;}

/* 3´Ü ¹è³Ê */
.section01 { height:200px;}
.section01 .dm_main_b {width:1200px; float:left; margin:0 auto; }
.section01 .dm_main_b li { float:left; width:390px; height:200px; background:#aaa;}
.section01 .dm_main_b li a{}
.section01 .dm_main_b li.top_b2 { margin:0 15px; }

/*--- ¸ÞÀΠŸÀÌƲ ---*/
.section_normalprd {width:1200px; margin:80px 0px 40px; }
.section_normalprd .tit-prd a{ text-align:left; height:50px; margin-top:80px; color:#000; font-size:2em; line-height:36px; font-weight:700; font-family:"Roboto Condensed"; letter-spacing:5px; position:relative;}
.section_normalprd .tit-prd-bd {width:11px; height:2px; background-color:#000; margin-top:4px; position:absolute;}
.section_normalprd .tit-prd span.mdot {display:block; width:30px; height:1px; margin:10px auto 10px; border-bottom:6px dotted #666;}

/* º£½ºÆ® ¾ÆÀÌÅÛ */
.main_best {width:1200px; margin:0 auto;}
.main_best .prd-list {line-height:20px; max-width:1200px; }
.main_best .prd-list table td { border: 0; vertical-align: top; }
.main_best .prd-list table .info { padding: 20px 0; }
.main_best .prd-list .thumb { width: 100%; height: auto !important; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; }
.main_best .prd-list .thumb a,
.main_best .prd-list .thumb img { max-width: 100%; }
.main_best .prd-list .dsc { margin:18px 0 14px 0; padding-bottom:12px; border-bottom:1px solid #e9e9e9; color:#000; font-weight:normal; font-size:14px; }
.main_best .prd-list .dsc2 {font-size:12px; color:#999; line-height:18px;}
.main_best .prd-list .price { margin:12px 0 0 0; letter-spacing:-0.3px; font-weight: 700; font-size:15px; color: #000; }
.main_best .prd-list .price span { display:block; color:#919191; }
.main_best .prd-list .icon { margin:8px 0 0; }
.main_best .prd-list .icon img { margin:0 2px; }
.main_best .prd-list .preview { margin-top: 10px; }

/* ´º ¾ÆÀÌÅÛ Å¸ÀÌƲ */
.main_title {text-align:center; clear:both;}
.main_title .main_title01 {font-size:2em; font-weight:700; letter-spacing:2px; padding-top:80px; font-family:"Roboto Condensed"; letter-spacing:5px; color:#000;}
.main_title .main_title02 {font-size:13px; color:#999999; text-align:center; letter-spacing:-0.3px; padding-top:3px;}
.main_title .square_line {width:40px; height:3px; background-color:#000; margin:14px auto 0px;}

/* ´º ¾ÆÀÌÅÛ */
.section_newi {width:1630px; margin:80px 0px 40px; }
.section_newi .tit-prd {width:12%; margin:0 auto;}
.section_newi .tit-prd a{ text-align:center; height:50px; margin-top:80px; color:#000; font-size:2em; line-height:36px; font-weight:700; font-family:"Roboto Condensed"; letter-spacing:5px; position:relative;}
.section_newi .tit-prd-bd {width:11px; height:2px; background-color:#000; margin-top:4px; position:absolute;}

.main_new_wrap { width:100%; margin:20px 0 80px;; padding:50px 0; background:#f9f9f9;}
.main_new { position: relative; max-width: 1630px; margin: 0 auto; overflow: hidden; font-size: 0;}
.main_new .DB_mask {position:relative;display:block; width:100%; margin:0 auto;padding:25px 0;height:260px;overflow:hidden;}
.main_new .DB_imgSet {position:absolute; left:50%; margin-left:-805px;}
.main_new .DB_imgSet > li { display:inline-block; width:260px; /*margin-right:20px;*/ cursor:pointer; border:1px solid #eee; box-sizing:border-box;}

.main_new .thumb { width: 100%; height: auto !important; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; position:relative; }
.main_new .thumb a,
.main_new .thumb img { display: block; max-width: 100%; }
.main_new .overlay { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; opacity:0; transition:.3s ease; background-color:#fff; font-size:12px;}
.main_new .DB_imgSet .info:hover .overlay { opacity:0.8; }
.main_new .text { position: relative; top:50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); line-height:20px; text-align:center; letter-spacing:1px; }
.main_new .dsc { font-size:14px; color:#000; margin:0 0 2px; }
.main_new .dsc2 {font-size:12px; color:#999; line-height:18px;}
.main_new .price { font-size:15px; letter-spacing:-0.3px; font-weight: 700; color: #000; margin:12px 0 2px;  }
.main_new .price span { display:block; color:#919191; }
.main_new .icon { margin:8px 0 0; }
.main_new .icon img { margin:0 2px; }
.main_new .preview { margin-top: 5px; }

.main_new:hover .arrow { opacity:1; transition:0.3s; margin-left:0; margin-right:0;} 
.main_new .arrow { position:absolute;z-index:10;top:-10px;width:50px;height:100px;text-indent:-9999px;cursor:pointer;opacity:0.1;transition:0.3s;}
.main_new .DB_prevBtn {left:50px;background:url('/design/ss5109/dm_img/images/arrowL_50.png') no-repeat center;margin-left:5px; }
.main_new .DB_nextBtn {right:50px;background:url('/design/ss5109/dm_img/images/arrowR_50.png') no-repeat center;margin-right:5px;}

/* --- ¸ÞÀÎ Ãß°¡ »óÇ°1--- */
.main_add1 {width:1200px; margin:0 auto;}
.main_add1 .prd-list {line-height:20px; max-width:1200px; }
.main_add1 .prd-list table td { border: 0; vertical-align: top; }
.main_add1 .prd-list table .info { padding: 20px 0; }
.main_add1 .prd-list .thumb { width: 100%; height: auto !important; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; }
.main_add1 .prd-list .thumb a,
.main_add1 .prd-list .thumb img { max-width: 100%; }
.main_add1 .prd-list .dsc { margin:18px 0 14px 0; padding-bottom:12px; border-bottom:1px solid #e9e9e9; color:#000; font-weight:normal; font-size:14px; }
.main_add1 .prd-list .dsc2 {font-size:12px; color:#999; line-height:18px;}
.main_add1 .prd-list .price { margin:12px 0 0 0; letter-spacing:-0.3px; font-weight: 700; font-size:15px; color: #000; }
.main_add1 .prd-list .price span { display:block; color:#919191; }
.main_add1 .prd-list .icon { margin:8px 0 0; }
.main_add1 .prd-list .icon img { margin:0 2px; }
.main_add1 .prd-list .preview { margin-top: 10px; }

/* ´º·¹½ÃÇÇ */
.main_recipe {width:1200px; margin:0 auto;}
.dm_middle3 { clear: both; height: 500px; margin:80px 0 60px;}
.dm_middle3 .title a {text-align:left; font-size:2em; height:50px; margin-top:80px; line-height:36px; font-weight:700; color:#000; font-family:"Roboto Condensed"; letter-spacing:5px; position:relative;}
.dm_middle3 .title .tit-prd-bd {width:11px; height:2px; background-color:#000; margin-top:4px; position:absolute;}
.dm_middle3 ul {margin-top:15px;}
.dm_middle3 ul li:first-child {padding-left: 0px;}
.dm_middle3 ul li {float: left; position: relative; padding-left: 10px; margin-top:15px;}
.txttxt2 { display: none; width: 342px; height: 424px; background: #000; opacity: 0.8; top: 0px; left: 0px; position: absolute; text-align: center;}
.txttxt2 span { padding-top: 180px; display: inline-block; color: #fff;font-size: 14px; line-height: 20px; }
.dm_middle3 ul li:hover .txttxt2 { display: block;}
.txttxt22 { display: none; width: 342px; height: 424px; background: #000; opacity: 0.8; top: 0px; left: 10px; position: absolute; text-align: center;}
.txttxt22 span { padding-top: 180px; display: inline-block; color: #fff; font-size: 14px; line-height: 20px;}
.dm_middle3 ul li:hover .txttxt22 { display: block; }


/* ¸ÞÀÎ Ãß°¡ »óÇ°2 */
.clear2 {height:36px;width:1200px;background:url('http://www.go5109.com/design/ss5109/dm_img/bg_line.jpg')repeat-x;text-align:center; margin:0 auto;}
.clear2 .title_line {height:50px;background:#fff;padding:0px 70px;display:inline-block; /* font-family: 'Roboto Condensed', sans-serif;*/ color:#000; font-size:2.2em;line-height:36px;font-weight:700;letter-spacing:0.5px;}

.main_add2 { width:1200px; margin:0 auto; clear:both; }
.prd-list-hover { margin:20px 0px 65px; position:relative; display:inline-block; vertical-align:middle; }
.prd-list-hover table td { border: 0; vertical-align: top; }
.prd-list-hover table .tb-center { padding:4%; position:relative; }
.prd-list-hover table .info { padding:0; position:relative; cursor:pointer; border:1px solid #eee; }
.prd-list-hover .thumb { width: 100%; height: auto !important; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; position:relative; }
.prd-list-hover .thumb a,
.prd-list-hover .thumb img { display: block; max-width: 100%; }

.prd-list-hover .overlay { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; opacity:0; transition:.3s ease; background-color:#fff; }
.prd-list-hover table .info:hover .overlay { opacity:0.8; }
.prd-list-hover .text {  position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); line-height:20px; text-align:center; letter-spacing:1px; }

.prd-list-hover .dsc { font-size:14px; color:#000; margin:0 0 2px; }
.prd-list-hover .price { font-size:15px; letter-spacing:-0.3px; font-weight:700; color: #000; margin:12px 0 2px;  }
.prd-list-hover .price span { display:block; color:#919191; }
.prd-list-hover .icon { margin:8px 0 0; }
.prd-list-hover .icon img { margin:0 2px; }
.prd-list-hover .preview { margin-top: 5px; }

/* ¸ÞÀÎ Ãß°¡ »óÇ°3 */
.main_add3_wrap { width:100%; padding:50px 0; background:url('/design/ss5109/dm_img/images/b_line.png') 0 0 repeat;}
.main_add3 { position: relative; max-width: 1630px; margin: 0 auto; overflow: hidden; font-size: 0;}
.main_add3 h2{ position: relative; margin: 0 auto 30px; text-align: center; font-size: 20px; color: #111;}
.main_add3 h2 span { display: block; margin: 0 0 3px; text-align: center; font-size: 13px; font-weight: 400; color: #888;}
.main_add3 .DB_mask {position:relative;display:block; width:100%; margin:0 auto;padding:10px 0;height:260px;overflow:hidden;}
.main_add3 .DB_imgSet {position:absolute; left:50%; margin-left:-805px;}
.main_add3 .DB_imgSet > li { display:inline-block; width:260px; /*margin-right:20px;*/ cursor:pointer; border:1px solid #eee; box-sizing:border-box;}

.main_add3 .thumb { width: 100%; height: auto !important; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; position:relative; }
.main_add3 .thumb a,
.main_add3 .thumb img { display: block; max-width: 100%; }
.main_add3 .overlay { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; opacity:0; transition:.3s ease; background-color:#fff; font-size:12px;}
.main_add3 .DB_imgSet .info:hover .overlay { opacity:0.8; }
.main_add3 .text { position: relative; top:50%; left:50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); line-height:20px; text-align:center; letter-spacing:1px; }
.main_add3 .dsc { font-size:14px; color:#000; margin:0 0 2px; }
.main_add3 .price { font-size:15px; letter-spacing:-0.3px; font-weight: 700; color: #000; margin:12px 0 2px;  }
.main_add3 .price span { display:block; color:#919191; }
.main_add3 .icon { margin:8px 0 0; }
.main_add3 .icon img { margin:0 2px; }
.main_add3 .preview { margin-top: 5px; }

.main_add3:hover .arrow { opacity:1; transition:0.3s; margin-left:0; margin-right:0;} 
.main_add3 .arrow { position:absolute;z-index:10;top:-10px;width:50px;height:100px;text-indent:-9999px;cursor:pointer;opacity:0.1;transition:0.3s;}
.main_add3 .DB_prevBtn {left:50px;background:url('/design/ss5109/dm_img/images/arrowL_50.png') no-repeat center;margin-left:5px; }
.main_add3 .DB_nextBtn {right:50px;background:url('/design/ss5109/dm_img/images/arrowR_50.png') no-repeat center;margin-right:5px;}

/* --- ¸ÞÀÎ Ãß°¡ »óÇ°4--- */
.section_normalprd.main_add4 .tit-prd a{font-size:1.7em; font-family:"Nanum Gothic"}
.mprd-cm {width:1200px; margin:80px auto; }
.main_add4 .prd-list {line-height:20px; max-width:1200px; }
.main_add4 .prd-list table td { border: 0; vertical-align: top; }
.main_add4 .prd-list table .tb-center { padding: 0 3%; }
.main_add4 .prd-list table .info { padding: 20px 0; }
.main_add4 .prd-list .thumb { width: 100%; height: auto !important; margin-left: auto; margin-right: auto; font-size:0; line-height: 0; }
.main_add4 .prd-list .thumb a,
.main_add4 .prd-list .thumb img { max-width: 100%; }
.main_add4 .prd-list .dsc { margin:18px 0 14px 0; padding-bottom:12px; border-bottom:1px solid #e9e9e9; color:#000; font-weight:normal; font-size:14px; }
.main_add4 .prd-list .dsc2 {font-size:12px; color:#999; line-height:18px;}
.main_add4 .prd-list .price { margin:12px 0 0 0; letter-spacing:-0.3px; font-weight: 700; font-size:15px; color: #000; }
.main_add4 .prd-list .price span { display:block; color:#919191; }
.main_add4 .prd-list .icon { margin:8px 0 0; }
.main_add4 .prd-list .icon img { margin:0 2px; }
.main_add4 .prd-list .preview { margin-top: 10px; }

/*.main_add4 { padding-bottom:40px; min-width: 1200px; }
.main_add4 .box_1200 { position:relative; clear:both; width:1200px; margin:0 auto; }

.main_add4 .main_title { clear:both; width:100%; min-width:1200px; line-height:50px; border-bottom:1px solid #e9e9e9; margin:0 auto 40px; padding-top:60px; text-align:center; font-weight:400; letter-spacing:1px; font-size:15px; color:#000; }
.main_add4 .main_title .main_title_top { position:relative; display:inline-block; *display:inline; *zoom:1; line-height:50px; border-bottom:2px solid #000; top:1px; }

.main_add4 .item-wrap .item-list { width:1200px; margin:0 auto;}
.main_add4 .item-wrap .item-list td { vertical-align:top; padding:0 3%;} 
.main_add4 .item-wrap .item-list ul { padding:20px 0;}

.main_add4 .item-wrap .item-list .box { clear:both; text-align:center;}
.main_add4 .item-wrap .item-list .prd-thumb { width:100%; margin:0 auto;}
.main_add4 .item-wrap .item-list .prd-thumb img {max-width:100%; margin:0 0 10px;}

.main_add4 .item-wrap .item-list .prd-thumb .infobox{position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.65); padding:95px 10px; box-sizing:border-box; opacity:0; transition: 0.3s;}
.main_add4 .item-wrap .item-list .prd-thumb:hover .infobox{opacity:1;}
.main_add4 .item-wrap .item-list .prd-icon {text-align:center;}
.main_add4 .item-wrap .item-list .prd-name {font-size:12px; line-height:20px; text-align:center; color:#333;}
.main_add4 .item-wrap .item-list .prd-subname {color:#e3e3e3;}
.main_add4 .item-wrap .item-list .prd-price {font-size:11px; display:block; text-align:center; color:#333;}
.main_add4 .item-wrap .item-list .prd-consumer {color:#e3e3e3;}*/


/*.main_add4 {width:100%;text-align:center;padding-top:30px; display:none; }
.main_add4 h2{ position: relative; margin: 0 auto 30px; text-align: center; font-size: 20px; color: #111;}
.main_add4 h2 span { display: block; margin: 0 0 3px; text-align: center; font-size: 13px; font-weight: 400; color: #888;}
.main_add4 .add4_inner {display:inline-block;width:1200px;}
.main_add4 .inner_p {float:left;width:292.5px;padding-top:24px; margin-bottom:10px; border:1px solid #ccc;}
.main_add4 .inner_p:last-child {margin-right:0;}
.main_add4 .info { width:292.5px;}
.main_add4 .thumb {text-align:center;}
.main_add4 .dsc {text-align:center;padding:10px 0px 5px;width:70%;margin:0 auto;color:#000}
.main_add4 .price {text-align:center;color:#000;}*/
/* BASIC css end */