@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,300&family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Oswald:wght@200;300;400;500;600;700&family=PT+Sans&display=swap');
/**{font:'Noto Sans KR','Poppins','Oswald','Nanum Gothic','나눔고딕', sans-serif; font-size:12px; color:#666666; text-decoration: none;}*/
.clboth:after{display:block; content:""; clear:both}
.pct_tobt{ font-size:14px; padding:10px 0 10px 20px; cursor:pointer}
.pct_tobt:hover{color:#B70003}
.info_write{margin:0;padding:0}
.info_write > li,.info_write > span{margin:0;padding:0}
/* CSS Document */
#navdiv{width:100%; padding:5px; margin:0; text-align:left; font-size:11px; font-weight:bold; vertical-align:middle;display:block; content:""; clear:both;}
#navdiv .icond{vertical-align:middle; display:inline-block; float:left;position:relative;z-index:0}
#navdiv span{vertical-align:middle; display:inline-block; float:left; line-height:21px; font-weight:normal; color:#666666}
input::placeholder{
    color:rgba(0,0,0,0.3);
}
.basis_font{font-family:'Noto Sans KR','Poppins','Oswald', sans-serif; font-size:12px; color:#666; letter-spacing:-0.04em;text-decoration: none;}
.basis_font a:hover,a:active{text-decoration: none;}
.select_css{padding:2px 3px 3px 3px; border:#CCCCCC solid 1px;}
.layerCloseBtn{border-radius:3px;background-color:#FF005F;transition:0.3s all;position:absolute;top:0;right:0;cursor:pointer;margin:8px 10px 0 0}
.layerCloseBtn:hover{background-color:#00DBFF}
.layerArea > #pg_title{border-bottom:#333333 solid 2px;height:40px;line-height:40px;padding-left:20px;font-size:1.3em;color:#FFFFFF;border-radius:10px 10px 0 0;background-color:#00194C}
/* 버튼 */
.black_button{font-family: 'Noto Sans KR','Poppins','Oswald', sans-serif;background: rgb(54,61,82);color:#FFFFFF;border:#000000 solid 1px;font-weight:bold;cursor:pointer;text-shadow:0px 0px 2px #000000;text-decoration:none;transition:0.3s all;}
.black_button:hover{color:#FFFFFF;background:rgba(80,195,0,1.00);text-decoration: none;box-shadow:rgba(0,0,0,0.7) 1px 3px 5px}
.black_button:active {text-decoration: none;}

.red_button{font-family: 'Noto Sans KR','Poppins','Oswald', sans-serif;background:rgba(204,0,3,1.00);color:#FFFFFF;border:#630001 solid 1px;font-weight:bold;cursor:pointer;text-shadow:0px 0px 2px #000000;text-decoration:none;transition:0.3s all;}
.red_button:hover{color:#FFFFFF;background:rgba(0,0,0,1.00);text-decoration: none;box-shadow:rgba(0,0,0,0.7) 1px 3px 5px}
.red_button:active {text-decoration: none;}


.puple_button{font-family: 'Noto Sans KR','Poppins','Oswald', sans-serif;background: rgb(54,61,82);color:#FFFFFF;border:#222222 solid 1px;padding:3px 15px;outline:none;cursor:pointer;transition:0.3s all;text-decoration: none;text-decoration:none;font-size:12px;line-height:1.5em;-webkit-box-sizing:border-box;height:26px}
.puple_button:hover{color:#FFFFFF;background:#257093;text-decoration: none;box-shadow:rgba(0,0,0,0.7) 1px 3px 5px}
.puple_button:active {text-decoration: none;}

.g_button{font-family:'Noto Sans KR','Poppins','Oswald', sans-serif;background: rgb(252,255,244);color:#000000;border:#8C8C8C solid 1px;cursor:pointer;transition:0.3s all;text-decoration:none;}
.g_button:hover{background:rgba(0,116,255,1.00);border:rgba(0,43,131,1.00) solid 1px;color:#FFFFFF;box-shadow:rgba(0,0,0,0.7) 1px 3px 5px}
.g_button:active {text-decoration: none;}


.puple_basis_button{border:#222222 solid 1px; background-color:rgba(54,61,82,1); color:#FFFFFF;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all;height:23px;}
.puple_basis_button:hover{background-color:#257093;color:#FFFFFF}

.puple_s_button{border:#222222 solid 1px; background-color:rgba(54,61,82,1); color:#FFFFFF;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all}
.puple_s_button:hover{background-color:#257093;color:#FFFFFF}

.black_s_button{border:#000000 solid 1px; background-color:#333333; color:#FFFFFF;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all}
.black_s_button:hover{background-color:#CC0003;color:#FFFFFF}

.red_s_button{boder:#B40003 solid 1px; background-color:#CC0003; color:#FFFFFF;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all}
.red_s_button:hover{background-color:#333333;color:#FFFFFF}

.blue_s_button{boder:#00276B solid 1px; background-color:#0055C8; color:#FFFFFF;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all}
.blue_s_button:hover{background-color:#333333;color:#FFFFFF}

.orange_s_button{boder:#B83F00 solid 1px; background-color:#FF6E00; color:#FFFFFF;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all}
.orange_s_button:hover{background-color:#333333;color:#FFFFFF}

.white_s_button{boder:#C8C8C8 solid 1px; background-color:#FFFFFF; color:#333333;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all}
.white_s_button:hover{background-color:#333333;color:#FFFFFF}

.gray_s_button{boder:#cccccc solid 1px; background-color:#e1e1e1; color:#333333;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all}
.gray_s_button:hover{background-color:#333333;color:#FFFFFF}

.green_s_button{boder:#387700 solid 1px; background-color:#489800; color:#FFFFFF;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all}
.green_s_button:hover{background-color:#023E00; color:#FFFFFF}

.s_48423d_button{boder:#2D2723 solid 1px; background-color:#48423d; color:#FFFFFF;font-size:1em;font-weight:normal; cursor:pointer; text-decoration:none;padding:3px 10px;transition:0.3s all}
.s_48423d_button:hover{background-color:#000000; color:#FFFFFF}
#daroin_loader_main{
	top:0;
	left:0;
	position:fixed;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.7);
	display:inline-flex;
	justify-content:center;
	align-items:center;
	margin:auto;
	z-index:10
}
#daroin_loader_find{
    display:inline-flex;
	flex-direction:column;
}
#daroin_loader_txt{
	text-align:center;
	font-size:1.2em;
	margin-top:10px
}
#daroin_loader{
	margin:0 auto;
    animation: rotate 1.5s linear infinite;
    animation-delay: 0.2s;
    background-color: transparent;
    border: 0.3em solid #e1e1e1;
    border-radius: 1.5em;
    border-top-color: #444;
    box-sizing: border-box;
    height: 3em;
    color: transparent;
    padding: 0;
    pointer-events: none;
    width: 3em;
}
#editor_bts{margin:0;padding:0 0 2px 0;position:relative;width:100%;}
#editor_bts .editor_bt_group{display:inline-block;position:relative;float:left;margin-right:5px;margin-bottom:2px}
#editor_bts .editor_bt_group:last-child{margin-right:0}
#editor_bts .editor_bt_group .editor_bt{display:inline-block;position:relative;float:left;margin-right:1px}
#editor_bts .editor_bt_group .editor_bt:last-child{margin-right:0}
#editor_bts .bosp{position:relative;width:100%;border:#CCC solid 1px}
.editor_img_bg > #editor_img_main{width:500px;max-width:500px;background-color:#FFFFFF;border-radius:10px;outline:rgba(0,0,0,0.1) solid 2px;box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;overflow:hidden;}
.editor_img_bg > #editor_img_main > #im_T{background-color:#351496;color:#FFFFFF;font-size:14px;font-weight:600;height:45px;text-align:center;line-height:45px;}
.editor_img_bg > #editor_img_main > #imgTabel{display:flex;width:100%;box-sizing:border-box;flex-flow:row wrap;border:rgba(0,0,0,0.1) solid 2px;border-left:none;border-right:none;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;background-color:#fafafa;padding:5px 5px 0 0;height:180px}
.editor_img_bg > #editor_img_main > #imgTabel > #in_img_bt{display:flex;align-items: center;justify-content:center; max-height:96px;max-width:96px;width:96px;height:96px;border:rgba(0,0,0,0.05) solid 2px;margin:0 0 5px 5px;background-color:rgba(0,0,0,0.01);transition:0.3s all;cursor:pointer;list-style:none;padding:0;overflow:hidden;font-size:30px;font-weight:600;color:#cccccc}
.editor_img_bg > #editor_img_main > #imgTabel > #in_img_bt:hover{border-color:rgba(0,0,0,0.5);color:#0079D0}
.editor_img_bg > #editor_img_main > #button_div{background-color:#f9f9f9;display:flex;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;height:40px}
.editor_img_bg > #editor_img_main > #button_div > .ed_img_BTG{font-size:12px;font-weight:600;color:#FFFFFF;height:30px;line-height:30px;cursor:pointer;background-color:#0074FF;border-radius:3px;width:80px;text-align:center;margin-left: 10px;transition:0.3s all}
.editor_img_bg > #editor_img_main > #button_div > .ed_img_BTG:hover{background-color:#000000}
.editor_img_bg > #editor_img_main > #imgTabel > .editem_tumsimg{display:flex;align-items: center;justify-content:center; max-height:100px;max-width:100px;width:100px;height:100px;border:rgba(0,0,0,0.05) solid 2px;margin:0 0 5px 5px;background-color:rgba(0,0,0,0.06);transition:0.3s all;cursor:move;position:relative;z-index:0;font-size:12px}
.editor_img_bg > #editor_img_main > #imgTabel > .editem_tumsimg > .tem_et{display:none;transition:0.3s all;}
.editor_img_bg > #editor_img_main > #imgTabel > .editem_tumsimg > .tem_et:hover{background-color:rgba(0,0,0,0.7)}
.editor_img_bg > #editor_img_main > #imgTabel > .editem_tumsimg:hover .tem_et{display:block}
.editor_img_bg > #editor_img_main > #imgTabel > .editem_tumsimg:hover {border:rgba(0,0,0,0.2) solid 2px;background-color:rgba(0,0,0,0.02);}
.editor_img_bg > #editor_img_main > #imgTabel > .editem_tumsimg > .edit_tem_etbt{cursor:pointer;width:50%;border-right:1px solid rgba(0,0,0,0.5);box-sizing:border-box;height:25px;position:absolute;z-index:1;bottom:0;left:0;text-align:center;line-height:25px;background-color:rgba(0,0,0,0.4);color:#FFFFFF}
.editor_img_bg > #editor_img_main > #imgTabel > .editem_tumsimg > .edit_tem_del{cursor:pointer;width:50%;box-sizing:border-box;height:25px;position:absolute;z-index:1;bottom:0;right:0;text-align:center;line-height:25px;background-color:rgba(0,0,0,0.4);color:#FFFFFF}
.editor_img_bg > #editor_img_main > #imgTabel > .editem_tumsimg > img{position:relative;z-index:0;border:0;display:none}
.editor_img_bg{background-color:rgba(0,0,0,0.4);width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-content: center;flex-wrap:wrap;z-index:100}
.editer_tab{background-color:#FFFFFF;border-radius:10px;outline:rgba(0,0,0,0.1) solid 2px;box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;overflow:hidden;position:absolute;display:none;z-index:10;margin-left:-150px;}
.editer_tab > #tist{width:100%;text-align:center;position:relative;height:30px;background-color:#351496;color:#FFFFFF;line-height:30px;font-size:13px}
.ed_fieldset{width:100%;padding:0;margin:0;text-align:center;border:1px solid #e1e1e1 !important;min-height:70px}
.editer_tab > #intable{font-size:12px;font-weight:600;color:#FFFFFF;height:30px;line-height:30px;cursor:pointer;background-color:#0074FF;border-radius:3px;width:80px;text-align:center;margin-left: 10px;transition:0.3s all !important}
.daroin_slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: #d3d3d3;
  outline:none;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
.daroin_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 14px;
  background: #FFFFFF;
  border:#333333 solid 1px;
  box-shadow:rgba(0,0,0,0.7) 0 0 2px;
  cursor: pointer;
}

.daroin_slider::-moz-range-thumb {
  width: 10px;
  height: 14px;
  background: #FFFFFF;
  border:#333333 solid 1px;
  box-shadow:rgba(0,0,0,0.7) 0 0 2px;
  cursor: pointer;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: #333333 !important;
  color: #ffffff;
}
.layout_imgbg img{box-shadow:rgba(0,0,0,0.3) 0 0 5px}


@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

.control {
  display: inline-block;
  position: relative;
  padding-left:25px;
  margin-bottom:0;
  cursor: pointer;
  font-family: 'Noto Sans KR','Poppins','Oswald', sans-serif;
  font-size: 12px;
  margin-right:20px;
  line-height:18px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height:16px;
  width: 16px;
  border:rgba(0,0,0,0.3) solid 1px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: rgba(0,121,255,0.8);
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: rgba(0,121,255,1);
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: inline-block;
}
.control--checkbox .control__indicator:after {
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 4px;
  top: 4px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.select_va{visibility:hidden;}

/*////////////////////////////*/
/*.select li,div,span,ul{margin:0;padding:0}*/
.select_box{
    color:var(--basis_color);
    border:#dddddd solid 1px;
    position:relative; 
    z-index:1;
    height:30px;
    cursor:pointer;
}
.select_box:hover,
.select_box.expanded{
    z-index:1;
    border:#666666 solid 1px;
}
.select_span{
    width:100%;
}
.li_basis{
    cursor:pointer;
    padding:5px 10px;
    background-color:#FFF;
    color:var(--basis_color);
}
.li_basis:hover{
    background-color:#333;
    color:#FFF;
}
.li_img{
    cursor:pointer;
    padding:5px;
    background-color:#FFF;
    color:var(--basis_color);
}
.li_img:hover{
    background-color:#333;
    color:#FFF;
}
.li_color{
    cursor:pointer;
    padding:5px;
    background-color:#FFF;
    color:var(--basis_color);
}
.li_color:hover{
    background-color:#333;
    color:#FFF;
}
.ul_st li,span,td{color:var(--basis_color)}
.ul_st{
    margin:0;
    padding:0;
    position:absolute;
    border:1px solid #666666;
    border-top:0;
    list-style:none;
    color:var(--basis_color);
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;

    -moz-box-shadow:0 0 3px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
    box-shadow:0 0 3px rgba(0,0,0,0.2);
    z-index:1;
}
.li_tit{
    cursor:pointer;
    padding:5px;
    background-color:#F2F2F2;
    color:var(--basis_color);
    font-weight:bold;
}
.li_og{
    cursor:pointer;
    padding:5px;
    background-color:#FBFBFB;
    color:#666;
    border-bottom:#CCC solid 1px
}
.select_div{display:inline-block; position:relative; z-index:0;width:100%}
#viewbodymain{position:relative; z-index:0}
.imgdivs{cursor:pointer; overflow:hidden; position:relative}
.imgdivs div{background-position:center center; background-repeat:no-repeat;background-size: cover; width:100%; height:100%;-webkit-transition: all .5s; -moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.imgdivs:hover div{-ms-transform: scale(1.1); -moz-transform: scale(1.1);  -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.select {
  position: relative;
  display: inline-block;
  width:100%;
}
.select ul,li{list-style:none;margin:0;padding:0}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select select::-ms-expand {
  display: none;
}
.select select:hover,
.select select:focus {
  color: #000;
  background: #ccc;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
  border-top-color: #000;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}
.selctproduct_items{width:100%;display:inline-block;border-top:#e1e1e1 solid 1px;margin-top:15px;background-color:#f9f9f9}
.selctproduct_items > #selctproduct_title{color:#D35F10;font-size:14px;font-weight:600;margin:10px 10px 5px 10px}
.selctproduct_items > #infop{margin:0 5px 5px 5px;border:#dddddd solid 1px;background-color:#FFFFFF}
.selctproduct_items > .p_m_div{display:flex;flex-direction:row;flex-wrap:nowrap;border:#e1e1e1 solid 1px;width:80px}
.selctproduct_items > .p_m_div > div{width:26px;height:26px;transition:0.3s all}
.selctproduct_items > .p_m_div > div:first-child{background:url(image/icon/p_m.png) -16px center; background-color:#FEFEFE; cursor:pointer}
.selctproduct_items > .p_m_div > div:last-child{background:url(image/icon/p_m.png) 2px center; background-color:#FEFEFE; cursor:pointer}
.selctproduct_items > .p_m_div > div:hover{background-color:#eeeeee}
.selctproduct_items > .p_m_div > input{width:28px;height:26px;border:0;border-right:#e1e1e1 solid 1px;border-left:#e1e1e1 solid 1px}
#ptotal_op,.numtxt{font-family:'Oswald','Noto Sans KR','Poppins','Nanum Gothic','나눔고딕', sans-serif;letter-spacing:-0.2px}
#div_sd,#div_imgd{position:relative; text-align:center; margin:0 auto; display:inline-block; padding:0}
#pond{width:100%; height:100%; position:absolute; z-index:1; margin:0; padding:0}
.div_imgponter{display:inline-block; position:relative; margin:0; padding:0}
#copyhn{display:inline-block; position:relative; margin:0; padding:0}
.product_point_bt{
	position:absolute;
	cursor:pointer;
	z-index:3;
	-webkit-animation:product_point_bt 0.3s ease-in-out infinite alternate;
    -moz-animation:product_point_bt 0.3s ease-in-out infinite alternate;
    animation:product_point_bt 0.3s ease-in-out infinite alternate;
}
@-webkit-keyframes product_point_bt{
    0% { opacity:0.5}
    100% { opacity:1.00}
}
@-moz-keyframes product_point_bt{
    0% { opacity:0.5}
    100% { opacity:1.00}
}
@keyframes product_point_bt{
    0% { opacity:0.5}
    100% { opacity:1.00}
}