@charset "utf-8";
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(/bizonvi/fonts/NanumSquareR.eot);
 src: url(/bizonvi/fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(/bizonvi/fonts/NanumSquareR.woff) format('woff'),
      url(/bizonvi/fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {font-family: 'BareunBatang';font-style:normal;font-weight:normal;src: url('/bizonvi/fonts/BareunBatangL.eot');src: local('☺'),url('/bizonvi/fonts/BareunBatangL.eot') format('embedded-opentype'),url('/bizonvi/fonts/BareunBatangL.woff') format('woff'),url('/bizonvi/fonts/BareunBatangL.ttf') format('truetype');}
		
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-size:100%;}
*{margin:0;padding:0;word-wrap:break-word;
word-break: break-all;}
html, body{ margin:0; padding:0;}
html {-webkit-text-size-adjust:none}
body {font: 15px/140% NanumSquare, 'NanumSquare', 나눔스퀘어, NanumGothic,  'Nanum Gothic','나눔고딕', sans-serif,Dotum, '돋움', AppleGothic, verdana;color:#222;}
a{text-decoration:none;color:inherit;}
.msie7 a{color:#222;}

em,i{font-style:normal;}
ul,li{list-style:none;margin:0;padding:0;}

table {border-collapse: collapse;border:none;}
th, td {padding: 0;}
textarea{resize:none;}


.radius-btn40{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'BareunBatang';
	font-size:20px;
	color:#666666;
	line-height:40px;
	border-radius:40px;
	height:40px;
	border:1px solid transparent;
	background:#fff;
	padding: 0 25px;
	letter-spacing:0px;
	overflow:hidden;
	letter-spacing:1px;
	-webkit-transition: all 400ms;
}
.radius-btn40:hover{background:#a1bbbb;color:#fff;}

.radius-btn34{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'BareunBatang';
	font-size:17px;
	color:#fff;
	line-height:34px;
	border-radius:34px;
	height:34px;
	border:1px solid transparent;
	background:#333;
	padding: 0 15px;
	letter-spacing:0px;
	overflow:hidden;
	letter-spacing:1px;
	-webkit-transition: all 400ms;
}

.radius-btn34-8a{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'BareunBatang';
	font-size:17px;
	color:#fff;
	line-height:34px;
	border-radius:34px;
	height:34px;
	border:1px solid transparent;
	background:#8aaaaa;
	padding: 0 15px;
	letter-spacing:0px;
	overflow:hidden;
	letter-spacing:1px;
	-webkit-transition: all 400ms;
}


.radius-btnsearch{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:17px;
	color:#fff;
	line-height:33px;
	border-radius:5px;
	height:33px;
	border:1px solid transparent;
	background:#000;
	padding: 0 10px;
	letter-spacing:0px;
	overflow:hidden;
	letter-spacing:1px;
	-webkit-transition: all 400ms;
}

.radius-btn34-ff{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'BareunBatang';
	font-size:17px;
	color:#8aaaaa;
	line-height:34px;
	border-radius:34px;
	height:34px;
	border:1px solid #8aaaaa;
	background:#fff;
	padding: 0 15px;
	letter-spacing:0px;
	overflow:hidden;
	letter-spacing:1px;
	-webkit-transition: all 400ms;
}

.radius-btn34-c2{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'BareunBatang';
	font-size:17px;
	color:#888888;
	line-height:34px;
	border-radius:34px;
	height:34px;
	border:1px solid #c2c2c2;
	background:#fff;
	padding: 0 15px;
	letter-spacing:0px;
	overflow:hidden;
	-webkit-transition: all 400ms;
}

.radius-order-cancel{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'BareunBatang';
	font-size:16px;
	color:#888888;
	line-height:25px;
	border-radius:25px;
	height:25px;
	border:1px solid #c2c2c2;
	background:#fff;
	padding: 0 15px;
	letter-spacing:0px;
	overflow:hidden;
	-webkit-transition: all 400ms;
}

.radius-inline-c2{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'BareunBatang';
	font-size:14px;
	color:#888888;
	line-height:24px;
	border-radius:7px;
	height:24px;
	border:1px solid #c2c2c2;
	background:#fff;
	padding: 0 15px;
	letter-spacing:0px;
	overflow:hidden;
	-webkit-transition: all 400ms;
	vertical-align:middle;
}

.radius-inline-8a{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'BareunBatang';
	font-size:14px;
	color:#fff;
	line-height:24px;
	border-radius:7px;
	height:24px;
	border:1px solid #8aaaaa;
	background:#8aaaaa;
	padding: 0 15px;
	letter-spacing:0px;
	overflow:hidden;
	-webkit-transition: all 400ms;
	vertical-align:middle;
}

.radius-inline-ff{
	box-sizing:border-box;
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-family: 'BareunBatang';
	font-size:14px;
	color:#8aaaaa;
	line-height:24px;
	border-radius:7px;
	height:24px;
	border:1px solid #8aaaaa;
	background:#fff;
	padding: 0 15px;
	letter-spacing:0px;
	overflow:hidden;
	letter-spacing:1px;
	-webkit-transition: all 400ms;
}

.tran{
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
}

.box{border:1px solid #cacaca;font-size:16px;line-height:140%;padding:0 10px 0 10px;box-sizing:border-box;}
.msie7 .box,.msie8 .box{padding:0;line-height:180%;}
input.box{height:33px;}

.top-header{width:100%;position:fixed;z-index:99;background:url(/bizonvi/images/common/menu_bg.png);top:0;min-width: 320px;}
.top-header .header-wrap{border-bottom:1px solid #d7d7d7;}
.top-header .header-wrap.on{}
.top-header .mobilelogo dt{margin:0;}
.top-header .mobilelogo dl dd{padding-right:10px;font-size:13px;}


.top-header dl{padding:10px 0 0 0;*zoom:1;}
.top-header dl:after{content:' ';display:block;clear:both;}
.top-header dl dt{float:left;margin:10px 0 0 0;}
.top-header dl dd{float:right;text-align:right;letter-spacing:1px;}
.top-header dl.pcmenu{padding-bottom:13px;}
.top-header dl.pcmenu dt img{width:177px;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;
}
.top-header dl.pcmenu dd .login{margin-top:25px;}
.top-header dl.pcmenu dd .login span{color:#8aaaaa;}
.top-header dl.pcmenu dd .login a:hover{margin-top:40px;color:#8aaaaa;}
.top-header dl.pcmenu dd ul{margin:20px 0 0 0;*zoom:1;}
.top-header dl.pcmenu dd ul:after{content:' ';display:block;clear:both;}
.top-header dl.pcmenu dd ul li:first-child{padding:0 0 0 0;}
.top-header dl.pcmenu dd ul li{float:left;font-size:19px;padding:0 0 0 25px;}
.top-header dl.pcmenu dd ul li a{padding:8px 0 0 0;background:url(/bizonvi/images/common/menu_bar.jpg) no-repeat 0 0;background-size: 0% 3px;background-position: 50% 0;color:#555555;}
.top-header dl.pcmenu dd ul li a:hover{color:#8aaaaa;background-size: 100% 3px;}
.top-header dl.pcmenu dd ul li a.on{color:#8aaaaa;background-size: 100% 3px;}

.msie7 .top-header dl.pcmenu dd ul li a,.msie8 .top-header dl.pcmenu dd ul li a{background:none;}
.msie7 .top-header dl.pcmenu dd ul li a:hover, 
.msie8 .top-header dl.pcmenu dd ul li a:hover,
.msie7 .top-header dl.pcmenu dd ul li a.on, 
.msie8 .top-header dl.pcmenu dd ul li a.on{background:url(/bizonvi/images/common/menu_bar.jpg) no-repeat 0 0;}


.top-header .header-wrap.on dl.pcmenu{padding-top:0;padding-bottom:0;}
.top-header .header-wrap.on dl.pcmenu dt img{width:110px;}
.top-header .header-wrap.on dl.pcmenu dd .login{margin-top:10px;font-size:13px;}
.top-header .header-wrap.on dl.pcmenu dd ul{margin:10px 0 0 0;}
.top-header .header-wrap.on  dl.pcmenu dd ul li{font-size:16px;}


.top-header .mobilemenu-wrap{font-size:15px;display:none;}
.top-header .mobilemenu-wrap .mobilemenu{padding:8px 8px 0 8px;border-bottom:5px solid #f2f2f2;}
.top-header .mobilemenu-wrap .mobilemenu .mobilelogo img{width: 90px;height: auto;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1{*zoom:1;padding:10px 0 0 0;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1:after{content:' ';display: block;clear: both;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li{float:left;display: inline-block;*display:inline;*zoom;1;text-align: left;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li a{display:inline-block;*display:inline;*zoom:1;text-align: left;padding-bottom:10px;border-bottom:3px solid #fff;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li a.on{border-bottom:3px solid #87aca5;}

.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu1{width:21%;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu2{width:20.7%;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu6{width:20.7%;display:block;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu3{width:17%;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu4{width:13.5%;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu5{width:6.9%;text-align: center;}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu5 img{position:relative;width: 14px;
	-webkit-transition: all 600ms;
	-moz-transition: all 600ms;
	-ms-transition: all 600ms;
	-o-transition: all 600ms;
	transition: all 600ms;
}
.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu5 img.on{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.top-header .mobilemenu-wrap .allmenu-wrap{display:none;}
.top-header .mobilemenu-wrap .allmenu-wrap .allmenu{padding:12px 0;border-bottom:2px solid #f2f2f2;}
.top-header .mobilemenu-wrap .allmenu-wrap .allmenu span{display:inline-block;*display:inline;*zoom:1;width: 25%;padding:10px 0;text-align: center;}
.top-header .mobilemenu-wrap .allmenu-wrap .allmenu span a.on{color:#87aca5;font-weight: bold;}



.msie7 .top-header,.msie8 .top-header{position:relative;width:100%;min-width:1000px;*width:100%;*zoom:1;}



.content{overflow:hidden;position:relative;margin:0 auto;width:100%;max-width:1000px;*zoom:1;height:100%;box-sizing:border-box;}
.content-wrap{position:relative;width:100% !important;min-width:320px;margin-top:140px;overflow:hidden;}

.msie7 .content-wrap,.msie8 .content-wrap{width:1000px !important;margin:0 auto;}

.msie7 .content,.msie8 .content{width:1000px !important;margin:0 auto;}
 
.layer-close{position:absolute;left:auto;right:10px;top:20px;}
.btn-area a{margin: 0 2px 0 2px;}
.main{width:100%;position:relative;}
img.visual-img{position:fixed;left:0;top:-100px;}
.main.visual{position:relative;height:698px;}
.main.visual .content{text-align:center;}
.main.visual .content .info1{position:relative;width:100%;margin:90px auto 0 auto;}
.main.visual .content .info1 img{display:block;padding-top:20px;margin:0 auto 0 auto;}
.main.visual .content .info1 .circle{padding-top:50px;}
.info2{position:relative;top:500px;z-index:2;width:100%;text-align:center;}

.main.bg01{height:700px;background:url(/bizonvi/images/main/bg01.jpg);z-index:3}
.main.bg01 .card01{position:absolute;top:133px;left:3.9%;}
.main.bg01 .card02{position:absolute;top:128px;left:35.8%;}
.main.bg01 .cover{position:absolute;width:100%;height:100%;top:0;background:url(/bizonvi/images/main/opacity01.png);display:none;}
.main.bg01 .layer{width:100%;position:absolute;top:0;height:100%;}
.main.bg01 .layer .content{margin:0 auto;width:100%;max-width:1000px;*zoom:1;height:100%;}
.main.bg01 .layer .content dl{width:100%;box-sizing:border-box;*zoom:1;}
.main.bg01 .layer .content dl:after{content:' ';display:block;clear:both;}
.main.bg01 .layer .content dl dt{float:left;width:64%;font-size:39px;color:#fff;line-height:40px;text-align:center;letter-spacing:3px;padding:240px 0 0 0;}
.main.bg01 .layer .content dl dt .title{margin:0 auto;max-width:450px;display:none;}
.main.bg01 .layer .content dl dt .title a{margin:30px 0 0 0;}
.main.bg01 .layer .content dl dt .title p{font-family: 'BareunBatang','NanumSquare';letter-spacing:0px;display:block;width:100%;padding:30px 0 0 0;font-size:21px;line-height:38px;white-space:pre-line;}
.main.bg01 .layer .content dl dd{float:right;padding:77px 3% 0 0;}

.main.bg02{height:700px;background:url(/bizonvi/images/main/bg02.jpg);z-index:3}
.main.bg02 .layout{position:absolute;top:auto;bottom:136px;left:auto;right:3%;}
.main.bg02 .cover{position:absolute;width:100%;height:100%;top:0;background:url(/bizonvi/images/main/opacity01.png);display:none;}
.main.bg02 .layer{width:100%;position:absolute;top:0;height:100%;}
.main.bg02 .layer .content{margin:0 auto;width:100%;max-width:1000px;*zoom:1;height:100%;}
.main.bg02 .layer .content dl{width:100%;box-sizing:border-box;*zoom:1;}
.main.bg02 .layer .content dl:after{content:' ';display:block;clear:both;}
.main.bg02 .layer .content dl dt{float:right;width:64%;font-size:39px;color:#fff;line-height:40px;text-align:center;letter-spacing:3px;padding:240px 0 0 0;}
.main.bg02 .layer .content dl dt .title{margin:0 auto;max-width:450px;display:none;}
.main.bg02 .layer .content dl dt .title a{margin:30px 0 0 0;}
.main.bg02 .layer .content dl dt .title p{font-family: 'BareunBatang','NanumSquare';letter-spacing:0px;display:block;width:100%;padding:30px 0 0 0;font-size:21px;line-height:38px;white-space:pre-line;}
.main.bg02 .layer .content dl dd{float:left;padding:77px 0 0 3%;}


.main.foot-helpdesk{background:#f4f4f2;padding:50px 0 60px 0;}
.main.foot-helpdesk .onvi-box {box-sizing:border-box;margin:0 auto;overflow:hidden;text-align:center;}
.main.foot-helpdesk .onvi-box  img{margin:0 auto;}
.main.foot-helpdesk span{font-family: 'BareunBatang','NanumSquare';font-size:22px;line-height:35px;white-space:pre-line;display:block;text-align:center;color:#8aaaaa;padding-top:30px;}
.main.foot-helpdesk ul{*zoom:1;}
.main.foot-helpdesk ul:after{content:' ';display:block;clear:both;}
.main.foot-helpdesk .help{font-size:18px;color:#555;width:64%;margin:0 auto;}
.main.foot-helpdesk .help li{float:left;width:33.3%;text-align:center;padding:35px 0 0 0;}
.main.foot-helpdesk .help li.w50{float:left;width:50%;text-align:center;padding:35px 0 0 0;}
.main.foot-helpdesk .help li.w100{float:left;width:100%;text-align:center;padding:35px 0 0 0;}

.footer{padding:40px 0 30px 0;}
.footer ul{*zoom:1;}
.footer ul:after{content:' ';display:block;clear:both;}
.footer ul li{color:#888888;font-size:12px;padding-top:25px;}
.footer ul li.fl{float:left;padding:33px 0 0 0;}
.footer ul li.fl span{}
.footer ul li.fl span em{font-style:normal;padding:0 10px 0 0;}
.footer ul li.fr{float:right;font-size:12px;font-weight:bold;padding:33px 0 0 0;}
.footer ul li.fr img{vertical-align:middle;padding:0 0 0 5px;width:90px;}

.footer .logo{text-align:center;padding:25px 0 0 0;}
.main.footer{padding:0 0 30px 0;background:#fff;}
.goods-list{padding: 30px 0 0 0;color:#555555;}
.goods-list ul{*zoom:1;}
.msie7 .goods-list{padding-bottom:20px;}
.goods-list ul:after{content: ' ';display:block;clear:both;}
.goods-list ul li{float:left;width:33.3%;height:550px;text-align:center;box-sizing:border-box;}
.goods-list ul li a{position:relative;display:block;width:277px;height:100%;margin:0 auto;border-top:1px solid transparent;box-sizing:border-box;cursor:pointer;}
.goods-list ul li a .phone{position:relative;width:227px;height:440px;background:url(/bizonvi/images/goods/phone01.png) no-repeat;margin:25px auto 0 auto;text-align:left;}
.goods-list ul li a .phone img{margin:87px 0 0 20px;width:180px;height:280px;}
.goods-list ul li a strong{display:block;padding-top:10px;}
.goods-list ul li a em{display:block;padding:7px 0 0 0;}
.goods-list ul li a em strike{padding-right:10px;color:#ccc;}
.goods-list ul li a .tran{position:absolute;display:block;width:100%;height:100%;left:0;top:0;border:1px solid transparent;box-sizing:border-box;}
.goods-list ul li a:hover .tran{border:7px solid #f0f0f0;}


.goods-detail{padding: 60px 0 0 0;color:#555555;}
.goods-detail .hidden-info-title{display:none;}
.goods-detail .hidden-info-title strong{font-family: 'BareunBatang';font-size:25px;line-height:100%;display:block;}
.goods-detail .hidden-info-title p{padding:10px 0 20px 0;}
.goods-detail strike{padding-right:10px;color:#ccc;}



.goods-detail dl{*zoom:1;}
.goods-detail dl:after{content: ' ';display:block;clear:both;}
.goods-detail .order>dt{float:left;width:50%;box-sizing:border-box;}
.goods-detail .order>dt .phone{width:371px;height:616px;margin: 0 auto;background:url(/bizonvi/images/goods/detail.png) no-repeat;border-top:1px solid transparent;}
.goods-detail .order>dt .phone .preview{position:relative;margin:122px 0 0 60px;width:251px;height:392px;}
.goods-detail .order>dt .phone .preview iframe{width:251px;height:392px;}
.msie7 .goods-detail .order>dt .phone .preview iframe{height:393px;}
.goods-detail .order>dt .phone .preview .thumnail{width:252px;}

.goods-detail .order>dd{float:right;width:40%;box-sizing:border-box;margin-right:5%;}
.goods-detail .order>dd .info-title{display:block;}
.goods-detail .order>dd .info-title strong{font-family: 'BareunBatang';font-size:25px;line-height:100%;display:block;}
.goods-detail .order>dd .info-title p{padding:25px 0 0 0;max-width:377px;}
.goods-detail .order>dd .info-title .sms{padding:20px 0;font-weight:bold;}
.goods-detail .order>dd .radius-btn34{vertical-align:middle;margin-left:15px;font-weight:normal;}
.goods-detail .order dl.info{padding-top:30px;}
.goods-detail .order dl.info dt{font-weight:bold;border-bottom:1px solid #d7d7d7;}
.goods-detail .order dl.info dd{padding:5px 0 15px 0;border-bottom:1px solid #d7d7d7;}
.goods-detail .order dl.info dd ul li{padding:10px 0 0 20px;background:url(/bizonvi/images/common/bul01.jpg)  no-repeat 0 17px;}
.goods-detail .order dl.info dd ul li th{width:75px;font-weight:normal;vertical-align:top;}
.goods-detail .order .btn-area{text-align:right;padding:20px 0 0 0;}

.goods-detail .detail{margin:100px 0 60px 0;}
.goods-detail .detail dl{margin-top:60px;*zoom:1;}
.goods-detail .detail dl:after{content:' ';display:block;clear:both;}
.goods-detail .detail dl dt{float:left;width:50%;text-align:center;}
.goods-detail .detail dl dd{float:right;width:40%;margin:30px 5% 0 0;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;padding:60px 0 60px 0;}
.goods-detail .detail dl i{display:block;font-size:28px;color:#999;letter-spacing:2px;}
.goods-detail .detail dl span{display:block;font-size:28px;padding:20px 0 0 0;color:#999;letter-spacing:1px;line-height:35px;white-space:pre-line;}
.goods-detail .detail dl p{padding:20px 0 0 0;}
.goods-detail .detail dl a{display:block;margin:20px 0 0 0;color:#8aaaaa}


.goods-detail-step{padding:40px 0 40px 0;background:#f9f9f9;}
.goods-detail-step dl{*zoom:1;}
.goods-detail-step dl:after{content: ' ';display:block;clear:both;}
.goods-detail-step dl dt{font-size:22px;color:#444;display:block;text-align:center;padding-bottom:40px;font-weight:bold;}
.goods-detail-step dl dd{float:left;width:25%;text-align:center;}
.msie7 .goods-detail-step dl dd{float:left;width:200px;padding:0 25px;text-align:center;}


.msie7 .goods-detail-step dl dd{float:left;width:200px;padding:0 25px;text-align:center;}

.goods-detail-step dl dd i{font-size:17px;color:#666;display:block;}
.goods-detail-step dl dd em{font-size:27px;line-height:100%;color:#444;display:block;padding:10px 0 30px 0;}
.goods-detail-step dl dd p{line-height:30px;white-space:pre-line;}

.goods-detail-step-help{padding-top:20px;padding-left:40px;font-size:14px;}

.goods-detail.custom .hidden-info-title{display:none;}
.goods-detail.custom .hidden-info-title strong{font-family: 'NanumSquare';font-size:35px;line-height:100%;display:block;text-align:center;padding:20px 0 0 0;font-weight:bold;}
.goods-detail.custom .hidden-info-title p{text-align:center;font-weight:bold;white-space:pre-line;letter-spacing:1px;}
.goods-detail.custom .order>dt .phone{background:none;height:auto;}
.goods-detail.custom .order>dt .phone img{margin:0;}
.goods-detail.custom .order>dd .info-title p{text-align:center;font-weight:bold;white-space:pre-line;letter-spacing:1px;}
.goods-detail.custom .order>dd .info-title strong{font-family: 'NanumSquare';font-size:35px;line-height:100%;display:block;text-align:center;padding:20px 0 0 0;font-weight:bold;}
.goods-detail.custom .order dl.info dd .email{display:block;font-weight:bold;}
.goods-detail.custom .order dl.info dd .email a{color:#a76969;display:inline-block;*display:inline;*zoom:1;}
.goods-detail.custom .btn-area{text-align:center;padding:20px 0 30px 0;}
.goods-detail.custom .btn-area a{width:270px;margin:15px 0 0 0;letter-spacing:1px;}
.goods-detail.custom .btn-area a:first-child{margin:30px 0 0 0;}


.goods-detail.custom .detail{margin:100px 0 60px 0;}
.goods-detail.custom .detail dl{margin:0;*zoom:1;}
.goods-detail.custom .detail dl:first-child{margin:60px 0 0 0;}
.goods-detail.custom .detail dl:after{content:' ';display:block;clear:both;}


.goods-detail.custom .detail dl dt{float:left;width:25%;text-align:left;position:relative;}
.goods-detail.custom .detail dl i{display:inline-block;*display:inline;*zoom:1;;vertical-align:top;padding:0;color:#595251;font-size:30px;padding:0 15px 0 50px;text-align:left;line-height:30px;}
.goods-detail.custom .detail dl span{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0;color:#666666;font-size:21px;line-height:30px;}

.goods-detail.custom .detail dl dd{
	float:right;width:75%;border:none;padding:0 0 70px 0;margin:0;
	box-sizing:border-box;
	background:url(/bizonvi/images/common/horizontal_line.jpg) repeat-y;
	
}
.goods-detail.custom .detail dl dd .con{padding:0 0 0 50px;}
.goods-detail.custom .detail dl dd ul{}
.goods-detail.custom .detail dl dd ul li{color:#8aaaaa;padding:0 0 0 15px;background:url(/bizonvi/images/common/bul03.jpg) no-repeat 0 6px;}
.goods-detail.custom .detail dl em{display:block;padding:0 0 15px 0;color:#222;font-weight:bold;}
.goods-detail.custom .detail dl p{padding:0;color:#666;}
.goods-detail.custom .detail dl.last dd{background:none;}
.goods-detail.custom .detail dl .bul{position:absolute;left:auto;top:0;right:-13px;}


.board{padding: 60px 0 0 0;}
.board .btn-area{padding:20px 0 0 0;text-align:center;}

.board .page-title{font-size:22px;padding:0 0 25px 0;}
.board .page-title span{font-size:25px;font-family: 'BareunBatang','NanumSquare';letter-spacing:1px;}
.board ul.tab{height:50px;*zoom:1;}
.board ul.tab:after{content: ' ';display:block;clear:both;}
.board ul.tab li{position:relative;float:left;width:50%;text-align:center;}
.board ul.tab li a{display:block;height:40px;line-height:40px;border:1px solid #cacaca;letter-spacing:1px;}
.board ul.tab li:first-child a{border-right:none;}
.board ul.tab li img{position:absolute;top:41px;left: 50%;margin-left: -8px;}

.board ul.tab3{height:50px;*zoom:1;}
.board ul.tab3:after{content: ' ';display:block;clear:both;}
.board ul.tab3 li{position:relative;float:left;width:33.3%;text-align:center;}
.board ul.tab3 li a{display:block;height:40px;line-height:40px;border:1px solid #cacaca;letter-spacing:1px;}
.board ul.tab3 li:first-child a{border-right:none;}
.board ul.tab3 li img{position:absolute;top:41px;left: 50%;margin-left: -8px;}


.board .mobile-tab{border:1px solid #8aaaaa;display:block;height:33px;line-height:33px;text-align:center;margin: 0 0 10px 0;color:#8aaaaa;display:none;}
.board .mobile-tab.on{background:#8aaaaa;color:#fff;}

.board .title{position:relative;padding:30px 0 10px 0;font-size:18px;color:#8aaaaa;font-weight:bold;letter-spacing:1px;}
.board .title a{position:absolute;top:11px;left:auto;right:0;}
.board .list dl{*zoom:1;}
.board .list dl:after{content:' ';display:block;clear:both;}
.board .list dl dt,.board .list dl dd{float:left;padding:10px 0;}

.board .list dl{border-bottom:1px solid #d7d7d7;}
.board .list dl.header{background:#f0f0f0;}
.board .list dl.header dt{text-align:center;}
.board .list dl.header{border-bottom:none;}
.board .list dl .empty{width:100%;padding:40px 0;text-align:center;}
.board .list.notice dl .no{width:10%;text-align:center;}
.board .list.notice dl .subject{width:80%;}

.board .list.order-no-sign dl .no{width:10%;text-align:center;}
.board .list.order-no-sign dl .subject{width:60%;text-align:center;}
.board .list.order-no-sign dl .date{width:30%;text-align:center;}

.board .list.pnp dl .no{width:10%;text-align:center;}
.board .list.pnp dl .subject{width:55%;}
.board .list.pnp dl .subject img{vertical-align:top;margin:0 0 0 10px}
.board .list.pnp dl .name{width:10%;text-align:center;}
.board .list.pnp dl .date{width:15%;text-align:center;}
.board .list.pnp dl .state{width:10%;text-align:center;}
.board .list.pnp dl.search-box{*zoom:1;}
.board .list.pnp dl.search-box:after{content:' ';display:block;clear:both;}
.board .list.pnp dl.search-box dt{float:left;padding: 10px;}
.board .list.pnp dl.search-box dd{float:right;text-align:right;}
.board .list.pnp dl.search-box dd a{vertical-align:top;margin-left:5px;}
.board .list.pnp .paging{padding:0px 0 0 0;}


.board .list.order-list dl .thumnail{width:10%;text-align:center;}
.board .list.order-list dl .thumnail img{width:50px;height:78px;}
.board .list.order-list dl .subject{width:55%;margin:25px 0 0 0;}

.board .list.order-list dl .subject img{vertical-align:top;margin:0 0 0 10px}
.board .list.order-list dl .price{width:10%;text-align:center;margin:25px 0 0 0;}
.board .list.order-list dl .date{width:15%;text-align:center;margin:25px 0 0 0;}
.board .list.order-list dl .state{width:10%;text-align:center;margin:25px 0 0 0;}
.board .list.order-list dl.header dt{margin:0 0 0 0;}

.board .list.order-list dl .subject.diy{margin-top:5px;}
.board .list.order-list dl .subject .desc{padding:5px 0 5px 0;line-height: 140%;}
.board .list.order-list dl .subject .desc .listbtn{padding-top:5px;}
.board .list.order-list dl .subject .desc .listbtn .btnpay{background: #8aaaaa;padding: 5px 10px;color: #ffffff;border-radius: 5px;font-size:13px;margin:0 3px;box-sizing: border-box;}
.board .list.order-list dl .subject .desc .listbtn .btndtl{background: #fffff;padding: 5px 10px;color: #ffffff;border-radius: 5px;font-size:13px;color:#8aaaaa;border:1px solid #8aaaaa;margin:0 3px;box-sizing: border-box;}
.board .list.order-list dl .subject .desc .listbtn .btndtl:first-child{margin:0 3px 0 0;}
.board .list.order-list dl .subject .desc .listbtn .btndtllong{background: #fffff;padding: 5px 46px;color: #ffffff;border-radius: 5px;font-size:13px;color:#8aaaaa;border:1px solid #8aaaaa;margin:0 3px;box-sizing: border-box;}


.board .list.order-list .paging{padding:0px 0 0 0;}



.board .list.order-list3 dl .diythumnail{width:10%;text-align:center;}
.board .list.order-list3 dl .diythumnail img{width:50px;height:78px;}
.board .list.order-list3 dl .diysubject{width:45%;margin:5px 0 0 0;}
.board .list.order-list3 dl .diysubject img{vertical-align:top;margin:0 0 0 10px}
.board .list.order-list3 dl .diyprice{width:10%;text-align:center;margin:25px 0 0 0;}
.board .list.order-list3 dl .diydate{width:10%;text-align:center;margin:25px 0 0 0;}
.board .list.order-list3 dl .diydate.mt{margin:16px 0 0 0;}
.board .list.order-list3 dl .diybtns{width:15%;text-align: center;margin:19px 0 0 0;}
.board .list.order-list3 dl .diybtns.mt{margin:5px 0 0 0;}
.board .list.order-list3 dl .diystate{width:10%;text-align: center;margin:25px 0 0 0;}
.board .list.order-list3 dl .diystate.mt{margin:3px 0 0 0;}
.board .list.order-list3 dl .diystate b{color:#8aaaaa;}
.board .list.order-list3 dl.header dt{margin:0 0 0 0;}
.board .list.order-list3 dl .diydate a{display: block;font-size:13px;text-align: center;color:#8aaaaa;text-decoration: underline;}
.board .list.order-list3 dl .diysubject img{vertical-align:top;margin:0 0 0 10px}
.board .list.order-list3 dl .diysubject .desc{padding:7px;line-height: 140%;background: #f1f1f1;margin-top:5px;font-size:13px;border:1px solid #f1f1f1;}
.board .list.order-list3 dl .diysubject .desc .listbtn{padding-top:5px;}
.board .list.order-list3 dl .diysubject .desc .listbtn .btnpay{background: #8aaaaa;padding: 5px 10px;color: #ffffff;border-radius: 5px;font-size:13px;margin:0 3px;box-sizing: border-box;}
.board .list.order-list3 dl .diysubject .desc .listbtn .btndtl{background: #fffff;padding: 5px 10px;color: #ffffff;border-radius: 5px;font-size:13px;color:#8aaaaa;border:1px solid #8aaaaa;margin:0 3px;box-sizing: border-box;}
.board .list.order-list3 dl .diysubject .desc .listbtn .btndtl:first-child{margin:0 3px 0 0;}
.board .list.order-list3 dl .diysubject .desc .listbtn .btndtllong{background: #fffff;padding: 5px 46px;color: #ffffff;border-radius: 5px;font-size:13px;color:#8aaaaa;border:1px solid #8aaaaa;margin:0 3px;box-sizing: border-box;}
.board .list.order-list3 dl .btnpay{display:inline-block;*display:inline;*zoom:1;background: #8aaaaa;padding: 7px 10px;color: #ffffff;border-radius: 3px;font-size:13px;box-sizing: border-box;margin-top:20px;}
.board .list.order-list3 dl .btnpay2{display:inline-block;*display:inline;*zoom:1;background: #ffffff;border:1px solid #8aaaaa;padding: 7px 10px;color: #8aaaaa;border-radius: 3px;font-size:13px;box-sizing: border-box;margin-top:20px;}

.board .list.order-list3 dl .btndtl{display:inline-block;*display:inline;*zoom:1;background: #ffffff;padding: 3px 10px;color: #ffffff;border-radius: 3px;font-size:13px;color:#8aaaaa;border:1px solid #8aaaaa;margin:3px 0;}
.board .list.order-list3 dl .btnapply{display:inline-block;*display:inline;*zoom:1;background: #8aaaaa;padding: 3px 10px;color: #ffffff;border-radius: 3px;font-size:13px;box-sizing: border-box;margin:3px 0;}



.board .detail{border-top:1px solid #d7d7d7;}
.board .detail dt{border-bottom:1px solid #d7d7d7;font-weight:bold;padding:10px}
.board .detail dd{border-bottom:1px solid #d7d7d7;padding:10px;}
.board .detail dd.cont{border-bottom:1px solid #d7d7d7;padding:20px 10px;}
.board .detail dd dl{*zoom:1;}
.board .detail dd dl:after{content: ' ';display:block;clear:both;}
.board .detail dd dl dt,.board .detail dd dl dd{padding:0;font-weight:normal;margin:0;border:none;}
.board .detail dd dl dt{float:left;width:10%;}
.board .detail dd dl dd{float:left;width:90%;}
.board .detail dl dd img{max-width:100%;height:auto;}
.board .detail dd.attach a{margin:0 10px;display:inline-block;*display:inline;*zoom:1;}
.board .detail.pnp dt.reply{background:url(/bizonvi/images/common/icon_reply.jpg) no-repeat 10px 10px;padding:10px 10px 10px 35px;}
.board .detail.pnp .cont{background:#fbfbfb;}


.board .detail dl dd .block2{}

.board .detail dl dd .block2 dl{width:100%;*zoom:1;}
.board .detail dl dd .block2 dl:after{content:' ';display:block;clear:both;}
.board .detail dl dd .block2 dl dt{float:left;padding:20px 0 0 0;margin:0;width:50%;}
.board .detail dl dd .block2 dl dt.c{text-align:center;}
.board .detail dl dd .block2 dl dd{float:left;padding:20px 0 0 0;margin:0;width:50%;}
.board .detail dl dd .block2 dl dd.c{text-align:center;}

.board .detail dl dd .block2 dl .pc-padding-top100{padding-top:100px;}


.board .detail.write dd dl{*zoom:1;}
.board .detail.write dd dl:after{content:' ';display:block;clear:both;}
.board .detail.write dd dl dt{float:left;width:10%;line-height:33px;}
.board .detail.write dd dl dd.attach-box ul{padding:5px 0 0 0 ;}
.board .detail.write dd dl dd.attach-box ul li{padding:2px 0;margin:0;}
.board .detail.write dd dl dd.attach-box ul li .del img{vertical-align:middle;margin:0 0 0 10px;}
.board .detail.write dd dl dd.attach-box .guide{padding:10px 0 0 0;background:url(/bizonvi/images/common/icon_exc2.jpg) no-repeat 0 7px;padding:10px 0 0 30px;color:#666666;}


.board .order-state{border:5px solid #f0f0f0;margin:0px 0 30px 0;padding:40px 0 10px 0;}
.board .order-state dl{padding-bottom:20px;*zoom:1;}
.board .order-state dl:after{content:' ';display:block;clear:both;}
.board .order-state dl dt{float:left;width:13%;font-weight:bold;}
.board .order-state dl dt i{font-family: 'BareunBatang','NanumSquare';display:inline-block;*display:inline;*zoom:1;width:40px;text-align:center;font-weight:normal;color:#444;}
.board .order-state dl dd{float:left;width:87%;color:#444;}





.order2{padding: 60px 0 0 0;}
.order2 .page-title{font-size:22px;padding:0 0 10px 0;}
.order2 .page-title.sub{padding:30px 0 10px 0;}
.order2 .page-title span{font-size:25px;letter-spacing:1px;}
.order2 .dl-wrap{*zoom:1;}
.order2 .dl-wrap:after{content:' ';display:block;clear:both;}
.order2 .dl-wrap.goods-title dl{padding: 0 0 5px 0;}
.order2 .dl-wrap.goods-title .radius-order-cancel{margin-left:10px;vertical-align:middle;}
.order2 dl{float:left;width:50%;padding:0 0 15px 0;*zoom:1;}
.order2 dl:after{content:' ';display:block;clear:both;}
.order2 dl dt{float:left;width:20%;padding:15px 0 0 0;line-height:35px;}
.order2 dl dt span{display:block;line-height:160%;padding-top:6px;}
.order2 dl dt.title{position:relative;width:100%;height:40px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;padding:0;line-height:40px;font-size:18px;color:#8aaaaa;letter-spacing:1px;}
.order2 dl dt.title em{position:absolute;left:auto;right:10%;color:#999;font-size:13px;}
.order2 dl dt.title a.arrow{position:absolute;top:0;left:auto;right:0%;width:40px;height:40px;display:inline-block;*display:inline;*zoom:1;background:url(/bizonvi/images/common/arrow_down.jpg) no-repeat 50% 50%;display:none;}
.order2 dl dt.title a.arrow.on{background:url(/bizonvi/images/common/arrow_up.jpg) no-repeat 50% 50%;}

.order2 dl dt.title em input{vertical-align:middle;margin-right:5px;}
.order2 dl dd{float:left;width:80%;padding:15px 0 0 0;line-height:35px}
.order2 dl dd textarea{box-sizing:border-box;padding:10px;}
.order2 dl dd i{color:#a76969;}

.order2 dl dd .attach-guide{font-size:15px;color:#666;line-height:140%;}
.order2 dl dd .attach-list{margin:10px 0 10px 0;width:90%;font-size:15px;border:1px solid #cacaca;height:80px;overflow:auto;}
.order2 dl dd .attach-list ul li{padding: 0 0 0 10px;line-height:140%;}
.order2 dl dd .attach-list .del{margin:0 0 0 5px;}
.order2 dl dd .attach-list .del img{vertical-align:middle;}
.order2 dl dd .cal{margin-left:5px;}
.order2 dl dd .cal img{position:relative;margin:-5px 0 0 0;vertical-align:middle;}
.order2 dl dd .radio{display:inline-block;*display:inline;*zoom:1}
.order2 dl.account{margin:30px 0 0 0;}
.order2 dl.account dd{text-align:center;}
.order2 dl.account dd .sms{text-align:center;line-height:40px;}
.order2 dl.account dd .sms a{vertical-align:top;}
.order2 .dl-wrap.under-line{border-bottom:1px solid #d7d7d7;}
.order2 .dl-wrap.top-line{border-top:1px solid #d7d7d7;}
.order2 .dl-wrap.payment{border-top:1px solid #d7d7d7;}
.order2 .dl-wrap.price dl{padding:0 0 10px 0;}
.order2 .dl-wrap.price dl dt{padding:10px 0 0 0;}
.order2 .dl-wrap.price dl dd{padding:10px 0 0 0;}
.order2 .guide{background:url(/bizonvi/images/common/icon_exc.jpg) no-repeat 0 13px;border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7;font-size:14px;}
.order2 .guide ul{padding:5px 0 15px 50px;color:#666666}
.order2 .guide ul li{padding:5px 0 0 0;}
.order2 .guide ul li a{color:#a76969}
.order2 .btn-area{padding:20px 0 0 0;text-align:right;}

.order2 dl.paytype{width:100%;}
.order2 dl.paytype dt{width:10%;}
.order2 dl.paytype dd{width:89%;}
.order2 dl.paytype dd .payguide{line-height: 150%;padding-top:10px;white-space:pre-line;}
.order2 dl.paytype dd .payemail{width: 40%;}


.my-order{*zoom:1;}
.my-order:after{content:' ';display:block;clear:both;}
.my-order dl{width:100%;border-top:2px solid #d7d7d7;border-bottom:2px solid #d7d7d7;*zoom:1;}
.my-order dl:after{content:' ';display:block;clear:both;}
.my-order dl dt{float:left;width:50%;text-align:center;}
.my-order dl dt img{margin:0 auto;}
.my-order dl dd{float:right;width:40%;}
.my-order dl dd .my-info{margin:0 auto;width:100%;color:#666666;}
.my-order dl dd .my-info li{border-top:1px solid #d7d7d7;padding:5px 0;}
.my-order dl dd .my-info li:first-child{border-top:none;margin-top:10px;}
.my-order dl dd .my-info li th{width:120px;font-weight:normal;vertical-align:top;text-align:left;}
.my-order dl dd .my-info li td p{line-height:140%;}
.my-order dl dd .my-info .guide{background:url(/bizonvi/images/common/icon_exc2.jpg) no-repeat 0 10px;padding:5px 0 10px 35px;line-height:140%;font-size:15px;border:none;}
.my-order dl dd .my-info .qrcode{padding-top:10px;}

.order-detail{*zoom:1;}
.order-detail:after{content:' ';display:block;clear:both;}
.order-detail dl{width:100%;border-top:1px solid #d7d7d7;}
.order-detail dl:after{content:' ';display:block;clear:both;}
.order-detail dl dt{float:left;width:40%;text-align:center;}
.order-detail dl dt img.goods{margin:0 auto;width:100%;max-width: 250px;border:1px solid #f1f1f1;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}


.order-detail dl dd{float:right;width:59%;}
.order-detail dl dd .my-info{margin:0 auto;width:100%;color:#666666;}
.order-detail dl dd .my-info li{border-top:1px solid #d7d7d7;padding:5px 0;}
.order-detail dl dd .my-info li:first-child{border-top:none;margin-top:10px;}
.order-detail dl dd .my-info li th{width:120px;font-weight:normal;vertical-align:top;text-align:left;}
.order-detail dl dd .my-info li td p{line-height:140%;}
.order-detail dl dd .my-info .guide{background:url(/bizonvi/images/common/icon_exc2.jpg) no-repeat 0 10px;padding:5px 0 10px 35px;line-height:140%;font-size:15px;border:none;}
.order-detail dl dd .my-info .qrcode{padding-top:10px;}





.order2 .payinfo dt{padding:10px 0 0 0;}
.order2 .payinfo dd{padding:10px 0 0 0;}





.paging{padding:25px 0 0 0;text-align:center;color:#888888;}
.paging a{display:inline-block;*display:inline;*zoom:1;font-size:25px;padding:0px 8px;vertical-align:middle;line-height:40px;}
.paging a.on{color:#d09f9f;}
.paging a img{vertical-align:middle;margin:-5px 0 0 0;}

.board .title2{position:relative;padding:20px 0 10px 0;font-size:18px;color:#8aaaaa;font-weight:bold;letter-spacing:1px;}
.board .pwd-modify{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;*zoom:1;}
.board .pwd-modify:after{content:' ';display:block;clear:both;}
.board .pwd-modify dt{float:left;padding:10px 0;width:10%;line-height:35px;}
.board .pwd-modify dd{float:left;padding:10px 0;width:50%;}
.board .pwd-modify dd.btn{float:right;padding:10px 0;width:30%;text-align:right;}
.board .pwd-modify dd.btn a{vertical-align:middle;}

.board .modify{border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;padding:10px 0 0 0;}
.board .modify dl{*zoom:1;}
.board .modify dl:after{content:' ';display:block;clear:both;}
.board .modify dt{float:left;padding:0 0 10px 0;width:11%;line-height:35px;}
.board .modify dd{float:left;padding:0 0 10px 0;width:34%;}
.board .modify .btn-area{padding:20px 0 20px 0;}


.cover-menu{
	position:fixed;
	left:0;
	top:0;
	background:#8aaaaa;
	width:100%;
	height:100%;
	z-index:100;
	display:none;
	
}
.cover-menu ul{width:180px;margin:150px auto 0 auto;border-bottom:3px solid #fff;}
.cover-menu ul li{
	padding:10px 0 10px 0;
	text-align:center;
	font-size:20px;
	color:#fff;
	letter-spacing:4px;
}
.cover-menu .sign{
	padding:18px 0 0 0;
	width:180px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:18px;
}
.cover-menu .sign a{
	display:block;
	font-style:italic;
	letter-spacing:1px;
	padding-bottom:10px;
}
.cover-menu .close{position:absolute;left:auto;right:20px;top:20px;}

.layer-agree-wrap{position:absolute;left:0;top:0;border:1px solid #e1e1e1;z-index:101;width:750px;background:#ffffff;box-shadow: 2px 5px 5px #e1e1e1;}
.layer-agree-wrap .layer-agree{padding:20px 15px;}
.layer-agree-wrap .layer-agree .title{border-bottom:1px solid #e1e1e1;font-size:17px;font-weight:bold;padding-bottom:10px;}
.layer-agree-wrap .layer-agree .title .close{position:absolute;left:auto;right:20px;top:20px;}
.layer-agree-wrap .layer-agree .agreebox{height:500px;border:1px solid #e1e1e1;margin-top:20px;overflow-y:scroll;white-space:pre-line;font-size:13px;line-height:140%;padding:10px;}

.wcover{position:fixed;width:100%;height:100%;background:url(/bizonvi/images/common/opacity-w.png);left:0;top:0;z-index:100;}

.box-circle{transition:all 800ms;transform:scale(0.5);opacity:0}
.box-circle.on{transform:scale(1);opacity:1}
	
	

.portfolio-list{width:100%;padding-top:30px;}
.portfolio-list ul{width:100%;*zoom:1;padding-top:10px;}
.portfolio-list ul:after{content:' ';display:block;clear:both;}
.portfolio-list ul li{float:left;display:inline-block;width:33.3%;padding:10px 0 20px 0;text-align:center;}
.portfolio-list ul li .item{width:100%;display:block;max-width:260px;position:relative;margin:0 auto;padding:0 10px;box-sizing:border-box;overflow:hidden;}
.portfolio-list ul li .item img{width:100%;height:auto;display:block;border:1px solid #ccc;box-sizing:border-box;}
.msie7 .portfolio-list ul li .item img{width:99%;margin:0 auto;position:relative;}
.portfolio-list ul li .item dl{position:relative;}

.portfolio-list ul li .item dt{font-size:16px;text-align:left;}
.portfolio-list ul li .item dt.title{border-bottom:1px solid #cfcfcf;}
.portfolio-list ul li .item dt.detail{color:#969595;font-size:15px;}
.portfolio-list ul li .item dt td{height:60px;}
.portfolio-list ul li .item dt.detail td{vertical-align:top;padding-top:10px;}
.portfolio-list ul li .item dt img{display:block;}
.portfolio-list ul li .item dd{position:relative;overflow:hidden;}
.portfolio-list ul li .item dd .thumnail{margin:0 auto;}

.portfolio-list ul li .item .cover{position:absolute;width:100%;height:100%;left:0%;top:0;background:url(/bizonvi/images/common/p_cover.png);opacity:0;transition: opacity 500ms;}	
.portfolio-list ul li .item .icon{position:absolute;width:24.5%;height:auto;top:41.9%;left:37.5%;transition: all 500ms;padding-top:20px;}

.portfolio-list ul li .item .icon img{width:100%;height:auto;border:none;}	
.portfolio-list ul li .item:hover .cover{margin-left:0;opacity:1;}
.portfolio-list ul li .item:hover .icon{padding-top:0px;}

.oldIE .portfolio-list ul li .item .cover{opacity:0;display:none;}	
.oldIE .portfolio-list ul li .item .icon{padding-top:0px;display:none;}
.oldIE .portfolio-list ul li .item:hover .cover{opacity:1;display:block;}
.oldIE .portfolio-list ul li .item:hover .icon{padding-top:0px;display:block;}


.portfolio-detail-wrap{position:fixed;left:0;top:0;background:url(/bizonvi/images/common/opacity_bg.png);width:100%;height:100%;z-index:100;display:none;}
.portfolio-detail{width:100%;height:100%;overflow-y:scroll;}
.portfolio-detail .portfolio-content{width:100%;max-width:1000px;margin:0 auto;padding-bottom:50px;}
.portfolio-detail .portfolio-content .title{padding:100px 0 50px 0;color:#fff;text-align:center;line-height:180%;width:100%;max-width:800px;margin:0 auto;font-size:17px;}
.portfolio-detail .portfolio-content .title p{font-size:15px;}
.portfolio-detail .portfolio-content .detail{text-align:center;max-width:800px;margin:0 auto;}
.portfolio-detail .portfolio-content .detail ul{*zoom:1;}
.portfolio-detail .portfolio-content .detail ul:after{content:' ';display:block;clear:both;}
.portfolio-detail .portfolio-content .detail ul li{float:left;width:100%;}
.portfolio-detail .portfolio-content .detail ul li.w50{width:50%;margin:0 auto;}
.portfolio-detail .portfolio-content .detail ul li.w50.right{float:right}
.portfolio-detail .portfolio-content .detail ul li img{max-width:90%;width:400px;padding:10px 0;}
.portfolio-detail-wrap .layer-close{position:absolute;left:auto;right:10%;top:5%;}
.portfolio-detail-wrap .arrow_left{position:absolute;left:5%;top:48%;max-width:30px}
.portfolio-detail-wrap .arrow_left img{width:100%;height:auto;}
.portfolio-detail-wrap .arrow_right{position:absolute;left:auto;right:5%;top:48%;max-width:30px}
.portfolio-detail-wrap .arrow_right img{width:100%;height:auto;}

.layer-example-wrap{position:fixed;left:50%;top:50%;border:1px solid #e1e1e1;z-index:101;width:500px;background:#ffffff;box-shadow: 2px 5px 5px #e1e1e1;margin-left:-250px;margin-top:-232px;}
.layer-example-wrap .layer-sample{padding:20px 15px;}
.layer-example-wrap .layer-sample .title{border-bottom:1px solid #e1e1e1;font-size:17px;font-weight:bold;padding-bottom:10px;}
.layer-example-wrap .layer-sample .title .close{position:absolute;left:auto;right:20px;top:20px;}
.layer-example-wrap .tab{margin-top:20px;}
.layer-example-wrap .tab ul{*zoom:1;}
.layer-example-wrap .tab ul:after{content:' ';display:block;clear:both;}
.layer-example-wrap .tab ul li{float:left;width:25%;text-align:center;}
.layer-example-wrap .tab ul li a{display:block;height:28px;line-height:28px;font-size:15px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.layer-example-wrap .tab ul li:first-child a{border-left:1px solid #ccc}
.layer-example-wrap .tab ul li a.on{background:#8aaaaa;color:#fff;}
.layer-example-wrap .layer-sample .list{margin:20px 0;overflow-y:auto;height:300px;border:1px solid #e1e1e1}
.layer-example-wrap .layer-sample .list li{padding:10px;border-top:1px solid #e1e1e1;font-size:13px;}
.layer-example-wrap .layer-sample .list li:first-child{border:none;}
.layer-example-wrap .layer-sample .list li a{white-space:pre-line;}
.layer-example-wrap .layer-sample .list li a:hover{text-decoration:underline;}


.sms-message{padding: 60px 0 0 0;}
.sms-message .page-title{font-size:22px;padding:0 0 25px 0;}
.sms-message .page-title.sub{padding:30px 0 10px 0;}
.sms-message .page-title span{font-size:25px;font-family: 'BareunBatang','NanumSquare';letter-spacing:1px;}
.sms-message ul.tab4{height:50px;*zoom:1;margin:10px 0 15px 0;}
.sms-message ul.tab4:after{content: ' ';display:block;clear:both;}
.sms-message ul.tab4 li{position:relative;float:left;width:25%;text-align:center;}
.sms-message ul.tab4 li a{display:block;height:40px;line-height:40px;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;letter-spacing:1px;}
.sms-message ul.tab4 li:first-child a{border-left:1px solid #cacaca;}
.sms-message ul.tab4 li img{position:absolute;top:41px;left: 50%;margin-left: -8px;}
.sms-message .dl-wrap{*zoom:1;}
.sms-message .dl-wrap:after{content:' ';display:block;clear:both;}

.sms-message .dl-wrap .left{float:left;width:48%;position:relative;}
.sms-message .dl-wrap .right{float:right;width:48%;position:relative;}

.sms-message dl{float:left;width:100%;padding:0 0 15px 0;*zoom:1;}
.sms-message dl:after{content:' ';display:block;clear:both;}
.sms-message .line{border-bottom:1px solid #8aaaaa;}
.sms-message dl dt{float:left;width:20%;padding:5px 0;line-height:35px;}
.sms-message dl dt.color8a{color:#8aaaaa;font-weight:bold;}
.sms-message dl dt.title{font-size:18px;color:#8aaaaa;width:100%;}
.sms-message dl dd{float:left;width:80%;padding:5px 0;line-height:35px;}
.sms-message dl dd.w100{width:100%;}
.sms-message dl dd .btn{margin-left:8px;}
.sms-message dl dd .attach-image img{max-width:100%;}
.sms-message dl dd textarea{box-sizing:border-box;padding:10px;width:100%;height:280px;border:1px solid #ccc;font-size:16px;display:block;}
.sms-message dl dd a{vertical-align:middle;}
.sms-message dl dd .child-tab{border-bottom:1px solid #ccc;margin-top:5px;}
.sms-message dl dd .child-tab a{display:inline-block;*display:inline;*zoom:1;width:28%;vertical-align:bottom;text-align:center;border-top-left-radius: 5px;border-top-right-radius: 5px;position:relative;top:1px;margin-left:3px;background:#e6e3e0;color:#605853;height:35px;line-height:35px;font-weight:bold;}
.sms-message dl dd .child-tab a.on{background:#8aaaaa;color:#fff;}

.sms-message dl dd .child-tab2{margin-top:5px;}
.sms-message dl dd .child-tab2 span{display:inline-block;*display:inline;*zoom:1;width:28%;vertical-align:bottom;text-align:center;border-top-left-radius: 5px;border-top-right-radius: 5px;position:relative;top:1px;height:32px;line-height:32px;font-weight:bold;background:#8aaaaa;color:#fff;}


.sms-message dl dd .child-tab a:first-child{margin:0;}
.sms-message dl dd .addName{margin-left:5px;}
.sms-message dl dd .input-wrap{*zoom:1;width:100%;}
.sms-message dl dd .input-wrap:after{content:' ';display:block;clear:both;}
.sms-message dl dd .input-wrap dd.img{float:left;width:33%;}
.sms-message dl dd .input-wrap dd.input{float:right;width:65%;}
.sms-message dl dd .attach-wrap{margin-top:5px;}
.sms-message dl dd .attach-wrap .upload{position:relative;width:100%;display:block;text-align:center;background:#8aaaaa;color:#ffffff;cursor:pointer;height:30px;line-height:30px;cursor:point;}
.sms-message dl dd .attach-wrap .upload input{position:absolute;border:1px solid red;width:100%;height:100%;left:0;top:0;opacity:0;}
.sms-message dl dd .attach-wrap .upload-del{width:100%;display:block;text-align:center;background:#888888;color:#fff;height:30px;line-height:30px;cursor:point;display:none;}
.sms-message dl dd .attach-wrap.del a{color:#fff;}
.sms-message dl dd .attach-image{padding:0;border:1px solid #ccc;}
.sms-message dl dd .attach-image img{display:block;width:100%;height:auto;}
.sms-message .add-box{margin-top:10px;padding-bottom:5px;border-bottom:1px solid #ccc;}
.sms-message .add-box select{height:32px;background:#fff;margin:10px 0;}
.sms-message .add-box .excel-upload{position:relative;height:35px;margin:10px auto;width:90%;background:#8aaaaa;color:#fff;text-align:center;}
.sms-message .add-box .excel-upload input{position:absolute;width:100%;height:100%;border:1px solid red;left:0;top:0;opacity:0;}
.sms-message .add-box .excel-down{padding:0 10px 10px 10px;vertical-align:top;}
.sms-message .add-box .excel-down img{width:50px;height:auto;vertical-align:middle;margin-right:10px;}
.sms-message .add-box .excel-down table{width:100%;line-height:160%;font-size:14px;}
.sms-message .add-box .excel-down table em{color:#a76969;}


.sms-message .guide{color:#666;padding-top:10px;line-height:180%;font-size:14px;}
.sms-message .guide-box{border-radius:10px;border:1px solid #ccc;line-height:160%;font-size:14px;padding:10px;}


.sms-message .list-wrap{}
.sms-message .list-wrap .count{padding-top:5px;padding-bottom:5px;font-size:14px;}
.sms-message .list-wrap .count strong{color:#8aaaaa;}
.sms-message .list-wrap .count em{color:#f73939;}
.sms-message .list-wrap .list{border:1px solid #ccc;height:400px;overflow-y:scroll;}
.sms-message .list-wrap .list ul li{border-bottom:1px solid #ccc;padding:3px 20px;}
.sms-message .list-wrap .list.group{height:486px;}
.sms-message .list-wrap .list.result{height:595px;}

.sms-message .list-wrap .list ul li>div{*zoom:1;}
.sms-message .list-wrap .list ul li>div:after{content:' ';display:block;clear:both;}
.sms-message .list-wrap .list .box{height:25px;line-height:25px;}
.sms-message .list-wrap .list ul li span.phone{float:left;}
.sms-message .list-wrap .list ul li span.groupname{float:left;}
.sms-message .list-wrap .list ul li span.name{float:left;margin-left:50px;}
.sms-message .list-wrap .list ul li span.namelabel{float:left;}
.sms-message .list-wrap .list ul li span.button{float:right;margin-right:10px;}
.sms-message .list-wrap .list ul li.empty{height:350px;text-align:center;line-height:300px;border:none;}


.sms-message .list-wrap .list .modify{display:none;}
.sms-message .padding0{padding:0;}
.sms-message .mt0{margin-top:0;}
.sms-message .nogroup{margin-top:45px;text-align:center;font-size:17px;}
.sms-message .nogroup table{width:100%;height:490px;background:#fafafa;line-height:160%;}
.sms-message .choosegroup{display:none;}
.sms-message .btn-area{padding:10px 0 0 0;text-align:right;}
.sms-message .smscover{position:absolute;width:100%;height:100%;background:url(/bizonvi/images/opacity50.png);z-index:10;}
.sms-message .info-box{border:1px solid #ccc;padding:10px;min-height:107px;}
.sms-message .info-box table{width:100%;}
.sms-message .info-box table th{width:30%;text-align:left;}
.sms-message .info-box table td{width:70%;}
.sms-message .info-box table td.guide{font-size:14px;color:#666;line-height:140%;min-height:150px;}

.sms-message .info-box .guide-list li{border-top:1px solid #ccc;}
.sms-message .info-box .guide-list li:first-child{border:none;}
.sms-message .info-box .guide-list li a{display:block;padding:5px 0;}
.sms-message .info-box .guide-list li .dtl{display:none;}
.sms-message .info-box .guide p{line-height:160%;}
.sms-message .info-box .guide p em{color:#D09F9F;}
.sms-message .info-box .guide p.p5{padding-top:5px;}

.sms-message .sms-result{padding-top:20px;}
.sms-message .sms-result .header{background:#f0f0f0;}

.sms-message .sms-result dl{*zoom:1;padding:10px 0;border-bottom:1px solid #d7d7d7;float:none;}
.sms-message .sms-result dl:after{content:' ';display:block;clear:both;}

.sms-message .sms-result dl dt{float:left;display:inline-block;*display:inline;*zoom:1;padding:0;line-height:140%;text-align:center;}
.sms-message .sms-result dl dd{float:left;display:inline-block;*display:inline;*zoom:1;padding:0;line-height:140%;}
.sms-message .sms-result .date{width:25%;text-align:center;}
.sms-message .sms-result .subject{width:45%;}
.sms-message .sms-result .count{width:10%;text-align:center;}
.sms-message .sms-result .succ{width:20%;text-align:center;}
.sms-message .sms-result .detail{width:100%;}
.sms-message .sms-result .detail .dtl{border-top:1px solid #d7d7d7;margin:10px 0;padding:10px 10px 0 10px;*zoom:1;}
.sms-message .sms-result .detail .dtl:after{content:' ';display:block;clear:both;}
.sms-message .sms-result .detail .dtl .tit{text-align:center;padding:10px 0;border-bottom:1px solid #d7d7d7;background:#f0f0f0;}
.sms-message .sms-result .detail .dtl .left{float:left;width:40%;border:1px solid #d7d7d7;box-sizing:border-box;}
.sms-message .sms-result .detail .dtl .right{float:right;width:60%;border:1px solid #d7d7d7;box-sizing:border-box;border-left:none;}
.sms-message .sms-result .detail .dtl .dtl-box{height:300px;overflow-y:auto;}
.sms-message .sms-result .detail .dtl .dtl-box ul li{*zoom:1;padding: 7px 10px;border-bottom:1px solid #ccc;}
.sms-message .sms-result .detail .dtl .dtl-box ul li:after{content:' ';display:block;clear:both;}
.sms-message .sms-result .detail .dtl .dtl-box ul li span{float:left;}
.sms-message .sms-result .detail .dtl .dtl-box ul li span.phone{width:50%;}
.sms-message .sms-result .detail .dtl .dtl-box ul li span.name{width:30%;}
.sms-message .sms-result .detail .dtl .dtl-box ul li span.succ{width:20%;}
.sms-message .sms-result .detail .dtl .dtl-box .msg{padding:10px;}

.sms-message .sms-result ul.header span{text-align:center;}



.app{text-align:center;margin-top:100px;width:90%;margin: 100px auto 50px auto;}
.app .title{font-size:25px;color:#8aaaaa;text-align:left;line-height:28px;padding-bottom:5px;}
.app .loginbox{width:100%;max-width:300px;margin:50px auto 0 auto;}
.app .loginbox input{height:35px;border:1px solid #ccc;width:100%;line-height:35px;margin-top:10px;text-indent:10px;font-size:16px;color:#666;
-webkit-appearance: none;border-radius: 0;
}
.app .loginbox dl{*zoom:1;width:100%;}
.app .loginbox dl:after{content:' ';display:block;clear:both;}
.app .loginbox dl dd{float:left;width:65%;text-align:left;}
.app .loginbox dl dd.btn{float:right;width:30%;}
.app .loginbox dl dd.btn a{display:block;width:100%;height:84px;background:#8aaaaa;color:#ffffff;text-align:center;line-height:84px;margin-top:10px;}
.app .loginbox .find{font-size:13px;margin-top:20px;}
.app .loginbox .find a{border-left:1px solid #ccc;padding:0 10px;}
.app .loginbox .find a:first-child{border:none;}
.app .logo{margin-top:50px;max-width:100%;}



.app .guidebox{width:100%;margin:20px auto 20px auto;background:#fff;border:1px solid #ccc;line-height:180%;padding:30px 0;box-sizing:border-box;}
.app .regbox{width:100%;margin:0 auto;border:1px solid #ccc;padding:5px 0;}
.app .regbox dl{*zoom:1;width:100%;}
.app .regbox dl:after{content:' ';display:block;clear:both;}
.app .regbox dl dt{float:left;width:30%;padding:0 10px;text-align:left;border-right:1px solid #ccc;box-sizing:border-box;margin:10px 0;}
.app .regbox dl dd{float:right;width:70%;padding:0 10px;text-align:left;margin:10px 0;box-sizing:border-box;}
.app .btn-bar{display:block;}
.app .btn-bar .regbtn{display:block;background:#8aaaaa;color:#ffffff;width:100%;margin:0 auto;padding:7px 0;font-size:16px;}


.typebox1{
	border: 1px solid #8aaaaa;
    width: 100%;
    max-width: 600px;
    *zoom:1;
    margin: 30px auto 0 auto;
    border-radius: 5px;
    overflow: hidden;
    font-size: 17px;
    padding-bottom: 10px;
}
.typebox1 .title{background:#8aaaaa;text-align: center;padding:10px 0;color:#ffffff;font-weight: bold;}
.typebox1 .box-wrap{padding:20px 10px 10px 10px;}
.typebox1 dl{*zoom:1;padding:5px 0;}
.typebox1 dl:after{content:' ';display:block;clear:both;}
.typebox1 dl dt{width: 30%;float:left;text-align: center;line-height:35px;}
.typebox1 dl dd{width: 70%;float:left;}
.typebox1 dl dd.txt{line-height:35px;}
.typebox1 dl dd.txt b{color: #8aaaaa;}
.typebox1 dl dd select{height:33px;width:90%;font-size:16px;}
.typebox1 dl dd label{padding:0 10px;}
.typebox1 dl dd.btn{width: 100%;}
.typebox1 dl dd.find{font-size:14px;padding-top:15px;width:100%;text-align: right;letter-spacing: -1px;color:#666;}
.typebox1 dl dd.find a{color:#8aaaaa;text-decoration: underline;}
.typebox1 .agreewrap{padding-top:10px;}
.typebox1 .agreewrap a.agree{border-bottom: 1px solid #ccc;padding: 0 0 3px 0;color: #8aaaaa;margin: 0 !important;}
.typebox1-btn-area{text-align: center;margin:20px 0;}
.typebox1 .help{padding-top:7px;font-size:14px;color:#666;line-height: 140%;}


.typebox1 ul.boxlist.idlist{}
.typebox1 ul.boxlist.idlist:after{content:' ';display: block;clear: both;}
.typebox1 ul.boxlist.idlist.titlelist li{background: #f1f1f1;padding:5px 0;text-align: center;color:666;border-bottom:none;}
.typebox1 ul.boxlist.idlist li{float: left;box-sizing: border-box;text-align: center;padding:5px 0;border-bottom:1px solid #f3f3f3;}
.typebox1 ul.boxlist.idlist li.w30{width: 40%;}
.typebox1 ul.boxlist.idlist li.w70{width: 59%;}






.idpwdfindwrap{text-align: right;text-align: right;padding-right: 40px;font-size:13px;}

.searchguide-wrap{padding:20px 20px 20px 20px;width:600px;margin:0 auto;
    width: 100%;
	max-width: 600px;
}
.searchguide-wrap .searchguide{border:1px solid #ccc;padding:10px;}
.searchguide-wrap .searchguide .help{padding:4px 0;color:#666;}
.searchguide-wrap .searchguide .help i{color:#c57777;font-weight:bold;text-decoration: none;}


@media screen and (max-width:600px){
	.typebox1{width: 90%;}
	.typebox1 dl dt{width:100%;text-align: left;}
	.typebox1 dl dd{width:100%;}
	.typebox1 .agree{padding-top:0px;}

	.searchguide-wrap{width: 90%;}
}

@media screen and (max-width:1000px){
	.footer{padding:0 0 10px 0;}
	.footer ul{padding: 0 10px;}
	.footer ul li.fl{width:100%;text-align:center;}
	.footer ul li.fr{width:100%;text-align:center;padding: 10px 0 0 0;}
	.footer ul li .escrow{display:none;}
}

@media screen and (max-width:700px){
	.footer ul li.fl span{display:block;}
}

@media screen and (max-width:850px){
	html,body{height:100%;}
	body {font: 15px/140% NanumSquare, 'NanumSquare', 나눔스퀘어, NanumGothic,  'Nanum Gothic','나눔고딕', sans-serif,Dotum, '돋움', AppleGothic, verdana;color:#222;}
	
	img.visual-img{position:fixed;left:0;top:-200px;}
	
	.radius-btn40{font-size:15px;line-height:30px;border-radius:30px;height:30px;}
	
	.top-header{background: #fff;border-top:1px solid #f1f1f1;}
	.top-header .pcmenu{display:none;}
	.top-header .mobilemenu-wrap{display:block;}


	.content-wrap{margin-top:120px;}

	.main.visual .content .info1{margin-top:30px;}
	.main.visual .content .info1 img{max-width:70%;}
	.main.visual .content .info1 .circle{padding-top:20px;width:170px;}
	.info2{top:300px;}
	.info2 img{max-width:60%;}
	.main.visual{height:500px;}

	.main.bg01{height:750px;background-size: auto 100%;}
	.main.bg01 .card01 {top: 263px;}
	.main.bg01 .card02{top:257px;left: 18.8%;}
	.main.bg01 .layer .content dl{padding:30px 10px 0 10px;}
	.main.bg01 .layer .content dl dt{width: 100%;font-size:28px;color:#fff;line-height:100%;padding:15px 0 0 0;letter-spacing:2px;}
	.main.bg01 .layer .content dl dt .title{margin:0 auto;}
	.main.bg01 .layer .content dl dt .title a{margin:15px 0 0 0;}
	.main.bg01 .layer .content dl dt .title p{width:100%;display:block;margin:0 auto;padding: 20px 0 0 0;font-size: 15px;line-height: 140%;text-align:center;}
	.main.bg01 .layer .content dl dd{width: 100%;padding: 15px 0 0 10px;text-align: center;box-sizing: border-box;}
	
	.main.bg02{height:750px;background-size: auto 100%;}
	.main.bg02 .layout{left:0;margin:0 auto;max-width:100%;}
	.main.bg02 .layer .content dl{padding:30px 10px 0 10px;}
	.main.bg02 .layer .content dl dt{width: 100%;font-size:28px;color:#fff;line-height:100%;padding:15px 0 0 0;letter-spacing:2px;}
	.main.bg02 .layer .content dl dt .title{margin:0 auto;}
	.main.bg02 .layer .content dl dt .title a{margin:15px 0 0 0;}
	.main.bg02 .layer .content dl dt .title p{width:100%;display:block;margin:0 auto;padding: 20px 0 0 0;font-size: 15px;line-height: 140%;text-align:center;}
	.main.bg02 .layer .content dl dd{width: 100%;padding: 15px 0 0 10px;text-align: center;box-sizing: border-box;}
	
	.main.foot-helpdesk .onvi-box img{width:170px}
	.main.foot-helpdesk{padding:50px 0 60px 0;}
	.main.foot-helpdesk .help{font-size:18px;color:#555;width:80%;margin:0 auto;}
	.main.foot-helpdesk .help li{font-size:15px;width:100%;text-align:center;margin:15px 0 0 0;padding:7px 0 7px 0;border:1px solid #a1bbbb;color:#a1bbbb;}
    .main.foot-helpdesk .help li.w50{font-size:15px;width:50%;text-align:center;margin:15px 0 0 0;padding:7px 0 7px 0;border:1px solid #a1bbbb;color:#a1bbbb;}
    .main.foot-helpdesk .help li.w100{font-size:15px;width:100%;text-align:center;margin:15px 0 0 0;padding:7px 0 7px 0;border:1px solid #a1bbbb;color:#a1bbbb;}
	.main.foot-helpdesk span{font-size:15px;line-height:25px;}
	
	.goods-list{padding:30px 0 0 0;}
	.goods-list ul li{width:50%;}
	.goods-list ul li a{width:90% !important;min-width:277px;}
	
	
	.goods-detail{padding: 30px 10px 20px 10px;}
	.goods-detail .hidden-info-title{display:block;}
	.goods-detail .order>dt{width:100%;}
	.goods-detail .order>dt .phone{width: 300px;height: 510px;background-size: contain;}
	
	
	.goods-detail .order>dt .phone .preview{margin: 98px 0 0 48px;width: 205px;}
	.goods-detail .order>dt .phone .preview iframe{width:251px;height:392px;display:none;}
	.goods-detail .order>dt .phone .preview .thumnail{width:205px;display:block;}
	
	
	


	.goods-detail .order>dd{width:100%;margin:0;}
	.goods-detail .order>dd .info-title{display:none;}
	.goods-detail .order dl.info{padding-top:10px;}
	.goods-detail .order dl.info dt{padding:0 0 5px 0;}
	.goods-detail .order dl.info dd ul li{padding:5px 0 0 15px;background-position:0 12px;}
	.goods-detail .order .btn-area{text-align:center;}
	.goods-detail .detail{margin:30px 0 0 0;}
	.goods-detail .detail dl dd span{display:inline-block;*display:inline;*zoom:1;}
	.goods-detail .detail dl{margin:0;}
	.goods-detail .detail dl dd{width: 100%;margin: 30px 0 0 0;border-top: 1px solid #d7d7d7;border-bottom:none;padding: 30px 0 30px 0;}
	.goods-detail .detail dl dt{width:100%;}
	.goods-detail .detail dl dt img{max-width:100%;}
	
	
	.goods-detail-step .content{padding:0 10px 0 10px;}
	.goods-detail-step dl dd{width:100%;;text-align:left;}
	.goods-detail-step dl dd i{display:inline;font-size:20px;}
	.goods-detail-step dl dd em{display:inline;font-size:20px;padding:10px 0 10px 10px;}
	.goods-detail-step dl dd p{white-space:normal;padding:5px 0 10px 0;line-height:20px;}
	.goods-detail-step-help{padding-top:15px;padding-left:0px;}

	.goods-detail.custom .hidden-info-title{display:block;}
	.goods-detail.custom .hidden-info-title strong{font-size:29px;padding:0 0 20px 0;}
	.goods-detail.custom .order>dt .phone{width: 300px;height: auto;}
	.goods-detail.custom .order>dt .phone img{width:100%;height:auto;margin:0;}
	.goods-detail.custom .detail dl i{display:block;padding:0;}
	.goods-detail.custom .detail dl span{font-size:15px;}
	.goods-detail.custom .detail dl dd{padding:0 0 30px 0;}
	.goods-detail.custom .detail dl dd .con{padding:0 0 0 25px;}
	.goods-detail.custom .detail dl:first-child{margin:60px 0 0 0;}
	
	
	.board{padding: 30px 10px 0 10px;}
	.board .page-title{font-size:20px;}
	.board .page-title span{font-size:23px;}

	.board ul.tab li a{height:35px;line-height: 35px;}
	.board ul.tab li img{top:36px;}
	
	
	
	
	
	.board .list.notice dl .no{display:none}
	.board .list.notice dl .subject{width:100%;}
	
	.board .list.order-no-sign dl .no{display:none;}
	.board .list.order-no-sign dl .subject{width:70%;text-align:center;}

	
	.board .list.pnp dl .no{display:none}
	.board .list.pnp dl .subject{width:100%;padding:10px 0 0 0;}
	.board .list.pnp dl .name{width:auto;padding:5px 10px;color:#666666;text-align:left;}
	.board .list.pnp dl .date{width:auto;padding:5px 10px;color:#666666;text-align:left;}
	.board .list.pnp dl .state{width:auto;padding:5px 10px;color:#666666;text-align:left;}
	.board .list.pnp dl.header .name{display:none;}
	.board .list.pnp dl.header .date{display:none;}
	.board .list.pnp dl.header .state{display:none;}
	
	
	.board .list.pnp dl.search-box dt{width:100%;text-align:right;padding: 0 0 10px 0;}
	.board .list.pnp dl.search-box dd{display:none;}



	

	.board .list.order-list dl .thumnail{width:20%;}
	.board .list.order-list dl .subject{width:70%;padding:25px 0 0 10px;margin:0;box-sizing: border-box;}
	.board .list.order-list dl .subject.diy{padding:0 0 0 10px;}
	.board .list.order-list dl .price{display:none;}
	.board .list.order-list dl .date{width:30%;padding:5px 10px;color:#666666;text-align:left;margin:0;}
	.board .list.order-list dl .state{width:30%;padding:5px 10px;color:#666666;text-align:left;margin:0;}
	/*
	
	
	
	
	.board .list.order-list dl.header .price{display:none;}
	.board .list.order-list dl.header .date{display:none;}
	.board .list.order-list dl.header .state{display:none;}

	
	*/

	.board .list dl.header .thumnail{display:none}
	.board .list dl.header .subject{padding:7px 0 7px 0;width:100%;}
	.board .list dl.header .date{display:none;}
	.board .list dl.header .price{display:none;}
	.board .list dl.header .state{display:none;}




	.board .list.order-list3 dl .diysubject{width:40%;}
	.board .list.order-list3 dl .diyprice{width:12%;}
	.board .list.order-list3 dl .diydate{width:13%;}


	.board .detail dd dl dt{width:23%;}
	.board .detail dd dl dd{width:77%;}
	.board .detail.write dd dl dt{width:23%;}
	.board .detail.write dd dl dd{width:77%;}
	.board .detail.write dd dl dd.attach-box .guide{font-size:13px;line-height:140%;background:url(/bizonvi/images/common/icon_exc2.jpg) no-repeat 0 7px;background-size:20px 20px;padding:10px 0 0 25px}


	.board .detail dl dd .block2{}
	.board .detail dl dd .block2 dl dt{float:left;width:100%;}	
	.board .detail dl dd .block2 dl dd{float:left;width:100%;}
	.board .detail dl dd .block2 dl .pc-padding-top100{padding-top:0px;}


	.board .order-state{padding:20px 10px;}
	.board .order-state dl{padding-bottom:10px;}
	.board .order-state dl dt{width:100%;padding:0;}
	.board .order-state dl dt i{width:10%;}
	.board .order-state dl dd{width:100%;padding:10px 0 0 0;}
	
	.board .btn-area{padding:20px 0;}
	.paging{padding:20px 0;}
	.paging img{width:30px;height:auto;margin:0;}
	
	.order2{padding: 30px 10px 20px 10px;}
	.order2 .guide{font-size:13px;}
	.order2 .btn-area{text-align:center;}
	.order2 dl{width:100%;}
	.order2 dl dt{width:25%;}
	.order2 dl dt.title em{right:0%;}
	.order2 dl dt.title a.arrow{display:block;right:0%;}
	.order2 dl dd{width:75%;}
	.order2 dl dd .attach-guide{font-size:13px;}
	.order2 dl.account{margin:0;}
	.order2 dl.account dt{padding:0;}
	.order2 dl.account dd{text-align:left;padding:0;line-height:140%;}
	.order2 dl.account dd .account-name{display:inline-block;*display:inline;*zoom:1;}
	.order2 dl.account dd .sms{text-align:left;line-height:27px;padding:10px 0 0 0;}
	.order2 dl.account dd .sms a{
	    font-size: 13px;
	    line-height: 23px;
	    border-radius: 24px;
	    height: 24px;
	}
	
	
	.order2 .payinfo{padding:5px 0 10px 0;}
	.order2 .payinfo dl{padding:0;}
	.order2 .payinfo dt{padding:5px 0 0 0;}
	.order2 .payinfo dd{padding:5px 0 0 0;}
	
	.order2 dl.paytype dt{width: 100%;}
	.order2 dl.paytype dd{width: 100%;padding-top:5px;}
	.order2 dl.paytype dd .payemail{width: 90%;}
	.order2 dl.paytype dd .payguide{white-space:normal;}
	.order2 .mobilehidden{display: none;}

	.my-order dl dt{width:100%;}
	.my-order dl dt img{max-width:300px;}
	.my-order dl dd{width:100%}
	.my-order dl dd .my-info li th{width:110px;}

	.order-detail dl dt{width:30%;}
	.order-detail dl dt img{max-width:300px;}
	.order-detail dl dd{width:65%}
	.order-detail dl dd .my-info li th{width:110px;}
	
	.board .pwd-modify dt{width:20%;}
	.board .pwd-modify dd{width:80%}
	.board .pwd-modify dd.btn{width:100%;text-align:center;}


	.board .modify dt{float:left;padding:0 0 10px 0;width:25%;line-height:33px;}
	.board .modify dt span{display:block;white-space:pre-line;line-height:20px;}
	.board .modify dd{float:left;padding:0 0 10px 0;width:75%;}
	
	.layer-agree-wrap {width:96%;left:2%;}
	.layer-agree-wrap .layer-agree .agreebox{height:340px}
	
	.portfolio-detail .portfolio-content .detail{max-width:600px}
	.portfolio-list ul li{width:50%;}
    
    .sms-message{padding:30px 10px 0 10px;}
	.sms-message .dl-wrap .left{float:none;width:100%;}
	.sms-message .dl-wrap .right{float:none;width:100%;}
	
	.sms-message .list-wrap .list{height:auto;overflow-y:visible;min-height:200px;}
	.sms-message .list-wrap .list.group{height:auto;overflow-y:visible;}
	.sms-message .list-wrap .list.result{height:auto;overflow-y:visible;}
	.sms-message .list-wrap .list ul li{padding:3px 10px;}
	.sms-message .list-wrap .list ul li span.name{margin-left:10px;}
	.sms-message .list-wrap .list ul li.empty{height:200px;line-height:200px;}
	.sms-message .nogroup{margin-top:10px;}
	.sms-message .nogroup table{height:200px;}
	.sms-message .info-box table th{width:50%;text-align:left;}
	.sms-message .info-box table td{width:50%;}
	.sms-message dl dd .child-tab2 span{width:40%;}
}

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

	.board .list.order-list3 dl.header .diyprice{display: none;}
	.board .list.order-list3 dl.header .diystate{display: none;}
	.board .list.order-list3 dl.header .diybtns{display: none;}
	.board .list.order-list3 dl.header .diydate{display: none;}
	.board .list.order-list3 dl .diythumnail{width:25%;}
	.board .list.order-list3 dl .diysubject{width:75%;}
	.board .list.order-list3 dl .diyprice{width:12%;display: none;}
	.board .list.order-list3 dl .diydate{width:100%;margin:0;}
	.board .list.order-list3 dl .diydate a{display: inline-block;margin: 0 0 0 10px;}

	.board .list.order-list3 dl .diybtns{width:100%;margin:0;}
	.board .list.order-list3 dl .diystate{width:100%;margin:0;}

	.board .list.order-list3 dl .diybtns a{display:inline-block;width:40%;margin: 0 5px;}
	.board .list.order-list3 dl .diystate a{display:inline-block;width: 90%;margin: 0;}

    
}
@media screen and (max-width:550px){
	.goods-list{}
	.goods-list ul li{height:360px;}
	.goods-list ul li a{width:90% !important;min-width:160px;}
	.goods-list ul li a .phone{width:140px;height:280px;background-size: 100% auto;margin:20px auto 0 auto;}
	.goods-list ul li a .phone img {margin: 54px 0 0 12px;width: 111px;height: 173px;}
	.goods-list ul li a strong,
	.goods-list ul li a em{padding:0;}
	
	.layer-example-wrap{width:400px;margin-left:-200px;margin-top:-207px}
	.layer-example-wrap .layer-sample{padding:10px;}
	.layer-example-wrap .layer-sample .title .close{top:10px;}
	.layer-example-wrap .tab{margin-top:10px;}
	.layer-example-wrap .layer-sample .list{margin:10px 0;}
	
	
	.portfolio-list ul li{padding:15px 0 15px 0;}
	.portfolio-list ul li .item img{width:90%;}
	.portfolio-list ul li .item .cover{width:90%;left:5%;}
	
	.portfolio-detail-wrap .arrow_left{left:3%;max-width:20px}
	.portfolio-detail-wrap .arrow_right{right:3%;max-width:20px}
	.portfolio-detail .portfolio-content .title{padding:70px 0 20px 0;}
	.portfolio-detail .portfolio-content .detail ul li img{max-width:80%;}
	
	.portfolio-detail .portfolio-content .detail ul li.w50{width:100%;}

	.order-detail dl dt{width:100%;}
	.order-detail dl dt img{max-width:300px;}
	.order-detail dl dd{width:100%}
	.order-detail dl dd .my-info li th{width:110px;}

}

@media screen and (max-width:440px){
	.layer-example-wrap{width:300px;margin-left:-150px;}
	.btn-area a{font-size:15px;}
}



@media screen and (max-width:320px){
	.main.bg01 .layer .content dl dt{font-size:27px;line-height:100%;}
	
}

@media screen and (max-width:340px){
	.top-header .mobilemenu-wrap .mobilemenu{padding:8px 8px 0 8px;font-size:13px;}
	.top-header .mobilemenu-wrap .allmenu-wrap{font-size:13px;}
}

@media screen and (max-width:500px){
	.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu1{width:28%;text-align: left;box-sizing: border-box;}
	.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu1 a{}
	.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu2{width:27.7%;}
	.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu6{width:20.6%;display:none;}
	.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu3{width:20.6%;}
	.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu4{width:19.6%;}
	.top-header .mobilemenu-wrap .mobilemenu .menulist1 li.menu5{width:4.1%}
	.top-header .mobilemenu-wrap .allmenu-wrap .allmenu{padding:6px 0;}
	.top-header .mobilemenu-wrap .allmenu-wrap .allmenu span{padding:10px 0;}
}


.main.bg01 .card01,
.main.bg01 .card02
{
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;	
}

/*transition*/
/*
.main.bg01 .layer .content dl dt .title,
.main.bg01 .layer .content dl dt .title a,
.main.bg01 .layer .content dl dt .title p
{
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	-ms-transition: all 400ms;
	transition: all 400ms;	
}
*/


.cs-placeholder{color:#999;}
.msie7 .cs-placeholder{padding-left:10px;}
.calendar-wrap{position:relative;}
.cs-calendar{position:absolute;left:-1px;width:280px;font-size:16px;height:293px;border:1px solid #c1c1c1;overflow:hidden;background:#fff;color:#666;}
.cs-calendar .controll{text-align:center;position:relative;padding:5px 0;font-weight:normal;background:#8aaaaa;color:#fff;}
.cs-calendar .controll .today{position:absolute;top:auto;bottom:auto;left:2%;cursor:pointer;display:none;}
.cs-calendar .controll .prev{cursor:pointer;padding:0 5px 0 5px;margin: 0 20px 0 10px;}
.cs-calendar .controll .next{cursor:pointer;padding:0 5px 0 5px;margin: 0 10px 0 20px;}
.cs-calendar .controll .prev img{vertical-align: middle;}
.cs-calendar .controll .next img{vertical-align: middle;}
.cs-calendar .controll .label{}
.cs-calendar .controll .label .year{cursor:pointer;}
.cs-calendar .controll .label .month{cursor:pointer;}
.cs-calendar .controll .close{position:absolute;top:auto;bottom:auto;left:auto;right:4%;cursor:pointer;}
.cs-calendar .datebody{position:relative;width:100%;text-align:center;}
.cs-calendar .datebody .weekWrap{text-align:center;background:#f0f0f0;}
.cs-calendar .datebody .week{display:inline-block;*display:inline;*zoom:1;width:14.2%;text-align:center;font-weight:normal;}
.cs-calendar .datebody .red{color:#cf2042;}
.cs-calendar .datebody .blue{color:#0270c2;}
.cs-calendar .datebody .dayWrap{position:absolute;left:0;}
.cs-calendar .datebody .dayWrap .prevday{display:inline-block;*display:inline;*zoom:1;width:9.8%;padding:2% 2% 2% 2%;text-align:center;font-weight:bold;color:#c1c1c1;}
.cs-calendar .datebody .dayWrap .day{display:inline-block;*display:inline;*zoom:1;width:14.2%;text-align:center;cursor:default;border-bottom:1px solid #e6e6e6;}
.cs-calendar .datebody .dayWrap .day.today{background:#A76969;color:#fff;}
.cs-calendar .datebody .dayWrap .day.disabled{color:#fff;background:#fff !important;}
.cs-calendar .datebody .dayWrap .day:hover{background:#A76969;color:#fff;}
.cs-calendar .datebody .dayWrap .day.disabled:hover{background:#fff !important;;}
.cs-calendar .monthbody{position:relative;width:100%;border:none;text-align:center;}
.cs-calendar .monthbody .monthWrap{position:absolute;left:0;top:0px;}
.cs-calendar .monthbody .monthWrap .month{display:inline-block;*display:inline;*zoom:1;width:33.3%;padding:13.5px 0;text-align:right;text-align:center;font-weight:normal;text-align:center;cursor:default;border-bottom:1px solid #e6e6e6;}    
.cs-calendar .monthbody .monthWrap .month.today{background:#A76969;color:#fff;}
.cs-calendar .monthbody .monthWrap .month:hover{background:#A76969;color:#fff;}
.cs-calendar .yearbody{position:relative;width:100%;text-align:center;}
.cs-calendar .yearbody .yearWrap{position:absolute;left:0;top:0px;}
.cs-calendar .yearbody .year{display:inline-block;*display:inline;*zoom:1;width:33.3%;padding:3.1px 0;text-align:center;font-weight:bold;text-align:center;cursor:default;border-bottom:1px solid #e6e6e6;}
.cs-calendar .yearbody .year.today{background:#A76969;color:#fff;}
.cs-calendar .yearbody .year:hover{background:#A76969;color:#fff;}

.scrollbar{position:absolute;left:auto;right:0;top:0;width:10px;height:100%;}
.scrollbar img{display:block;}
.scrollbar .bar{height:10px;background:url(/bizonvi/images/common/scroll02.png) repeat-y;}


.writeagree{padding:15px 0 0px 0;}
.writeagree a{border-bottom:1px solid #ccc;padding:0 0 3px 0;color:#666;}

.writeagree2{padding:0px 0 15px 0;text-align: left;}
.writeagree2 input{width:auto !important;}
.writeagree2 a{border-bottom:1px solid #ccc;padding:0 0 3px 0;color:#666;margin:0 !important;}

.writeagree3{padding:5px 0 5px 0;text-align: left;}
.writeagree3 input{width:auto !important;}
.writeagree3 a{border-bottom:1px solid #ccc;padding:0 0 3px 0;color:#666;margin:0 !important;font-size:13px;}

.writeagree4{padding:15px 10px 5px 0;text-align: right;}
.writeagree4 input{width:auto !important;}
.writeagree4 a{border-bottom:1px solid #ccc;padding:0 0 3px 0;color:#8aaaaa;margin:0 !important;}