@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('//fonts.googleapis.com/css?family=Poppins');

#select-font { font-family: 'Poor Story'; }
.ui-selectmenu-text { font-family: 'Poor Story'; }
/*
#select-font-menu .ui-menu-item:nth-child(1) { font-family: 'Poor Story'; }
#select-font-menu .ui-menu-item:nth-child(2) { font-family: 'Stylish'; }
#select-font-menu .ui-menu-item:nth-child(3) { font-family: 'Sunflower'; }
#select-font-menu .ui-menu-item:nth-child(4) { font-family: 'Yeon Sung'; }
#select-font-menu .ui-menu-item:nth-child(5) { font-family: 'Nanum Pen Script'; }
#select-font-menu .ui-menu-item:nth-child(6) { font-family: 'Nanum Brush Script'; }
#select-font-menu .ui-menu-item:nth-child(7) { font-family: 'Do Hyeon'; }
#select-font-menu .ui-menu-item:nth-child(8) { font-family: 'Black Han Sans'; }
#select-font-menu .ui-menu-item:nth-child(9) { font-family: 'Gugi'; }
#select-font-menu .ui-menu-item:nth-child(10) { font-family: 'Jua'; }
#select-font-menu .ui-menu-item:nth-child(11) { font-family: 'Gaegu'; }
#select-font-menu .ui-menu-item:nth-child(12) { font-family: 'Kirang Haerang'; }
#select-font-menu .ui-menu-item:nth-child(13) { font-family: 'Song Myung'; }
#select-font-menu .ui-menu-item:nth-child(14) { font-family: 'East Sea Dokdo'; }
#select-font-menu .ui-menu-item:nth-child(15) { font-family: 'Gamja Flower'; }
#select-font-menu .ui-menu-item:nth-child(16) { font-family: 'Dokdo'; }
#select-font-menu .ui-menu-item:nth-child(17) { font-family: 'Hi Melody'; }
#select-font-menu .ui-menu-item:nth-child(18) { font-family: 'Cute Font'; }
#select-font-menu .ui-menu-item:nth-child(19) { font-family: 'Black And White Picture'; }
#select-font-menu .ui-menu-item:nth-child(20) { font-family: 'Nanum Gothic'; }
#select-font-menu .ui-menu-item:nth-child(21) { font-family: 'Nanum Gothic Coding'; }
#select-font-menu .ui-menu-item:nth-child(22) { font-family: 'Gothic A1'; }
#select-font-menu .ui-menu-item:nth-child(23) { font-family: 'Noto Sans KR'; }
#select-font-menu .ui-menu-item:nth-child(24) { font-family: 'Noto Serif KR'; }
#select-font-menu .ui-menu-item:nth-child(25) { font-family: 'Nanum Myeongjo'; } */


#mail_header button {border-radius:50px; font-size:15px; line-height:40px; box-sizing:border-box; text-align:center; font-family:'Noto Sans KR'; vertical-align:top; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s;}
#mail_header button.btn01 {float:left; min-width:90px; padding:0 5px;  background:#a5a5a5; color:#fff; }
#mail_header .btn02 {display:inline-block; min-width:90px; height:40px; padding:0 5px; vertical-align:top; border:1px solid #d5d5d5; background:#fff;  border-radius:50px;  box-sizing:border-box; text-align:center; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s; transition:all 0.6s ease 0s; vertical-align:top;}

/* .full_layer, .full_layer body  { overflow: hidden; } */

