@charset "utf-8";

/******************************* common *******************************/

.sub-contents .sub-title{font-size:1.2em;font-weight:normal;color:#333;font-family:'NotoM';letter-spacing:-0.03em;display:inline-block;width:100%;}
.sub-contents .sub-title span{font-size:14px;font-weight:normal;color:#999;padding-left:5px;}
.inline{display:inline-block;width:100%;}
.ui.table .rowspan_td{border-left:1px solid rgba(34, 36, 38, 0.1) !important;}

.sub-contents .ui.segment{position:relative;background:#FFFFFF;box-shadow:none;margin:1rem 0em;padding:1.5em 2em;border-radius:0.28571429rem;border:1px solid #e5ebec;}
.sub-contents .ui.form .field > label{font-weight:normal;color:#333;font-size:1em;}
.sub-contents .ui.header .normal{margin:0;}
.sub-contents.ranktree{width:80% !important;}
.sub-contents .ui.table td,.content .ui.table td,.ui.table td{color:#777;font-size:0.92857143em !important;}
.sub-contents .ui.table td a,.sub-contents .ui.table td{color:#777;}
.sub-contents .ui.table td a{color:#337ab7;}
.sub-contents .ui.table td a:hover{color:#000;}
.sub-contents .ui.table thead tr.center.aligned th{white-space:normal;}
.sub-contents .ui.table.th_nowrap thead tr.center.aligned th{white-space:nowrap;}
.sub-contents .ui.segment.inverted .ui.dropdown{border:none;}
.middle-text{line-height:40px;padding-left:10px;}
p.normal{font-size:0.875em;}

.check-do input[type=radio]:not(old){margin:0;padding:0;opacity:0;background:url('../../../images/myoffice/check_on.png') no-repeat 0 0;background-size:22px 22px;width:0;/*height:35px;*/}
.check-do input[type=radio]:not(old) + label{display:inline-block;text-align:left;height:22px;padding-left:27px;background:url('../../../images/myoffice/check_off.png') no-repeat 0 0;background-size:22px 22px;line-height:22px;vertical-align:middle;letter-spacing:-0.5px;}
.check-do input[type=radio]:not(old):checked + label{background:url('../../../images/myoffice/check_on.png') no-repeat 0 0;background-size:22px 22px;}
.check-do li{margin-right:2em;}

select.select-box{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url('../../../images/myoffice/icon_arrow_selct.png') right center no-repeat;background-size:14px 6px;}
input.form-inpt,select.form-selct,select.form-selct2{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:1em;width:100%;height:32px;line-height:30px;color:#444;background:#f5f5f5;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0;padding:0;padding-left:5px;outline:none;outline-color:none;-o-text-overflow:clip;text-overflow:clip;}
input.form-inpt::placeholder{color:#888;letter-spacing:-0.5px;}
input.normal-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:1em;width:100%;height:32px;line-height:30px;color:#444;background:#fff;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0;padding:0;padding-left:5px;outline:none;outline-color:none;-o-text-overflow:clip;text-overflow:clip;}
select.form-selct{cursor:pointer;appearance:none;-webkit-appearance:none;background:#fff url('../../../images/myoffice/icon_arrow_selct.png') right center no-repeat;background-size:14px 6px;}
select.form-selct option{outline:none;}


@media screen and (max-width:1680px){
	 .sub-contents .ui.segment{padding:1em;}
	}

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

@media screen and (max-width:1024px){
  .sub-contents .pd-label{padding-right:0;}
  .sub-contents .inline.field .pd-label.side-pd{padding:10px 0 0 0;}
}

@media screen and (max-width:736px){
  .sub-contents .sub-title span{font-size:13px;}
}

@media screen and (max-width:520px){
  .sub-contents .sub-title span{font-size:12px;}
  .ui.segment.inverted.bg-sky .ui.buttons .ui.button{padding:0.78571429em 1em 0.78571429em;}
}


@media screen and (max-width:480px){
  .check-wrap li{width:100%;margin-right:0;}
  .check-wrap li:first-child{margin-bottom:0.5em;}
}

/******************************* main *******************************/

#container .main-container .ui.segment{margin:0;}
.main-container h4.ui.header{font-size:18px;font-family:'NotoR';color:#000;}
.main-container .ui.grid + .grid{margin-top:0;}
.main-container .ui.grid > .column:not(.row),.main-container .ui.grid > .row > .column{padding-left:0.5rem;padding-right:0.5rem;}
.main-container .ui.grid{margin-top:-0.5rem;margin-bottom:-0.5rem;margin-left:-0.5rem;margin-right:-0.5rem;}
.main-container .main-top .ui.segment h2.ui.header{color:#fff !important;}
.main-container .main-top .ui.segment .ui.header .sub.header{color:rgba(255,255,255,0.8);}
.main-container .main-top .ui.segment i.circular.icon{-webkit-box-shadow:0em 0em 0em 0.05em rgba(255, 255, 255, 0.33) inset;box-shadow:0em 0em 0em 0.05em rgba(255, 255, 255, 0.33) inset;}
.main-container .main-top .ui.segment h1.unit{margin-top:0;font-size:2.571em;font-weight:200;color:#fff !important;}
.main-container .main-top .ui.segment h1.unit span{padding-left:5px;font-size:0.8em;}
.main-middle h2.ui.header{margin-top:10px;}
.main-middle .three.column .segment{min-height:150px;}
.main-middle .ui.padded.segment .unit span{font-size:16px;color:#777;padding-left:5px;}
.main-top .ui.segment .ui.header .icon{font-size:1.2em;}
.main-middle p{font-size:16px;margin:0;padding:0;color:#777;position:relative;}
.main-middle p span{color:#ff7200;}
.main-container .ui.table tbody tr th{border-top:1px solid rgba(34, 36, 38, 0.1);font-weight:normal;}
.main-container .ui.table tbody tr:first-child th{border-top:none;}
.main-container .ui.table th,.main-container .ui.table td{word-break:keep-all;white-space:nowrap;}
#container .main-container .main-top .ui.segment{border:none;}
.main-bottom .ui.list.notice .item{padding:10px;font-size:0.938em;border-bottom:1px dotted #dedede;color:#777;}
.main-bottom .ui.list.notice .item .notice-date{float:right;color:#999;}
.main-bottom .ui.list.notice .item .ui.label{font-size:11px;padding:3px 5px;text-transform:uppercase;}
.main-bottom .ui.list.notice .item:hover{color:#000;}
.main-bottom .column .c-box .ui.header{margin:calc(1rem -  0.14285714em ) 0em 1rem;}
.main-bottom .column .c-box .ui.header .content{font-size:18px;font-family:'NotoR';}
.main-bottom .column.c-box .ui.segment{border:none !important;}
.main-bottom .ui.button{font-size:1rem;}

.main-container .check-do{padding:5px 10px;margin-bottom:10px;background:#21BA45;border:1px solid #21BA45;border-radius:5px;}
.main-container .check-do h5{font-size:1em;font-weight:normal;padding-right:10px;margin:0;color:#fff;}
.main-container .check-do li{margin-right:5px;}
.main-container .check-do li span{color:#fff;font-weight:bold;}

.main-container h3.ui.header.middle{padding:5px 0 10px 0;}

@media screen and (max-width:991px){
  .main-container .table_wrap{overflow-x:scroll;}
}

@media screen and (max-width:736px){
  .main-bottom .ui.list.notice .item .notice-date{display:none;}
  .main-middle .three.column .segment{min-height:auto;}
  .main-middle2 .table-wrap{height:auto;}
  .main-container h4.ui.header,.main-bottom .column .c-box .ui.header .content{font-size:16px;}
}

@media screen and (max-width:520px){
  .main-container h4.ui.header,.main-bottom .column .c-box .ui.header .content{font-size:15px;}
}


/******************************* login : join : autoship *******************************/

	.center-box{align-items:center;-ms-flex-align:center;justify-content:center;-ms-flwx-pack:center;}
	.center-box .fxt-cont{width:50%;margin:5em auto 0 auto;padding:5em 7em;background:#fff;box-shadow:0px 0px 62px 0px rgba(0, 0, 0, 0.07);}
	.center-box .fxt-cont h1{font-size:2.5rem;margin-bottom:0;font-weight:700;}
	.center-box .fxt-cont h2{margin-bottom:0.2em;}
	.center-box .fxt-cont h5{margin-top:0;margin-bottom:2em;font-weight:normal;line-height:1.3;color:rgba(0,0,0,0.5);}
	.center-box .fxt-cont .ui.checkbox label{color:rgba(0,0,0,0.5);}
	.center-box .fxt-cont .ui.grid .column{padding-left:0.5em;padding-right:0.5em;}
	.ui.form .ui.segment.join-agree .field{margin-top:1em;}
	.ui.segment .box-textarea{font-size:0.875em;color:#979797;min-height:300px;overflow-y:scroll;height:300px;padding:30px;border:1px solid #dedede;background:#fafafa;}
	.center-box .fxt-cont.join-type .circular.icon{font-size:2.5em;margin:0.5em auto 1em auto;}
	.join-agree .check-wrap label,.autoship-agree .check-wrap label{margin:10px 0 0 0;color:#777;font-size:0.938em;}
	.inverted.join-agree .check-wrap label,.ui.message.agree-all .check-wrap label{margin:0;cursor:pointer;color:#555;}
	.ui.form.join-info .ui.segment{padding:2em 3em;}
	.pop-open.ui.button:not(.icon) > .icon:not(.button):not(.dropdown){margin:0;}
	.btn_zipcode.mini.ui.button{padding:0.78571429em 0.5em;}


	 @media screen and (max-width:1680px){
		 .center-box .fxt-cont{width:60%;padding:5em;}
		}

	 @media screen and (max-width:1280px){
	     .ui.form.join-info .ui.segment{padding:1em;}
		}

	 @media screen and (max-width:1024px){
		 .center-box .fxt-cont{width:70%;padding:5em 3em;}
		}

	  @media screen and (max-width:736px){
		  .ui.teal.button.pop-open{padding:0 0.5em;text-align:center;}
		  .ui.teal.button.pop-open .search.icon{margin:0 auto;}
		  .btn_zipcode.mini.ui.blue.button{padding:0.78571429em 0.5em 0.78571429em;}
		  .join-info .ui.segment .ui.message{padding:0.7em;}	
		  
		}

	  @media screen and (max-width:640px){
		  .center-box .fxt-cont,.center-box.pw-find .fxt-cont{width:100%;}
		}

	  @media screen and (max-width:480px){
		  .center-box .fxt-cont,.center-box.pw-find .fxt-cont{padding:3em 2em;}
		}




/******************************* sub *******************************/

.ui.segment.inverted.bg-sky input{margin-top:-5px;}
.ui.segment.inverted.bg-sky .ui.action.input input{margin-top:0;}
.ui.segment.inverted.bg-sky .level-input{max-width:150px;}
.radio-field{display:table;height:40px;}
.radio-field .pd-label,.radio-field .radio-cont{display:table-cell !important;vertical-align:middle !important;}
.radio-field .radio-cont .radio.checkbox:first-child{margin-right:30px;}
.ui.form .field > .selection.dropdown{height:40px;line-height:40px;min-height:40px;margin:0;padding:0 0 0 12px;}
.sub-contents .pd-label{padding-right:10px;}
.sub-contents .inline.field .pd-label.side-pd{padding:0 10px 0 30px;}
.sub-contents .small-message.ui.message{font-size:0.9em;}
td.required{}
td.required:after{content:'*';color:#db2828;margin:-0.2em 0em 0em 0.2em;}
.pc-pdl{padding-left:30px;}
.pc-mgl{margin-left:30px !important;}
.adress-input{}
.adress-input .ui.input{margin-top:5px;}
.adress-input .ui.input:first-child{margin-top:0;}
.adress-input .ui.action.input > input{width:150px;}
.inner-normal{font-weight:normal;color:#777;font-size:14px;}
.tax-info .ui.center.header h5{font-weight:normal;color:#555;margin:20px 0 5px 0;}
.tax-info .ui.center.header p{font-size:1rem;color:#999;font-weight:normal;margin:0;padding:0;}
.tax-info .ui.button{margin:30px auto;}


  @media screen and (max-width:1024px){
      .radio-field{display:block;height:auto;}
      .radio-field .pd-label,.radio-field .radio-cont{display:block !important;}
	  .radio-field .radio-cont{line-height:40px;}
	  .ui.form .field > .selection.dropdown{height:auto;line-height:1em;min-height:2.71428571em;padding:0.78571429em 2.1em 0.78571429em 1em;}
	  .pc-pdl{padding-left:0;padding-top:10px;}
	}

  @media screen and (max-width:768px){
      .radio-field{margin-top:.7rem !important;}
	  .radio-field .radio-cont{line-height:30px;}
	  .ui.segment.inverted.bg-sky .level-input{max-width:100px;}
	}

  @media screen and (max-width:520px){
	  .all-inline .ui.button.mgl10{margin-left:2px !important;}
	}


/******************************* board *******************************/

	.board .ui.segment span a{color:#337ab7;}
	.board .ui.segment span a:hover{color:#015aa6;text-decoration:underline;}
	#container .board-gallery.ui.segment{padding:2.5em;}
	.board-gallery .gallery-box{border:1px solid #eee;display:block;}
	.board-gallery .data_list{padding-bottom:2em;}
	.board-gallery .gallery-box:hover{box-shadow:5px 5px 5px 5px #ccc;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;}
	.board-gallery .gallery-box figure{margin:0;}
	.board-gallery .gallery-box figcaption{padding:1em;background:#fafafa;color:#333;}
	.sub-contents.board .ui.table td a{color:#555;}
	.sub-contents.board .ui.table td a:hover{color:#000;text-decoration:underline;}
	.ui.accordion.faq{box-shadow:none;border-radius:0;}
	.ui.accordion.faq li{}
	.ui.accordion.faq .title{border-top:none;color:#555;padding:10px 0;border-bottom:1px solid #dedede;}
	.ui.accordion.faq .content{background:#fafafa;padding:10px 20px;color:#555;}


/*******************************  organization *******************************/

	.ui.horizontal.segments.two-table{margin:0;padding:0;box-shadow:none;border:none;background:transparent;border-radius:0;}
	.ui.form.ranktree .basic.buttons .ui.button{background:#fff !important;}
	.ui.form.ranktree input.user_nm{width:150px;}
    .normal_inner.tree_wrap{padding:2em;margin:20px auto;border-radius:20px;background:#fff;box-shadow:0px 2px 4px rgba(0,0,0,0.08);}
	.tree_wrap .tree_cont{}
	.tree_wrap .tree_cont iframe{border:none;width:100%;}
	 .normal_inner.tree_wrap p{font-size:14px;margin:5px 0;}

	  @media screen and (max-width:768px){
		  .normal_inner.tree_wrap{padding:1em;margin:10px auto;border-radius:10px;}
	     .normal_inner.tree_wrap p{font-size:12px;}
		}

	  @media screen and (max-width:360px){
		 #box-detail.popup-wrap{min-width:280px;}
		 #box-detail.popup-wrap .content{padding:10px;}
		}



/*******************************  search *******************************/

	.ui.segment.inverted.bg-sky input.date-picker{width:200px !important;margin:0;}
	.ui.form.search .inline.fields,.ui.form.search .inline.field{margin-bottom:0;}
	.ui.form.search input.wid150{width:150px !important;margin:0;}
	.ui.segment.inverted.bg-sky .ui.divider{opacity:0.33 !important;}
	.ui.form.search .one.wide.column{padding-left:0;}
	.ui.form.search .one.wide.column .ui.icon.button{position:relative;width:100%;height:100%;}
	.ui.form .field .ui.input input.wid300{width:300px;}
	.calendar.alternate.outline.icon{color:#337ab7 !important;opacity:1 !important;}

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

	 @media screen and (max-width:1280px){
		 #member_details .ui.two.column.grid .column{width:100%;}
		 #container .ui.form .fields > .field:first-child{margin-bottom:.7rem;}
		 #container .ui.form.search .ui.buttons{position:relative;margin:10px 0 0 0;}
		}

	  @media screen and (max-width:1024px){
		 .ui.segment.inverted.bg-sky .field label{width:100%;margin-bottom:.5em;}
		 .ui.form.search input.wid150{width:100% !important;}
		 .ui.segment.inverted.bg-sky .inline.fields{display:inline-block;}
		 .ui.segment.inverted.bg-sky .inline.fields{}
		 .ui.form .inline.fields .field > .selection.dropdown, .ui.form .inline.field > .selection.dropdown{width:100%;}
		 .mo-margin{margin-top:10px !important;}
		}

	  @media screen and (max-width:768px){
		  .sub-contents.board .column span{display:none;}
		  .ui.segment.inverted.bg-sky input.date-picker{width:150px !important;}
		}



/*******************************  shop *******************************/

.goods-list{padding-top:30px;}
.goods-list a{selector-dummy:expression(this.hideFocus=true);text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.item-photo .item-photo-image{text-align:center;}
.item-photo .item-photo-image img{max-width:100%;}
.prod-box.ui.card{width:auto !important;padding:25px;margin-bottom:10px;border:1px solid #e5ebec;box-shadow:none;}
.prod-box.ui.card .image{position:relative;background:#fafafa;border:1px solid #eee !important;min-height:220px;margin:0 auto;text-align:center;overflow:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.prod-box.ui.card:hover{box-shadow:0px 15px 35px rgba(50,50,90,0.1),0px 5px 15px rgba(0,0,0,0.07);box-sizing:border-box;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.prod-box.ui.card .image a{display:block;width:100%;height:100%;}
.prod-box.ui.card .image a img{height:220px;display:block;max-width:100%;box-sizing:border-box;}
.prod-box.ui.card .content{border-top:none;}
.prod-box.ui.card .content .name.header{color:#000;word-break:keep-all;display:block;line-height:1.4;}
.prod-box.ui.card .content .explain-list{color:#777;margin-top:0.2em;}
.prod-box.ui.card .content .explain-list dl{display:inline-flex;align-items:center;width:100%;margin:0;padding:5px 0;}
.prod-box.ui.card .content .explain-list dl dt{color:#333;word-break:keep-all;width:30%;font-size:0.938em;}
.prod-box.ui.card .content .explain-list dl dd{margin:0;padding-left:15px;}
.prod-box.ui.card .content .explain-list dl dd strong{font-size:1.063em;color:#333;padding-right:3px;}
.prod-box.ui.card .content .explain-list dl dd em.unit{color:#555;font-size:0.938em;display:inline-block;}
.prod-box.ui.card .content .explain-list dl.part_area{display:inline-block;width:100%;padding:10px;margin-bottom:5px;border-radius:5px;background:#f4f8f9;}
.prod-box.ui.card .content .explain-list dl.part_area dt{display:block;width:100%;margin-bottom:5px;}
.prod-box.ui.card .content .explain-list dl.part_area dd{margin:0;padding:0;}
.prod-box.ui.card .content .explain-list dl.part_area dd .part_list{font-size:14px;}

.line-through{text-decoration:line-through;}

.item-topinfo{padding:3em;}
.item-topinfo .ui.list{margin:12px 0;}
.item-topinfo .ui.divided.list .item,.item-topinfo .ui.divided.list .ui.form .item{padding:15px 0;color:#333;border-top:1px solid #eee;}
.item-topinfo .ui.divided.list .ui.form .item:last-child{border-bottom:1px solid #eee;}
.item-topinfo .ui.divided.list dl.item{display:inline-flex;align-items:center;width:100%;margin:0;}
.item-topinfo .ui.divided.list dl.item dt{width:20%;}
.item-topinfo .ui.divided.list dl.item dd{width:80%;color:#555;}
.item-topinfo .ui.divided.list dl.item dd em.unit{font-size:0.938em;padding-left:5px;}
.item-topinfo .ui.divided.list dl.item dd strong{font-size:1.5em;color:#000;}
.ui.big.buttons .button, .ui.big.buttons .or, .ui.big.button{font-size:1.28571429rem !important;}
.ui.mini.buttons .button, .ui.mini.buttons .or, .ui.mini.button{font-size:0.78571429rem !important;}
.ui.header > .image:not(.icon), .ui.header > img.web_image{width:4.5em;}
.choose-num .ui.input input,.choose-num .ui.button{width:35px;height:35px;line-height:35px;text-align:center;margin:0;padding:0;}
.choose-num .ui.input input{margin:0 2px !important;}
.choose-num .ui.input button.btn_change_qty{margin:0 0 0 2px !important;}
.cart-list a .ui.header .tit-font{font-size:1rem;color:#111;margin-bottom:5px;}

.cart_tb_image{margin-right:10px;width:120px;height:100px;overflow:hidden;background:#eee;display:block;font-size:0;}
.cart_tb_image img.web_image{width:100%;height:auto;}

 @media screen and (max-width:1600px){
	 .ui.four.column.stackable.grid.data_list li{width:33.33%;}
	}

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

  @media screen and (max-width:1024px){
      .ui.four.column.stackable.grid.data_list li{width:50%;}
	  .over-x{overflow-x:scroll !important;}
	  .prod-box.ui.card{padding:20px;}
      .cart_tb_image{margin-right:5px;margin-bottom:5px;width:100px;height:80px;}
	}

  @media screen and (max-width:767px){
      .prod-box.ui.card .image{min-height:auto;}
      .prod-box.ui.card .image a img{height:auto;}
	  .prod-box.ui.card{padding:15px;margin-bottom:5px;}
	  .prod-box.ui.card .content{padding:1em 0;}
	  .prod-box.ui.card .content .explain-list dl.part_area dd .part_list{font-size:13px;}
      .cart_tb_image{width:80px;height:70px;margin-right:0px;}
	}

  @media screen and (max-width:736px){
	  .item-topinfo .ui.divided.list .item,.item-topinfo .ui.divided.list .ui.form .item{padding:10px 0 !important;}
	  .item-photo .item-photo-image img{max-width:100%;}
	  .item-topinfo .ui.divided.list .item span,.item-topinfo .ui.divided.list .ui.fom .item span{width:40%;}
	  .choose-num .ui.input input,.choose-num .ui.button{width:30px;height:30px;line-height:30px;}
	}


  @media screen and (max-width:520px){
	  .sub-table.ui.definition.teal.table.area_pay_kind colgroup col{width:auto;}
	  .choose-num .ui.input input,.choose-num .ui.button{width:25px;height:25px;line-height:25px;}
	}


/******************************* popup *******************************/

	.popup-wrap{display:none;min-width:480px;float:left;position:fixed;top:50%;left:50%;z-index:9999;background:#fff;border-radius:0.5em;border:none;-webkit-box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;}
	#fade{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.10;z-index:9998;}
	.popup-wrap .header{height:60px;z-index:100;border-radius:0.5em 0.5em 0 0;}
	.popup-wrap .header h4{color:#fff;font-weight:normal;font-size:1.429em;padding:1em;margin:0;}
	.popup-wrap .header .ui.button{position:absolute;top:.5em;right:.5em;border:none;background:transparent;display:table;text-align:center;padding:0.5em;}
	.popup-wrap .header .ui.button i{font-size:1.786em;display:table-cell;vertical-align:middle;color:rgba(255,255,255,0.7);}
	.popup-wrap .header .ui.button:hover i{color:rgba(255,255,255,1);}
	.popup-wrap .content{background:#f5f8fb;padding:1em 1.5em 1.5em 1em;border-radius:0 0 0.5em 0.5em;}
	.popup-wrap .content h5{font-size:1em;font-weight:normal;}
	.en .popup-wrap ul li{margin-right:5px;}
	.popup-wrap .table-total{margin:0;font-size:0.9em;color:#d22441;}

	.popup-wrap .popup-header{height:60px;padding:0 1em;background:url('../../../images/myoffice/top-bg.jpg') repeat center top;z-index:100;border-radius:0.5em 0.5em 0 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.popup-wrap .popup-header h4{color:#fff;font-weight:normal;font-size:1.2em;}
	.popup-wrap .popup-header .ui.button{border:none;background:transparent;text-align:center;padding:0;}
	.popup-wrap .popup-header .ui.button i{font-size:1.786em;color:rgba(255,255,255,0.7);margin:0 !important;}
	.popup-wrap .popup-header .ui.button:hover i{color:rgba(255,255,255,1);}
	.popup-wrap .content{background:#f5f8fb;padding:1.5em;border-radius:0 0 0.5em 0.5em;}
	.popup-wrap.cont_form .content{background:#fff;padding:1.5em;border-radius:0 0 0.5em 0.5em;}
	.popup-wrap.cont_form .blue_box .inline.field label{flex:0 0 70px;-ms-flex:0 0 70px;max-width:70px;}
	.popup-wrap.cont_form .under_search .blue_box{padding:1em;}
	.popup-wrap.cont_form .under_search .blue_box .inline.field label{flex:0 0 85px;-ms-flex:0 0 85px;max-width:85px;}

    .popup-wrap .ui.table.th_center > thead > tr > th,
	.popup-wrap .ui.table.th_center > tbody > tr > th{text-align:center;background:#fafafa;font-weight:500;}
	.popup-wrap .ui.table.th_center > tbody > tr > td{color:#777;text-align:center;}
	.popup-wrap .ui.table > tbody > tr > th, 
	.popup-wrap .ui.table > tr > td, 
	.popup-wrap .ui.table > tbody > tr > td{border-top:1px solid rgba(34, 36, 38, 0.1);}



	@media only screen and (max-width:480px){
	    .popup-wrap{min-width:350px;}
		.popup-wrap .header h4{font-size:1.500em;padding:1em 1em;}
		.popup-wrap .popup-header{height:50px;}
	}

	@media only screen and (max-width:360px){
	    .popup-wrap{min-width:320px;}
	}



/******************************* paging *******************************/ 

	.paging-wrap {position:relative;margin:15px 0 0 0;}
	.paging-wrap ul{overflow:hidden;}
	.paging-wrap ul li{float:left;}
	.paging-wrap ul li.page-select{width:20%}
	.paging-wrap ul li.page-select dl{position:relative;}
	.paging-wrap ul li.page-select dl dt{display:none;position:absolute;top:0;left:0;width:70px;margin-top:0;color:#222;}
	.paging-wrap ul li.page-select dl dd{position:relative;display:inline-block;width:70px;height:35px;margin-left:0;color:#666;word-wrap:break-word;}
	.paging-wrap ul li.paging-area{width:60%;}
	.paging-wrap ul li.total{float:right;width:20%}
	.paging-wrap .table-total{text-align:right;color:#777;font-size:0.9em;}
	.paging-wrap .table-total span{color:#333;padding:0 5px;}
	.paging-wrap ul li.paging-area .paging{}
	.paging-wrap ul li.paging-area .paging *{/* vertical-align: baseline; */}
	.paging-wrap .paging ul li{display:inline-block;}
	.en .paging-wrap ul li.page-select dl dt{line-height:1.3;}

	.paging-wrap .paging{position:relative;z-index:9;height:22px;margin:20px auto 0;text-align:center;}
	.paging-wrap .paging * {vertical-align:middle;}
	.paging-wrap .paging ul {padding-right:12px;display:inline-block;}
	.paging-wrap .paging ul li {display:inline-block;float:none!important;padding:0 3px;}
	.paging-wrap .paging ul li a, .paging ul li strong {display:inline-block;font-weight:normal;width:25px;border:1px solid #ddd;color:#555;}
	.paging-wrap .paging ul li strong a, .paging ul li strong{color:#000;width:25px;border:1px solid #777;}
	.paging-wrap .paging .prev, .paging-wrap .paging .next, .paging-wrap .paging .first, .paging-wrap .paging .last{display:inline-block;height:25px;font:normal 11px/23px dotum;color:#848484;border:1px solid #ddd;text-align:center;}
	.paging-wrap .paging .prev, .paging-wrap .paging .first{}
	.paging-wrap .paging .page{position:absolute;top:5px;right:0;color:#848484;}
	.paging-wrap .paging .next, .paging-wrap .paging .last{}
	.paging-wrap .paging .first:before{content:'\003C\003C';}
	.paging-wrap .paging .prev:before{content:'\003C';}
	.paging-wrap .paging .next:after{content:'\003E';}
	.paging-wrap .paging .last:after{content:'\003E\003E';}
	.paging-wrap .paging .prev:before,.paging-wrap .paging .first:before{padding-right:0;}
	.paging-wrap .paging .next:after,.paging-wrap .paging .last:after{padding-left:0;}

	
	@media only screen and (max-width:640px){
	    .paging-wrap{margin:0 auto;}
	    .paging-wrap ul li.page-select,.paging-wrap ul li.total{display:none;}
		.paging-wrap ul li.paging-area{width:100%;float:none;margin:0 auto;}
	}	


/*******************************  tab  *******************************/

.item-tab-wrap{position:relative;margin:70px auto 0 auto;}
.item-tab-wrap .item-tabs{clear:both;z-index:99;}
.item-tabs{position:relative;}
.item-tabs ul.tabs{margin:0;padding:0;list-style:none;width:100%;}
ul.tabs li{float:left;text-align:center;cursor:pointer;overflow:hidden;position:relative;}
.tabs.item-tab li{display:table;height:50px;color:#555;font-size:1em;width:25%;cursor:pointer;text-align:center;border-top:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#eaf2f4;}
.tabs.item-tab li:first-child{border-left:1px solid #ddd;}
.tabs.item-tab li:last-child{border-right:1px solid #ddd;}
.tabs.item-tab li.active{background:#fff;color:#000;border-bottom:1px solid #fff;}
.tabs.item-tab li span{display:table-cell;vertical-align:middle;}
.tab-container{clear:both;width:100%;background:#fff;margin-top:30px;}
.tab-contents{display:none;position:relative;padding:20px 20px 50px 20px;}

  @media screen and (max-width:991px){
	  .item-tab-wrap img{width:100%;}
	}

/*******************************  print  *******************************/

.print-wrap{position:relative;padding:20px;}
.print-wrap,.print-wrap .ui.segment{}
.print-wrap .ui.table.over-scroll{overflow-x:scroll;}

@media print{
}


.table-wrap.flow-x{position:relative;overflow:hidden;}

@media screen and (max-width:991px){
    .table-wrap.flow-x{overflow-x:scroll;}
    .table-wrap .ui.table thead tr.center.aligned th{word-break:keep-all;}
    .sub-table.delivery_table input.input_num,.sub-table.paymethod_table input.input_num{width:100px !important;}
}

@media screen and (max-width:767px){
    .sub-table.delivery_table input.input_num,.sub-table.paymethod_table input.input_num{width:70px !important;}
}

@media screen and (max-width:520px){
    .sub-table.delivery_table input.input_num,.sub-table.paymethod_table input.input_num{width:60px !important;}
}


/* 2022.03.07_개인정보수정 */
.email_field .f_field{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.email_field .f_field span{padding-left:10px;}


/******************************* etc_cont *******************************/

	.etc_cont{font-size:1em;line-height:1.5;color:#777;}
	.etc_cont strong{font-family:'NotoB';color:#000;}
	.etc_cont h3,.etc_cont h4,.etc_cont h5{color:#333;word-break:keep-all;font-weight:normal;}
	.etc_cont h3{font-size:1.5em;}
	.etc_cont h4{font-size:1.25em;}
	.etc_cont h5{font-size:1.071em;}
	.etc_cont span,.etc_cont small{display:block;margin-top:10px;}
	.etc_cont .l_group,.etc_cont .m_group,.etc_cont .s_group{box-sizing:border-box;}
	.etc_cont .l_group{margin-bottom:30px !important;}
	.etc_cont .m_group{margin-bottom:20px !important;}
	.etc_cont .s_group{margin-bottom:10px !important;}

	.etc_cont .dot_list{padding-left:10px;margin:5px 0;}
	.etc_cont .dot_list > li{float:none;position:relative;letter-spacing:-0.05px;padding:3px 0 3px 10px;line-height:1.5;}
	.etc_cont .dot_list > li:before{content:'';position:absolute;top:10px;left:0px;width:3px;height:3px;border-radius:50%;background:#aaa;}
	.etc_cont .dot_list.dot-blue > li:before{content:'';background:#008bce;position:absolute;top:50%;margin-top:-3px;left:0px;width:5px;height:5px;border-radius:50%;}
	.etc_cont .none_list{list-style-type:none;}
	.etc_cont .none_list li{float:none;position:relative;padding:5px 0 5px 10px;line-height:1.5;}
	.etc_cont ol.decimal_list{padding-left:10px;margin:5px 0;}
	.etc_cont ol.decimal_list > li{float:none;list-style-type:decimal;margin-left:15px;position:relative;padding:3px 0 3px 0;line-height:1.5;}

	.etc_cont .table_wrap{position:relative;width:100%;box-sizing:border-box;display:inline-block;}
	.etc_cont .table_wrap table{width:100%;border-top:1px solid #333;background:#fff;}
	.etc_cont table th,.etc_cont table td{text-align:center;padding:7px 20px;border-left:1px solid #dedede;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
	.etc_cont table th{background:#fafafa;color:#333;font-weight:normal;}



/******************************* 2023.03.21 추가상품 *******************************/

.add_select .ui.dropdown{min-width:100%;}
.add_select .ui.dropdown .menu .item{padding:12px 5px !important;}
.add_goods_row dl.item.choose-num{padding:10px !important;margin:5px auto 0 auto !important;border:1px solid #5bc0de !important;background:#f8fcfd;border-radius:0.28571429rem;}
.add_goods_row dl.item.choose-num dt,
.add_goods_row dl.item.choose-num dd{width:auto !important;}
.add_goods_row dl.item.choose-num dd .btn_add_remove{margin-left:2px;}
.add_goods_row dl.item.choose-num dd .btn_add_plus,
.add_goods_row dl.item.choose-num dd .btn_add_minus{background:#fff !important;}

.cart-list .ui.table .content.add_goods{margin-top:10px;}
.cart-list .ui.table .content.add_goods .pdt_name{margin-bottom:0px;color:#5bc0de;}

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

@media screen and (max-width:767px){
    .item-topinfo{padding:2em;}
    .add_select .ui.dropdown .menu .item{padding:10px 5px !important;}
}

@media screen and (max-width:520px){
    .item-topinfo{padding:1em;}
}


/******************************* 2023.05.27 빠른주문 *******************************/

	/* checkbox */
	.check-wrap{display:-webkit-inline-box;display:-moz-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;}
	.check-wrap input[type=checkbox]:not(old){margin:0;padding:0;opacity:0;background:url('../../../images/myoffice/check_on2.png') no-repeat 0 0;background-size:22px 22px;width:0px;}
	.check-wrap input[type=checkbox]:not(old) + label{text-align:left;padding-left:27px;background: url('../../../images/myoffice/check_off2.png') no-repeat top left;background-size:22px 22px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	.check-wrap input[type=checkbox]:not(old):checked + label{background:url('../../../images/myoffice/check_on2.png') no-repeat top left;background-size:22px 22px;}

	/* radio */
	.check-wrap input[type=radio]:not(old){margin:0;padding:0;opacity:0;background:url('../../../images/myoffice/check_on.png') no-repeat 0 0;background-size:22px 22px;width:0;}
	.check-wrap input[type=radio]:not(old) + label{height:22px;display:inline-block;text-align:left;padding-left:27px;background:url('../../../images/myoffice/check_off.png') no-repeat 0 0;background-size:22px 22px;vertical-align:middle;letter-spacing:-0.5px;cursor:pointer;}
	.check-wrap input[type=radio]:not(old):checked + label{background:url('../../../images/myoffice/check_on.png') no-repeat 0 0;background-size:22px 22px;}


    .fast_order_wrap .check-wrap label:before,
	.fast_order_wrap .check-wrap label:after{content:none !important;}

	.mall-wrap span em.unit{padding-left:5px;font-size:0.938em;}
	.fast_order_wrap{margin:50px auto 0 auto;}
	.fast_order_wrap .select_area{padding:20px;border:1px solid #ddd;background:#fafafa;}
	.select_area .check-wrap span,
	.fast_order_wrap .result_area .obj div,
	.fast_order_wrap .list_area .pd_cont .pd_price span{padding:0 10px;}
	.select_area .search_cont span{padding:0 2px;}
	.fast_order_wrap .result_area{display:none;margin:10px auto 30px auto;padding:20px;background:#2473bb;color:#fff;}
	.fast_order_wrap .result_area .obj div{font-size:1.063em;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
	.fast_order_wrap .result_area .obj div label{padding-left:20px;font-size:inherit;}
	.fast_order_wrap .result_area a.ui.button{font-size:inherit;}
	.fast_order_wrap .list_area{margin-top:20px;border-top:1px solid #2473bb;}
	.fast_order_wrap .list_area .pd_cont{padding:10px 20px;background:#fff;border-bottom:1px solid #ddd;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.fast_order_wrap .list_area .pd_cont .pd_info{padding-left:20px;}
	.fast_order_wrap .list_area .pd_cont .pd_info .pd_name{font-size:1.250em;margin-bottom:10px;display:block;color:#000;}
	.fast_order_wrap .list_area .pd_cont .pd_price span strong{color:#555;padding-right:5px;}
	.fast_order_wrap .list_area .pd_cont .pd_image{width:120px;flex:0 0 120px;-ms-flex:0 0 120px;max-width:120px;height:100px;overflow:hidden;display:inline-block;background:#eee;}
	.fast_order_wrap .list_area .pd_cont .pd_image a{display:block;}
	.fast_order_wrap .list_area .pd_cont .pd_image a img{width:100%;height:auto;}
	.select_area .check-wrap span:first-child,
	.fast_order_wrap .list_area .pd_cont .pd_price span:first-child{padding-left:0px;}
	.fast_order_wrap .list_area .pd_cont .qty-area ul{border:1px solid #ddd;margin-right:5px;}
	.fast_order_wrap .list_area .pd_cont .qty-area ul li button{border:none;border-radius:0px;background:#eee;}
	.fast_order_wrap .list_area .pd_cont .qty-area ul li button i{margin:0px;color:#333;}
	.fast_order_wrap .list_area .pd_cont input.qty_input{border:none;border-radius:0px;}
	.fast_order_wrap .list_area .pd_cont .qty_input,
	.fast_order_wrap .list_area .pd_cont .qty-area button{width:33px;height:33px;padding:0px;margin:0px;border-radius:0.28571429rem;text-align:center;}

	.fast_order_wrap .open_area button{margin:0 auto !important;}
	.fast_order_wrap .open_area button .icon{margin:0 0 0 5px !important;}
	.fast_pop{position:fixed;left:30px;bottom:10px;z-index:999;background:#2473bb;padding:20px;}
	.fast_pop span{text-align:right;}
	.fast_pop div{padding:5px 0;color:#fff;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
	.fast_pop div strong{padding-right:10px;}
	.fast_pop .button{display:inline-block;width:100%;margin:20px auto 0 auto !important;}

	.go_fast_order{position:fixed;top:150px;right:60px;text-align:center;z-index:998;}
	.go_fast_order .button{width:70px;height:70px;border-radius:50% !important;margin:0 auto !important;line-height:1.3 !important;padding:0 !important;box-shadow:7px 3px 10px rgba(0,0,0,0.2) !important;}


	@media only screen and (max-width:1600px){
	    .fast_order_wrap .result_area{display:block;margin:10px auto 20px auto;padding:15px;}
		.fast_order_wrap .result_area .obj div{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;}
		.fast_order_wrap .result_area .ff_cont .obj:first-child{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
		.fast_order_wrap .result_area.mo_fixed{width:100%;position:fixed;top:0px;left:0px;right:0px;margin:0 auto;z-index:995;}
		.fast_pop{display:none;}
	}

	@media only screen and (max-width:1280px){
	    .mpd-list-wrap .pd-cont .pd-item{max-width:33.33%;flex:0 0 33.33%;-ms-flex:0 0 33.33%;}
	}

	@media only screen and (max-width:991px){
	    .mall-wrap .detail-cont{padding:0 20px 20px 20px;}
	    .detail-cont .f-inner{width:100%;}
		.detail-cont .f-inner.pd-info-wrap{padding:0px;}
		.mall-wrap .detail-cont.in-flex{display:inline-block !important;}
		.detail-cont .pd-thumb{padding-right:0;}
		.mall-wrap{margin:30px auto 0 auto;}
		.info-option .qty-area dl dt{line-height:auto;width:30%;}
		.qty-area{display:inline-block;width:100%;}
		.qty-area .choose-num{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;} 
		.qty-area .choose-num li button,.qty-area .choose-num li input{width:35px !important;margin-left:-1px !important;}
		.qty-area .btn_change_qty{display:block;width:100px;margin:3px auto 0 auto !important;}
	    .mpd-list-wrap .pd-cont .pd-item{max-width:50%;flex:0 0 50%;-ms-flex:0 0 50%;}
		.pd-info-wrap .top-title{margin-top:10px;}
		.pd-info-wrap .pd-info-cont{padding-top:15px;}
	    .mpd-list-wrap .pd-item .item-wrap{margin-bottom:0px;padding:15px;}
	    .fast_order_wrap{margin:40px auto 0 auto;}
		.fast_order_wrap .list_area .pd_cont .obj{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.fast_order_wrap .list_area .pd_cont .obj.right_cont .qty-area{margin-top:10px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
		.fast_order_wrap .result_area .ff_cont .obj{padding:5px;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.fast_order_wrap .result_area a.ui.button{width:100%;}
	    .fast_order_wrap .list_area .pd_cont .pd_image{width:90px;flex:0 0 90px;-ms-flex:0 0 90px;max-width:90px;height:75px;}

	    .go_fast_order{bottom:50px;right:10px;top:auto;}
		.go_fast_order button{width:60px;height:60px;}
	}

	@media only screen and (max-width:768px){
	    .pd-info-wrap .top-title h3{font-size:1.5rem;}
	    .mall-wrap .detail-cont{padding:0 10px 10px 10px;}
	    .mpd-list-wrap .pd-item .item-wrap{padding:10px;}
	    .fast_order_wrap{margin:30px auto 0 auto;}
		.qty-area .choose-num li button,.qty-area .choose-num li input{width:30px !important;height:30px;}
		.qty-area .btn_change_qty{width:90px;height:30px;line-height:30px;}
	}

	@media only screen and (max-width:640px){
	    .detail-cont .pd-info-wrap{padding:0;}
		.fast_order_wrap .select_area{padding:10px;}
		.fast_order_wrap .select_area .obj{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;padding:5px;}
		.fast_order_wrap .list_area .pd_cont{padding:15px 0;}
	    .fast_order_wrap .result_area{margin:10px auto;}
		.fast_order_wrap .result_area .obj div label{padding-left:0;}
		.fast_order_wrap .result_area .ff_cont .obj:first-child{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;}
		.fast_order_wrap .result_area .ff_cont .obj:first-child div{padding:0;max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
	}

	@media only screen and (max-width:520px){
	    .fast_order_wrap .list_area .pd_cont .pd_info .pd_name{font-size:1.063em;margin-bottom:5px;}
		.select_area .check-wrap span,
		.fast_order_wrap .result_area .obj div,
		.fast_order_wrap .list_area .pd_cont .pd_price span{padding:0 5px;}
		.fast_order_wrap .list_area .pd_cont .pd_price span{display:inline-block;}
		.go_fast_order button{width:60px;height:60px;}
		.fast_order_wrap .result_area .ui.button{display:block;}
	}

	@media only screen and (max-width:480px){
		.mpd-list-wrap .pd-item .item-wrap{padding:5px;margin-bottom:10px;}
	    .mpd-list-wrap .pd-cont .pd-item{max-width:100%;flex:0 0 100%;-ms-flex:0 0 100%;}
		.qty-area .choose-num li button,.qty-area .choose-num li input{width:25px !important;height:25px;}
		.qty-area .btn_change_qty{width:75px;height:25px;line-height:25px;}
	}