@charset "utf-8";

div#contents { font-family:Malgun Gothic; }

body .ui-datepicker { background: #dadada;border:none;color: #202020;padding:0;border-radius:0;margin-top:5px; }
body .ui-datepicker .ui-datepicker-header { border-radius:0; }
body .ui-datepicker table { width: calc(100% - .6em);margin-right: .3em;margin-left: .3em; }

.ico-help { padding:2px 5px; }
.tooltip { border:none;background:none; }

.hint01 { color:blue !important;margin-left:5px; }
.hint02 { color:red !important;margin-left:5px; }
.hint03 { color:#5a5a5a !important;margin-left:5px;font-size:11px; }

.point01 { background-color:#ffee88 !important; }
.point02 { font-size:1.2em !important;color:#ff6600 !important;font-weight:bold; }
.point03 { background-color:#ccbbaa !important; }

.box_radio { display:inline-block;padding:2px 5px; }
.box_radio a { display:inline-block;text-align:center;padding:5px 5px;min-width:80px;border:1px solid #dadada;font-size:12px;line-height:15px;text-decoration:none; }
.box_radio a.active { background-color:#96a8bc;border:1px solid #96a8bc;color:#fff; }
.box_radio a.active:hover { color:#fff !important; }

.box_check { display:inline-block;padding:2px 5px; }
.box_check a { display:inline-block;text-align:left;width:18px;height:18px;text-indent:-999px;overflow:hidden;background:url('http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/content/bg_checkbox02.gif') no-repeat; }
.box_check a.active { background-position:0 -18px; }

.box_layer { position:relative;display:none; }
.box_layer.active { display:block; }
.box_layer .ly_cont { position:absolute;top:0;left:0;width:300px;max-height:200px;margin:5px;padding:10px;background-color:#fff;border:1px solid #dadada;overflow-y:auto;text-align:left;z-index:1; }
.box_layer .ly_cont li + li { margin-top:5px; }
.box_layer .ly_cont li img { vertical-align:middle;margin-right:5px; }
.box_layer .btn_close { position: absolute;top: 10px;left: 310px;font-weight: bold;color: red; }

.box-info { position:relative;border:1px solid #dadada;margin:0 0 10px 0;padding:10px 10px 5px;font-size:12px; }
.box-info p { margin-bottom:5px; }
.box-info .tit { position:absolute;display:block;top:-10px;background-color:#ffffff;padding:0 5px;font-size:15px;font-weight:bold;line-height:15px; }

.box-message { position:relative;background-color:#eaeaea;margin:10px 0;padding:0 5px;line-height:20px;font-size:11px;white-space:pre;color:red; }

.layer_type02 { position:fixed;right:0;top:0;width:400px;height:calc(100% - 60px);background:url('http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/common/bg_layer02.png');z-index:999;display:none;z-index:1; }
.layer_type02.active { display:block; }
.layer_type02 .ly_btn { display: block;position: absolute;width: 60px;background-color: #fff;line-height: 60px;text-align: center;border-left: 1px solid #dadada;border-top: 1px solid #dadada;border-bottom: 1px solid #dadada;border-right: 1px solid #fff;left: -60px;top: calc(50% - 60px);  }
.layer_type02 .ly_btn a { display:block;width: 60px;height: 60px;line-height: 60px;text-align: center; }
.layer_type02 .ly_btn .btn_add { overflow:hidden;background:url('/images/common/ic_plus01.png') center center no-repeat;text-indent:-999px;text-align:left; }
.layer_type02 .ly_btn .btn_close  { overflow:hidden;background:url('/images/common/ic_close01.png') center center no-repeat;text-indent:-999px;text-align:left; }
.layer_type02 .ly_cont { display:block;margin:0;padding:10px;width:380px;height: calc(100% - 20px);overflow-y: auto;background-color:#fff;border-left:1px solid #dadada; }
.layer_type02 .ly_cont .edit_type01 { display:block;padding:10px; }
.layer_type02 .ly_cont .edit_type01 dl { display:block;position:relative;min-height:25px; }
.layer_type02 .ly_cont .edit_type01 dl dt { position:absolute;display:block;width:80px;left:0;top:0;line-height:23px; }
.layer_type02 .ly_cont .edit_type01 dl dd { display:block;width:calc(100% - 90px);margin-left:90px; }
.layer_type02 .ly_cont .edit_type01 dl dd .text { width:100%; }
.layer_type02 .ly_cont .list_type01 { border-top:2px solid #296fc4;margin-top:10px; }
.layer_type02 .ly_cont .list_type01 span { display: block;position:relative;padding:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.layer_type02 .ly_cont .list_type01 span + span { border-top:1px solid #dadada; }
.layer_type02 .ly_cont .list_type01 span em { font-style:normal; }
.layer_type02 .ly_cont .list_type01 .num { font-family:Arial;font-size:12px;font-weight:bold;margin:0 15px; }
.layer_type02 .ly_cont .list_type01 .photo { text-align: center;border-radius:2px;width: 50px;vertical-align: middle;margin-right: 5px; }
.layer_type02 .ly_cont .list_type01 .bcode { color:#9e9e9e;font-size:12px;margin-right: 5px; }
.layer_type02 .ly_cont .list_type01 .name {  }
.layer_type02 .ly_cont .list_type01 .btn_del { display:none;position:absolute;right:10px;top:20px;width:15px;height:15px;text-align:center;color:red;font-weight:bold; }
.layer_type02 .ly_cont .list_type01 :hover .btn_del { display:block; } 

.layer_type03 { display:none;position:fixed;z-index:999;width:100%;height:100%;left:0;top:0;background:url('http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/common/bg_layer02.png'); }
.layer_type03.active { display:block; }
.layer_type03 .ly_cont { display:block;position:absolute;width: 500px;height: 300px;overflow-y:auto;top: calc(50% - 161px);left: calc(50% - 261px);background-color: #fff;border: 1px solid #dadada;border-radius: 2px;padding: 10px; }
.layer_type03 .btn_close  { position: absolute;top:calc(50% - 215px);left:calc(50% - -210px);display:block;width: 60px;height: 60px;overflow:hidden;background:url('/images/common/ic_close01.png') center center no-repeat;text-indent:-999px;text-align:left; }

#head a:hover { text-decoration:none; }

#body { margin-top:0;padding-top:0; }
#body #form-list { position:relative;display:block;margin:20px 20px;}
#body #form-list h3 { border:none; }
#body #form-list .box-list { display:block;width:100%;overflow-x:auto; }
#body #form-list .box-list ul { display:block;clear:both;width:100%; }
#body #form-list .box-list ul li { display:block;height:50px;clear:both; }
#body #form-list .box-list ul li > span { display:block;float:left;width:100px;text-align:center; }
#body #form-list .box-list ul li > span:after { content:''; }
#body #form-list .box-list ul li .chk { width:30px; }
#body #form-list .box-list ul li .barcode { width:100px; }
#body #form-list .box-list ul li .cate { width:70px; }
#body #form-list .box-list ul li .img { width:60px; }
#body #form-list .box-list ul li .tit { width:190px; }
#body #form-list .box-list ul li .tit > span { float:left;display:block;width:100%;text-align:left; }
#body #form-list .box-list ul li .price > span { float:left;display:block;width:100%;text-align:left; }
#body #form-list .box-list ul li .dlvy_vndr { width:50px; }
#body #form-list .box-list ul li .dlvy_amt { width:50px; }
#body #form-list .box-list ul li .prdt_stat { width:40px; }
#body #form-list .box-list ul li .prmt_code { width:40px; }
#body #form-list .box-list ul li .group { width:40px; }
#body #form-list .box-list ul li .regst { width:100px; }
#body #form-list .box-list ul li .noti { width:100px; }


#body #form-edit { position:relative;display:block;/* width:1050px; */margin:0 50px;}

#body #form-edit h3 { border:none; }
#body #form-edit .navi { position:fixed;display:block;width:calc(100% - 100px);min-width:1150px;top:185px;margin-bottom:30px;padding:0;z-index:5;background-color:#f1f2f3;border:1px solid #dadada; }
#body #form-edit .navi a { display:block;box-sizing:none;float:left;width:90px;height:20px;line-height:20px;margin:7px 0;text-align:center;font-size:15px;text-decoration:none; }
#body #form-edit .navi a + a { border-left:1px solid #dadada; }
#body #form-edit .navi .pin { position:absolute;display:block;min-width:90px;width:90px;height:1px;left:0;bottom:0;border-bottom:2px solid #ff0000; }
#body #form-edit .navi .right { position:absolute;right:0;top:0; }
#body #form-edit .navi02 { position:fixed;display:block;width:calc(100% - 100px);min-width:1150px;bottom:29px;margin-bottom:30px;padding:0;z-index:5;background-color:#f1f2f3;border:1px solid #dadada; }
#body #form-edit .navi02 a { display:block;box-sizing:none;float:left;width:90px;height:20px;line-height:20px;margin:7px 0;text-align:center;font-size:15px;text-decoration:none; }
#body #form-edit .navi02 a + a { border-left:1px solid #dadada; }
#body #form-edit .navi02 .pin { position:absolute;display:block;min-width:90px;width:90px;height:1px;left:0;bottom:0;border-bottom:2px solid #ff0000; }
#body #form-edit .navi02 .right { position:absolute;right:0;top:0; }

#body #form-edit a.i_radio { padding:5px 10px;border:1px solid #dadada; }
#body #form-edit a.i_radio.actvie { border:1px solid #da2128; }

#body #form-edit .clear { clear:both !important;padding:0 !important;margin:0 !important; }
#body #form-edit .box-edit { display:block;margin-top:50px;margin-bottom:20px; }
#body #form-edit .box-edit p { margin:0; }
#body #form-edit .box-edit label { font-weight:normal;line-height:20px;vertical-align:middle;display:inline-block;min-width:80px; }
#body #form-edit .box-edit label + label { margin-left:10px; }
#body #form-edit .box-edit hr { margin-bottom:60px;display:block;border:1px solid #fff; }
#body #form-edit .box-edit input[type=checkbox],
#body #form-edit .box-edit input[type=radio] { vertical-align:top; }
#body #form-edit .box-edit select,
#body #form-edit .box-edit input[type=text] { max-width:100%;font-size:12px;line-height:25px;height:25px;border:1px solid #dadada; }
#body #form-edit .box-edit input[type=text] { padding:0 5px;max-width:calc(100% - 10px); }
#body #form-edit .box-edit textarea.full { width:calc(100% - 5px);min-height:100px;padding:5px; }
#body #form-edit .box-edit input[type=text].full { width:calc(100% - 5px); }
#body #form-edit .box-edit input[type=text].in_price { text-align:right; }
#body #form-edit .box-edit input[type=submit] { max-width:100%; }
#body #form-edit .box-edit .btn_search { display:inline-block;width:18px;height:18px;background:url('http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/content/ico_search.gif') no-repeat;background-size:contain;overflow:hidden;text-indent:-999px;text-align:left;vertical-align:middle;padding:0 5px; }
#body #form-edit .box-edit .card-edit { /* border:1px solid #dadada;padding:10px;*/margin-top:20px;box-shadow:1px 5px 20px #dadada;clear:both; }
#body #form-edit .box-edit .card-edit.stnone { padding:0;border:none;overflow:visible;height:auto; }
#body #form-edit .box-edit table.table { border:1px solid #dadada; }
#body #form-edit .box-edit table.table + .table { margin-top:30px; }
#body #form-edit .box-edit table.table a:hover { text-decoration:none;color:#202020; }
#body #form-edit .box-edit table.table caption { padding:0; }
#body #form-edit .box-edit table.table thead tr th { padding:5px 10px;border-bottom: 1px solid #d6d6d6;text-align: left;background: #f7f7f7;text-align:center;font-size:12px; }
#body #form-edit .box-edit table.table tbody + tbody { border-top:none; }
#body #form-edit .box-edit table.table tbody tr th { padding: 10px;border-bottom: 1px solid #d6d6d6;text-align: left;background: #f7f7f7;vertical-align:top;font-size:12px; }
#body #form-edit .box-edit table.table tbody tr th.ness { background:url('/images/btn_surely.gif') no-repeat 10px 14px;padding-left:35px; }
#body #form-edit .box-edit table.table tbody tr td { padding: 10px 0 10px 10px;border-bottom: 1px solid #d6d6d6;font-size:12px; }
#body #form-edit .box-edit table.table tbody tr td + th,
#body #form-edit .box-edit table.table tbody tr td + td,
#body #form-edit .box-edit table.table tbody tr th + td { border-left:1px solid #dadada; }
#body #form-edit .box-edit table.inner-table { float:left; }
#body #form-edit .box-edit table.inner-table + table.inner-table { margin-left:10px; }
#body #form-edit .box-edit table.inner-table thead tr th { text-align:center; }
#body #form-edit .box-edit table.inner-table tbody tr td { padding:5px 10px; }
#body #form-edit .box-edit table.inner-table tbody tr td textarea { width:calc(100% - 5px);min-height:70px;padding:5px; }
#body #form-edit .box-edit table.inner-table tbody tr td input[type=text] { width:calc(100% - 5px); }
#body #form-edit .box-edit table.inner-table tbody tr td input[type=radio] { margin-right:5px; }
#body #form-edit .box-edit table.inner-table tfoot tr td { border-top:1px solid #dadada;text-align:center; }
#body #form-edit .box-edit .sublist dl {  }
#body #form-edit .box-edit .sublist dl dt { float: left;display: block;width: 70px;text-align: center;padding:0 10px;line-height: 24px;height: 24px; }

#body #form-edit .box-edit .box-cate { display:block;width:calc(100% - 30px);padding:10px;margin:7px 0;background-color:#eaeaea;border-radius:3px; }
#body #form-edit .box-edit .box-cate .loc { display:block;margin-bottom:5px; }
#body #form-edit .box-edit .box-cate .loc em { font-style:normal;color:#202020;font-size:12px;padding-left:11px;padding-right:9px; }
#body #form-edit .box-edit .box-cate .loc em + em { line-height:12px;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_bl02.gif) no-repeat 0 4px;}

#body #form-edit .box-edit .box-word { display:block;width:calc(100% - 30px);padding:10px;margin:7px 0;background-color:#eaeaea;border-radius:3px; }
#body #form-edit .box-edit .box-word em { position:relative;display:inline-block;padding:5px 15px 5px 5px;font-size:13px;color:#202020;font-style:normal; }
#body #form-edit .box-edit .box-word em a { display:none;position:absolute;right:0;top:5px;color:#9e9e9e;width:15px;height:15px;text-align:center;color:red;font-weight:bold; }
#body #form-edit .box-edit .box-word em:hover a { display:block;color:red; }

#body #form-edit .box-edit .box-word02 { display:block;width:calc(100% - 10px);padding:10px;margin:7px 0;background-color:#eaeaea;border-radius:3px; }
#body #form-edit .box-edit .box-word02 em { position:relative;display:inline-block;padding:5px 15px 5px 5px;font-size:13px;color:#202020;font-style:normal;max-width: 110px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
#body #form-edit .box-edit .box-word02 em a.active { color:blue;font-weight:bold; }
#body #form-edit .box-edit .box-word02 em a.btn_del { display:none;position:absolute;right:0;top:5px;color:#9e9e9e;width:15px;height:15px;text-align:center;color:red;font-weight:bold; }
#body #form-edit .box-edit .box-word02 em:hover a.btn_del { display:block;color:red; }

/*
#body #form-edit .box-edit .box-image { position:relative; }
#body #form-edit .box-edit .box-image .image-preview { display:none;float:left;width:400px;height:400px;background-color:#96a8bc;text-align:center;margin:10px; }
#body #form-edit .box-edit .box-image .image-list { display:block;margin-top:10px; }
#body #form-edit .box-edit .box-image .image-list .item { width:150px;height:200px;display:block;margin-bottom:3px;text-align:center;float:left; }
#body #form-edit .box-edit .box-image .image-list .item img { display:block;width:150px;height:150px;border-top:2px solid #dadada !important;border-bottom:2px solid #dadada !important; }
#body #form-edit .box-edit .box-image .image-list .item.prst img { border-top:2px solid red !important;border-bottom:2px solid red !important; }
#body #form-edit .box-edit .box-image .image-list .item:hover img { border-top:2px solid #ff6600 !important;border-bottom:2px solid #ff6600 !important; }
#body #form-edit .box-edit .box-image .image-list .item .button { margin:13px 5px !important;float:right; }
*/

#body #form-edit .box-edit .box-image { padding:10px;position:relative; }
#body #form-edit .box-edit .box-image .image-preview { float:left;width:400px;height:400px;display:block;text-align:center;margin:10px; }
#body #form-edit .box-edit .box-image .image-list { display:block;width:calc(100% - 440px);float:left;margin-left:20px; }
#body #form-edit .box-edit .box-image .image-list .item { padding:5px 10px;border:1px solid #dadada;border-radius:3px;display:block;margin-bottom:5px;text-align:left; }
#body #form-edit .box-edit .box-image .image-list .item:hover { background-color:#ffee88; }
#body #form-edit .box-edit .box-image .image-list .item.prst { border:2px solid red; }
#body #form-edit .box-edit .box-image .image-list .item.empty { background-color:#96a8bc; }
#body #form-edit .box-edit .box-image .image-list .item.move { position:absolute; }
#body #form-edit .box-edit .box-image .image-list .item img { width:50px;height:50px;margin-right:10px;border:1px solid #999 !important; }
#body #form-edit .box-edit .box-image .image-list .item .button { margin:13px 5px !important;float:right; }

/* #body #form-edit .box-edit .box-image .image-list .item .button + .button { margin-left:10px !important; } */

#body #form-edit .box-edit .box-image #dropzone { border:2px dotted #3292A2;width:cacl(100% - 12);margin:10px 5px;height:100px;line-height:100px;color:#92AAB0;text-align:center;font-size:24px; }
#body #form-edit .box-edit .box-image #dropzone.uploading { background:url('/images/common/ajax-uploader.gif') calc(50% + 110px) center no-repeat;overflow:hidden; }

.btn_hist { display: inline-block;width: 20px;height: 20px;background: url(/images/common/ic_history01.png) center center no-repeat;text-indent: -999px;text-align: left;overflow: hidden;vertical-align: middle;margin-left: 2px; }
.layer_hist { position:fixed;bottom:70px;right:40px;display:none;min-width:420px;padding:5px 10px;background-color:#f1f2f3;border-radius:3px;z-index:999;box-shadow:1px 1px 1px #9e9e9e; }
.layer_hist.active { display:block; }
.layer_hist .tit { font-size: 15px;color: #202020;padding: 5px 2px;font-weight: bold;font-family: Arial;letter-spacing: 1px;border-bottom: 1px solid #202020; }
.layer_hist .cont { max-height:100px;overflow-y:auto;  }
.layer_hist .cont p { display:block;font-size:12px;line-height:16px;margin:0;padding:0;color:#3a3a3a;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_bl02.gif) no-repeat 0 6px;padding-left:10px; }
.layer_hist .cont p em { font-style:normal; }
.layer_hist .cont p em.text { font-size:12px; }
.layer_hist .cont p em.text.empty { color:red; }
.layer_hist .cont p em.name { font-size:11px;padding-left:5px;color:#9e9e9e;border-left:epx solid #aeaeae; }
.layer_hist .cont p em.date { font-size:11px;padding-left:5px;color:#9e9e9e; }
.layer_hist .cont p em + em { margin-left:5px; }
.layer_hist .cont p + p { margin-top:10px; }
.layer_hist .btn_close { position: absolute;font-size: 15px;font-weight: bold;padding: 0 5px;top: 10px;right: 10px;display: block;color: #da0000;font-family: Arial;cursor:pointer; }
.layer_msg .btn_close:hover { text-decoration:none;color: #da0000; }

.paging { width:312px;height:24px;margin: 28px auto;text-align:center; }
.paging:after { display:block;clear:both;content:' '; }
.paging ul { display:block; }
.paging ul li { display:block;float:left; }
.paging ul li a { display:block;width:22px;height:22px;border:1px solid #eaeaea;text-align:center;color:#868686;line-height:22px; }
.paging ul li.active a, .paging ul li a:hover, .paging ul li a:focus {border:1px solid #4f4f4f;background:#4f4f4f;color:#fff; }
.paging > a { display:block;float:left;width:24px;height:24px;overflow:hidden;vertical-align:top;font-size:0; }
.paging .prev { background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_prev.gif) no-repeat 8px 8px; }
.paging .next { background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_next.gif) no-repeat 8px 8px; }
.paging .prev02 { width:22px;height:22px;border:1px solid #eaeaea;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_prev02.gif) no-repeat 8px 8px; }
.paging .next02 { width:22px;height:22px;border:1px solid #eaeaea;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_next02.gif) no-repeat 8px 8px; }
.paging .first { width:22px;height:22px;border:1px solid #eaeaea;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_first.gif) no-repeat 8px 8px; }
.paging .last { width:22px;height:22px;border:1px solid #eaeaea;background:url(http://image.kyobobook.co.kr/newimages/giftshop_new/common/images/renewal/common/ico_last.gif) no-repeat 8px 8px; }