@charset "utf-8";

/**/
.hashtag_box { text-align:center; background-color:#f1f5f9; margin-top:18px; padding:10px 0px; border:1px solid #a4bcdd; font-size:13px;}
.hashtag_box a { display:inline-block; padding:3px 7px; color:#333333; }
.hashtag_box a:hover { border-radius:15px; background-color:#fff; text-decoration:none; }

/*animation*/
.list_wrap                                           { width:100%; margin:20px auto; zoom:1; }
.list_wrap:after                                     { display:block; clear:both; content:''; }
.list_wrap .list_box                                 { zoom:1; }
.list_wrap .list_box:after                           { display:block; clear:both; content:'' }
.list_wrap .list_box a                               { position:relative; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s; }
.list_wrap .list_box a:hover,
.main_menu .list_box a:focus                         { margin-top:0px; }


div.list_theme2 div.list_box                         { border:1px solid #c1c1c1; margin:20px 0px; min-height:410px; position: relative; display:block; }
div.list_theme2 div.list_box a                       { display :block; padding:10px 20px 0px;}
div.list_theme2 div.list_box a h3                    { color:#0055a2; font-size:22px; font-weight:600; margin-bottom:4px; }
div.list_theme2 div.list_box a p                     { color:#414141; padding:0px 0px; }
div.list_theme2 div.list_box a div.cont              { border-top:1px solid #e4e4e4; padding-top:15px; }
div.list_theme2 div.list_box a div.cont div.prdImg   { width: 350px; display: inline-block; height: 280px; float: left; text-align: center;}
div.list_theme2 div.list_box a div.cont div.view     { display:inline-block; width:280px; height:280px; background:#efeff1; overflow:hidden; }
div.list_theme2 div.list_box a div.cont div.view div.list_img {width:100%; height:100%; overflow: hidden; position:relative; -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;-webkit-transform: translateZ(0);image-rendering: -webkit-optimize-contrast;}
div.list_theme2 div.list_box:hover a div.cont div.view div.list_img { transform: scale(1.10);-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);}
div.list_theme2 div.list_box a div.cont div.info     { display:inline-block; float:left; width:690px; padding-left:30px; }
div.list_theme2 div.list_box a:hover                 { text-decoration:none; cursor:hand; display:block; }
div.list_theme2 div.list_box:hover                   { border:1px solid #4883bf;  display:block; }
div.list_theme2 div.list_box a span.go_cont          { position: absolute; top:30px; right:30px; display:block; width:36px; height:36px; }
div.list_theme2 div.list_box:hover a span.go_cont    { background:url("images/mall/ico_list_plus.png") no-repeat; }
div.list_theme2 div.list_box span.soldout            { color:#ff5730; }


/* table */
div.list_box table                                   { border-bottom: 1px solid #e1e1e1; }
div.list_box table th                                { text-align:center; }
div.list_box table td                                {  }
div.list_box table tbody th                          { background: #f9f9f9; font-weight: normal; }
div.list_box table span.cost                         { font-weight:bold; font-size:16px; color:#ef4300; }

div.list_box div.hashtag                             { clear:both; display:block; margin:10px 0 0 30px; background:url("/Ivyimages/common/mall/ico_hashtag.png") no-repeat 0 5px; padding-left:33px; }
div.list_box div.hashtag img                         { vertical-align:middle; }
div.list_box div.hashtag a                           { display:inline-block; font-size:14px; color:#2f5871; padding:0px;}
div.list_box div.hashtag a:hover                     { display:inline-block; }


 div.cont03 {float:right;width:35%;/* background-color:#f8f8f8; */margin: 10px 30px;padding:30px 0px 15px 0px;}
 div.include_bottom {clear:both;}
 div.cont03 div.maskList { width:100%; margin:0 auto; position:relative;}
 /*div.cont03 div.common_title {position:relative; margin:0 0 10px; padding:0; text-align:center;}
 div.cont03 div.common_title h3 {font-size:20px; color:#333; font-weight:600; letter-spacing:0.5px; font-family:"Nanum Gothic","맑은 고딕","Malgun Gothic";}*/
 div.cont03 div.main_title {display:inline-block; padding:10px 30px;}
 div.cont03 div.DB_mask {width:100%; overflow:hidden; position:relative;}
 div.cont03 div.DB_mask ul.DB_imgSet {margin:0 auto; position:relative;}
 div.cont02 div.DB_mask li.item {width:360px;}
 div.cont03 div.DB_mask ul li {width:360px; margin-right:10px; list-style-type:none; position:relative; padding:0; vertical-align:top;}
 div.cont03 div.DB_mask ul li:last-child {margin-right:0px;}
 div.cont03 div.DB_mask li img {width:100%;}
 div.cont03 div.DB_mask li .thumbnail_view { height:270px; }
 div.cont03 div.DB_mask li h2{font-size:16px;font-weight:600;margin:80px 0 0 0; line-height:20px;}
 div.cont03 div.DB_mask li h3{font-size:14px;font-weight:normal;color:#fff;margin:0px; line-height:20px;margin-top:30px;}
 div.cont03 div.DB_mask ul li .thumbnail_m {position:relative;}
 div.cont03 div.DB_mask li .thumbnail_m .thumbnail_a img{vertical-align:top;-webkit-transition:0.7s;-ms-transition:0.7s;}
 div.cont03 div.DB_mask ul li .thumbnail_m .dim-box {position:absolute;left:0;top:0;display:block;width:360px;height:270px;background-color:rgba(0,0,0,0);-webkit-transition:0.7s;-ms-transition:0.7s;z-index:20;}
 div.cont03 div.DB_mask ul li .thumbnail_m:hover .dim-box{background-color:rgba(0,0,0,0.75);}
 div.cont03 div.DB_mask ul li .thumbnail_m .thumbnail_txt{position:absolute;top:0px;display:block;width:360px;height:270px;color:#fff;text-align:center;line-height:20px;font-size:12px;font-weight:bold;opacity:0;-webkit-transition:0.7s;-ms-transition:0.7s;z-index:30;}
 div.cont03 div.DB_mask ul li .thumbnail_m:hover .thumbnail_txt{opacity:1;}
 div.cont03 div.bx-controls {clear:both; text-align:center;}
 div.cont03 div.bx-controls-direction a.bx-prev{position:absolute;z-index:1000;top:58%;left:-30px;width:30px;height:47px;margin-top:0;background: url('/Ivyimages/board/slide_bt_prev.png') no-repeat center center ; text-indent: -9999px;}
 div.cont03 div.bx-controls-direction a.bx-next{position:absolute;z-index:1001;top:58%;right:-30px;width:30px;height:47px;margin-top:0;background: url('/Ivyimages/board/slide_bt_next.png') no-repeat center center ; text-indent: -9999px;}

div.catalog_theme2{}
div.category_info {float:left;width:50%;margin: 50px 50px;font-size: 20px;line-height: 1.7em;}
div.cataBox {width:134px; height:155px; border:1px inset #d8e4e3; overflow:hidden; position: relative; box-shadow:2px 1px 7px rgba(0,0,0,0.2);}
div.cataBox div.list_img {width:100%; height:100%; overflow: hidden; position:relative;  -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;-webkit-transform: translateZ(0);image-rendering: -webkit-optimize-contrast;}
div.cataBox:hover div.list_img {transform: scale(1.10);-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);}
div.cataBox div.cata-title{width:160px; position: absolute; bottom:0px; text-align:center; padding:5px 0; /*font-weight:bold;*/ font-size:1.2em; background:rgba(0,0,0,0.7); color:#95e7ff; line-height:140%;}
div.cataBox div.cata-title > strong{font-size:0.8em; color:#0099ff; letter-spacing:-0.5px;}
div.cataBox span { display:block;
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     opacity:0;
     background:rgba(0,0,0,.7);
     background-repeat:no-repeat;
     background-position:center center;
     -webkit-transition-duration:.3s;
     transition-duration:.3s;}
div.cataBox span:before,
div.cataBox span:after {content:'';display:block;position:absolute;left:50%;top:40%;background:#fff; -webkit-transition-duration:.5s; transition-duration:.5s;}
div.cataBox span:before {width:0;height:1px;margin-left:-0;}
div.cataBox span:after {width:1px;height:0;margin-top:-0;}
div.cataBox:hover span {opacity:1;}
div.cataBox:hover span:before {width:50px;margin-left:-25px;}
div.cataBox:hover span:after {height:50px;margin-top:-25px;}