@import url(reset.css);
@import url(global.css);
@charset "utf-8";


/******************* wrap *************************/

#wrap { margin-left:70px; width:88.8888%; max-width:1600px; min-width:954px;height:100%; max-height:1000px;position:relative;top:0px;}

/************   smartMenu     *********************/
#smartMenu{width:70px; height:100%; position:absolute; /*position:fixed;*/ z-index:20000; top:45px; background:url(/img/vp/images/common/smartMenu_bg.png) repeat; }
#smartMenu .smartMenuTop{width:100%; height:94px; background:url(/img/vp/images/common/smartMenu_top.png) no-repeat;}
#smartMenu li{ text-align:center;}
#smartMenu li a{ padding:10px 10px 13px 10px; color:#ecebeb; font-size:12px; font-weight:bold; word-break:keep-all;display:block; width:50px; height:100%; line-height:120%; background:url(/img/vp/images/common/smartMenu_line.png) repeat-x bottom;}
#smartMenu li a.on{color:#fcffb9; background-color:#6daf19;}


/* visual  */
#visual{ width:100%; height:100%; position:relative;margin-top:0px;}
#visual .imageWrap {overflow:hidden;}
#visual .imageWrap .image{ width:100%; height:100%; position:absolute; display:none;min-width:1024px;}
/*190314ΌφΑ€*/#visual .imageWrap .image .slogan{width:566px; height:438px; top:66px; left:88px; position:absolute; display:none;}
#visual .imageWrap .image .slogan p{width:100%;height:100%; position:absolute; left:0; top:0;}
#visual .imageWrap .image .slogan p img{position:absolute;}
#visual .imageWrap .image .slogan p.obj0 img{left:0;top:215px;}
#visual .imageWrap .image .slogan p.obj1 img{left:48px;top:188px;}
#visual .imageWrap .image .slogan p.obj2 img{left:16px;top:120px;}
#visual .imageWrap .image .slogan p.obj3 img{left:39px;top:137px;}
#visual .imageWrap .image .slogan p.obj4 img{left:223px;top:376px;}
#visual .imageWrap .image .slogan p.obj5 img{left:176px;top:89px;}
#visual .imageWrap .image .slogan p.obj6 img{left:247px;top:0;}
#visual .imageWrap .image .slogan p.obj7 img{left:388px;top:239px;}
#visual .imageWrap .image .slogan p.obj8 img{left:491px;top:216px;}
#visual .imageWrap .image .slogan p.obj9 img{left:10px;top:153px;}
#visual .imageWrap .image .liminal1{position:absolute; right:0; bottom:0;}
#visual .imageWrap .image .liminal{position:absolute; right:0; bottom:0;}


#visual .indi{ position:absolute; top:50px; left:105px; z-index:10000;}
#visual .indi li{float:left}
#visual .indi li a{ display:block; width:19px; height:19px; background:url(/img/vp/images/main/indi_off.png) no-repeat; float:left; text-indent: -5000px;} 


/* contents  */

#contents {width:100%; padding:0 55px; position:absolute; z-index:10000; max-width:1430px; bottom:10px;min-width:854px;}
#contents:after{ content:""; clear:both; display:block;}
#contents .conClose{width:100%; float:left;}
#contents .conClose a{ display:block; width:101px; height:30px; background:url(/img/vp/images/main/contentsBtn.png) no-repeat bottom; text-indent:-5000px; float:right; clear:both;}
#contents .conWrap{width:100%; border-bottom:2px solid #333; border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff; background:url(/img/vp/images/main/contents_bg.png); float:left; padding:20px 0;}
#contents .conWrap li{float:left;}
/* #contents .conWrap ul{float:left;display:none;} */
#contents .conWrap ul{float:left;display:block;}
#contents .conWrap ul li{float:left;}
#contents .conWrap ul li.title{ font-size:16px;color:#232323; font-weight:bold; letter-spacing:-1px; margin-right:20px;}
#contents .conWrap .notice{ margin-left:30px;margin-right:30px}
#contents .conWrap .sketch{ margin-right:30px}
#contents .conWrap ul li.con{overflow:hidden; height:20px;}
#contents .conWrap ul li.con a{ font-size:13px;color:#666; line-height:20px; overflow:hidden;}
#contents .conWrap .notice span{ font-size:13px; color:#666; padding-right:10px;/* font-weight:bold; */}
#contents .conWrap .sketch span{ font-size:13px; color:#666; padding-right:10px;/* font-weight:bold; */}
#contents .conWrap .sketch ul.on span.sketchDate{ padding-left:20px;}
#contents .conWrap .sketch ul.on span.sketchTitle{font-size:14px; color:#222; font-weight:bold;}
#contents .conWrap ul.on li.title{width:100%;}

#contents .conWrap .notice ul.on li.con{ min-width:100%; height:70px; margin-top:15px}
#contents .conWrap .notice ul.on li.con a{ display:block; clear:both; height:23px; font-size:13px;color:#666; line-height:30px}
#contents .conWrap .sketch ul.on li.con{ min-width:100%;height:70px; margin-top:20px; float:left;}
#contents .conWrap .sketch ul.on p.sketchImage{float:left;}
#contents .conWrap .sketch ul.on p.sketchContents{ float:left; margin-left:15px;}
#contents .conWrap .sketch ul.on li.con p.sketchContents a span{float:left; clear:both; display:block; width:100%}
#contents .conWrap .sketch ul.on li.con p.sketchContents a{display:block; margin-top: 4px;line-height:20px; height: 52px; float:left; width:100%;}
#contents .conWrap ul.on li.title a.btnMore{color:#657890; font-size:12px; float:right;}
#contents .conWrap ul.on{display:block;};