#header { margin:0 !important; }
#subCont { width:100%; }
#quickNav { display:none; }

/* 내이미지 업로드 */
.dropzone.dz-clickable .dz-message { cursor:default; }
div#layerHelpContainer div.inner div.viewContents div.designLayerContents span { cursor:pointer; padding:10px 20px; background:#f0525f; color:#fff; font-size:14px;  }
p.title { color:#000; font-weight:500; font-size:15px; margin:0 0 5px; text-align:left; }

div.content_wrap:after { content:''; clear:both; display:block; }
.position_wrap { }
ul.position_thumb { width:100%; margin:0 auto; text-align:center; }
ul.position_thumb:after { content:''; clear:both; display:block; }
ul.position_thumb li { display:inline-block; text-align:center; width:100px; position:relative; margin: 0 2px;}
ul.position_thumb li.on {}
ul.position_thumb li img { width:80px; height:80px; }
ul.position_thumb li a { position:relative; display:block; }
ul.position_thumb li a:focus,
ul.position_thumb li a:hover { outline:none; text-decoration:none; }
ul.position_thumb li a > div { font-size:0; padding:10px; border:1px solid #ccc; outline: 1px solid transparent; }
ul.position_thumb li div.thumb_img { position:absolute; top:0; left:50%; width:100%; margin-left:-50px; }
ul.position_thumb li div.thumb_img_bg { background:#fff }
ul.position_thumb li.on a { border-color:#f30; outline:1px solid #f30; }
ul.position_thumb li.on a > div { border-color:#f30; outline:1px solid #f30; }
ul.position_thumb li a p { margin:5px 0 0;  color:#000; font-size:15px; font-weight:400; font-family: 'Noto Sans KR';  }

div.design_wrap { right:50%; margin-right:-220px;  position:absolute; top:200px;  background: #FFF;  border-radius:20px;   box-shadow: 4px 3px 13px rgba(0 ,0, 0, 0.1); -moz-box-shadow:  4px 3px 13px rgba(0 ,0, 0, 0.1); -webkit-box-shadow:  4px 3px 13px rgba(0 ,0, 0, 0.1); }
/*div.design_wrap { right:800px; margin-right:-250px; border:1px solid #ccc; position:absolute; top:200px;  background: #FFF;  border-radius:100px;}*/
div.design_wrap:after { content:''; clear:both; display:block; }
div.design_wrap div.self_wrap {  }
div.design_wrap div.self_wrap ul.btn_wrap { padding:0; }
div.design_wrap div.self_wrap ul.btn_wrap li { padding:0 10px; text-align:center; width:100%;   }
div.design_wrap div.self_wrap ul.btn_wrap li a { border-top:1px dashed #ddd; padding:10px 0; display:block; }
div.design_wrap div.self_wrap ul.btn_wrap li a span { width: 78px; display: inline-block; }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_file a { border-top:0; padding-top:30px; }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_file a span { height: 48px; background: url(/img/icon_custom_quick01.png) 0 0 no-repeat; }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_text a {  }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_text a span {  height:55px; background: url(/img/icon_custom_quick02.png) 0 0 no-repeat; }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_sample a {  }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_sample a span {  height:59px; background: url(/img/icon_custom_quick03.png) 0 0 no-repeat; }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_img a {  }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_img a span {  height:56px; background: url(/img/icon_custom_quick04.png) 0 0 no-repeat; }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_other a { padding-bottom:30px; }
div.design_wrap div.self_wrap ul.btn_wrap li.c_b_other a span { height:55px; background: url(/img/icon_custom_quick05.png) 0 0 no-repeat;  }


div.design_wrap div.prd_list { float:left; width:100%; }
div.design_wrap div.prd_list:after { content:''; clear:both; display:block; }
div.design_wrap div.prd_list div.product { width:30%; float:left; margin-left:5%; }
div.design_wrap div.prd_list div.first { margin-left:0; }
div.design_wrap div.prd_list div.product a {  }
div.design_wrap div.prd_list div.product a img { width:100%; }
div.design_wrap div.prd_list div.product ul.prd_info { }
div.design_wrap div.prd_list div.product ul.prd_info li { margin-top:10px; }
div.design_wrap div.prd_list div.product ul.prd_info li.print a,
div.design_wrap div.prd_list div.product ul.prd_info li.price a { color:#7942a0; }
div.design_wrap div.prd_list div.product ul.prd_info li.price a { font-weight:bold; }




div.content_wrap div.view_wrap { width:660px; min-height: 660px; margin-top:20px; /* float:left; */ position:relative; }
div.tool_wrap { position:absolute; top:210px; right:800px; margin-right:-120px; width:200px; padding:10px; border:1px solid #ddd; background: #fff;}

div.text_edit_wrap { color:#000; font-family:dotum; font-size:13px;  }
div.text_edit_wrap:after { content:''; clear:both; display:block; }
div.text_edit_wrap div { margin-bottom:7px; }
div.text_edit_wrap div.text_area { font-size:0; width:100%; float:left; }
div.text_edit_wrap div.text_area textarea { font-size:13px; width:100%; min-height:70px; line-height: 20px; padding: 5px; border:1px solid #ddd; resize: none;}
div.text_edit_wrap div.text_option { margin:0; width:100%; float:right;}
div.text_edit_wrap div.text_select { position: relative; text-align: left; }
div.text_edit_wrap div.text_select select { width:100%; padding:3px 0; }

div.text_edit_wrap div.text_select div.sel_font_family_list {  position: absolute; z-index: 1; display: none; left: 0; top: 0; width:178px;}
div.text_edit_wrap div.text_select div.sel_font_family_list ul { height: 260px; border: 1px #AAA solid; background-color: #FFF; overflow-x: hidden; overflow-y: scroll;}
div.text_edit_wrap div.text_select div.sel_font_family_list li { width: 100%;}
div.text_edit_wrap div.text_select div.sel_font_family_list li a { display: block; width: 100%; background-color: #FFF; padding: 3px;}
div.text_edit_wrap div.text_select div.sel_font_family_list li a:hover { background-color: #EEE; color: #F30;}
div.text_edit_wrap div.text_select div.sel_font_family_list li a.on { background-color: #F30; color: #F30;}
div.text_edit_wrap div.text_select a.sel_font_family_select { display: block; line-height: 28px; padding: 3px 5px; border: 1px #ddd solid; }
div.text_edit_wrap div.text_select a.sel_font_family_select i { color:#000; font-size: 21px; line-height: 46px; vertical-align:middle; }
div.text_edit_wrap div.text_select a.sel_font_family_select b { display:inline-block; text-align:center; position: absolute; right:0; top:0;  width:35px; height: 100%;   }

div.text_edit_wrap div.color_select { position: relative; text-align: left; }

div.text_edit_wrap div.color_select div.sel_font_color_list {  position: absolute; z-index: 1; display: none; left: 0; top: 0; width: 178px;  }
div.text_edit_wrap div.color_select div.sel_font_color_list ul {height: 248px; border: 1px #AAA solid; background-color: #FFF; overflow-x: hidden; overflow-y: scroll;}
div.text_edit_wrap div.color_select div.sel_font_color_list li { width: 100%;}
div.text_edit_wrap div.color_select div.sel_font_color_list li a { display: block; width: 100%; background-color: #FFF; padding: 3px;}
div.text_edit_wrap div.color_select div.sel_font_color_list li a span.color_picker { display: inline-block; vertical-align: middle; width: 15px; height: 15px; border: 1px #EEE solid; margin-right: 2px; }
div.text_edit_wrap div.color_select div.sel_font_color_list li a:hover { background-color: #EEE; color: #F30;}
div.text_edit_wrap div.color_select div.sel_font_color_list li a.on { background-color: #F30; color: #FFF;}


div.text_edit_wrap div.color_select a.sel_font_color_select { position:relative; display: block; line-height: 28px; padding: 3px 5px; border: 1px #ddd solid;  }
div.text_edit_wrap div.color_select a.sel_font_color_select span.color_picker { display: inline-block; vertical-align: middle; width: 15px; height: 15px; border: 1px #EEE solid; margin-right: 2px; }
div.text_edit_wrap div.color_select a.sel_font_color_select i { color:#000; font-size: 21px; line-height: 46px; vertical-align:middle; }
div.text_edit_wrap div.color_select a.sel_font_color_select b {  display:inline-block; text-align:center; position: absolute; right:0; top:0;  width:35px; height: 100%;  }

div.text_edit_wrap div.color_select select { width:100%; padding:3px 0; }
div.text_edit_wrap div.text_align { text-align:center; width:100%; font-size:0; }
div.text_edit_wrap div.text_align:after { content:''; clear:both; display:block; }
div.text_edit_wrap div.text_align a { outline:1px solid #ddd; border:1px solid #fff; width:55px; height:36px; display:inline-block;  }
div.text_edit_wrap div.text_align a img { width:100%; max-width:none; border:1px #BBB solid; padding:6px; transition:0.3s;  }
div.text_edit_wrap div.text_align a img:hover { border-color:#f0525f;}
div.text_edit_wrap div.text_align a.left { float:left; background:url('/img/text_left.png') 50% no-repeat; background-size:44px; }
div.text_edit_wrap div.text_align a.center {  background:url('/img/text_center.png') 50% no-repeat;  background-size:44px;}
div.text_edit_wrap div.text_align a.right { float:right; background:url('/img/text_right.png') 50% no-repeat;  background-size:44px; }

div.text_edit_wrap div.text_align a.selected { outline-color:#7942a0; border-color:#7942a0; }



/**/
.close_select_box { left:100%; margin-left:10px; position:absolute; top:0; }
.close_select_box:focus,
.close_select_box:hover { color:#000; }
.close_select_box i { font-size:30px; text-shadow: 0px 2px 3px #848484; }


.my_img_upload { padding:0 10px; font-size:0; text-align:left; }
.my_img_upload li { border-radius:5px; margin:5px !important; position:relative;  vertical-align:top;  border: 1px solid #ddd; display:inline-block; width:109px !important; height:109px !important; overflow:hidden; }
.my_img_upload li a { display:block;  width:100%; height:100%; }
.my_img_upload li img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; }


div#div_btn_edit { text-align:center; }
div#div_btn_edit:after { content:''; clear:both; display:block; }
div#div_btn_edit div.e_btn { cursor:pointer; background:#f5f5f5;  font-family: 'Noto Sans KR';  font-weight:400;  display:inline-block; width:100%; line-height:36px; font-size:13px; margin-bottom:7px; text-align:left; padding-left:50px; border:1px solid #ddd; color:#333; transition:all ease-in-out 0.3s; }
div#div_btn_edit div img {margin-top: -4px;  margin-right:3px; vertical-align:middle; }
div#div_btn_edit div.e_btn:hover { background:#eee; }
div#div_btn_edit div.del_btn { background:#f0525f; color:#fff; margin-bottom:0; }
div#div_btn_edit div.del_btn:hover { background:#e21425; }
div#div_btn_edit div#div_mm_size { cursor:pointer; background:#f5f5f5;  font-family: 'Noto Sans KR';  font-weight:400;  display:inline-block; width:100%; height:34px; line-height:34px; font-size:13px; margin-bottom:3px; text-align:left; padding-left:50px; border:1px solid #ddd; color:#333; transition:all ease-in-out 0.3s;  cursor:auto;  padding-left:0; text-align:center; background:#555; color:#fff; }
div.view_wrap div.main_canvas_wrap {  }
div.view_wrap div.main_canvas_wrap div.main_canvas { position:absolute; width:660px; top:0px; }   /* DJDDOC.2016.11.20 : width:100% -> 660px */
div.view_wrap div.main_canvas_wrap div.main_canvas_base { position:absolute; width:660px; top:0px; }  /* DJDDOC.2016.11.20 : width:100% -> 660px */

.mm_size_wrap { border-bottom:1px dashed #ddd; margin-bottom:8px; }



div.view_wrap div.main_canvas_wrap {  }
div.view_wrap div.main_canvas_wrap div.main_canvas { position:absolute; width:660px; top:0px; }   /* DJDDOC.2016.11.20 : width:100% -> 660px */
div.view_wrap div.main_canvas_wrap div.main_canvas_base { position:absolute; width:660px; top:0px; }  /* DJDDOC.2016.11.20 : width:100% -> 660px */

div.info_wrap { height:100%; float:right; background:#fff; padding:30px;  width:450px; }
div.info_wrap div.prd_name  { text-align:left; border-bottom:1px solid #eee; padding-bottom:5px; }
div.info_wrap div.prd_name h2 {margin:0 0 5px; font-weight:400; font-size:18px; color:#000; }
div.info_wrap div.prd_name p.price { font-size:18px; color:#333; }
div.info_wrap div.prd_name div.add_price_wrap { width:100%; }
div.info_wrap div.prd_name div.add_price_wrap:after { display:block; clear:both; content:''; }
div.info_wrap div.prd_name div.add_price_wrap p { margin:0; margin-bottom:5px; }
div.info_wrap div.prd_name div.add_price_wrap p.option { float:left; width:70%; line-height:2; }
div.info_wrap div.prd_name div.add_price_wrap p.price { float:right; width:88px; text-align:right; }
div.info_wrap div.prd_name div.result { border-top:1px dashed #ddd; padding-top:10px; margin-top:10px; }
#h2_goods_price { font-weight: 500;
    margin: 15px 0 20px; }

div.info_wrap div.size_wrap { margin:30px 0 20px; }
div.info_wrap div.size_wrap p:after { content:''; clear:both; display:block; }
div.info_wrap div.size_wrap p span.text-small { float:left; font-weight:400; font-family: 'Noto Sans KR';  font-size:13px; font-weight:normal; letter-spacing:-1px; text-align:center; color:#555; }
div.info_wrap div.size_wrap p span.size_view {display:inline-block; vertical-align:middle; margin-left:10px; margin-top:-4px; }
div.info_wrap div.size_wrap p span.size_view a { padding:2px 5px; line-height:1; vertical-align:middle; display:inline-block; background:#ff505e; font-weight:bold; transition:all ease-in-out 0.3s; }
div.info_wrap div.size_wrap p span.size_view a i { margin-top:-1px; }
div.info_wrap div.size_wrap p span.size_view a:hover { background:#e03846;  }
div.info_wrap div.size_wrap table { width:100%; margin:10px 0 20px; }
div.info_wrap div.size_wrap table tbody { background:none; }
div.info_wrap div.size_wrap table th,
div.info_wrap div.size_wrap table td { padding:2px 0; line-height:30px; vertical-align:middle; height:30px; color:#000; font-weight:400; font-family: 'Noto Sans KR';  font-size:15px; }
div.info_wrap div.size_wrap table th {  width:auto; text-align:left; padding-right:5px; }
div.info_wrap div.size_wrap table td { }
div.info_wrap div.size_wrap table td.quantity { width:50px; }
div.info_wrap div.size_wrap table td.price { height:34px; line-height:34px; display:inline-block; width:100%;  margin:0px; color:#555; }
div.info_wrap div.size_wrap table td.quantity input { padding:4px;border:0;   width:100%; height:30px; text-align:center; }
div.info_wrap div.size_wrap table td.quantity input.on { background:#fff; font-weight:bold; color:#000; }
div.info_wrap div.size_wrap table td.up,
div.info_wrap div.size_wrap table td.down { width:30px; }
div.info_wrap div.size_wrap table td.up a,
div.info_wrap div.size_wrap table td.down a { border-radius:50%; overflow:hidden;  background:#cecece;  display:block; width:30px; height:30px; text-align:center; line-height:30px;  }
div.info_wrap div.size_wrap table td.up img,
div.info_wrap div.size_wrap table td.down img { width:28px; margin-top:-5px; }

div.info_wrap div.size_wrap ul {  }
div.info_wrap div.size_wrap ul:after { content:''; clear:both; display:block; }
div.info_wrap div.size_wrap ul li { float:left; width:78px; height:30px; line-height:28px; background:#eee; border:1px solid #ddd; margin-left:-1px; margin-top:-1px; }
div.info_wrap div.size_wrap ul li a { font-size:14px; font-weight:bold; width:100%; }
div.info_wrap div.size_wrap ul li.on { background:#44b8b9; border-color:#44b8b9; }
div.info_wrap div.size_wrap ul li.on a { color:#fff; }

div.info_wrap div.color_wrap { margin:20px 0; }
div.info_wrap div.color_wrap p span.han_color_name { border-radius:25px; background:#fff; font-family: 'Noto Sans KR'; font-weight:400;  margin-left:10px; vertical-align:middle; font-size:12px; display:inline-block; padding:2px 7px; }
div.info_wrap div.color_wrap ul { width:100%; }
div.info_wrap div.color_wrap ul:after { content:''; clear:both; display:block; }
div.info_wrap div.color_wrap ul li { float:left; margin-left:2px; }
div.info_wrap div.color_wrap ul li.active { position:relative; }
div.info_wrap div.color_wrap ul li.active:before,
div.info_wrap div.color_wrap ul li.active:after { top:0; background:#fff; content:''; display:block; position:absolute; }
div.info_wrap div.color_wrap ul li.active:before { transform:rotate(-45deg); width:2px; height:8px; top:7px; left:6px; }
div.info_wrap div.color_wrap ul li.active:after { left:12px; top:6px; transform:rotate(45deg); width:2px; height:10px; }
div.info_wrap div.color_wrap ul li a {width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    display: block;}



div.info_wrap div.quantity_wrap { text-align:left; border-bottom:2px solid #ddd; padding-bottom:40px;}
div.info_wrap div.quantity_wrap input { width:72%; height:25px; }
div.info_wrap div.quantity_wrap a { display:inline-block; width:30px; height:30px; border:1px solid #aaa; font-size:18px; text-align:center; }

div.info_wrap div.price_wrap {}
div.info_wrap div.price_wrap p:after { content:''; clear:both; display:block; }
div.info_wrap div.price_wrap p span.text { font-size:17px;  float:left; }
div.info_wrap div.price_wrap p span.price { color:#000; margin:0px; font-size:20px; font-weight:bold; float:right; }
div.info_wrap div.price_wrap p.title {  margin:7px 0; }

div.info_wrap div.price_wrap p span > span { color:#f05260; }

#price_detail { display:none; padding:10px; background:#eee; }
#price_detail > div {  }
#price_detail > div:after { content:''; clear:both; display:block; }
#price_detail > div p { margin:5px 0; font-size:12px; }
#price_detail > div p.title { float:left; }
#price_detail > div p.price { float:right; }

div.info_wrap div.dc_price_wrap {}
div.info_wrap div.dc_price_wrap p:after { content:''; clear:both; display:block; }
div.info_wrap div.dc_price_wrap p span.text { font-size:17px; float:left; color:#f00;}
div.info_wrap div.dc_price_wrap p span.price { font-size:20px; font-weight:bold; float:right; color:#f00;}


div.info_wrap div.btn_wrap { border-top:1px solid #eee; font-size:0; padding:20px 0; }
div.info_wrap div.btn_wrap a { width:calc(100% - 60px); line-height:50px; background:#7942a0;   color:#fff; font-weight:400; font-family: 'Noto Sans KR'; font-size:16px; display:inline-block; text-align:center; }
div.info_wrap div.btn_wrap a.cart,
div.info_wrap div.btn_wrap a.buy {  transition:all 0.1s; }
div.info_wrap div.btn_wrap a.cart {  width:60px; color:#222; background:#373737;  }
div.info_wrap div.btn_wrap a.buy:hover { background:#612c86; }
div.info_wrap div.btn_wrap a.cart:hover { background:#000; }
div.info_wrap div.btn_wrap a i { margin-top:-4px; margin-right:7px; }
div.info_wrap div.sns_wrap { text-align:left; }
div.info_wrap div.sns_wrap a.first { display:inline-block; margin-right:15px; }

@media ( max-width:1199px ) {
    div.content_wrap { width:100%; }
}


    /* ------------------------ S. 내이미지 업로드 로그인 --------------------------------------------------------------- */

    p.login_ment { font-size:15px; color:#333; text-align:center; }
    div.login_wrap { width:90%; margin:20px auto; }
    div.login_wrap:after { content:''; clear:both; display:block; }
    div#btn_login,
    div#btn_join { display:inline-block; width:30%; margin:0 10px; padding:10px; font-size:13px; text-align:center; border:1px solid #333; background:#fff; color:#333; transition:all ease-in-out 0.3s; }
    div#btn_login:hover,
    div#btn_join:hover { background:#333; color:#fff; }
    /* ------------------------ E. 내이미지 업로드 로그인 --------------------------------------------------------------- */



    /*------------------------------------------  S. MODAL -------------------------------------------------------------*/
    /*.scrollNo { overflow:hidden;  }*/
    /*.scrollNo .content_wrap { padding-right:17px; }*/
    div#layerViewContainer {display:none;}
    div#layerViewContainer div.inner { display:block;position:fixed;z-index:9999999;top:12%; right:190px; width:640px; min-height:600px; padding:20px 10px;vertical-align:top;text-align:left;background:#FFF;border:1px #000 solid;}
    div#layerViewContainer div.inner p.title_bar { background:#000; width:30px; height:2px; margin:0; margin-bottom:5px; }
    div#layerViewContainer div.inner span.layerViewContainer-closed {position:absolute;top:10px; right:3px;}
    div#layerViewContainer div.inner span.layerViewContainer-closed a.closed {display:block;padding:5px 10px;font-size:25px; color:#000;}
    div#layerViewContainer div.inner h3 { font-weight:bold; display:block; margin:0; font-size:17px; line-height:30px; color:#333;}
    div#layerViewContainer div.inner div.viewContents {  }
    div#layerViewContainer div.inner div.viewContents:after { content:''; display:block; clear:both; }

    div#layerViewContainer div.inner div.viewContents div.designLayerContents {position:relative;  width:100%; margin-top:20px; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents:after { content:''; clear:both; display:block; }

    div#layerViewContainer div.inner div.viewContents div.designLayerContents div.cate_wrap { float:left; margin-right:18px; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents div.cate_wrap > p { margin:0 0 15px; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.cate { width:140px; height:500px; overflow-y:scroll; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.cate li { width:100%; margin-bottom:5px;}
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.cate li a { display:block; padding:7px 10px; /*background:#f1f1f1;*/ color:#000; letter-spacing:-1px; transition:all ease-in-out 0.3s; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.cate li a:hover { background:#000; color:#fff; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.cate li a.on { background:#000; color:#fff; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.cate li a.on span { padding-top:4px; display:inline-block; width:13px; height:14px; background:url('/img/btn_plus_hover.png') 0px 3px no-repeat; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.cate li a span { padding-top:4px; display:inline-block; height:14px; width:13px; background:url('/img/btn_plus.png') 0px 3px no-repeat; transition:all ease-in-out 0.3s; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.cate li a:hover span { padding-top:4px; display:inline-block; height:14px; background:url('/img/btn_plus_hover.png') 0px 3px no-repeat; }

    div#layerViewContainer div.inner div.viewContents div.designLayerContents div.list_wrap { float:left; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents div.list_wrap > p { margin:0 0 8px; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents div.slimScrollDiv { width:460px !important; height:500px !important; overflow-y:scroll !important; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.thumb { width:100%; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.thumb:after { content:''; display:block; clear:both; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.thumb li { border:1px solid #ddd; float:left; width:120px; height:120px; margin:2%; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.thumb li a { position:relative; display:inline-block; width:120px; height:120px; }
    div#layerViewContainer div.inner div.viewContents div.designLayerContents ul.thumb li a img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:90%; max-height:90%; }


    /* 가이드 모달 창 */
    div#layerHelpContainer {display:none;}
    div#layerHelpContainer div.inner { border-radius:5px; box-shadow:2px 2px 9px rgba(0, 0, 0, 0.2); display:block;position:absolute;z-index:999999; top:123px; right:50%; margin:0 -700px 0 0 ;width:390px; height:600px; vertical-align:top;text-align:left;background:#FFF; border:1px #ccc solid; }
    div#layerHelpContainer div.inner span.layerHelpContainer-closed {position:absolute; top:2px; right:0;}
    div#layerHelpContainer div.inner span.layerHelpContainer-closed a.closed {display:block;padding:0px 10px;font-size:25px; color:#fff; }
    div#layerHelpContainer div.inner p.title_bar { background:#000; width:30px; height:2px; margin:0; margin-bottom:5px; }
    div#layerHelpContainer div.inner h3 { border-radius:5px 5px 0 0; font-family: 'Nanum Square'; font-weight:500;  background:#ff505f; display:block; margin:0; font-size:17px; line-height:30px; color:#fff; padding:5px 10px; }
    div#layerHelpContainer div.inner div.viewContents { }
    div#layerHelpContainer div.inner div.viewContents:after { content:''; display:block; clear:both; }
    div#layerHelpContainer div.inner div.viewContents div.designLayerContents {position:relative; float:left; width:100%; margin:20px 0; }
    div#layerHelpContainer div.inner div.viewContents div.designLayerContents ul { display: block; width:100%; padding:0; margin:0; text-align:left;}
    div#layerHelpContainer div.inner div.viewContents div.designLayerContents ul:after { content:''; display:block; clear:both; }
    
    div#layerHelpContainer div.inner div.viewContents div.designLayerContents ul.sampleList {  font-size:0; padding-top:10px; height:450px; overflow-y:auto; }
    div#layerHelpContainer div.inner div.viewContents div.designLayerContents ul.sampleList li { display:inline-block; width:25%; margin-bottom: 15px; position:relative; }
    div#layerHelpContainer div.inner div.viewContents div.designLayerContents ul.sampleList li a { display:inline-block; width:100%; }
    div#layerHelpContainer div.inner div.viewContents div.designLayerContents ul.sampleList li a img { width:100%; }
    div#layerHelpContainer div.inner div.viewContents div.designLayerContents ul.sampleList li a.delete { position:absolute; top:-8px; right:0; background:url('/img/icon_delete.png') no-repeat; display:inline-block; width:20px; height:20px; text-align:center; }

    div#layerHelpContainer div.inner div.viewContents div.layerLoginBtn {position:relative; float:left; width:100%; }

    div.mask { background:none; width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden; z-index:9999; }
    .upload_ment { font-weight:bold; font-size:12px; color:#f30; text-align:left; width:100%; }

    /* 로그인 모달 창 */
    div#layerLoginViewContainer {display:none;}
    div#layerLoginViewContainer div.inner {display:block;position:fixed;z-index:999999;left:50%;top:50%;margin:-300px 0 0 -560px ;width:600px; padding:20px 10px;vertical-align:top;text-align:left;background:#FFF;border:1px #DDD solid;-webkit-box-shadow:0 0 30px 10px rgba(0,0,0,.5);-moz-box-shadow:0 0 30px 10px rgba(0,0,0,.5);box-shadow:0 0 30px 10px rgba(0,0,0,.5);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
    div#layerLoginViewContainer div.inner span.layerLoginViewContainer-closed {position:absolute;top:10px; right:10px;}
    div#layerLoginViewContainer div.inner span.layerLoginViewContainer-closed a.closed {display:block;padding:5px 10px;font-size:10pt;line-height:110%;color:#FFF;}
    div#layerLoginViewContainer div.inner span.layerLoginViewContainer-closed a.closed:hover {color:#FFF;}
    div#layerLoginViewContainer div.inner h3 {display:block; margin:0; padding:5px 10px; font-size:15px;line-height:30px;color:#FFF;  background: #f05260 url(../img/ptn_tra22x24_3.png) repeat 0 0;}
    div#layerLoginViewContainer div.inner div.viewContents { }
    div#layerLoginViewContainer div.inner div.viewContents:after { content:''; display:block; clear:both; }

    div#layerLoginViewContainer div.inner div.viewContents div.designLayerContents {position:relative; float:left; width:100%; margin-top:20px; }
    div#layerLoginViewContainer div.inner div.viewContents div.designLayerContents ul { display: block; width:100%; padding:0; margin:0; text-align:center;}
    div#layerLoginViewContainer div.inner div.viewContents div.designLayerContents ul:after { content:''; display:block; clear:both; }
    
    div#layerLoginViewContainer div.inner div.viewContents div.designLayerContents ul.sampleList {padding-top:30px; height:320px; overflow-y:scroll; }
    div#layerLoginViewContainer div.inner div.viewContents div.designLayerContents ul.sampleList:after { content:''; clear:both; display:block; }
    div#layerLoginViewContainer div.inner div.viewContents div.designLayerContents ul.sampleList li { float:left; width:25%;  margin-bottom: 10px; position:relative; }
    div#layerLoginViewContainer div.inner div.viewContents div.designLayerContents ul.sampleList li a { display:inline-block; width:100%; }
    div#layerLoginViewContainer div.inner div.viewContents div.designLayerContents ul.sampleList li a img { width:100%; }
    div#layerLoginViewContainer div.inner div.viewContents div.designLayerContents ul.sampleList li a.delete { position:absolute; top:0; right:0; background:#f3f3f3; color:#f30; opacity:0.6; font-weight:bold; display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; }
    div#layerLoginViewContainer div.inner div.viewContents div.layerLoginBtn {position:relative; float:left; width:100%; }

    div.login_box {text-align:center; padding:20px 0;}
    div.login_box div.login_form { width: 350px; margin: 0 auto; padding: 20px 0; }
    div.login_box div.login_form:after { content: ''; display: block; clear: both; }
    div.login_box div.login_form div.idnpw_area { float: left; width: 170px; }
    div.login_box div.login_form div.idnpw_area div.input { width: 230px; }
    div.login_box div.login_form div.idnpw_area div.input label,
    div.login_box div.login_form div.idnpw_area div.input input { display: inline-block; }
    div.login_box div.login_form div.idnpw_area div.input label { width: 70px; text-align:right; }
    div.login_box div.login_form div.idnpw_area div.input input { padding: 3px; }
    div.login_box div.login_form div.idnpw_area input#password { margin-top: 5px; }
    div.login_box div.login_form a { float: right; display: block; width: 110px; line-height: 55px; border: 1px solid #333; background: #333; color: #fff; transition: all ease-in-out 0.3s;}
    div.login_box div.login_form a:hover { background: #fff; color: #333; }
    div.login_box ul.supp_btn { display: block; padding: 10px; }
    div.login_box ul.supp_btn li { border-left: 1px; #DDD solid; margin-left: 10px; }
    div.login_box ul.supp_btn li.first { border-left: 0; margin-left: 0; }
    div.login_box div.facebook_area { width: 240px; margin: 0 auto;}
    div.login_box div.facebook_area button {display: inline-block !important;}

    div#layerSampleDesignContainer {display:none;}
    div#layerSampleDesignContainer div.inner {display:block;position:fixed;z-index:999999;top:12%; right:190px; width:890px; min-height:670px; padding:20px 10px;vertical-align:top;text-align:left;background:#FFF;border:1px #000 solid;}
    div#layerSampleDesignContainer div.inner p.title_bar { background:#000; width:30px; height:2px; margin:0; margin-bottom:5px; }
    div#layerSampleDesignContainer div.inner span.layerSampleDesignContainer-closed {position:absolute;top:10px; right:3px;}
    div#layerSampleDesignContainer div.inner span.layerSampleDesignContainer-closed a.closed {display:block;padding:5px 10px;font-size:25px; color:#000;}
    div#layerSampleDesignContainer div.inner h3 { font-weight:bold; display:block; margin:0; font-size:17px; line-height:30px; color:#333;}
    div#layerSampleDesignContainer div.inner div.viewContents {  }
    div#layerSampleDesignContainer div.inner div.viewContents:after { content:''; display:block; clear:both; }

    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents {position:relative;  width:100%; margin-top:20px; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents:after { content:''; clear:both; display:block; }

    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents div.cate_wrap { float:left; margin-right:18px; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents div.cate_wrap > p { margin:0 0 15px; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.cate { width:160px; height:725px; overflow-y:scroll; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.cate li { width:100%; margin-bottom:5px;}
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.cate li a { display:block; padding:7px 10px; /*background:#f1f1f1;*/ color:#000; letter-spacing:-1px; transition:all ease-in-out 0.3s; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.cate li a:hover { background:#000; color:#fff; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.cate li a.on { background:#000; color:#fff; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.cate li a.on span { padding-top:4px; display:inline-block; width:13px; height:14px; background:url('/img/btn_plus_hover.png') 0px 3px no-repeat; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.cate li a span { padding-top:4px; display:inline-block; height:14px; width:13px; background:url('/img/btn_plus.png') 0px 3px no-repeat; transition:all ease-in-out 0.3s; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.cate li a:hover span { padding-top:4px; display:inline-block; height:14px; background:url('/img/btn_plus_hover.png') 0px 3px no-repeat; }

    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents div.list_wrap { float:left; width:680px; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents div.list_wrap > p { margin:0 0 8px; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents div.slimScrollDiv { width:460px !important; height:500px !important; overflow-y:scroll !important; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.thumb { height:725px; overflow-y:scroll; width:100%; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.thumb:after { content:''; display:block; clear:both; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.thumb li { text-align:center; background:#fff !important; float:left; width:200px; height:200px; margin:1% 1% 5%; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.thumb li a { padding-top:200px; position:relative; display:inline-block; width:200px; height:200px; }
    div#layerSampleDesignContainer div.inner div.viewContents div.designLayerContents ul.thumb li a img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; }

    div#layerSampleDesignImageContainer {display:none;}
    div#layerSampleDesignImageContainer div.inner {display:block;position:fixed;z-index:999999;top:12%; right:190px; width:640px; min-height:600px; padding:20px 10px;vertical-align:top;text-align:left;background:#FFF;border:1px #000 solid;}
    div#layerSampleDesignImageContainer div.inner p.title_bar { background:#000; width:30px; height:2px; margin:0; margin-bottom:5px; }
    div#layerSampleDesignImageContainer div.inner span.layerSampleDesignImageContainer-closed {position:absolute;top:10px; right:3px;}
    div#layerSampleDesignImageContainer div.inner span.layerSampleDesignImageContainer-closed a.closed {display:block;padding:5px 10px;font-size:25px; color:#000;}
    div#layerSampleDesignImageContainer div.inner h3 { font-weight:bold; display:block; margin:0; font-size:17px; line-height:30px; color:#333;}
    div#layerSampleDesignImageContainer div.inner div.viewContents {  }
    div#layerSampleDesignImageContainer div.inner div.viewContents:after { content:''; display:block; clear:both; }

    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents {position:relative;  width:100%; margin-top:20px; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents:after { content:''; clear:both; display:block; }

    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents div.cate_wrap { float:left; margin-right:18px; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents div.cate_wrap > p { margin:0 0 15px; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.cate { width:140px; height:500px; overflow-y:scroll; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.cate li { width:100%; margin-bottom:5px;}
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.cate li a { display:block; padding:7px 10px; /*background:#f1f1f1;*/ color:#000; letter-spacing:-1px; transition:all ease-in-out 0.3s; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.cate li a:hover { background:#000; color:#fff; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.cate li a.on { background:#000; color:#fff; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.cate li a.on span { padding-top:4px; display:inline-block; width:13px; height:14px; background:url('/img/btn_plus_hover.png') 0px 3px no-repeat; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.cate li a span { padding-top:4px; display:inline-block; height:14px; width:13px; background:url('/img/btn_plus.png') 0px 3px no-repeat; transition:all ease-in-out 0.3s; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.cate li a:hover span { padding-top:4px; display:inline-block; height:14px; background:url('/img/btn_plus_hover.png') 0px 3px no-repeat; }

    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents div.list_wrap { float:left; width:440px; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents div.list_wrap > p { margin:0 0 8px; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents div.slimScrollDiv { width:460px !important; height:500px !important; overflow-y:scroll !important; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.thumb { width:100%; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.thumb:after { content:''; display:block; clear:both; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.thumb li { border:1px solid #ddd; float:left; width:120px; height:120px; margin:2%; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.thumb li a { position:relative; display:inline-block; width:120px; height:120px; }
    div#layerSampleDesignImageContainer div.inner div.viewContents div.designLayerContents ul.thumb li a img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:90%; max-height:90%; }

    /* 가이드 모달 창 */
    div#layerChgDesignContainer {display:none;}
    div#layerChgDesignContainer div.inner { border-radius:3px; display:block;position:fixed;z-index:999999; top:0; left:50%; width:260px; margin:200px 0 0 50px; padding:8px 10px;vertical-align:top;text-align:left; background:rgba(0,0,0,0.6); }
    div#layerChgDesignContainer div.inner span.layerChgDesignContainer-closed {position:absolute; top:10px; right:7px; }
    div#layerChgDesignContainer div.inner span.layerChgDesignContainer-closed a.closed { width:10px; display:block; color:#fff; }
    div#layerChgDesignContainer div.inner span.layerChgDesignContainer-closed a.closed img { vertical-align:top; }
    div#layerChgDesignContainer div.inner h3 { font-weight:bold; display:block; margin:0; font-size:17px; line-height:30px; color:#fff; }
    div#layerChgDesignContainer div.inner p {  color:#fff; }
    div#layerChgDesignContainer div.inner div.viewContents { }
    div#layerChgDesignContainer div.inner div.viewContents:after { content:''; display:block; clear:both; }

    /* 원본파일 존재여부 모달 창 */
    div#layerExistPSDContainer {display:none;}
    div#layerExistPSDContainer div.inner { border-radius:3px; display:block;position:fixed;z-index:999999; top:0; left:50%; width:260px; margin:200px 0 0 50px; padding:5px 10px;vertical-align:top;text-align:left;background:rgba(0,0,0,0.6);border:1px #000 solid;}
    div#layerExistPSDContainer div.inner span.layerExistPSDContainer-closed {position:absolute; top:10px; right:7px; }
    div#layerExistPSDContainer div.inner span.layerExistPSDContainer-closed a.closed { border:1px solid #fff; display:block; color:#fff; }
    div#layerExistPSDContainer div.inner h3 { font-weight:bold; display:block; margin:0; font-size:17px; line-height:30px; color:#fff; }
    div#layerExistPSDContainer div.inner p {  color:#fff; }
    div#layerExistPSDContainer div.inner div.viewContents { }
    div#layerExistPSDContainer div.inner div.viewContents:after { content:''; display:block; clear:both; }
    
    /* 디자인영역 조정 모달 창 */
    div#layerDesignOverContainer {display:none;}
    div#layerDesignOverContainer div.inner { border-radius:3px; display:block;position:fixed;z-index:999999; top:0; left:50%; width:260px; margin:200px 0 0 50px; padding:5px 10px;vertical-align:top;text-align:left;background:rgba(0,0,0,0.6);border:1px #000 solid;}
    div#layerDesignOverContainer div.inner span.layerDesignOverContainer-closed {position:absolute; top:10px; right:7px; }
    div#layerDesignOverContainer div.inner span.layerDesignOverContainer-closed a.closed { border:1px solid #fff; display:block; color:#fff; }
    div#layerDesignOverContainer div.inner h3 { font-weight:bold; display:block; margin:0; font-size:17px; line-height:30px; color:#fff; }
    div#layerDesignOverContainer div.inner p {  color:#fff; }
    div#layerDesignOverContainer div.inner div.viewContents { }
    div#layerDesignOverContainer div.inner div.viewContents:after { content:''; display:block; clear:both; }

    /*------------------------------------------  E. MODAL -------------------------------------------------------------*/

/* 다른 상품으로 변경하기 모달 CSS */
div#modal-goods { padding:30px 0; background:url('/img/modal_bg.png'); overflow-y:auto !important; }
div.btn_close { color:#333; position:relative; }
div.btn_close a { position:absolute; right:15%; }
div.modal-content.self { width:60%; margin:20px auto; padding:0 30px; background:#fff; height:90%; }

ul.category_wrap { width:100%; background:#2fc4b8;  text-align:center; margin:40px 0 60px; display:inline-block; }
ul.category_wrap li { margin:0 2px; display:inline-block;  }
ul.category_wrap li a { display:inline-block; width:65px; height:35px; line-height:35px; background:#2fc4b8; border: 1px solid #2fc4b8; color:#fff; transition:all ease-in 0.2s; }
ul.category_wrap li a.on { display:inline-block; width:65px; height:35px; line-height:35px; background:#fff; border: 1px solid #2fc4b8; color:#2fc4b8; }
ul.category_wrap li a:hover { background:#fff; color:#2fc4b8; border: 1px solid #2fc4b8; }

ul.category_goods_wrap { width:100%; margin:0 auto 40px; text-align:left; height:80%;  overflow-y:scroll; }
ul.category_goods_wrap:after { content:''; clear:both; display:block; }
ul.category_goods_wrap li { display:inline-block; margin:10px 15px; }
ul.category_goods_wrap li a div.goods_thumb { position:relative; margin:0 0 10px; font-size:0; }
ul.category_goods_wrap li a div.goods_thumb div.hover { position:absolute; top:0; left:0; bottom:0; right:0; border:0 solid #fff; opacity:0; transition:all ease-in-out 0.5s; }
ul.category_goods_wrap li a div.goods_thumb:hover div.hover { border:10px solid #fff; opacity:1; }
ul.category_goods_wrap li a div.goods_thumb img { width:100%; }
ul.category_goods_wrap li a div.name p { min-height:48px; margin-bottom:0; text-align:center; }
ul.category_goods_wrap li a div.price { margin:5px 0px 0; }
ul.category_goods_wrap li a div.price p { font-size:15px; color:#f30; margin-top:0; text-align:center; }


@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.loading {
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}

.loading-container { position:absolute; z-index:2; height:100px; width:100px; display:none;top:50%; margin-top:-25%; left:50%; margin-left:-25%; background-color:#eee; border-radius: 100%; }

.loading {
    border: 2px solid transparent;
    border-color: transparent #000 transparent #000;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -moz-transform-origin: 50% 50%;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-transform-origin: 50% 50%;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-transform-origin: 50% 50%;
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .loading {
    border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#loading-text {
    -moz-animation: loading-text-opacity 0.3s linear 0s infinite normal;
    -o-animation: loading-text-opacity 0.3s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 0.3s linear 0s infinite normal;
    animation: loading-text-opacity 0.3s linear 0s infinite normal;
    color: #F00;
    font-family: "Helvetica Neue, "Helvetica", ""arial";
    font-size: 10px;
    font-weight: bold;
    margin-top: 45px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100px;
}

@media (max-width:1860px) {
    ul.category_goods_wrap li { margin:9px; }
}



.jq-toast-wrap { width:260px !important; left:50% !important; margin-left:65px !important; }
.jq-toast-single { padding:10px !important; line-height:1.5 !important; text-align:center !important; }
.jq-toast-single h2 { margin:0 0 7px !important; }
.close-jq-toast-single  { top:0px !important; right:5px !important; }


#div_group_img { font-size:0; margin:15px 0 0; border-top:1px dashed #ccc; padding:10px 0 0; }
#div_group_img a { margin:2px; border:1px solid #d6d6d6; position:relative; display:inline-block; width:43px; height:43px; }

#div_group_img a img {  position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:85%; max-height:85%; }
#div_group_img a span { text-align:center; position:absolute; font-size:10px; width:100%; bottom:0; background:rgba(0, 0, 0, 0.5); color:#fff; z-index:2; }
#div_group_img a.selected { border:1px solid #333; }


/**/
.main_contents { min-width:1400px; }
.content_wrap { height:829px; background: url('/img/custom_bg.png');}
.contents_wrap_glass { min-height:829px; padding:0 0 40px; background:#f8f9fa; }
.content_wrap > .inner { width:1400px; height:100%; }
.content_wrap > .inner > div { vertical-align:top; display:inline-block; }
.custom_img { width:660px; }
.custom_img:after { content:''; clear:both; display:block; }
.position_wrap {  }

/**/
.self_design_add_file_area { margin:20px 0 0;  border-radius:0; }
.self_design_add_file_area h6 {color:#000;  font-size:14px; font-weight:400;  margin-top:20px; }
.self_design_add_file_area h6 i { font-size:19px; color:#7942a1; vertical-align: middle; margin-top: -1px; margin-right:5px; }
.self_design_add_file_area #div_add_file input { position: relative !important; box-shadow:none; border-radius:0; height:32px; }

/**/
#div_add_file input { width:73%; }
#div_add_file .add_file_row { margin:0 0 5px; position:relative;  }
#div_add_file a { height:32px; line-height:32px; min-width:auto; padding:0; top:0; margin:0; width:33px; position:absolute;   }
#div_add_file a i { font-size:19px; line-height: 31px; }
#div_add_file a.plus {right:42px; }
#div_add_file a.minus { right:5px;}
#div_add_file .add_file_row:last-child a.minus { right:19px;}
#div_add_file h2.at_tbl_title { margin:15px 0 10px; }
.self_add_file { padding:0 0 10px; margin:0 0 10px; }
.self_add_file p { margin:0 0 5px; font-weight:bold; font-size:13px; }
.self_add_file p i { font-size:15px; color:#f30; vertical-align:middle; margin-top:-3px; }
.self_add_file div.at_tbl { border:0; }
.self_add_file .control__indicator { top:0; }
.self_add_file h2.at_tbl_title { font-size:12px; }
.at_style.add_file.self_design_add_file_contents  {  margin:5px 0; color:#555; border-radius:5px;   max-height:135px; overflow-y:auto; }
.self_add_file .input-group-btn label.btn { border-right:0; height:32px; line-height:26px; min-width:auto; }
#div_add_file .input-group { display:table; }
.input-group-addon, .input-group-btn { width:1%; }
.input-group-addon, .input-group-btn, .input-group .form-control { vertical-align: middle; display:table-cell; }
#div_add_file .input-group-btn label.btn { background:#565656;  color:#fff;   border-right: 0; height: 32px; line-height: 26px; min-width: auto; }
#div_add_file .input-group-btn label.btn > span:before { color:#fff; font-size: 15px; vertical-align: middle; display: inline-block; margin-top: -5px; line-height: 16px;}


.mfp-close-btn-in .mfp-close {opacity: 1;  right:auto !important; padding-right:0 !important; font-size:0;  }
.mfp-close-btn-in .mfp-close:after {font-family:xeicon!important; display:inline-block; font-size:29px; content:"\e9af" }
.mfp-close:active { top:auto !important; }


/**/
.custom_n_size { padding:5px 0 10px; }
.custom_n_size a { transition:all 0.1s; text-align:center; color:#555; background:#fff; border:1px solid #666; display:inline-block; min-width:34px; padding:6px 10px; font-family: 'Noto Sans KR'; font-size:14px; font-weight:400;   }

.custom_n_size a:hover { border:1px solid #e28088; color:#e28088; }
.custom_n_size a.on,
.custom_n_size a.on:hover {  border:1px solid #ff505d; color:#ff505d; }

.custom_n_cnt { padding:0 0 20px; }
.custom_n_cnt .count {     vertical-align: top; display:inline-block; border:1px solid #666; font-size:0; }
.custom_n_cnt .count * { vertical-align:top; }
.custom_n_cnt .count a {   background:#fff; display:inline-block; width:34px; height:34px; text-align:center; line-height:34px; }
.custom_n_cnt .count a i { font-size:26px; color:#c11b1f; vertical-align:middle;  }
.custom_n_cnt .count a.minus { border-right:1px solid #666; }
.custom_n_cnt .count a.plus {  border-left:1px solid #666; }
.custom_n_cnt .count input { color:#433; border:0; padding:0;  font-family: 'Noto Sans KR'; font-size:14px; font-weight:400;   text-align:center; line-height:34px; width:40px; }


/**/
/*
.custom_btn_wrap {  }
.custom_btn_wrap > li { padding: 0 10px; text-align: center; width: 100%; }
.custom_btn_wrap > li > a { border-top: 1px dashed #ddd; padding: 10px 0; display: block; }
.custom_btn_wrap > li > a > span { width: 78px; display: inline-block; }
.custom_btn_wrap > li#li_img_upload > a > span { height: 48px; background: url(/img/icon_custom_quick01.png) 0 0 no-repeat; }
.custom_btn_wrap > li#li_add_text > a > span { height: 55px; background: url(/img/icon_custom_quick02.png) 0 0 no-repeat; }
.custom_btn_wrap > li#li_design_sample > a > span { height: 59px; background: url(/img/icon_custom_quick03.png) 0 0 no-repeat;  }
.custom_btn_wrap > li#li_sample_icon > a > span { height: 56px; background: url(/img/icon_custom_quick06.png) 0 0 no-repeat; }
.custom_btn_wrap > li#li_chg_goods > a > span { height: 55px; background:url(/img/icon_custom_quick05.png) 0 0 no-repeat;}
.custom_btn_wrap > li#li_img_upload > a { border-top: 0; padding-top: 30px;}
.custom_btn_wrap > li#li_chg_goods > a { padding-bottom: 30px; }
*/
.custom_btn_wrap {   }
.custom_btn_wrap > li:first-child a { border:0; }
.custom_btn_wrap > li {  text-align: center; width: 100%; }
.custom_btn_wrap > li > a { border-top: 1px solid #eee; padding:20px 10px; display: block; }
.custom_btn_wrap > li > a:hover { color:#7942a1; }
.custom_btn_wrap > li > a > span { width:35px; display: inline-block; height:34px; }
.custom_btn_wrap > li#li_img_upload > a > span {  background: url(/img/icon_custom_quick01.png) 0 0 no-repeat; }
.custom_btn_wrap > li#li_add_text > a > span {  background: url(/img/icon_custom_quick02.png) 0 0 no-repeat; }
.custom_btn_wrap > li#li_design_sample > a > span {  background: url(/img/icon_custom_quick03.png) 0 0 no-repeat;  }
.custom_btn_wrap > li#li_sample_icon > a > span {  background: url(/img/icon_custom_quick04.png) 0 0 no-repeat; }
.custom_btn_wrap > li#li_sample_pattern > a > span {  background: url(/img/icon_custom_quick07.png) 0 0 no-repeat; }
.custom_btn_wrap > li#li_chg_goods > a > span {  background:url(/img/icon_custom_quick05.png) 0 0 no-repeat;}
.custom_btn_wrap > li#li_chg_goods > a { padding-bottom: 30px; }
.custom_btn_wrap > li > a > span + p { font-size:11px; font-family:dotum; letter-spacing:-0.5px; }
.custom_btn_wrap > li#li_other_product > a > span {  background:url(/img/icon_custom_quick08.png) 0 0 no-repeat;}

/**/
.custom_btn_cont { padding-bottom:20px; border-radius:10px; overflow:hidden; width:392px; display:none;  box-shadow:0px 0px 3px 0px rgba(0, 0, 0, 0.3); left:160px; top:0;  z-index:1; background:#fff; position:absolute; }
.custom_btn_cont h3 { margin:0 0 10px;  font-weight:400;}
.custom_btn_cont h3 a { margin-top:10px; line-height:24px;  text-align:left; padding:10px 15px; font-size:17px;  display:block; color:#000; }
.custom_btn_cont h3 a:after { content:''; clear:both; display:block; }
.custom_btn_cont h3 a i { margin-top:0; font-size:24px; float:right; }
.custom_add_img { height:600px;  }
.custom_add_img ul.icon_deco_cate { padding:0 15px ; text-align:left; font-size:0;  width:100%;}
.custom_add_img ul.icon_deco_cate li { width:31.33%; margin:1%; display:inline-block;  vertical-align:top;  }
.custom_add_img ul.icon_deco_cate li a { position:relative; padding:8px; border-radius: 4px; text-align:center;  display:block; border:1px solid #ddd; }
.custom_add_img ul.icon_deco_cate li a p { margin:5px 0 0; vertical-align:middle;  font-size:11px; font-family: dotum; color:#000; }
.custom_add_img ul.icon_deco_cate li a span { vertical-align:middle;  text-align:center; display:inline-block; width:64px; height:64px; line-height:64px; } /*background:#ddd; border-radius:50%;*/
.custom_add_img ul.icon_deco_cate li a span img { width:100%; }
/*
.custom_add_img ul.icon_deco_cate li a:hover { border:1px solid #fe466a; }
.custom_add_img ul.icon_deco_cate li a:hover span { background-color:#fe466a;}
*/
.custom_add_img ul.icon_deco_cate li a:hover p { color:#fe466a;  }
.add_img_wrap {  }
.custom_btn_cont.add_file { text-align:center; }
.custom_btn_cont.add_file #div_my_file_login {  margin:15px 0 0; border-radius:4px; min-width:300px; cursor:pointer; padding:12px 0; text-align:center; font-family: 'Noto Sans KR'; font-size:15px; display:inline-block; background:#333; color:#fff; }
.custom_btn_cont.add_file #div_my_file_login a {  color:#fff;}
.custom_btn_cont.add_file #div_my_file_login a:hover { color:#fff; }
.custom_btn_wrap > li.active .custom_btn_cont  { display:block; }
.add_file { }
.add_file .add_file_cont_wrap {   height:600px; overflow:auto;  }
.add_file p { color:#000; text-align:left; padding:0 15px; position:relative; padding-left:40px; }
.add_file p i { font-size:19px; top:3px; color:#7942a1; position:absolute; left:15px; }
.add_file_img { font-size:13px; }
.upload_area { padding:20px 0;   }
.upload_area a {  display:block; }
.upload_area .dropzone .dz-message { width:calc(100% - 30px); text-align:center; border-radius:4px; font-family: 'Noto Sans KR';  min-width:300px; font-size:15px; padding:12px 0;  display:inline-block;  background:#333; color:#fff; }
.upload_area .dropzone .dz-preview.dz-image-preview { background:#ccc; border-radius:50%; }
.upload_area .dropzone .dz-preview .dz-image  { line-height:120px;  }
.upload_area .dropzone .dz-preview .dz-image img {display:inline-block;  }
.upload_area .dz-image-preview button { background:#353535; }
.upload_area #div_file_2 a {  text-align:center; border-radius:4px; font-family: 'Noto Sans KR';  min-width:300px; font-size:15px; padding:12px 0;  display:inline-block;  background:#333; color:#fff; }


.icon_deco_contents { }
.icon_deco_contents ul { font-size:0; text-align:left; padding:0 0 0 15px; width:100%; display:inline-block; }
.icon_deco_contents ul li { text-align:center; transition:all 0.2s; border-radius: 4px; font-size:0; display:inline-block; vertical-align:top; padding:7px; width:30%; margin:5px; position:relative; }
.icon_deco_contents ul li:hover { background-color:#bbb !important; }
.icon_deco_contents ul li a { position:relative; display:inline-block; width:90px; height:90px; }
.icon_deco_contents ul li a img { position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:90%; max-height:90%;  }
.icon_deco_contents ul li p { margin-top: 8px; font-family: dotum; font-size:11px; color: #000; text-align:center; }
.icon_deco_cate_back { left:0; position:absolute; top:13px; z-index:2; width:85%; background:#fff; }
.icon_deco_cate_back a { text-align:left;   font-size:17px;   color:#000; font-size:16px; display:block; padding:10px 0 10px 40px; position:relative; }
.icon_deco_cate_back a:before { font-weight:normal; font-family:xeicon!important; content:"\e93d"; position:absolute; left:9px; top:6px; font-size:23px; }
.icon_deco_contents ul li.sampleds a { background:#fff; }

.div_group_cont {  }



/**/
.modal-sampleRequest .modal-content { overflow:hidden; border-radius:0px; display:block; }





/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper { height:100%;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right:9px;
    top: 0;
    width: 6px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.8;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #fff; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #000; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }