@charset "utf-8";
@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(/diybiz/css/font/NanumSquareR.woff2) format('woff2'),
			url(/diybiz/css/font/NanumSquareR.woff) format('woff');
};

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%;}

html,body{margin:0; padding:0;height: 100%;background:#fcfefe;
	font: 13px/130% NanumSquare, 'NanumSquare', 나눔스퀘어, NanumGothic,  'Nanum Gothic','나눔고딕', sans-serif,Dotum, '돋움', AppleGothic, verdana;color:#222;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-text-size-adjust : 100%;
	-ms-text-size-adjust : 100%;
	-moz-text-size-adjust : 100%;
	-o-text-size-adjust : 100%;
	text-size-adjust : 100%;
}

*{margin:0;padding:0;word-wrap:break-word;word-break: break-all;-webkit-font-smoothing: antialiased;}
a{text-decoration: none;color:inherit;}
.tbl{display: table;}
.tbl .row{display: table-row;}
.tbl .cell{display: table-cell}

.createcanvas{position: relative;overflow: hidden;margin:0 auto;}
.createcanvas.on{opacity:1;}
.canvaslayer{position: absolute;}
.canvaslayer[data-type = "button"]{cursor: pointer;}

.canvaslayer .canvas_item{width: 100%;height: 100%;box-sizing: border-box;position: relative;overflow:visible;}
.canvaslayer .layer_item{width: 100%;height: 100%;box-sizing: border-box;position: relative;border-style:solid;border-width:0px;border-color:#666666;overflow:visible;text-align: left;}
.canvaslayer .layer_item[data-overflow="hidden"]{overflow:hidden;}
.canvaslayer .layer_item[data-anim]{
	-webkit-transform-origin:50% 50%;
	-moz-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	transform-origin:50% 50%;
}
.canvaslayer[data-type="image"] .layer_item[data-filter]{-webkit-backdrop-filter: blur(0px);backdrop-filter: blur(0px);	}
.canvaslayer[data-type="image"], .canvaslayer[data-type="text"], .canvaslayer[data-type="figure"], .canvaslayer[data-type="line"]{pointer-events:none;}

.canvaslayer .layer_item .img{display:block;width: 100%;height: 100%;}
.canvaslayer .layer_item .btn_imgtxt_item{display:table;width: 100%;height:100%;box-sizing: border-box;}
.canvaslayer .layer_item .btn_imgtxt_item .btn{display: table-cell;text-align: center;vertical-align: middle;}
.canvaslayer .layer_item .btn_imgtxt_item .btn .text_item{display: block;width: 100%;box-sizing: border-box;}

.canvaslayer .layer_item .btn_imgtxt_item .btn .edit{display: inline-block;}
.canvaslayer .layer_item .btn_imgtxt_item .btn .edit font, .canvaslayer .layer_item .btn_imgtxt_item .btn .edit p, .canvaslayer .layer_item .btn_imgtxt_item .btn .edit div, .canvaslayer .layer_item .btn_imgtxt_item .btn .edit span{display: inline;vertical-align: middle;line-height: 130%;}
.canvaslayer .layer_item .btn_imgtxt_item .btn .edit span[data-bizonvi]{display: inline;padding:0;margin:0;line-height: 130%;letter-spacing: 0;vertical-align: middle;line-height: 130%;}
.canvaslayer .layer_item .btn_imgtxt_item .btn .edit span[data-bizonvi].fake{}
.canvaslayer .layer_item .btn_imgtxt_item .btn .edit span[data-bizonvi].fake *{}
.canvaslayer .layer_item .btn_imgtxt_item .btn .edit span[data-bizonvi].fake.none{}
.canvaslayer .layer_item .btn_imgtxt_item .btn .edit span[data-bizonvi].fake.none *{}
.canvaslayer .layer_item .btn_imgtxt_item .btn .edit span[data-bizonvi].i{font-style:italic;}
.canvaslayer .layer_item .btn_imgtxt_item .btn .edit span[data-bizonvi].b{font-weight: bold;}
.canvaslayer .layer_item .btn_imgtxt_item .btn .edit span[data-bizonvi].du{text-decoration: underline;}



.canvaslayer .layer_item .btn_item{display:table;width: 100%;height:100%;box-sizing: border-box;}
.canvaslayer .layer_item .btn_item .btn{display: table-cell;text-align: center;vertical-align: middle;}
.canvaslayer .layer_item .btn_item .btn.transparent{background: rgba(230, 230, 230, 0.5)}
.canvaslayer .layer_item .def_item{display:table;width: 100%;height:100%;box-sizing: border-box;}
.canvaslayer .layer_item .def_item .def{display: table-cell;text-align: center;vertical-align: middle;}
.canvaslayer .layer_item .def_item .def .defimg{display: block;margin:0 auto;max-width: 80%;max-height: 80%;}
.canvaslayer .layer_item .def_item .def.image{background: #eef3f3;color:#468180;}
.canvaslayer .layer_item .def_item .def.image .defimg{width:50px;}
.canvaslayer .layer_item .def_item .def.imagebutton{background: #eef3f3;color:#468180;}
.canvaslayer .layer_item .def_item .def.imagebutton .defimg{width:30px;height: auto;}
.canvaslayer .layer_item .def_item .def.gallery{background-image:url(/diybiz/image/def_gallery_bg.jpg); background-size: 100% 100%; background-repeat: no-repeat;background-color: #000000;color:#ffffff;}
.canvaslayer .layer_item .def_item .def.gallery .defimg{width: 100px;}
.canvaslayer .layer_item .def_item .def.video{background-image:url(/diybiz/image/def_video_bg.jpg); background-size: 100% 100%; background-repeat: no-repeat;background-color: #000000;color:#ffffff;}
.canvaslayer .layer_item .def_item .def.video .defimg{width: 55px;}
.canvaslayer .layer_item .def_item .def.map{background-image:url(/diybiz/image/def_map_bg.jpg); background-size: 100% 100%; background-repeat: no-repeat;color:#ffffff;}
.canvaslayer .layer_item .def_item .def.map .defimg{width: 42px;}


.canvaslayer .layer_item .text_item{box-sizing: border-box;font-size:18px;display:inline-block;}
.canvaslayer .layer_item .text_item .editwrap{display: inline-block;overflow: visible;}


.canvaslayer .layer_item .text_item .editwrap{display: inline-block;overflow: visible;}
.canvaslayer .layer_item .text_item .edit{
	display: inline-block;
	white-space:pre;
	word-break: break-all;	
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%;	
}
.canvaslayer .layer_item .text_item .edit:focus{outline:none;}
.canvaslayer .layer_item .text_item .edit font, .canvaslayer .layer_item .text_item .edit p, .canvaslayer .layer_item .text_item .edit div, .canvaslayer .layer_item .text_item .edit span{display: inline;vertical-align: middle;line-height: 130%;}
.canvaslayer .layer_item .text_item .edit span[data-bizonvi]{display: inline;vertical-align: middle;line-height: 130%;}
.canvaslayer .layer_item .text_item .edit span[data-bizonvi].fake{}
.canvaslayer .layer_item .text_item .edit span[data-bizonvi].fake *{}
.canvaslayer .layer_item .text_item .edit span[data-bizonvi].fake.none{}
.canvaslayer .layer_item .text_item .edit span[data-bizonvi].fake.none *{}
.canvaslayer .layer_item .text_item .edit span[data-bizonvi].i{font-style:italic;}
.canvaslayer .layer_item .text_item .edit span[data-bizonvi].b{font-weight: bold;}
.canvaslayer .layer_item .text_item .edit span[data-bizonvi].du{text-decoration: underline;}

.canvaslayer .layer_item .rectline{display: block;width: 100%;height: 100%;background:#000000;}
.canvaslayer .layer_item .line_horizontal{display: block;width: 100%;height: 100%;background:#000000;}
.canvaslayer .layer_item .line_vertical{display: block;width: 100%;height: 100%;background:#000000;}
.canvaslayer .layer_item .line_dashed_horizontal{display: block;width: 100%;height: 100%;background-size: auto 100%; background-repeat: repeat-x; background-position: left center;}
.canvaslayer .layer_item .line_dashed_vertical{display: block;width: 100%;height: 100%;background-size: 100% auto; background-repeat: repeat-y; background-position: center top;}
.canvaslayer .layer_item .line_dashed_horizontal_rect{display: block;width: 100%;height: 100%;background-size: auto 100%; background-repeat: repeat-x; background-position: left center;}
.canvaslayer .layer_item .line_dashed_vertical_rect{display: block;width: 100%;height: 100%;background-size: 100% auto; background-repeat: repeat-y; background-position: center top;}
.canvaslayer .layer_item.line_circle{border-style: solid;border-radius: 50%;}
.canvaslayer .layer_item.line_rect{border-style: solid}


.canvaslayer .layer_item .figure_rect{display: block;width: 100%;height: 100%;background:#333333;}
.canvaslayer .layer_item .figure_circle{display: block;width: 100%;height: 100%;border-radius:50%;background: #eef3f3;}
.canvaslayer .layer_item .figure_triangle{display: block;border-style: solid;width:0;height: 0;border-color:transparent transparent #eef3f3 transparent;}

.canvaslayer .layer_item .sliderwrap{width: 100%;height:100%;overflow: hidden;position: relative;}
.canvaslayer .layer_item .sliderwrap .slide_gallery{height: 100%;overflow: hidden;width: 100%;background-color: #000000;}
.canvaslayer .layer_item .sliderwrap .slide_gallery ul{height: 100%;-webkit-tap-highlight-color: transparent;}
.canvaslayer .layer_item .sliderwrap .slide_gallery ul li{height: 100%;background-size:contain;background-position: center center;background-repeat: no-repeat;-webkit-tap-highlight-color: transparent;}
.canvaslayer .layer_item .sliderwrap .slide_gallery ul li img{width: 100% !important;;height: 100% !important;}
.canvaslayer .layer_item iframe{border:none;}

.canvaslayer[data-type="gallery"] .layer_item a{display: block;position: absolute;width:10%;top:47%;
-webkit-transition:all 600ms;
-moz-transition:all 600ms;
-ms-transition:all 600ms;
-o-transition:all 600ms;
transition:all 600ms;
-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
z-index:1;
}
.canvaslayer[data-type="gallery"] .layer_item a img{width: 100%;height: auto;}
.canvaslayer[data-type="gallery"] .layer_item a.arrow_left{left:5%;}
.canvaslayer[data-type="gallery"] .layer_item a.arrow_left.off{
	transform:translateX(-200%);
}
.canvaslayer[data-type="gallery"] .layer_item a.arrow_right{right:5%;}
.canvaslayer[data-type="gallery"] .layer_item a.arrow_right.off{
	transform:translateX(200%);
}

.canvaswrap .of{}
.canvaswrap{overflow: hidden;}

.layerwrap{position: fixed;width:100%;height:100%;max-width: 640px;z-index:1000000;top: 110%;left: 0;right: 0;margin: 0 auto;padding:0;background: #ffffff;display: none;overflow:hidden;}
.layerwrap img{display: block;width: 100%;height: auto;}
.layerwrap .close{position: absolute;width: 100%;z-index:1000000;top:0;padding:0;margin:0;filter:drop-shadow(rgb(153, 153, 153) 0px 1px 1px);cursor:pointer;}
.layerwrap .scrollbody{width: 100%;height: 100%;overflow-y: auto;box-sizing: border-box;padding:0;margin:0;overscroll-behavior: contain;}
.layerwrap .scrollbody .title_fake{visibility: hidden;}
.layerwrap .scrollbody .scrollitem img{padding-top:10px;}
.layerwrap .scrollbody .scrollitem img:first-child{padding-top:0;}
.layerwrap .locationbody{width: 100%;height: 100%;box-sizing: border-box;padding:0;margin:0;}
.layerwrap .locationbody iframe{width: 100% !important;height: 100% !important;display: block;border:none;}


.layerwrap.registration{min-width:320px;background-color: rgba(233, 235, 236, 1);color:#4d575f;line-height: 130%;}
.layerwrap.registration .registwrap{padding:2.21em 1.13em 1.33em 1.13em;box-sizing: border-box;}
.layerwrap.registration .registwrap .registbody{border-radius: 0.63em;box-sizing: border-box;background: #fff;padding:1.71em 1.63em;display: ;}
.layerwrap.registration .registwrap .registbody dl.title{*zoom:1;border-bottom:1px solid #c2ccd2;padding-bottom:1.04em;}
.layerwrap.registration .registwrap .registbody dl.title:after{content: ' ';display: block;clear: both;}
.layerwrap.registration .registwrap .registbody dl.title dt{float:left;font-weight: bold;font-size:1.02em;padding-top:0.21em;}
.layerwrap.registration .registwrap .registbody dl.title dd{float:right;width:15.2%;}
.layerwrap.registration .registwrap .registbody dl.title dd{background-image: url(/diybiz/image/icon_registration0.png); background-position: left center;background-size: auto 100%;}
.layerwrap.registration .registwrap .registbody dl.title dd img{vertical-align: top;width: 100%;height: auto;visibility: hidden;}
.layerwrap.registration .registwrap .registbody .form{padding:0.54em 0 2.00em 0;border-bottom:1px solid #c2ccd2;}
.layerwrap.registration .registwrap .registbody dl.inputs{*zoom:1;padding-top:1.50em;}
.layerwrap.registration .registwrap .registbody dl.inputs:after{content: ' ';display: block;clear: both;}
.layerwrap.registration .registwrap .registbody dl.inputs dt{float:left;width:26.5%;font-weight: bold;font-size:1em;padding-top:0.55em;}
.layerwrap.registration .registwrap .registbody dl.inputs dd{float:left;width:73.5%;font-size:0.98em;}
.layerwrap.registration .registwrap .registbody dl.inputs dd .inputtext{height:1.78em;width:100%;border:1px solid #828282;box-sizing: border-box;text-indent: 0.5em;-webkit-appearance: none;font-size: 1.18em !important;color:#333333;}
.layerwrap.registration .registwrap .registbody dl.inputs dd .inputselect{height:2.13em;width:100%;border:1px solid #828282;box-sizing: border-box;font-size:1em;text-indent: 0.5em;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;background-image:url(/diybiz/image/input_arrow0.png);background-position: 100% 0;background-repeat: no-repeat;background-size: auto 100%;color:#333333;}
.layerwrap.registration .registwrap .registbody dl.inputs.check{padding-top:1.17em;}
.layerwrap.registration .registwrap .registbody dl.inputs.check{padding-top:1.17em;}
.layerwrap.registration .registwrap .registbody dl.inputs.agree{padding-top:1.17em;}
.layerwrap.registration .registwrap .registbody dl.inputs.agree dd{width:100%;}
.layerwrap.registration .registwrap .registbody dl.inputs.agree dd a{text-decoration: underline;}
.layerwrap.registration .registwrap .registbody dl.inputs.w100{padding-top:0.96em !important;}
.layerwrap.registration .registwrap .registbody dl.inputs.w100 dt{float:left;width:100%;font-weight: bold;font-size:1em;padding-bottom:0.50em;}
.layerwrap.registration .registwrap .registbody dl.inputs.w100 dd{float:left;width:100%;}
.layerwrap.registration .registwrap .registbody dl.inputs ul{list-style: none;}
.layerwrap.registration .registwrap .registbody dl.inputs ul:after{content: ' ';display: block;clear: both;}
.layerwrap.registration .registwrap .registbody dl.inputs ul li{float:left;padding-right: 0.75em;padding-top: 0.44em;box-sizing: border-box;}
.layerwrap.registration .registwrap .registbody dl.inputs ul li.chk{padding-top: 0.44em;}
.layerwrap.registration .registwrap .registbody dl.inputs ul li label{display:inline-block;*display:inline;*zoom:1;padding-left:0.42em;vertical-align: top;line-height: 130%;}
.layerwrap.registration .registwrap .registbody dl.inputs ul li table{border-collapse: collapse;border: none;margin: 0;}
.layerwrap.registration .registwrap .registbody dl.inputs ul li td{padding: 0;margin: 0;border: none;vertical-align: top;}
.layerwrap.registration .registwrap .btnarea{padding:1.67em 0 0.67em 0;text-align: center;}
.layerwrap.registration .registwrap .btnarea .btn_conf{font-size:1.02em;display: inline-block;*display: inline;*zoom:1;padding:0.5em 0 0.58em 0;background: #a7b9c4;color:#ffffff;width:48.5%;text-align: center;border-radius: 0.38em;font-weight: bold;margin:0 0.08em 0 0.08em;}
.layerwrap.registration .registwrap  .btnarea .btn_cancel{font-size:1.02em;display: inline-block;*display: inline;*zoom:1;padding:0.5em 0 0.58em 0;background: #dbe2e6;color:#8a8f95;width:48.5%;text-align: center;border-radius: 0.38em;font-weight: bold;margin:0 0.08em 0 0.08em;}
.layerwrap.registration .registwrap .agreebody{border-radius: 0.63em;box-sizing: border-box;background: #ffffff;padding:1.71em 1.63em;display:none; }
.layerwrap.registration .registwrap .agreebody dl.title{border-bottom:1px solid #c2ccd2;padding-bottom:1.04em;}
.layerwrap.registration .registwrap .agreebody dl.title dt{display:block;font-weight: bold;font-size:1.02em;text-align: center;}
.layerwrap.registration .registwrap .agreebody .cont{padding:1.13em 0 1.38em 0;border-bottom:1px solid #c2ccd2;font-size:0.97em;}
.layerwrap.registration .registwrap input[type='radio'] {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:1.17em;width: 1em;height: 1em;border: none;border-radius: 50%;outline: none;cursor: pointer;box-shadow: 0 0 0 1px #828282;box-sizing: border-box;}
.layerwrap.registration .registwrap input[type='radio']:checked {background-color: #828282;border: 0.25em solid #fff;box-shadow: 0 0 0 1px #828282;box-sizing: border-box;}
.layerwrap.registration .registwrap input[type='checkbox'] {-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size:1.17em;width: 1em;height: 1em;border: none;outline: none;cursor: pointer;box-shadow: 0 0 0 1px #828282;box-sizing: border-box;}
.layerwrap.registration .registwrap input[type='checkbox']:checked {background-color: #828282;border: 0.25em solid #fff;box-shadow: 0 0 0 1px #828282;box-sizing: border-box;}

.layerwrap.registration.color1{background-color: rgba(0, 0, 0, 1);color:#000000;}
.layerwrap.registration.color1 .registwrap .registbody dl.inputs dd .inputselect{background-image:url(/diybiz/image/input_arrow1.png);}
.layerwrap.registration.color1 .registwrap .registbody dl.title{border-bottom:1px solid #000000;}
.layerwrap.registration.color1 .registwrap .registbody dl.title dd{background-image: url(/diybiz/image/icon_registration1.png);}
.layerwrap.registration.color1 .registwrap .registbody .form{border-bottom:1px solid #000000;}
.layerwrap.registration.color1 .registwrap .registbody dl.inputs dd .inputtext{border:1px solid #000000;}
.layerwrap.registration.color1 .registwrap .registbody dl.inputs dd .inputselect{border:1px solid #000000;}
.layerwrap.registration.color1 .registwrap input[type='radio'] {box-shadow: 0 0 0 1px #000000;}
.layerwrap.registration.color1 .registwrap input[type='radio']:checked {background-color: #000000;box-shadow: 0 0 0 1px #000000;}
.layerwrap.registration.color1 .registwrap input[type='checkbox'] {box-shadow: 0 0 0 1px #000000;}
.layerwrap.registration.color1 .registwrap input[type='checkbox']:checked {background-color: #000000;border: 0.25em solid #fff;box-shadow: 0 0 0 1px #000000;}
.layerwrap.registration.color1 .registwrap .btnarea .btn_conf{background: #000000;color:#ffffff;}
.layerwrap.registration.color1 .registwrap .btnarea .btn_cancel{background: #828282;color:#ffffff;}

.layerwrap.registration.color2{background-color: rgba(14, 42, 99, 1);color:#3a3e48;}
.layerwrap.registration.color2 .registwrap .registbody dl.inputs dd .inputselect{background-image:url(/diybiz/image/input_arrow2.png);}
.layerwrap.registration.color2 .registwrap .registbody dl.title{border-bottom:1px solid #39599a;}
.layerwrap.registration.color2 .registwrap .registbody dl.title dd{background-image: url(/diybiz/image/icon_registration2.png);}
.layerwrap.registration.color2 .registwrap .registbody .form{border-bottom:1px solid #39599a;}
.layerwrap.registration.color2 .registwrap .registbody dl.inputs dd .inputtext{border:1px solid #3f5787;}
.layerwrap.registration.color2 .registwrap .registbody dl.inputs dd .inputselect{border:1px solid #3f5787;}
.layerwrap.registration.color2 .registwrap input[type='radio'] {box-shadow: 0 0 0 1px #3f5787;}
.layerwrap.registration.color2 .registwrap input[type='radio']:checked {background-color: #3f5787;box-shadow: 0 0 0 1px #3f5787;}
.layerwrap.registration.color2 .registwrap input[type='checkbox'] {box-shadow: 0 0 0 1px #3f5787;}
.layerwrap.registration.color2 .registwrap input[type='checkbox']:checked {background-color: #3f5787;border: 0.25em solid #fff;box-shadow: 0 0 0 1px #3f5787;}
.layerwrap.registration.color2 .registwrap .btnarea .btn_conf{background: #0e2a63;color:#ffffff;}
.layerwrap.registration.color2 .registwrap .btnarea .btn_cancel{background: #9aabce;color:#ffffff;}

.layerwrap.registration.color3{background-color: rgba(226, 233, 240, 1);color:#51565b;}
.layerwrap.registration.color3 .registwrap .registbody dl.inputs dd .inputselect{background-image:url(/diybiz/image/input_arrow3.png);}
.layerwrap.registration.color3 .registwrap .registbody dl.title{border-bottom:1px solid #748ec3;}
.layerwrap.registration.color3 .registwrap .registbody dl.title dd{background-image: url(/diybiz/image/icon_registration3.png);}
.layerwrap.registration.color3 .registwrap .registbody .form{border-bottom:1px solid #748ec3;}
.layerwrap.registration.color3 .registwrap .registbody dl.inputs dd .inputtext{border:1px solid #7e94a9;}
.layerwrap.registration.color3 .registwrap .registbody dl.inputs dd .inputselect{border:1px solid #7e94a9;}
.layerwrap.registration.color3 .registwrap input[type='radio'] {box-shadow: 0 0 0 1px #7e94a9;}
.layerwrap.registration.color3 .registwrap input[type='radio']:checked {background-color: #7e94a9;box-shadow: 0 0 0 1px #7e94a9;}
.layerwrap.registration.color3 .registwrap input[type='checkbox'] {box-shadow: 0 0 0 1px #7e94a9;}
.layerwrap.registration.color3 .registwrap input[type='checkbox']:checked {background-color: #7e94a9;border: 0.25em solid #fff;box-shadow: 0 0 0 1px #819ebai;}
.layerwrap.registration.color3 .registwrap .btnarea .btn_conf{background: #427ab1;color:#ffffff;}
.layerwrap.registration.color3 .registwrap .btnarea .btn_cancel{background: #bdccdc;color:#ffffff;}

.layerwrap.registration.color4{background-color: rgba(158, 3, 43, 1);color:#464344;}
.layerwrap.registration.color4 .registwrap .registbody dl.inputs dd .inputselect{background-image:url(/diybiz/image/input_arrow4.png);}
.layerwrap.registration.color4 .registwrap .registbody dl.title{border-bottom:1px solid #c096a1;}
.layerwrap.registration.color4 .registwrap .registbody dl.title dd{background-image: url(/diybiz/image/icon_registration4.png);}
.layerwrap.registration.color4 .registwrap .registbody .form{border-bottom:1px solid #c096a1;}
.layerwrap.registration.color4 .registwrap .registbody dl.inputs dd .inputtext{border:1px solid #826c72;}
.layerwrap.registration.color4 .registwrap .registbody dl.inputs dd .inputselect{border:1px solid #826c72;}
.layerwrap.registration.color4 .registwrap input[type='radio'] {box-shadow: 0 0 0 1px #826c72;}
.layerwrap.registration.color4 .registwrap input[type='radio']:checked {background-color: #826c72;box-shadow: 0 0 0 1px #826c72;}
.layerwrap.registration.color4 .registwrap input[type='checkbox'] {box-shadow: 0 0 0 1px #826c72;}
.layerwrap.registration.color4 .registwrap input[type='checkbox']:checked {background-color: #826c72;border: 0.25em solid #fff;box-shadow: 0 0 0 1px #826c72;}
.layerwrap.registration.color4 .registwrap .btnarea .btn_conf{background: #9e032b;color:#ffffff;}
.layerwrap.registration.color4 .registwrap .btnarea .btn_cancel{background: #d8bdc4;color:#ffffff;}

.layerwrap.registration.color5{background-color: rgba(248, 233, 231, 1);color:#635e5f;}
.layerwrap.registration.color5 .registwrap .registbody dl.inputs dd .inputselect{background-image:url(/diybiz/image/input_arrow5.png);}
.layerwrap.registration.color5 .registwrap .registbody dl.title{border-bottom:1px solid #dfc7c7;}
.layerwrap.registration.color5 .registwrap .registbody dl.title dd{background-image: url(/diybiz/image/icon_registration5.png);}
.layerwrap.registration.color5 .registwrap .registbody .form{border-bottom:1px solid #dfc7c7;}
.layerwrap.registration.color5 .registwrap .registbody dl.inputs dd .inputtext{border:1px solid #89787b;}
.layerwrap.registration.color5 .registwrap .registbody dl.inputs dd .inputselect{border:1px solid #89787b;}
.layerwrap.registration.color5 .registwrap input[type='radio'] {box-shadow: 0 0 0 1px #89787b;}
.layerwrap.registration.color5 .registwrap input[type='radio']:checked {background-color: #89787b;box-shadow: 0 0 0 1px #89787b;}
.layerwrap.registration.color5 .registwrap input[type='checkbox'] {box-shadow: 0 0 0 1px #89787b;}
.layerwrap.registration.color5 .registwrap input[type='checkbox']:checked {background-color: #89787b;border: 0.25em solid #fff;box-shadow: 0 0 0 1px #89787b;}
.layerwrap.registration.color5 .registwrap .btnarea .btn_conf{background: #da7e8d;color:#ffffff;}
.layerwrap.registration.color5 .registwrap .btnarea .btn_cancel{background: #e7bcc3;color:#ffffff;}

.layerwrap.registration.color6{background-color: rgba(241, 237, 230, 1);color:#534d45;}
.layerwrap.registration.color6 .registwrap .registbody dl.inputs dd .inputselect{background-image:url(/diybiz/image/input_arrow6.png);}
.layerwrap.registration.color6 .registwrap .registbody dl.title{border-bottom:1px solid #c8b597;}
.layerwrap.registration.color6 .registwrap .registbody dl.title dd{background-image: url(/diybiz/image/icon_registration6.png);}
.layerwrap.registration.color6 .registwrap .registbody .form{border-bottom:1px solid #c8b597;}
.layerwrap.registration.color6 .registwrap .registbody dl.inputs dd .inputtext{border:1px solid #8e816a;}
.layerwrap.registration.color6 .registwrap .registbody dl.inputs dd .inputselect{border:1px solid #8e816a;}
.layerwrap.registration.color6 .registwrap input[type='radio'] {box-shadow: 0 0 0 1px #8e816a;}
.layerwrap.registration.color6 .registwrap input[type='radio']:checked {background-color: #8e816a;box-shadow: 0 0 0 1px #8e816a;}
.layerwrap.registration.color6 .registwrap input[type='checkbox'] {box-shadow: 0 0 0 1px #8e816a;}
.layerwrap.registration.color6 .registwrap input[type='checkbox']:checked {background-color: #8e816a;border: 0.25em solid #fff;box-shadow: 0 0 0 1px #8e816a;}
.layerwrap.registration.color6 .registwrap .btnarea .btn_conf{background: #c6ae88;color:#ffffff;}
.layerwrap.registration.color6 .registwrap .btnarea .btn_cancel{background: #e3dfd9;color:#716b61;}

.layerwrap.registration.color7{background-color: rgba(164, 188, 189, 1);color:#464a4a;}
.layerwrap.registration.color7 .registwrap .registbody dl.inputs dd .inputselect{background-image:url(/diybiz/image/input_arrow7.png);}
.layerwrap.registration.color7 .registwrap .registbody dl.title{border-bottom:1px solid #bad1d2;}
.layerwrap.registration.color7 .registwrap .registbody dl.title dd{background-image: url(/diybiz/image/icon_registration7.png);}
.layerwrap.registration.color7 .registwrap .registbody .form{border-bottom:1px solid #bad1d2;}
.layerwrap.registration.color7 .registwrap .registbody dl.inputs dd .inputtext{border:1px solid #7e9192;}
.layerwrap.registration.color7 .registwrap .registbody dl.inputs dd .inputselect{border:1px solid #7e9192;}
.layerwrap.registration.color7 .registwrap input[type='radio'] {box-shadow: 0 0 0 1px #7e9192;}
.layerwrap.registration.color7 .registwrap input[type='radio']:checked {background-color: #7e9192;box-shadow: 0 0 0 1px #7e9192;}
.layerwrap.registration.color7 .registwrap input[type='checkbox'] {box-shadow: 0 0 0 1px #7e9192;}
.layerwrap.registration.color7 .registwrap input[type='checkbox']:checked {background-color: #7e9192;border: 0.25em solid #fff;box-shadow: 0 0 0 1px #7e9192;}
.layerwrap.registration.color7 .registwrap .btnarea .btn_conf{background: #88a9aa;color:#ffffff;}
.layerwrap.registration.color7 .registwrap .btnarea .btn_cancel{background: #d2dddd;color:#858c8c;}


.popupwrap{position: fixed;width: 100%;height: 100%;position: fixed;top:0;background-image:url('/diybiz/image/popup_dim.png');background-repeat: repeat;z-index:10000;display: none;}
.popupwrap .popup{width:90%;max-width: 590px;min-width: 300px;position: relative;top:5%;max-height:90%;margin:0 auto;height:90%;
	transition: transform 600ms;
	transform:translateY(30px);
	
}
.popupwrap .popup .title{position: absolute;border-bottom:1px solid #cccccc;}
.popupwrap .popup .title .bg{display:block;width: 100%;height: auto;}
.popupwrap .popup .title .titlewrap{position: absolute;left:0;top:0;width: 100%;height: 100%;background: #ffffff;}
.popupwrap .popup .title .titlewrap dl{*zoom:1;height: 100%:;}
.popupwrap .popup .title .titlewrap dl:after{content: ' ';display: block;clear: both;}
.popupwrap .popup .title .titlewrap dl dt{float:left;width:84%;}
.popupwrap .popup .title .titlewrap dl dt span{display: inline-block;*display: inline;*zoom:1;line-height: 140%;padding-left:1.4em;width: 90%;box-sizing: border-box;font-family: Arial, NanumSquare, 'NanumSquare', 나눔스퀘어, NanumGothic,  'Nanum Gothic','나눔고딕', sans-serif,Dotum, '돋움', AppleGothic, verdana;padding-top: 0.92em;font-weight: bold;font-size: 1.1em;color:#595553;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.popupwrap .popup .title .titlewrap dl dd{float:right;width:15.4%;}
.popupwrap .popup .title .titlewrap dl dd a{display: block;width: 100%;}
.popupwrap .popup .title .titlewrap dl dd a img{display: block;width: 100%;height:auto;}
.popupwrap .popup .title_fake .bg{width: 100%;height: auto;visibility: hidden;}
.popupwrap .popup .scrollbody{height:100%;overflow: auto;overscroll-behavior: contain;}
.popupwrap .popup .scrollbody img{display: block;width: 100%;height: auto;margin-top:1em;}
.popupwrap .popup .scrollbody img:first-child{margin-top:0;}
.popupwrap.on .popup{
	transform:translateY(0);
	
}
.popupwrap .popup .scrollbody .scrollicon{position:fixed;width:100%;height:auto;left:0;top:30%;display:none;}
.popupwrap .popup .scrollbody .scrollicon img{width:40%;height:auto;display:block;margin:0 auto;position: relative;
	-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	transform: translateY(-20%);
}
.popupwrap .popup .scrollbody .scrollicon.on img{
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

.mainguide{position:fixed;width:100%;height:auto;left:0;top:30%;display:none;z-index:10000;}
.mainguide img{width:50%;height:auto;display:block;margin:0 auto;position: relative;max-width:300px;
	-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transform: translateY(-25%);
	-moz-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	-o-transform: translateY(-25%);
	transform: translateY(-25%);
}
.mainguide.on img{
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

.slider-wrap.off{opacity:0.01;}
body[data-view="swipe"]{overflow: hidden;}
body[data-view="swipe"] .invwrap{display: block;width:100%;height: 100%;}
body[data-view="swipe"] .slider-wrap{width:100%;height:100%;margin:0 auto;}
body[data-view="swipe"] .slider{position:relative;left:0;width:100%;height:100%;
	overflow: hidden;
}
body[data-view="swipe"] .slider ul.userwrap{padding:0;margin:0;height:100%;}
body[data-view="swipe"] .slider ul.userwrap:after{content:' ';display:block;clear:both;}
body[data-view="swipe"] .slider ul.userwrap li.slideitem{padding:0;margin:0;list-style: none;width:100%;box-sizing: border-box;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling: touch;}
body[data-view="swipe"] .slider ul.userwrap li.slideitem a img{display:block;width:100%;}

body[data-view="scroll"]{}
body[data-view="scroll"] .invwrap{display: block;width:100%;}
body[data-view="scroll"] .slider-wrap{width:100%;max-width: 640px;margin:0 auto;}
body[data-view="scroll"] .slider{position:relative;left:0;width:100%;overflow: hidden;}
body[data-view="scroll"] .slider ul.userwrap{padding:0;margin:0;}
body[data-view="scroll"] .slider ul.userwrap:after{content:' ';display:block;clear:both;}
body[data-view="scroll"] .slider ul.userwrap li.slideitem{padding:0;margin:0;list-style: none;width:100%;box-sizing: border-box;}
body[data-view="scroll"] .slider ul.userwrap li.slideitem a img{display:block;width:100%;}

.wcover{position: fixed;width: 100%;height: 100%;background: #ffffff;left: 0;top:0;z-index:10001;}