.div_editor  { z-index: 99999998; font-size: .80rem; line-height: 1.5; font-family: 'Noto Sans KR', sans-serif; }
.div_editor *  { font-size: inherit; line-height: inherit; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: inherit; }
.div_editor :before, .div_editor :after  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.one-button  { font-size: .75rem; font-family:'Noto Sans KR', sans-serif; min-height: 2.0rem; border: 1px solid #ccc; color: #333333; background: #ffffff; border-radius: 10% 10% 10%; padding: 0px 10px 0px 10px; }
/* .note_btn .prev { margin-left: 10px; }
.note_btn .next { margin-left: 5px;  }
.note_btn .type-submit { margin-right: 10px; color: #fff; background: #49b8ee; } */
.note_btn { padding: 0.5em 10px; background-color: #f5f5f5; }
.note_btn .one-button { margin-left: 5px; }
.note_btn .one-button:first-child { margin-left: 0; }
/* .note_btn .type-submit { color: #fff; background: #49b8ee; } */
.note_btn .type-submit { color: #fff; background: #ff6ce5; }


.note { z-index: 99999999; resize: none; overflow:hidden; -webkit-text-stroke:0.02em; }

.div_editor .note_big { height: 556px; width: 100%; position: relative; margin: auto; background: url("/images/progress.gif") no-repeat 50% 0 /386px; }
.div_editor .note_big +.note_big { margin-top: 2em; }
.div_editor .note_big .space_line { font-size: .5rem; width: 100%; position: absolute; left: 0; bottom: 2em; text-align: center; }
.div_editor .note_big .space_line >* { display: inline-block; vertical-align: middle; padding: 0.5em; color: White; background: rgb(200,200,200); border-radius: 0.5em; opacity: 0.7; }

.div_editor .note_big .input_area  { height: 82.5vw; height: 280px; width: 100%; position: absolute; left: 0; top: 48.4vw; top: 164px; background: Transparent; text-align: center; }
.div_editor .note_big .input_area >*  { font-size: 3.6vw; font-size: 12px; line-height: 5.6666667vw; line-height: 12px; height: 100%; width: 300px; overflow: hidden; margin: 0 auto; padding: 0; background: Transparent; background: linear-gradient(0deg, #464840, Transparent 1.1px) 0 0 /1px 5.6666667vw; word-wrap: break-word; word-break: keep-all; }


.div_editor .note_bg { height: 100%; width: 100%; overflow: auto; position: fixed; z-index: 100; left: 0; top: 0; }
.div_editor .note_bg_wrap { display: table; height: 100%; width: 100%; }
.div_editor .note_bg_inner { display: table-cell; vertical-align: middle; text-align: center; }

.div_editor .note_bg .note_ctrl_area  { max-width: 386px; margin: 0 auto; }
.div_editor .note_bg .node_page_num { font-size: .5rem; width: 100%; position: absolute; left: 0.5em; top: 1em; margin-left: -44%; text-align: center; }
.div_editor .note_bg .node_page_num >* { display: inline-block; vertical-align: middle; padding: 0.5em; color: White; background: rgb(160,160,160); border-radius: 0.5em; opacity: 0.7; }
.div_editor .note_bg .note_div { height: 556px; width: 100%; position: relative; margin: auto; padding-top: 117px; background: url('/images/progress.gif') no-repeat 50% 0 /386px; text-align: center; }
/* editor */
.div_editor .note_bg .note_div .note {
  font-family: 'Poor Story'; font-size: 13px; color: black; line-height: 24px; height: 392px; width: 325px; margin: 0 auto;
  /*padding: 8px 8px;*/
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  border: 0 none;
  /* background: linear-gradient(0deg, Red, rgba(255,255,255, 0.4) 1.1px) 0 -3px /1px 24px; */
  background: Transparent; outline: 0 none;
}
@media ( min-width: 1000px ) {
	.div_editor .note_bg .note_ctrl_area  { max-width: 772px; }
	/* .div_editor .note_bg .note_ctrl_area  { max-width: 466px; } */
	.div_editor .note_bg .note_div { zoom: 2; }
	.-ms .div_editor .note_bg .note_ctrl_area  { max-width: 386px; }
	.-ms .div_editor .note_bg .note_div { zoom: 1; }
}


/* note page */
.div_editor .note_area .node_page_num { font-size: .5rem; width: 100%; position: absolute; left: 0.5em; top: 1em; margin-left: -44%; text-align: center; }
.div_editor .note_area .node_page_num >* { display: inline-block; vertical-align: middle; padding: 0.5em; color: White; background: rgb(160,160,160); border-radius: 0.5em; opacity: 0.7; }
.div_editor .note_area .note_div { height: 556px; width: 100%; position: relative; margin: auto; padding-top: 117px; background: url('/images/progress.gif') no-repeat 50% 0 /386px; text-align: center; margin-bottom: 20px;}
/* 13px 크기
.div_editor .note_area .note_div .note { font-family: 'Nanum Gothic', sans-serif; font-size: 13px; line-height: 24px; height: 400px; width: 320px; margin: 0 auto; padding: 8px 10px; border: 0 none; background: Transparent; outline: 0 none; } */
.div_editor .note_area .note_div .note {
  font-family: 'Poor Story'; font-size: 11px; color: black; line-height: 24px; height: 392px; width: 325px; margin: 0 auto;
  /*padding: 8px 8px;*/
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 14px;
  border: 0 none; background: Transparent; outline: 0 none;
}

.div_editor .note_bg .note_btn  { max-width: 386px; margin: 0 auto; }
.div_editor .note_bg .note_btn:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.div_editor .note_bg .note_btn >*  { float: right; }
.div_editor .note_bg .note_btn >*:first-child  { float: left; }
@media ( min-width: 1000px ) {
	.div_editor .note_bg .note_btn  { max-width: 772px; }
	/* .div_editor .note_bg .note_btn  { max-width: 466px; } */
	.-ms .div_editor .note_bg .note_btn  { max-width: 386px; }
}

.div_editor .letter_select { height: 100%; width: 100%; overflow: auto; position: fixed; z-index: 101; left: 0; top: 0; }
.div_editor .letter_select:before { content: ""; height: 100%; width: 100%; position: fixed; left: 0; top: 0; color: #ffffff; background: #000000; opacity: 0.7; }
.div_editor .letter_select_wrap { display: table; height: 100%; width: 100%; position: relative; }
.div_editor .letter_select_inner { display: table-cell; vertical-align: middle; padding: 2.00rem 1.00rem 4.00rem; text-align: center; }
.div_editor .letter_select .letter_select_binds  { position: fixed; left: 0; bottom: 0; width: 100%; padding: 6px 0px; background-color:#fcddff; }
/* .div_editor .letter_select .letter_select_binds button  { font-size: .75rem; width: 100%; padding: 1em 1em; color: #ffffff; background: #4dc6f1; border-radius: 5px 5px 5px 5px; } */
.div_editor .letter_select .letter_select_binds button  { font-size: .75rem; width: 100%; padding: 1em 1em; color: #ffffff; background: #ff6ce5; border-radius: 5px 5px 5px 5px; }
.div_editor .letter_select .letter_select_binds button.btn_ok { width: 60%; }
.div_editor .letter_select .letter_select_binds button.btn_cancel { width: 35%; background: #b8b8b8; }


.div_editor .font_select { height: 100%; width: 100%; text-align:center; overflow: auto; position: fixed; z-index: 101; left: 0; top: 0; }
.div_editor .font_select:before { content: ""; height: 100%; width: 100%; position: fixed; left: 0; top: 0; color: #ffffff; background: #000000; opacity: 0.7; }

.div_editor .font_select_wrap { display: table; height: 100%; width: 100%; position: relative; background-color:#fcddff; max-width: 772px; margin:0 auto;}

.div_editor .font_search_header { position:fixed; top:0; max-width: 771px;  z-index:9999; width:100%;  background-color:#fcddff; }
.div_editor .font_search_header .font_search_tab { background-color:#f07ad2; }
.div_editor .font_search_header .font_search_tab .tab_list { display:flex; padding:10px; -webkit-justify-content: space-between; }
.div_editor .font_search_header .font_search_tab ol { list-style:none; margin:0; padding:0;}
.div_editor .font_search_header .font_search_tab .tab_list li { display: list-item; text-align: -webkit-match-parent; color:#ffffff; padding:0 11px; -webkit-box-align: center; font-size:12px; line-height: 26px; align-items: center; height:26px; border-radius: 4px; font-weight: 700; cursor:pointer; }
.div_editor .font_search_header .font_search_tab .tab_list li.on { color:#c97ca8; background-color: #ffffff;}

.div_editor .font_search_header .font_search_theme { background-color:#fcddff;}
.div_editor .font_search_header .font_search_theme .tab_list { display:flex; padding:10px; -webkit-justify-content: space-between; }
.div_editor .font_search_header .font_search_theme ol { list-style:none; margin:0; padding:0;}
.div_editor .font_search_header .font_search_theme .tab_list li { display: list-item; text-align: -webkit-match-parent; color:#cd2c88; padding:0 6px; -webkit-box-align: center; font-size:12px; line-height: 26px; align-items: center; height:26px; border-radius: 4px; font-weight: 700; cursor:pointer; }
.div_editor .font_search_header .font_search_theme .tab_list li:first-child { color:#ff0092; font-size:14px; font-weight: 500; cursor:none;}
.div_editor .font_search_header .font_search_theme .tab_list li.on { color:#cd2c88; background-color: #ffffff;}

/* .theme_title { float:left; width:; }
.theme_item {  } */

.div_editor .font_search_header .font_search_field { background-color:#fcddff; height:40px; text-align: center;}
.div_editor .font_search_header .font_search_field input { width:78%; height:34px; font-size: 13px; }
.div_editor .font_search_header .font_search_field button { height:30px; width:18%; font-size: 13px; background-color: #ff0092; color:#ffffff; border-radius: 3px;}

/* .div_editor .font_select_inner { display: table-cell; vertical-align: middle; padding: 5.00rem 1.00rem 4.00rem; text-align: center; } */
.div_editor .font_select_inner { display: table-cell; padding: 5.00rem 1.00rem 4.00rem; text-align: center; }

/* .div_editor .font_select .font_select_binds  { position: fixed; left: 0; bottom: 0; width: 100%;  padding: 6px 0px; background-color:#fcddff; max-width: 773px; margin:0 auto; } */
.div_editor .font_select .font_select_binds  { position: fixed; bottom: 0; left: 0; width: 100%;  padding: 6px 0px; background-color:#fcddff; max-width: 771px; }
/* .div_editor .font_select .font_select_binds button  { font-size: .75rem; width: 100%; padding: 1em 1em; color: #ffffff; background: #4dc6f1; border-radius: 5px 5px 5px 5px; } */
.div_editor .font_select .font_select_binds button  { font-size: .75rem; width: 100%; padding: 1em 1em; color: #ffffff; background: #ff6ce5; border-radius: 5px 5px 5px 5px; }
.div_editor .font_select .font_select_binds button.btn_ok { width: 60%; }
.div_editor .font_select .font_select_binds button.btn_cancel { width: 35%; background: #b8b8b8; }

@media ( min-width: 772px ) {
	.div_editor .font_select_inner { padding: 5.00rem 0.00rem 4.00rem; }
  .div_editor .font_select .font_select_binds  { left:auto; }
}

/* .div_product_list  { clear: both; margin: auto; } */
.div_product_list  { clear: both; margin: auto; font-family: 'Noto Sans KR', sans-serif; }
.div_product_list *  { font-size: inherit; line-height: inherit; font-family: inherit; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: inherit; }
.div_product_list :before, .div_product_list :after  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.div_product_list >*  { margin: -1.00rem 0; }
.div_product_list >*:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.div_product_list >* >*  { min-height: 13.25rem; padding: 2.00rem 2.00rem; }
.div_product_list label  { display: block; position: relative; margin: 0 -2.00rem; }
.div_product_list input  { display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; margin: 0; opacity: 0; }
.div_product_list input +*  { border: 5px solid Transparent; }
/* .div_product_list input:checked +*  { border-color: #4dc6f1; } */
.div_product_list input:checked +*  { border-color: #ff6ce5; }
.div_product_list .product_icon  { display: inline-block; vertical-align: middle; margin-top: -.45rem; }
.div_product_list .summary { margin-top: 20px; text-align:center; }
.div_product_list .summary div { margin-top: 5px; }
.div_product_list .summary .terms { font-size:1.2em; color: #000; }
.div_product_list .summary del { color: rgb(187,187,187); }
.div_product_list .summary ins { margin-left: 5px; font-weight: bold; color: #dd3a7a; }
.div_product_list .summary .detail  { color: #2acefa; }


/* @media ( min-width: 1000px ) {
	.div_product_list >* >*  { float: left; width: 33.33333%; padding: 2.00rem 1.00rem; }
	.div_product_list label  { margin: 0 0; }
} */

@media ( min-width: 1000px ) {
  .div_product_list ul {
    display: flex;
    flex-wrap: wrap; /* 줄바꿈 허용 */
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .div_product_list li {
    flex: 0 0 calc(33.33% - 20px); /* 3개씩, 간격 고려 */
    margin: 10px; /* 양쪽 여백 */
    box-sizing: border-box;
  }
}

.product_item  { font-size: .65rem; display: block; overflow: hidden; background: #ffffff; box-shadow: 1px 1px 5px #c0c0c0; border-radius: 5px; text-align: left; }
.product_item >*  { display: block; }
/* .product_item .thumb  { height: 10rem; overflow: hidden; background: #efefef; text-align: center; } */
.product_item .thumb  { height: 13rem; overflow: hidden; background: #efefef; text-align: center; }
.product_item .thumb:before  { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.product_item .thumb >*  { vertical-align: middle; max-width: 100%; }
.product_item .summary  { padding: 0.5em 1em; }
.product_item .summary >*  { display: block; }

.product_item .soldout { font-weight: normal; color:#9C9FA0; }


.product_icon >*  { font-size: .5rem; font-style: normal; font-weight: 400; display: inline-block; vertical-align: middle; min-width: 1.20rem; padding: 0.125em 0.5em; color: #ffffff; background: #000000; text-shadow: 1px 1px 3px rgba(0,0,0, 0.9); border-radius: .2rem; text-align: center; text-transform: uppercase; }
.product_icon .best  { background-color: rgb(233,101,95); }
.product_icon .hit  { background-color: rgb(68,156,222); }
.product_icon .event  { background-color: #ff63ef; }
.product_icon .new  { background-color: rgb(114,190,77); }
.product_icon .soldout  { background-color: #9C9FA0; }


/* .div_font_list  { clear: both; margin: auto; } */
.div_font_list  { clear: both; margin: auto; font-family: 'Noto Sans KR', sans-serif; margin-top: 3.00rem; }
.div_font_list *  { font-size: inherit; line-height: inherit; font-family: inherit; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: inherit; }
.div_font_list :before, .div_font_list :after  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.div_font_list >*  { margin: -1.00rem 0; }
.div_font_list >*:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
/* .div_font_list >* >*  { min-height: 7.25rem; padding: 0.00rem 1.50rem; } */
.div_font_list >* >*  { min-height: 7.25rem; padding: 1.00vw 7.6vw; }
.div_font_list label  { display: block; position: relative; margin: 0 -2.00rem; }
.div_font_list input  { display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0; margin: 0; opacity: 0; }
.div_font_list input +*  { border: 5px solid Transparent; }
/* .div_font_list input:checked +*  { border-color: #4dc6f1; } */
.div_font_list input:checked +*  { border-color: #ff6ce5; }
.div_font_list .font_icon  { display: inline-block; vertical-align: middle; margin-top: -.45rem; }
.div_font_list .summary { margin-top: 0px; text-align:center; }
.div_font_list .summary div { margin-top: 5px; }
.div_font_list .summary .terms { font-size:1.2em; color: #000; }
.div_font_list .summary del { color: rgb(187,187,187); }
.div_font_list .summary ins { margin-left: 5px; font-weight: bold; color: #dd3a7a; }
.div_font_list .summary .detail  { color: #2acefa; font-size:0.8em; line-height:0.8em;}


/* @media ( min-width: 600px ) {
	.div_font_list >* >*  { padding: 0.60rem 1.60rem; }
}
@media ( min-width: 850px ) {
	.div_font_list >* >*  { padding: 0.60rem 2.60rem; }
} */


@media ( min-width: 1000px ) {
	/* .div_font_list >* >*  { float: left; width: 33.33333%; } */
	/* .div_font_list >* >*  { float: left; width: 33.33333%; padding: 1.00rem 1.00rem; } */
  .div_font_list >* >*  { float: left; padding: 1.00rem 1.00rem; }
	.div_font_list label  { margin: 0 0; }
}

.font_item  { font-size: .65rem; display: block; overflow: hidden; background: #ffffff; box-shadow: 1px 1px 5px #c0c0c0; border-radius: 5px; text-align: left; }
.font_item >*  { display: block; }
/* .font_item .thumb  { height: 10rem; overflow: hidden; background: #efefef; text-align: center; } */
/* .font_item .thumb  { height: 12rem; overflow: hidden; background: #efefef; text-align: center; } */
.font_item .thumb  { overflow: hidden; background: #efefef; text-align: center; }
.font_item .thumb:before  { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.font_item .thumb >*  { vertical-align: middle; max-width: 100%; }
.font_item .summary  { padding: 0.5em 1em; }
.font_item .summary >*  { display: block; }

.font_item .soldout { font-weight: normal; color:#9C9FA0; }




.div_product_detail  { font-size: .65rem; clear: both; position: relative; }
.div_product_detail *  { font-weight: inherit; }
.div_product_detail .product_image  {  }
.div_product_detail .product_image >*  { max-width: 100%; }
.div_product_detail .product_caption  { padding: 1.0rem 0; border-bottom: 1px solid #cccccc; }
/* .div_product_detail .product_caption dt  { font-size: .75rem; padding-bottom: 0.125em; color: #000000; } */
.div_product_detail .product_caption dt  { font-size: 1.1rem; padding-bottom: 0.125em; color: #000000; }
.div_product_detail .product_caption dt .product_icon  { display: inline-block; vertical-align: middle; margin-top: -.45rem; }
.div_product_detail .product_caption dd  { line-height: 1.2; }
.div_product_detail .product_summary  { padding: .75rem 0; border-bottom: 1px solid #cccccc; }
/* .div_product_detail .product_summary >* >*:after  { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.div_product_detail .product_summary >* >* >*  { float: left; } */
.div_product_detail .product_summary hr  { margin: .75rem 0; border: 0; border-bottom: 1px solid #cccccc; }
.div_product_detail .product_summary >*  { display: table; width: 100%; }
.div_product_detail .product_summary >* >*  { display: table-row; }
.div_product_detail .product_summary >* >* >*  { display: table-cell; vertical-align: top; height: 1.10rem; padding: 0.375em 0; }
.div_product_detail .product_summary >* >* >*:first-child  { width: 25%; }
.div_product_detail .product_summary .before-prices  { text-decoration: line-through; color: rgb(187,187,187); }
.div_product_detail .product_summary .after-prices  { font-size: .75rem; font-weight: 700; color: #dd3a7a; }
.div_product_detail .product_summary .head  { color: #000000; }
.div_product_detail .product_summary .detail  { color: #2acefa; }
.div_product_detail .product_binds  { padding-top: 1.00rem }
/* .div_product_detail .product_binds button  { font-size: .75rem; width: 100%; padding: 1em 1em; color: #ffffff; background: #4dc6f1; } */
.div_product_detail .product_binds button  { font-size: .75rem; width: 100%; padding: 1em 1em; color: #ffffff; background: #ff6ce5; }
.div_product_detail .product_binds button.soldout  { color: #ffffff; background: #bbbbbb; text-shadow: 1px 1px 3px rgba(0,0,0, 0.9); }

.div_product_contents  { line-height: 1.5; margin-top: 2.00rem; text-align: center; }
.div_product_contents img,
.div_product_contents audio,
.div_product_contents video,
.div_product_contents object  { max-width: 100%; }


.div_review_contents { text-align: center; padding: 44px 0; }
.div_review_contents hr { border: 0.5px solid #e5e5e5; }
.div_review_contents .review_header { color: #000000; text-align: left; font-size: 1.2em; }
.div_review_contents .review_body { margin-top: 30px; }
.div_review_contents .page { border-bottom: 0.5px solid #e5e5e5; padding: 20px 0; text-align: left; line-height: 1.5em; }
.div_review_contents .review_right { float: right; text-align: right; }
/* .div_review_contents .review_writer { float: right; }
.div_review_contents .review_date { float: right; } */
.div_review_contents .line { display: none; }
.div_review_contents .review_right .tit { display:none; }
.div_review_contents .review_left { padding: 20px 0; clear: both; min-height: 120px; }
.div_review_contents .review_star { padding-bottom: 5px; font-size: 1em; }
.div_review_contents .review_star span { display: inline-block; vertical-align: middle; margin-right: 2px; width: 1em; height: 1em; background: url('/images/icon/rating.png') no-repeat 0 0;  background-size: 1em; }
.div_review_contents .review_star span.on { background-image: url('/images/icon/rating_on.png'); }
.div_review_contents .review_content { color: #000000; padding: 5px 0; }
.div_review_contents .review_comment { padding-top: 20px; color: #2acefa; font-size: 1.1em; }
.div_review_contents .product_binds  { padding-top: 1.00rem }
/* .div_review_contents .product_binds button  { margin-top: 50px; font-size: .75rem; width: 100%; padding: 1em 1em; color: #ffffff; background: #4dc6f1; } */
.div_review_contents .product_binds button  { margin-top: 50px; font-size: .75rem; width: 100%; padding: 1em 1em; color: #ffffff; background: #ff6ce5; }
.div_review_contents .review_navi button { margin-top: 3em; padding: 0 55px; border-radius: 50px; background: #e5e5e5; color: #999; font-size: 14px; line-height: 50px; font-family: 'Quicksand', sans-serif; font-weight: 700; }
.div_review_contents .review_count { text-align: left; }



@media ( min-width: 1000px ) {
	.div_product_detail .product_caption dt  { font-size: 1rem; padding-bottom: 0.125em; color: #000000; }
	/* .div_product_detail  { width: 100%; max-width: 384px; min-height: 444px; margin: -1.00rem auto 0; padding-left: 404px; } */
	/* .div_product_detail .product_image  { max-width: 384px; position: absolute; left: 0; top: 1.00rem; } */
	.div_product_detail  { width: 100%; max-width: 384px; min-height: 444px; margin: -1.00rem auto 0; padding-left: 734px; }
	.div_product_detail .product_image  { max-width: 614px; position: absolute; left: 0; top: 1.00rem; }
	.div_product_contents  { line-height: 1.5; margin-top: 5.00rem; text-align: center; padding: 0 40px; }
	.today_items { margin-top: 100px; padding-bottom: 20px; }

	.div_review_contents { margin-top: 5.00rem; }
	.div_review_contents .line { display: block; }
	.div_review_contents .review_right { min-width: 205px; text-align: left; }
	.div_review_contents .review_right .tit { display:inline; color: #000000; }
	.div_review_contents .review_left { margin-right: 250px; padding-right: 10px; clear: none; min-height: 100px; }
	.div_review_contents .product_binds button  { margin-top: 50px; width: 30%; }
}

.div_delivery_timer { margin-top: 40px; text-align: center; }



.ctrl_box { width: 100%; height: 140px; border: 1px solid #000; padding: 10px 10px 10px 10px; background: #ffffff; }
/* .select-font { width: 100%; background: #fff; border-radius: 5px; border: 1px solid #ccc; height: 30px; line-height: 28px; padding: 0 10px; position: relative; margin: 5px 0; -webkit-appearance: menulist; } */

/* input 으로 변경 nanum 때문에 */
.select-font { width: 100%; background: #fff; border-radius: 5px; border: 1px solid #ccc; height: 30px; line-height: 28px; padding: 0 10px; position: relative; margin: 5px 0; background: url('/images/note/down-arrow.png') no-repeat right+10px center; -webkit-text-stroke:0.02em; }

.ctrl_box .ctrl_row { clear: both; }

.ui-selectmenu-button.ui-button{ width: 100%; background: #fff; border-radius: 5px; border: 1px solid #ccc; height: 30px; line-height: 16px; padding: 7px 0px 0px 14px; position: relative; margin: 5px 0; /* background: url('/images/note/down-arrow.png') no-repeat right+10px center; */ }

.ui-menu-item{ font-size:18px; }
.ui-selectmenu-menu > ul{ height:250px; }

.ctrl_box .color_picker { width: 140px; background: #fff; border-radius: 5px; border: 1px solid #ccc; height: 30px; line-height: 28px; padding: 0 10px; position: relative; margin: 5px 0; float: left; text-align: left; }
.color_picker .color_chip { display: inline-block; width: 18px; height: 18px; border: 1px solid #eee; border-radius: 5px; margin-top: 5px; margin-bottom: 5px; vertical-align: top; background-color: #000; }
.color_picker .color_name { font-weight: normal; display: inline-block; margin-left: 8px; margin-top: -0.5em; vertical-align: middle; }
.color_picker .icon_picker { height: 20px; vertical-align: top; margin-left:15px; margin-top:4px; }
.color_picker .icon_picker { position: absolute; right: 5px; top: 0; }

.ctrl_box .text_alignment { float: right; display: inline-block; padding: 0 0px; height: 30px; position: relative; margin: 5px 0; line-height: 28px; }
.text_alignment .align_buttons { background: #fff; border-radius: 5px; border: 1px solid #ccc; height: 30px; line-height: 28px; position: relative; float: left; }
.text_alignment .align_buttons >* { height: 100%; }
.align_buttons .align_left { float:left; font-size: 0; width: 30px; background: url('/images/note/alignment-left.png') no-repeat center; background-size: 18px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.align_buttons .align_center { float:left; font-size: 0; width: 30px; background: url('/images/note/alignment-center.png') no-repeat center; background-size: 18px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.align_buttons .align_right { float:left; font-size: 0; width: 30px; background: url('/images/note/alignment-right.png') no-repeat center; background-size: 18px; border-top-right-radius: 5px; border-bottom-right-radius:  5px; }
.align_buttons .align_left.on { background-color: #4bd6c1; background-image: url('/images/note/alignment-left-w.png'); }
.align_buttons .align_center.on { background-color: #4bd6c1; background-image: url('/images/note/alignment-center-w.png'); }
.align_buttons .align_right.on { background-color: #4bd6c1; background-image: url('/images/note/alignment-right-w.png'); }

.ctrl_box .font_size { float: left; display: inline-block; padding: 0 0px; height: 30px; position: relative; margin: 5px 0; line-height: 28px; }
.font_size .size_buttons { background: #fff; border-radius: 5px; border: 1px solid #ccc; height: 30px; line-height: 28px; position: relative; float: left; }
.size_buttons .size_big { float:left; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; width: 50px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.size_buttons .size_normal { float:left; font-family: 'Noto Sans KR', sans-serif; font-size: 13px; width: 40px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.size_buttons .size_small { float:left; font-family: 'Noto Sans KR', sans-serif; font-size: 10px; width: 50px; border-top-right-radius: 5px; border-bottom-right-radius:  5px; }
.size_buttons .on { color: #ffffff; background-color: #4bd6c1; }

.ctrl_box .font_style { float: center; display: inline-block; padding: 0 0px; height: 30px; position: relative; margin: 5px 0; line-height: 28px; }
.font_style .style_buttons { background: #fff; border-radius: 5px; border: 1px solid #ccc; height: 30px; line-height: 28px; position: relative; float: left; }
.style_buttons >* { height: 100%; }
.style_buttons .style_bold { float:left; font-size: 0; width: 30px; background: url('/images/note/bold.png') no-repeat center; background-size: 14px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.style_buttons .style_italic { float:left; font-size: 0; width: 30px; background: url('/images/note/italic.png') no-repeat center; background-size: 14px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.style_buttons .style_underline { float:left; font-size: 0; width: 30px; background: url('/images/note/underline.png') no-repeat center; background-size: 12px; border-top-right-radius: 5px; border-bottom-right-radius:  5px; }

.style_buttons .style_bold.on { background-color: #4bd6c1; background-image: url('/images/note/bold-w.png'); }
.style_buttons .style_italic.on { background-color: #4bd6c1; background-image: url('/images/note/italic-w.png'); }
.style_buttons .style_underline.on { background-color: #4bd6c1; background-image: url('/images/note/underline-w.png'); }

.style_buttons .style_bold.off { background-color: #b1b1b1; background-image: url('/images/note/bold-w.png'); }
.style_buttons .style_italic.off { background-color: #b1b1b1; background-image: url('/images/note/italic-w.png'); }
.style_buttons .style_underline.off { background-color: #b1b1b1; background-image: url('/images/note/underline-w.png'); }

.ctrl_box .emoji_area { float: right; display: inline-block; padding: 0 0px; height: 30px; position: relative; margin: 5px 0; line-height: 28px; }
.emoji_area .emoji_buttons { background: #fff; border-radius: 5px; border: 1px solid #ccc; height: 30px; line-height: 28px; position: relative; float: left; }
.emoji_buttons >* { height: 100%; }
.emoji_buttons .emoji_happy { float:left; font-size: 0; width: 30px; background: url('/images/note/emoji.png') no-repeat center; background-size: 20px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.eom_center { text-align: center; }


/* 삭제된 편지 복구 */
.popup .s_tab{padding-top:20px; padding-bottom:0px;}
.popup .s_tab ul{border-bottom:1px solid #666}
.popup .s_tab ul:after{ content:''; display:block; clear:both; }
.popup .s_tab ul li{float:left; position:relative; width:110px; text-align:center;  margin-left:-1px; border:1px solid #e5e5e5; border-bottom:none; box-sizing:border-box;}
.popup .s_tab ul li:first-child {margin:0;}
.popup .s_tab ul li a{display:block; padding:7px 0; color:#666; font-size:14px;}
.popup .s_tab ul li.on{border-color:#666; z-index:2;}
.popup .s_tab ul li.on a{background:#666; color:#fff;}