@charset "utf-8";

/* 올지니 버전 */
:root{
    --color_primary:#ffe451;
    --color_primary2:#601986;

    --color_secondary:#f1cc00;
    --color_secondary2:#9546be;
    --color_secondary3:#f3f3f3;
    --color_secondary4:#ff0090;
    --color_secondary5:#4c9df8;
    --color_secondary6:#19a647;

    --color_price:#cf0000;
}

/*content*/
.mt60{margin-top:60px !important;}
.mt150{margin-top:150px !important;}
.wrap_leaflets{width:100%; padding:50px; position: relative;}
.mw1300{max-width: 1300px;}
.s_tit{width:100%; padding:60px 25px 25px 25px; text-align:left; font-size:30px; position: relative;}

.btn_list{position: absolute; top:50px; right:20px;}
.btn_list a{font-size:15px; background-color:#fff; color:#404040; padding:10px 20px; border-radius:30px; border:solid 1px #404040;}
li.name span:nth-child(2),
.pop_list02 .name span:nth-child(2),
.pop_name span:nth-child(2){word-break:keep-all !important;}
.pop_list00 .pop_name span:first-child,
.pop_list01 .pop_name span:first-child{font-weight:600;}
.thumb_img {background-position: center center;}

/*스마트전단문자 리스트*/
.list_leaflets{width:100%; padding:0 0 0 25px;}
.list_leaflets ul{border-top:solid 2px #404040;}
.list_leaflets ul li{width:100%; display: inline-block; border-bottom:solid 1px #ccc; padding:0;}
.list_leaflets ul li .ll_date{width:90px; float:left; text-align:left; border-right:dotted 1px #ccc; padding:15px 0 15px 20px; box-sizing: border-box;}
.list_leaflets ul li .ll_date .date_d{font-size:40px; width:100%; line-height:100%;}
.list_leaflets ul li .ll_date .date_ym{font-size:12px; width:100%; display:block; line-height:100%; }
.list_leaflets ul li .ll_title{width:calc(100% - 610px); float:left; position: relative; padding:15px 0 15px 20px; box-sizing: border-box;}
.list_leaflets ul li .ll_title .title_t{width:100%; font-size:20px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.list_leaflets ul li .ll_title .title_b{width:100%; font-size:15px; text-overflow: ellipsis;white-space: nowrap; word-wrap: normal; overflow: hidden; opacity: 0.6;}
.list_leaflets ul li .ll_btn1{width:280px; float:right; padding:15px 0 15px 20px; box-sizing: border-box; border-left:dotted 1px #ccc;}
.list_leaflets ul li .ll_btn2{width:240px; float:right; padding:15px 0 15px 15px; box-sizing: border-box; border-left:dotted 1px #ccc;}
.list_leaflets ul li .ll_btn1 button, .list_leaflets ul li .ll_btn2 button{border-radius:5px; letter-spacing: -0.1em;}
.list_leaflets ul li .ll_btn1 .view{background-color:#404040; color:#fff; padding:15px 10px; border:solid 1px #404040; box-sizing: border-box;}
.list_leaflets ul li .ll_btn1 .send1{background-color:#fde200; color:#404040; padding:15px 10px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.list_leaflets ul li .ll_btn1 .send2{background-color:#fde200; color:#404040; padding:15px 10px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.list_leaflets ul li .ll_btn1 .send3{background-color:#fff; color:#404040; padding:15px 10px; margin-left:0px; border:solid 1px #404040; box-sizing: border-box; margin-top:10px;}
.list_leaflets ul li .ll_btn1 .send4{background-color:#fff; color:#404040; padding:15px 10px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box; margin-top:10px;}
.list_leaflets ul li .ll_btn2 .insert{background-color:#fff; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.list_leaflets ul li .ll_btn2 .copy{background-color:#fff; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.list_leaflets ul li .ll_btn2 .del{background-color:#fff; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.list_leaflets ul li .ll_btn1 .view:hover, .list_leaflets ul li .ll_btn1 .send1:hover, .list_leaflets ul li .ll_btn1 .send2:hover, .list_leaflets ul li .ll_btn2 .copy:hover, .list_leaflets ul li .ll_btn2 .del:hover{background-color:#ddd; color:#404040;}
.list_leaflets ul li .ll_btn2 .insert:hover{background-color:#ddd; color:#404040;}

.cus_sample{position: absolute; right:120px; top:15px; border-radius:5px; letter-spacing: -0.1em; background-color:#fff; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.cus_excel{position: absolute; right:120px; top:15px; border-radius:5px; letter-spacing: -0.1em; background-color:#fff; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.cus_excel2{position: absolute; right:187px; top:15px; border-radius:5px; letter-spacing: -0.1em; background-color:#fff; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.cus_open{position: absolute; right:122px; top:15px; border-radius:5px; letter-spacing: -0.1em; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.cus_open2{position: absolute; right:279px; top:15px; border-radius:5px; letter-spacing: -0.1em; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.cus_open3{position: absolute; right:210px; top:15px; border-radius:5px; letter-spacing: -0.1em; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}

.cus_close_b{background-color:#999;}
.cus_open_b{background-color:#fde200;}

.write_leaflets{width:100%; padding:0 0 0 25px;}
.write_leaflets .wl_lbox{width:880px; float:left; box-sizing: border-box; position: relative;}
.btn_imgtem button{position: absolute; top:-10px; right:0; background-color:#fde200; color:#404040; padding:10px 15px; border-radius: 5px;}
.wl_tit{width:100%;}
.wl_date{width:100%;}


.write_leaflets .int{width:100%;height: 40px;margin-bottom:10px;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #ccc;font-size: 15px;padding:0; box-sizing: border-box; font-family:'Spoqa Han Sans', 'kakao', sans-serif;}
.write_leaflets .int140{width:140px;height:30px !important;border:solid 1px #ccc;font-size: 15px;padding:10px; box-sizing: border-box; background-color:#fff; font-family:'Spoqa Han Sans', 'kakao', sans-serif;}
.write_leaflets .int130{width:130px;height:30px !important;border:solid 1px #ccc;font-size: 15px;padding:10px; box-sizing: border-box; background-color:#fff; font-family:'Spoqa Han Sans', 'kakao', sans-serif;}
.write_leaflets .int120{width:120px;height:30px !important;border:solid 1px #ccc;font-size: 15px;padding:10px; box-sizing: border-box; background-color:#fff; font-family:'Spoqa Han Sans', 'kakao', sans-serif;}
.write_leaflets .int100_l{width:100%;height:30px !important;border:solid 1px #ccc;font-size: 15px;padding:10px; box-sizing: border-box; background-color:#fff; font-family:'Spoqa Han Sans', 'kakao', sans-serif; text-align: left;}
.write_leaflets .int100_r{width:100%;height:30px !important;border:solid 1px #ccc;font-size: 15px;padding:10px; box-sizing: border-box; background-color:#fff; font-family:'Spoqa Han Sans', 'kakao', sans-serif; text-align: right;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  .write_leaflets .int140, .write_leaflets .int100_l, .write_leaflets .int100_r{padding:0 10px !important; font-size:13px;}
}

.wl_main_goods{width:100%; border:solid 1px #ccc; padding:50px; margin-top:10px; border-radius:10px; background-color: #fff; position: relative; display: inline-block;}
.tit_box{width:100%; display: inline-block; padding-top:50px;}
.tit_box .tit{width:320px; float: left; font-size:20px;}
.tit_box .tit span{font-weight: bold; font-family:'Montserrat';}
.wl_main_goods dl{width:48%; float: left; margin-top:15px; padding-bottom:50px; display: inline-block; position:relative;}
.wl_main_goods dl:nth-child(2n){margin-left:4%;}
.wl_main_goods dl dt{width:45%; float: left;}
.wl_main_goods dl dd{width:55%; float: left;}
.wl_main_goods dl dd ul li span{width:50px; font-size:15px; display: inline-block; float: left;}
.wl_main_goods dl dd ul li{padding:0; margin: 0 0 3px 0; display:inline-block;}
.wl_main_goods dl dd ul li input{width:calc(100% -  50px) !important; float: left;}

.wl_main_goods .add_goods button{position: absolute; bottom:10px; right:0; background-color:#cf0000; border:none; color:#fff; padding:5px 10px; border-radius:5px; font-family:'Spoqa Han Sans', 'kakao', sans-serif;}

.move_btn_group{position: absolute; bottom:15px; left:7px; }
.move_last_left{width:25px; height:25px; display: inline-block; background:#fff url(/dhn/images/leaflets/move_last_left.png)no-repeat 5px 5px; border:solid 1px #ccc;}
.move_left{width:25px; height:25px; display: inline-block; background:#fff url(/dhn/images/leaflets/move_left.png)no-repeat 5px 5px; border:solid 1px #ccc;}
.move_right{width:25px; height:25px; display: inline-block; background:#fff url(/dhn/images/leaflets/move_left.png)no-repeat 3px 3px; border:solid 1px #ccc;}
.move_last_right{width:25px; height:25px; display: inline-block; background:#fff url(/dhn/images/leaflets/move_last_left.png)no-repeat 3px 3px; border:solid 1px #ccc;}
.move_del{width:25px; height:25px; display: inline-block; background:#fff url(/dhn/images/leaflets/move_del.png)no-repeat 5px 5px; border:solid 1px #ccc;}
.move_del2{width:30px; height:30px; display: inline-block; background:#fff url(/dhn/images/leaflets/move_del.png)no-repeat 7px 7px; border:solid 1px #ccc;}
.move_right, .move_last_right { transform: rotate(180deg); }

.wl_img_goods{width:100%; border:solid 1px #ccc; display: inline-block; position: relative; margin-top:10px; padding:50px; border-radius:10px; background-color: #fff;}
.tit_box1{width:100%; display: inline-block; padding-top:50px;}
.tit_box1 .tit{width:350px; float: left;  font-size:20px;}
.tit_box1 .tit span{font-weight: bold; font-family:'Montserrat';}
.tit_box1 .tit span:first-child{background-color:#fde200;}
.tit_box1 .tit select{margin-left:10px; border: solid 1px #404040; border-radius: 5px;}
.tit_box2{width:100%; padding-bottom:20px; display: inline-block; border-bottom:dotted 1px #ddd;}
.tit_box2 .tit{width:100%; font-size:13px; color:#cf0000; margin-bottom:20px;}
.tit_box2 .tit_use{float: left; margin:5px 0 0 240px;}
.wl_img_goods dl{width:48%; float:left; margin-top:15px; padding-bottom:50px; display: inline-block; position:relative;}
.wl_img_goods dl:nth-child(2n+1){margin-right:4%;}
.wl_img_goods dl dt{width:45%; float: left;}
.wl_img_goods dl dd{width:55%; float: left;}
.wl_img_goods dl dd ul li span{width:50px; font-size:15px; display: inline-block; float: left;}
.wl_img_goods dl dd ul li{padding:0; margin: 0 0 5px 0; display:inline-block;}
.wl_img_goods dl dd ul li input{width:calc(100% -  50px) !important; float: left;}

.wl_txt_goods{width:100%; border:solid 1px #ccc; display: inline-block; position: relative; margin-top:10px; padding:50px; border-radius:10px; background-color: #fff;}
.wl_txt_goods:last-child{border-bottom:none;}
.wl_txt_goods .txt_goods_list{width:100%; margin-bottom:15px;}
.wl_txt_goods .txt_goods_list li{width:100%; margin-bottom:5px; display:inline-block; position: relative;}
.wl_txt_goods .txt_goods_list li .txt_name{width:36%; float:left;}
.wl_txt_goods .txt_goods_list li .txt_option{width:20%; float:left; margin-left:1%;}
.wl_txt_goods .txt_goods_list li .txt_price1{width:15%; float:left; margin-left:1%; text-align: right;}
.wl_txt_goods .txt_goods_list li .txt_price2{width:15%; float:left; margin-left:1%; text-align: right;}
.wl_txt_goods .txt_goods_list li .txt_btn{width:5%; float:left; margin-left:1%; text-align: center;}
.wl_txt_goods .txt_goods_list li .txt_soldout{width:4%; float:left; margin-left:1%; text-align: right;}

.wl_txt_goods .txt_goods_list li .txt_order_sel{width:4.1%; float:left; margin-left:0.1%; text-align:center; position:relative;}
.wl_txt_goods .txt_goods_list section li .txt_order_sel_t{margin-left:0.4%;}
.wl_txt_goods .txt_goods_list li .txt_order_sel .checkbox_container{position:absolute; top:2px; left:1px; font-weight:bold;}
.wl_txt_goods .txt_goods_list li .txt_order_sel .checkmark{left:2px; width:30px; height:30px;}
.wl_txt_goods .txt_goods_list li .txt_order_sel .checkmark:after{left:12px; top:8px;}


.good_btn_box{width:100%; margin-bottom:20px; vertical-align: top; display: inline-block;}
.good_btn_box .btn_excel_down a{float:left; background:#fff url(/dhn/images/leaflets/icon_excel_color.png)no-repeat 5px 8px; border:solid 1px #226440; padding:5px 5px 5px 20px;}
.good_btn_box .btn_excel_up a{float:left; margin-left:5px; background:#226440 url(/dhn/images/leaflets/icon_excel_white.png)no-repeat 5px 8px; border:solid 1px #226440; padding:5px 5px 5px 20px; color:#fff;}
.good_btn_box .btn_pos_view a{float:left; margin-left:5px; cursor: pointer; background-color:#a9d44f; padding:5px 10px; color:#037503; border:solid 1px #037503;}
/*
.good_btn_box button{float:right; margin-top:30px; background-color:#cf0000; border:none; color:#fff; padding:5px 10px; border-radius:5px; font-family:'Spoqa Han Sans', 'kakao', sans-serif;}
*/
.good_btn_box p{clear: left; padding-top:10px;}

.list_title_img{width:100%; height:130px; overflow-y: scroll; background-color:#fff; padding:10px 0; margin:10px 0 10px 0;}
.list_title_img ul li{float:left; margin:0 0 10px 0px;}
.list_title_img ul li img{width:120px; height:33px;}
.list_title_img .checkmark{margin-top:3px;}
.w120{width:120px; height:33px; display: inline-block; background-color: #404040; color:#fff; padding:7px 0 0 10px; box-sizing: border-box;}

.write_leaflets_btn{width:778px; margin-left:366px; border-radius:10px 10px 0 0; position: fixed; bottom:0; left:0; text-align:center; padding:30px 0; background-color: #607d8b; display: inline-block; z-index: 10000;}
.write_leaflets_btn button:hover{color:#fff; cursor: pointer; background-color:#11b3ff;}
.write_leaflets_btn .pop_btn_save{width:160px; height:54px; letter-spacing: -0.1em; text-align:center; box-sizing: border-box; font-size:15px; color:#404040; background-color:#fff; border-radius: 10px 0 0 10px;}
.write_leaflets_btn .pop_btn_send{width:150px; height:54px; letter-spacing: -0.1em; text-align:center; box-sizing: border-box; font-size:15px; color:#404040;  background-color:#fff;}
.write_leaflets_btn .pop_btn_cancel{width:160px; height:54px; letter-spacing: -0.1em; text-align:center; box-sizing: border-box; font-size:15px; color:#404040; background-color:#fff; border-radius: 0 10px 10px 0;}
.write_leaflets_btn .btn_top{position: absolute; top:20px; right:20px; cursor: pointer;}
.write_leaflets_btn .btn_bot{position: absolute; bottom:20px; right:20px; cursor: pointer;}


/*테이블*/
.table_st1{width:100%; border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;margin:0;padding:0; border-top:solid 2px #404040;}
.table_st1 caption{visibility:hidden;overflow:hidden;height:0;width:0;margin:0;padding:0;line-height:0;}
.table_st1 thead{ background-color: #fff;}
.table_st1 tr th{padding:10px 0; border-bottom:solid 1px #404040; font-size: 15px;}
.table_st1 tr td{padding:10px 0; border-bottom:solid 1px #ccc; text-align:center;}
.t_al_l{text-align:left !important; padding-left:10px !important;}


/* use_choice */
.use_choice{width:155px; float: right; background-color: #fff; padding:5px 0; border-radius:30px; border:solid 1px #ccc;}
.use_choice label{}
.uc_container {
  position: relative;
  padding:0 0 0 18px;
  margin:0 0 0 10px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.uc_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.pop_input{position:absolute; bottom:29px; right:-85px;}

.pop_input .checkmark {border-radius:0 !important; width:25px; height:25px;}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 14px;
  width: 14px;
  background-color: #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.uc_container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.uc_container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.uc_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.uc_container .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

/*상품코너 추가하기 버튼 애니*/
.add_corner{width:100%; position: relative; display: inline-block; margin:10px 0 10px 0; text-align: center;}
.add_corner a{cursor: pointer; border-radius:5px; display:inline-block;font-size: 16px; line-height:44px; width:200px; height:44px; text-align:center; border:1px solid #4c4c4d; background-color: #fff;}
.add_corner a:hover{border:1px solid #4c4c4d; background-color:#4c4c4d; color:#fff;}

.del_corner{cursor: pointer; float:right; border-radius:5px; display:inline-block; font-size: 16px; line-height:30px; width:200px; height:34px; text-align:center; border:1px solid #4c4c4d; background-color: #fff;}
.del_corner:hover{border:1px solid #4c4c4d; background-color:#4c4c4d; color:#fff;}
.add_corner {
    height: 50px;
    margin-top:15px;
    /* color:#fff;
    background-color: var(--color_primary2); */
}
.add_corner .xi-plus-circle:before {
    content: "\e916";
}

.actionBtn3 {
  cursor:pointer;
	width:200px;
	height:44px;
	text-align:center;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	transform-style:preserve-3d;
	-webkit-transform-style:preserve-3d;
}
.actionBtn3 .front,.actionBtn3 .back {
	position:absolute;
	display:block;
	width:200px;
	height:44px;
	border:1px solid #4c4c4d;
	line-height:40px;
	transition:all .5s;
	-webkit-transition:-webkit-transform .5s;
	-moz-transition:-moz-transform .5s;
	color:#4c4c4d;
	 font-size:16px;
	 text-decoration:none;
	 text-transform:uppercase;
}
.actionBtn3 .front {
	background-color:#fff;
	transform:translateZ(22px);
	-webkit-transform:translateZ(22px);
	-moz-transform:translateZ(22px);
}
.actionBtn3 .back {
	background-color:#4c4c4d;
	color:#fff;
	transform:rotateX(-90deg) translateZ(22px);
	-webkit-transform:rotateX(-90deg) translateZ(22px);
	-moz-transform:rotateX(-90deg) translateZ(22px);
}
.actionBtn3:hover {
	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
}

/* The Modal (background) */
.btn_myModal{padding:10px 15px; background-color:#cf0000; color:#fff; float:right; display:inline-block; margin:10px 20px 0 0; cursor:pointer;}

.dh_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  padding-top:100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding:40px 50px;
  border: 1px solid #888;
  width:970px;
  height:750px;
}

.modal-content500{
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.3);
  margin: auto;
  padding:50px;
  width:720px;
  border-radius: 30px;
}
.modal-content500 .modal-tit{width:100%; font-size: 20px; border-bottom:solid 1px #ddd; padding-bottom:10px; text-align: left;}
.modal-content .badge_list{margin-top:20px; display: inline-block; max-height:550px; overflow-y: auto;}
.modal-content .badge_list li{width:85px; height:120px; text-align: center; float:left; margin:0 22px 20px 0;}
.modal-content .badge_list li:nth-child(8n){margin-right:0 !important; }
.modal-content .badge_list li:nth-child(1) img{width:60px;}
.modal-content .badge_list li:nth-child(2) img{width:60px;}
.modal-content .badge_list li img{width:70px;}
.modal-content .badge_list li .badge_img{width:100%; height:90px; overflow: hidden;}
.modal-content .badge_list li .badge_text{width:100%; border-radius:5px; display: inline-block; margin-top:0; padding:5px 0; border:solid 1px #ddd;}
.modal-content .badge_list li .badge_text .checks{padding-left:5px; display: inline-block !important; font-size:0.92em; }
.modal-content .badge_list li .badge_text button{width:100%; letter-spacing: -0.1em; padding:5px; background-color: #404040; color: #fff;}

.modal-content .modal-tit{width:100%; font-size: 20px; border-bottom:solid 1px #ddd; padding-bottom:20px; text-align: left;}
.modal-content>#id_templet_list{margin-top:10px;}
.modal-content>#id_templet_list li{width:200px; height:210px; float:left; margin:0 20px 20px 0;}
.modal-content>#id_templet_list li:nth-child(4n){margin-right:0 !important;}
.modal-content>#id_templet_list li img{width:200px;}
.modal-content>#id_templet_list li .tem_img{width:100%; height:170px; overflow: hidden;}
.modal-content>#id_templet_list li .tem_text{width:100%; margin-top:0;}
.modal-content>#id_templet_list li .tem_text span{width:50%; float:left; font-size:15px; text-transform: uppercase; padding:3px 0; background-color: #f1f1f1; text-align:center;}
.modal-content>#id_templet_list li .tem_text button{width:50%; float:right; letter-spacing: -0.1em; padding:5px; background-color: #404040; color: #fff;}

.modal-content .search_input{width:100%; text-align: center; margin-bottom:20px; padding:20px 0; border-bottom:solid 1px #ddd;}
.modal-content .search_input select{height:40px;}
.modal-content .search_input input{width:60%; height:40px;}
.modal-content .search_input button{width:50px; height:40px;}

.modal-content .search_input2{width:100%; text-align:left; margin-bottom:20px; padding:20px 0; border-bottom:solid 1px #ddd;}
.modal-content .search_input2 select{height:40px;}
.modal-content .search_input2 input{width:60%; height:40px;}
.modal-content .search_input2 .btn_search_s{width:50px; height:40px; vertical-align:middle;}
.modal-content .btn_pos_goods{float: right; height:40px; padding:0 10px; background-color:#404040; color:#fff; border-radius: 5px;}

.modal-content2 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding:50px;
  border: 1px solid #888;
  width:470px;
  height:750px;
}
.modal-content2 .modal-tit{width:100%; font-size: 20px; padding-bottom:20px;}
.modal-content2 .modal-img{width:100%; height:600px; overflow-y: scroll;}

.modal-content2_1 {
  position: relative;
  background-color: #fefefe;
  margin:200px auto 0 auto !important;
  padding:50px;
  border: 1px solid #888;
  width:470px;
  min-height:200px;
  border-radius: 30px;
}
.modal-content2_1 .modal-tit{width:100%; font-size: 20px; padding-bottom:20px;}
.modal-content2_1 .modal-img{width:100%; height:600px; overflow-y: scroll;}

.modal-content2_1 .img_choice{width:100%; margin-top: 50px; display: inline-block;}
.modal-content2_1 .img_mypick{width:21%; text-align: center; padding:10px 0; float:left; background-color:#fff; border:solid 1px #404040; border-radius: 5px; cursor: pointer;}
.modal-content2_1 .img_mypick:hover{background-color: #ddd; color:#404040;}
.modal-content2_1 .img_library{width:23%; text-align: center; padding:10px 0; float:left; margin-left:3.5%; background-color:#404040; color:#fff; border:solid 1px #404040; border-radius: 5px;}
.modal-content2_1 .img_library:hover{background-color: #ffdf2b; color:#404040;}
.modal-content2_1 .goods_pos{width:23%; text-align: center; padding:10px 0; float:left; margin-left:3.5%; background-color:#ddd; border:solid 1px #404040; border-radius: 5px;}
.modal-content2_1 .goods_pos:hover{background-color: #fff; color:#404040;}
.modal-content2_1 .goods_my{width:24%; text-align: center; padding:10px 0; float:left; margin-left:3.5%; background-color:#fff; border:solid 1px #404040; border-radius: 5px;}
.modal-content2_1 .goods_my:hover{background-color: #ddd; color:#404040;}
.modal-content2_1 .img_choice ul{width:100%; clear: left; display: inline-block; margin-top:20px; padding-top:20px; border-top:dotted 1px #404040 ;}
.modal-content2_1 .img_choice ul li{padding:3px 0;}
.modal-content2_1 .img_choice ul li span{color:#ff9a00;}

.modal-content3 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding:50px;
  border: 1px solid #888;
  width:470px;
  height:750px;
}
.modal-content3 .modal-tit{width:100%; font-size: 20px; padding-bottom:20px;}
.modal-content3 .modal-img{width:100%; height:600px; overflow-y: scroll;}

/* The Close Button */
.dh_close {
  z-index:10000;
  color: #aaaaaa;
  top:30px;
  right:50px;
  font-size:40px;
  font-weight: bold;
  position:absolute;
}

.dh_close:hover,
.dh_close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-list{height:300px; margin-top:20px;}
.modal-list li{float:left; position: relative; background-color: #fff; width:30%; height:250px; border: solid 1px #ddd; text-align: center; display: inline-block;}
.modal-list li .pop_img img{max-width:90%; margin-top: 10px; max-height:230px;}
.pop_btn{position: absolute; bottom:-50px; padding:10px 0; width:100%; background-color: #404040; color:#fff; border-radius: 5px;}
.modal-list li:nth-child(2n), .modal-list li:nth-child(3n){margin-left:4%;}

.pop_modal_btn{border: solid 1px #404040; background-color: #fff; padding:2px 10px; position: absolute; right:0; bottom:19px;}

.btn_good_add{padding: 10px 20px; background-color: #cf0000; color:#fff; border-radius: 5px;}
#save_mall_info{background-color:var(--color_primary2);}
#save_mall_order{background-color:var(--color_secondary5);}

.img_select .goods_name{
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.img_select .goods_price{opacity: 0.5;}
.img_select .goods_price::before{content: '정상가 ';}
.img_select .goods_dcprice{color:#cf0000;}
.img_select .goods_dcprice::before{content: '할인가 ';}

.radio-field{width:100%; margin-top:20px; display: inline-block;}
.radio-field ul li{padding:0 6px; float: left; background: #ecf7fc; border-radius: 3px; margin:0 5px 5px 0; cursor: pointer;  display: inline-block;}
.radio-field ul li input{margin-right:3px;}

.smart_none{width:100%; padding:200px 0; text-align: center; border-radius:10px; background-color: #404040; color:#fff; font-size:30px; opacity: 0.3;}
.smart_none span{font-size:20px;}

.t_small{font-size:15px; margin-left:15px;}

.smart_info_text{font-size: 15px; margin-top:40px;}
.smart_info_text i{font-size:20px; vertical-align: middle;}
.smart_info_text span{color:#cf0000;}
.smart_add_images{margin-top:10px; width:100%; text-align: center; padding:50px; border: solid 1px #ccc; background-color: #fff; border-radius: 10px; display: inline-block;}
.smart_add_images img{width:400px;}

.modal-content .corner_move_list{width:100%; height:530px; overflow-y: auto; margin:20px 0 0 7px;}
.modal-content .corner_move_list li{width:31%; height:160px; float:left; margin:1%; padding:1%; border:solid 1px #ddd;}
.modal-content .corner_move_list li .move_img{width:100%; height:70px; overflow: hidden; position: relative;}
.modal-content .corner_move_list li .move_img img{width:100%;}
.modal-content .corner_move_list li .move_tit{width:100%; font-size: 15px; padding:5px 0;}
.modal-content .corner_move_list li .no_title{background-color: #aaa; color:#fff; padding-top:25px;}
.modal-content .corner_move_list li .move_btn{width:100%; height:40px; position: relative; background-color: #f1f1f1;}
.modal-content .corner_move_list .move_btn_group{bottom:3px !important; left:65px !important;}


/* 행사코너 순서변경 모달창 */
.dh_modal.modal_sort {padding-top: 50px;}
.dh_modal.modal_sort .dh_close {top: 15px; right:25px; font-size: 42px;}
.dh_modal.modal_sort .modal-content{height:730px;}
.dh_modal.modal_sort .modal-content .modal-tit {width: 100%; padding-left:5px; font-size: 25px;  border-bottom: none; padding-bottom: 0px;}
.dh_modal.modal_sort .modal-content .corner_move_list{height:580px; margin: 15px 0 0 -5px;}
.dh_modal.modal_sort .modal-content .corner_move_list li .move_img div{position:absolute; bottom:0; width:100%; height:100%; padding:10px 10px 0; display:grid; align-items:center; overflow:hidden;}
.dh_modal.modal_sort .modal-content .corner_move_list li .move_img div span{font-family:'Cafe24Ohsquare'; letter-spacing:-2px !important;}


.sm_small{font-size: 0.7em;}

#badgeBtn{width:152px; text-align: center; padding:5px 0; margin-top:-5px; background-color:#c0c6d1; color:#fff;}
#badgeBtn:hover{background-color:#404040;}

.btn_smart{position: absolute; top:43px; right:100px; font-size:15px; border:solid 1px #404040; color:#404040; padding:7px 20px; border-radius:50px;}
.btn_smart:hover{color:#fff; background-color: #404040;}

.img100 img{width:100%; border:solid 1px #cf0000;}

/* 체크박스 */
.check_con {
  position: absolute; top:5px; left:5px; width:100%; height:100%;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.check_con input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.check_con .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}
.check_con:hover input ~ .checkmark {
  background-color: #ccc;
}
.check_con input:checked ~ .checkmark {
  background-color: #404040;
}
.check_con .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check_con input:checked ~ .checkmark:after {
  display: block;
}
.check_con .checkmark:after {
  left: 9px;
  top: 7px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.imglib_list{width:calc(100% - 45px); margin:0 20px 0 25px; display: inline-block;}
.imglib_list>li{width:235px; height:260px; float:left; margin:0 30px 30px 0;}
.imglib_list>li img{max-width:235px; max-height: 235px;}
.imglib_list>li .tem_img{width:100%; height:235px; position: relative; line-height:235px; overflow: hidden; background-color: #fff; text-align: center;}
.imglib_list>li .tem_name{text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding:5px 0; width:100%; display: inline-block;}
.imglib_list>li .tem_cate{text-align: center; border-bottom:solid 1px #ddd; padding:5px 0; width:100%; display: inline-block;}
.imglib_list>li .tem_text{width:100%; margin-top: 10px;}
.imglib_list>li .tem_text .num{width:calc(37% - 30px); height:30px; float:left; font-size:13px; text-transform: uppercase; padding:4px 0; background-color: #404040; text-align:center; border:solid 1px #404040; color: #fff;}
.imglib_list>li .tem_text .tem_color_box{width:30px; height:30px; border:solid 1px #404040; float:left; display: inline-block; margin-left:1%; vertical-align: middle;}
.imglib_list>li .tem_text button:nth-child(2n){width:30%; margin-left:1%; height:30px; float:left; font-size:13px; letter-spacing: -0.1em; padding:5px; background-color: #fff; color: #000;  border:solid 1px #404040;}
.imglib_list>li .tem_text button:nth-child(2n+1){width:30%; margin-left:1%; height:30px; float:left; font-size:13px; letter-spacing: -0.1em; padding:5px; background-color: #fff; color: #000; border:solid 1px #404040;}
.imglib_list>li .tem_text button i{font-size:18px;}
.imglib_list>li .tem_btn{width:100%; margin-top:5px; display: inline-block;}
.imglib_list>li .tem_btn button:nth-child(1){width:49%; height:30px; float:left; font-size:13px; letter-spacing: -0.1em; padding:5px; background-color: #fff; color: #000; border:solid 1px #ddd;}
.imglib_list>li .tem_btn button:nth-child(2){width:49%; margin-left:2%; height:30px; float:left; font-size:13px; letter-spacing: -0.1em; padding:5px; background-color: #fff; color: #000; border:solid 1px #ddd;}
.imglib_list>li .tem_btn button i{font-size:18px;}

.img_search_box{width:calc(100% - 45px); border: solid 1px #ddd; position:relative; margin:0 20px 30px 25px; padding:20px; text-align:left;background-color: #fff;}
.img_search_box input:first-child{width:500px; height:34px; margin-left:25px;}
.img_search_box .btn_search{height:34px; padding:0 20px; font-size: 18px; border:solid 1px #404040; background-color: #404040; color:#fff; cursor: pointer;}
.img_search_box select:last-child{margin-right:25px;}

.btn_h34{height:34px; vertical-align: middle; line-height: 34px; padding:0 15px; border:solid 1px #ddd;}
.btn_h34_black{height:34px; vertical-align: middle; line-height: 34px; padding:0 15px; border:solid 1px #404040; background-color: #404040; color:#fff;}

.mg_l20{margin-left: 20px;}

.ibig i, .ibig_r i{font-size:20px; vertical-align: middle;}

.mobile_w100{float: right;}

@media screen and (max-width: 768px) {
  .wrap_leaflets{padding:25px;}
  .wrap_leaflets .s_tit{padding:0; font-size:20px;}
  .img_search_box{width:100%; margin:10px 0 0 0; padding:10px; display: inline-block;}
  .btn_h34, .btn_h34_black {float:left; margin:0 0 10px 0;}
  .btn_h34.ibig, .btn_h34.ibig_r{padding:0 10px;}
  .btn_h34.ibig_r{float: right;}
  .img_search_box .fr{margin:10px 0 0 0;}
  .imglib_list{width:100%; margin:20px 0 0 0;}
  .imglib_list>li{width:47%; height:160px; float:left; margin:0; display: inline-block;}
  .imglib_list li:nth-child(2n){margin:0 0 0 6%;}
  .imglib_list>li img{max-width:235px; max-height:130px;}
  .imglib_list>li .tem_img{width:100%; height:130px; line-height:130px; }
  .imglib_list>li .tem_name {font-size:11px;line-height:1;}
  .pagination{margin-top:30px;}
  .pagination a{width:29px; height:29px; font-size:12px; line-height: 29px;}
  .btn_goodsup{top:0; right:0; padding:5px 10px; font-size:12px;}
  .mobile_w100{width:100%; clear: left; text-align: right; vertical-align: middle;}
}

.order_option{background-color: #fff; display: inline-block; width:100%; margin-top:10px; padding:50px;border: solid 1px var(--color_secondary5); border-radius: 10px; position: relative;}
.order_option .input-group{float:left; width: 135px;}
.order_option .under{float:left; margin:0 10px; font-size:20px;}
.order_option .text{margin:10px 0 0 0; display:inline-block;}
.order_option .text span{font-size:20px;}
.order_option .span_deliv_time {margin-left:15px;}

#span_order_shm, #span_order_ehm,
.time_color{
    font-size: 20px;
    color:var(--color_secondary5);
}
.notice_color{
    color:var(--color_secondary4);
}

.btn_imgdown{position: absolute; bottom:0; right:0; background-color:#404040; color:#fff; padding:5px;cursor: pointer; z-index: 1000;}

.soldout_switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

.soldout_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.soldout_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.soldout_slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.soldout_switch input:checked + .soldout_slider {
  background-color: #2196F3;
}

.soldout_switch input:focus + .soldout_slider {
  box-shadow: 0 0 1px #2196F3;
}

.soldout_switch input:checked + .soldout_slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

.soldout_box{position: absolute; bottom:25px; right:50px;}
.soldout_text{position: absolute; bottom:22px; right:0; font-size: 15px;}
.soldout_box .checkmark{border-radius: 0; width:25px; height:25px;}

.order_sel{position:absolute; bottom:26px; right:120px;}
.order_sel_text{position:absolute; bottom:21px; right:87px; font-size:15px;}
.order_sel .checkmark{border-radius:0; width:25px; height:25px; top: -14px; left: -35px;}
.order_sel .checkbox_container .checkmark:after{top:5px; left:9px;}

.soldout_box_t{position: absolute; top:0; right:15px;}
.soldout_box_t .checkmark{border-radius: 0; width:30px; height:30px;}
.soldout_box_t .checkbox_container .checkmark:after{top:8px; left:12px;}

.order_all_x{margin-right:5px;}
.order_all_x span{margin-right:3px;}

/* 종일 */
.chk_alltime{position:absolute; top:55px; left:425px;}
.chk_alltime_txt{position:absolute; top:56px; left:420px; font-size:15px;}
.chk_alltime .checkmark{border-radius:0; width:25px; height:25px; top: -14px; left: -35px;}
.chk_alltime .checkbox_container .checkmark:after{top:5px; left:9px;}

.titimg_self_file button{background-color:#fff ; margin-left:5px; border:solid 1px #404040; padding:6px 15px; color:#404040; vertical-align: top;}
.titimg_self_file label i{font-size: 20px; vertical-align: middle; margin-right:5px;}

.templet_img_box{
  display: inline-block;
  width:120px;
	height:33px;
  border:solid 1px #ddd;
  position: relative;
  cursor:pointer;
  z-index:9999;
  box-sizing: border-box;
  overflow: hidden;
  background-repeat:no-repeat !important;
  background-size: cover;
  background-image: ;
}
.templet_img_box:after {
	content: "\e439";
	font-family: 'Material Icons';
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size:2rem;
	color: #c0c6d1;
}

.tit_img_menu li{float:left; margin-right:30px; display: inline-block; position: relative;}
.tit_img_menu li:nth-of-type(1) input{width:150px;}
.tit_img_menu li span:nth-of-type(1){padding:5px 15px 0 0; display: inline-block;vertical-align: top;}
.tit_img_menu li span:nth-of-type(1) i{font-size: 1.5em; vertical-align: middle;}
.tit_img_menu li span:nth-of-type(2){padding:5px 15px 0 0; display: inline-block;vertical-align: top;}

.smart_pop_go{position: absolute; right:20px; top:15px; border-radius:5px; letter-spacing: -0.1em; background-color:#fff; color:#404040; padding:15px 15px; margin-left:10px; border:solid 1px #404040; box-sizing: border-box;}
.smart_pop_go:hover{background-color: #404040; color:#fff;}

.btn_badge_all{float: right; background-color:#404040; color:#fff; padding: 5px 10px; border:solid 1px #404040;}
.btn_badge_all .material-icons{font-size:15px !important;}


/* 템플릿모달창 */
.dh_modal.templet_wrap {padding-top:40px;}
.dh_modal.templet_wrap .modal-content {width:988px; height: 840px; padding: 40px 50px;}
.dh_modal.templet_wrap .modal-content>#id_templet_list {margin: 0;}
.dh_modal.templet_wrap .modal-content>#id_templet_list li {margin: 0 25px 25px 0;}
.dh_modal.templet_wrap .radio-field ul li {margin: 0 5px 5px 0; padding: 0 8px 0 5px; border-radius: 5px;}
.dh_modal.templet_wrap .radio-field ul li input[type=checkbox], input[type=radio] {height: 30px; margin:0;}
.dh_modal.templet_wrap .radio-field ul li[onclick^="tag_choice('새해'"] {clear:both;}
.dh_modal.templet_wrap .radio-field ul li[onclick^="tag_choice('봄'"] {clear:both;}
.dh_modal.templet_wrap .radio-field ul li[onclick^="tag_choice('12월'"]+li {clear:both;}

/*

.write_leaflets .wl_rbox{width:420px; float:right; box-sizing: border-box;font-family: 'Spoqa Han Sans';}
.wl_rbox_tit{text-align: center; opacity: 0.5; margin-bottom:10px; width:400px; font-size: 20px;}
.wl_r_preview{width:400px; display: inline-block; position: relative;}
.wl_r_preview_bg{position:absolute; top:68px; left:0; z-index: 100; width:400px; height:calc(100% - 68px);background-repeat:no-repeat !important; background-size:100%  !important;}
.wl_r_preview_bg img{width:400px;}

.wl_r_preview .pre_box_wrap:first-child{min-height:388px;}

.wl_r_preview_n{position: fixed; top:60px; right:13px; height:850px; overflow-y: scroll; z-index: 10000;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
  .wl_r_preview_n{right:33px;}
}
.wl_r_preview_n::-webkit-scrollbar, .badge_list::-webkit-scrollbar {
    width:15px;
  }
.wl_r_preview_n::-webkit-scrollbar-thumb, .badge_list::-webkit-scrollbar-thumb {
    background-color:#607d8b;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
  }
.wl_r_preview_n::-webkit-scrollbar-track, .badge_list::-webkit-scrollbar-track {
    background-color:#fff;
    border-radius: 10px;
  }

.pre_box_wrap{z-index: 1000; position: relative; width:400px; letter-spacing:-1px; word-break:break-all;}
.wl_r_preview .pre_box1{width:100%; background-color:#373535; text-align: center; line-height: 1; }
.wl_r_preview .pre_box1 .pre_tit{color:#fff; font-size: 25px; padding:10px 20px 5px 20px; text-overflow: ellipsis;  white-space: nowrap; word-wrap: normal; overflow: hidden;}
.wl_r_preview .pre_box1 .pre_date{color:#ffec00; font-size: 18px; padding:0 20px 10px 20px; text-overflow: ellipsis;  white-space: nowrap; word-wrap: normal; overflow: hidden;}
.wl_r_preview .pre_box2{width:96%; margin:320px 2% 0% 2%; display: inline-block; border-radius: 5px;  z-index: 101; position: relative;}
.wl_r_preview .pre_box2 dl{width:100%; padding:0; border-radius:5px; margin-bottom:5px; clear: left; display: inline-block; background-color: #fff;}

.wl_r_preview .pre_box2 dl:nth-child(2n+1) dt{width:165px; float: left;}
.wl_r_preview .pre_box2 dl:nth-child(2n+2) dt{width:165px; float: right;}
.wl_r_preview .pre_box2 dl dt{position: relative;}
.wl_r_preview .pre_box2 dl dt img{width:100%; border-radius: 5px;}
.wl_r_preview .pre_box2 dl dt .templet_img_in3{background-repeat: no-repeat !important; background-position-x: 50% !important; background-position-y: 50% !important; background-size:contain !important; border-radius:0 5px 0 0; z-index:1000; position: relative; min-width:165px; min-height:165px;  display: inline-block; overflow: hidden;}
.wl_r_preview .pre_box2 dl:nth-child(2n+1) dt .templet_img_in3{float:left; border-radius: 5px 0 0 0;}
.wl_r_preview .pre_box2 dl:nth-child(2n+2) dt .templet_img_in3{float:right;}
.wl_r_preview .pre_box2 dl:nth-child(2n+1) dd{width:calc(100% - 165px); float: left; padding-left:10px; }
.wl_r_preview .pre_box2 dl:nth-child(2n+2) dd{width:calc(100% - 165px); float: right; padding-right:10px;}
.wl_r_preview .pre_box2 dl dd ul{width:92%; margin:15px 4%;}
.wl_r_preview .pre_box2 dl dd ul li{line-height:1;}
.wl_r_preview .pre_box2 dl:nth-child(2n+2) dd ul li{text-align: right;}
.wl_r_preview .pre_box2 dl dd ul .price1{font-size:22px; text-decoration:line-through; opacity: 0.5;}
.wl_r_preview .pre_box2 dl dd ul .price2{font-size:50px; color:#cf0000; font-weight: bold; line-height:1.2;}
.wl_r_preview .pre_box2 dl dd ul .name{font-size:22px; margin-top:5px; line-height:1.2;}
.wl_r_preview .pre_box2 dl dd ul .name span:first-child{font-weight:600;}
.wl_r_preview .pre_box3{width:100%;}
.wl_r_preview .pre_box3 .pre_tit img{width:100%;}
.wl_r_preview .pre_box3 .pop_list_wrap{width:100%; display:flex; flex-wrap:wrap; padding:5px 0 25px 0; background-color: #fff; margin-bottom:-5px;}
.wl_r_preview .pre_box3 .pop_list01 .templet_img_in3{background-repeat: no-repeat !important; background-position-x: 50% !important; background-position-y: 50% !important; background-size:contain !important; z-index:9999; position: relative; min-width:155px; min-height:155px; display: inline-block; overflow: hidden;}
.wl_r_preview .pre_box3 .pop_list03 .templet_img_in3{background-repeat: no-repeat !important; background-position-x: 50% !important; background-position-y: 50% !important; background-size:contain !important; z-index:9999; position: relative; min-width:115px; min-height:115px; display: inline-block; overflow: hidden;}
.wl_r_preview .pre_box3 .pop_list04 .templet_img_in3{background-repeat: no-repeat !important; background-position-x: 50% !important; background-position-y: 50% !important; background-size:contain !important; z-index:9999; position: relative; min-width:98px; min-height:98px; display: inline-block; overflow: hidden;}


.pop_list00{width:100%; min-height:170px; float:left; position:relative; text-align:left; margin:0; padding:10px; border-bottom:1px dotted #ddd;}
.pop_list00:first-child{margin-top:5px;}
.pop_list00 .icon_add_cart{width:100%; height:100%; z-index:10001; cursor:pointer; position:absolute; top:0; left: 0; right:0; text-indent:-1000px; background: url(/images/icon_add_cart3.png) no-repeat; background-position:95% 94%; background-size:10%; opacity:0.9;}

.pop_list00 .design_badge{width:60px; position:absolute; top:0; left:0px; z-index:10000;}
.pop_list00 .design_badge img{width:100%;}
.pop_list00 .sale_badge{z-index:10000; position:absolute; top:5px; left:5px; width:55px; height:69px; padding-top:35px; text-align:center; color:#fff; font-size:23px; background-image: url(/dhn/images/sale_badge_bg.jpg); background-size:100%;}
.pop_list00 .sale_badge span{font-size:0.6em;}

.pop_list00 .templet_img_in3{position:absolute; z-index:1; top:5px; left:5px; min-width:220px; height:94%; max-height:230px; background-repeat: no-repeat !important; background-position-x:50% !important; background-position-y:50% !important; background-size: contain !important; display:inline-block; border-radius: 5px;}

.pop_list00 .pop_price{width:100%; padding:0 5px 0 125px; text-align:right; display:inline-block;}
.pop_list00 .pop_price .price1{font-size:20px; width:100%; padding:10px 2px 0 0; text-decoration:line-through; color:#222; display:inline-block; opacity:0.6;}
.pop_list00 .pop_price .price2{font-size:42px; font-weight: 600; margin-top:-8px; color:#df0000; line-height:1.2; display:inline-block;
   --stroke-color: #ffffff;
   --stroke-width: 2px;
   text-shadow: var(--stroke-width) 0 0 var(--stroke-color), calc(var(--stroke-width) * -1) 0 0 var(--stroke-color), 0 var(--stroke-width) 0 var(--stroke-color), 0 calc(var(--stroke-width) * -1) 0 var(--stroke-color); text-shadow: calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color);
}

.pop_list00 > div:nth-last-child(-n+3){position:relative; z-index:9; text-align:right;}
.pop_list00 > div:nth-last-child(2){margin:8px 0 5px 0; padding:0 5px 0 125px; }
.pop_list00 .pop_option{font-size:13px; font-weight:400; color:#000; display:inline-block; padding:3px 10px 3px; background-color:#ffdf2b; border-radius:10px; text-shadow:none; opacity:0.8;}
.pop_list00 > div.pop_name{font-size:24px; width:100%; padding:0 5px 30px 125px; position:relative; bottom:0; line-height:1.2; text-align:right; display:inline-block;
    --stroke-color: #ffffff;
    --stroke-width: 2px;
    text-shadow: var(--stroke-width) 0 0 var(--stroke-color), calc(var(--stroke-width) * -1) 0 0 var(--stroke-color), 0 var(--stroke-width) 0 var(--stroke-color), 0 calc(var(--stroke-width) * -1) 0 var(--stroke-color); text-shadow: calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color), calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color), calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color), calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color), calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color), calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color);
}

.pop_list01{width:50%; height:; float: left; position: relative; text-align: center; padding:8px 5px 10px; border-right:1px dotted #ddd; border-bottom:1px dotted #ddd;}
.pop_list01:nth-child(odd){border-right:1px dotted #ddd;}
.pop_list01:nth-last-child(-n+2){border-bottom:0}
.pop_list01:nth-child(even){border-bottom:1px dotted #ddd;}
.pop_list01:last-child{border-bottom:0}

.pop_list01 .pop_good_img{position: absolute; top:0; left:0; z-index:100;}
.pop_list01 .pop_good_img img{width:90%;}
.pop_list01 .pop_name{font-size:18px; z-index:10000; position: relative; margin-top:5px; line-height:120%; padding-bottom:2px;}
.pop_list01 .pop_name span:first-child{font-weight:600;}
.pop_list01 .pop_price{z-index:1000; position: relative;}
.pop_list01 .pop_option{font-size:12px; display:inline-block; margin:3px 0; background-color: #ffdf2b; padding:1px 8px 2px; color:#000; border-radius:10px;}
.pop_list01 .pop_price .price1{font-size:20px; text-decoration:line-through; opacity: 0.5; line-height:1.2;}
.pop_list01 .pop_price .price2{font-size:42px; color:#cf0000; font-weight: bold; line-height:1.2;}

.pop_list02{width:96%; margin:0 2% 8px; background-color:#fff; display: inline-block; padding:8px 10px 10px; box-sizing:border-box; border-radius:5px; line-height:25px;}
.pop_list02 .name{font-size:18px; width:60%; float:left; font-weight:bold;}
.pop_list02 .price1{font-size:14px; width:40%; float:right; text-align:right; opacity:0.5; text-decoration:line-through;}
.pop_list02 .price2{font-size:25px; width:40%; float:right; text-align:right; color:#cf0000; font-weight:bold;}

.pop_list03{width:33.3%; height:; float: left; position: relative; text-align: center; padding:5px 3px 5px; border-right:1px dotted #ddd; border-bottom:1px dotted #ddd;}
.pop_list03:nth-child(3n){border-right:0}
.pop_list03:nth-last-child(-n+3){border-bottom:0}
.pop_list03:nth-child(3n+2){border-bottom:1px dotted #ddd;}
.pop_list03:nth-last-child(-n+2){border-bottom:0}
.pop_list03:nth-child(3n+3){border-bottom:1px dotted #ddd;}
.pop_list03:last-child{border-bottom:0}

.pop_list03 .pop_good_img{position: absolute; top:0; left:0; z-index:100;}
.pop_list03 .pop_good_img img{width:90%;}
.pop_list03 .pop_name{font-size:16px; z-index:1000; position: relative; margin-top:5px; line-height:1; padding-bottom:2px;}
.pop_list03 .pop_price{z-index:1000; position: relative; line-height:1.2;}
.pop_list03 .pop_price .price1{font-size:16px; text-decoration:line-through; opacity: 0.5;}
.pop_list03 .pop_price .price2{font-size:32px; color:#cf0000; font-weight: bold;}

.pop_list04{width:25%; height:; float: left; position: relative; text-align: center;}
.pop_list04 .pop_good_img{position: absolute; top:0; left:0; z-index:100;}
.pop_list04 .pop_good_img img{width:90%;}
.pop_list04 .pop_name{font-size:14px; z-index:1000; position:relative; margin-top:5px; line-height:1; padding:0 3px 5px;}
.pop_list04 .pop_price{z-index:1000; position:relative; padding:0 3px; line-height:1.2;}
.pop_list04 .pop_price .price1{font-size:15px; text-decoration:line-through; opacity: 0.5;}
.pop_list04 .pop_price .price2{font-size:26px; color:#cf0000; font-weight: bold;}

.wl_r_preview .pre_box4{width:100%; display:inline-block;}
.wl_r_preview .pre_box4 .pre_tit img{width:100%;}
.wl_r_preview .pre_box4 .pop_list_wrap{width:100%; display:flex; flex-wrap:wrap; padding:10px 0 0px; background-color:#d9d9d9;}

 .wl_r_preview .pre_box2 dl:first-child dt .sale_badge{top:0 !important;}
 .wl_r_preview .pre_box2 dl:nth-child(2n+1) dt .sale_badge{position:absolute; top:0; left:10px;}
 .wl_r_preview .pre_box2 dl:nth-child(2n+2) dt .sale_badge{position:absolute; top:0; right:10px;}
 .wl_r_preview .pre_box2 dl dt .sale_badge{width:63px; height:79px; padding-top:41px; text-align: center;color:#fff; font-size:25px; font-weight: bold; z-index:2000; background-image: url(/dhn/images/sale_badge_bg.jpg);}
 .wl_r_preview .pre_box2 dl dt .sale_badge span{font-size: 0.6em;}

.templet_img_in {
  border:solid 1px #ccc;
	position: relative;
	width: 152px;
	height: 152px;
  background-color: #fff;
	display: inline-block;
	cursor:pointer;
	z-index:9999;
  box-sizing: border-box;
	overflow: hidden;
}
.templet_img_in:after {
	content: "\e439";
	font-family: 'Material Icons';
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 5rem;
	color: #c0c6d1;
}
.templet_img_in > .img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
.templet_img_in2 {
	position: relative;
  width: 152px;
	height: 152px;
	display: inline-block;
	cursor:pointer;
	z-index:999;
    box-sizing: border-box;
		overflow: hidden;
    background-repeat: no-repeat !important;
    background-position-x: 50% !important; background-position-y: 50% !important; background-size:contain !important;
}
.templet_img_in2:after {
	content: "\e439";
	font-family: 'Material Icons';
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 5rem;
	color: #c0c6d1;
}

.wl_r_preview_n .pre_box1{width:100%; background-color:#373535; text-align: center; line-height: 1; }
.wl_r_preview_n .pre_box1 .pre_tit{color:#fff; font-size: 25px; padding:10px 20px 5px 20px; text-overflow: ellipsis;  white-space: nowrap; word-wrap: normal; overflow: hidden;}
.wl_r_preview_n .pre_box1 .pre_date{color:#ffec00; font-size: 18px; padding:0 20px 10px 20px; text-overflow: ellipsis;  white-space: nowrap; word-wrap: normal; overflow: hidden;}
.wl_r_preview_n .pre_box2{width:94%; margin:320px 3% 0% 3%; display: inline-block; border-radius: 5px;  z-index: 101; position: relative;}
.wl_r_preview_n .pre_box2.mg_t0{margin:3% !important;}
.wl_r_preview_n .pre_box2 dl{width:100%; position: relative; padding:0; border-radius:5px; margin-bottom:5px; clear: left; display: inline-block; background-color: #fff;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+1) dt{width:165px; float: left;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+2) dt{width:165px; float: right;}
.wl_r_preview_n .pre_box2 dl dt{position: relative;}
.wl_r_preview_n .pre_box2 dl dt img{width:100%; border-radius: 5px;}
.wl_r_preview_n .pre_box2 dl dt .templet_img_in3{background-repeat: no-repeat !important; background-position-x: 50% !important; background-position-y: 50% !important; background-size:contain !important; border-radius:0 5px 0 0; z-index:1000; position: relative; min-width:165px; min-height:165px;  display: inline-block; overflow: hidden;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+1) dt .templet_img_in3{float:left; border-radius: 5px 0 0 0;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+2) dt .templet_img_in3{float:right;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+1) dd{width:calc(100% - 165px); float: left; padding-left:10px; }
.wl_r_preview_n .pre_box2 dl:nth-child(2n+2) dd{width:calc(100% - 165px); float: right; padding-right:10px;}
.wl_r_preview_n .pre_box2 dl dd ul{margin:15px 0;}
.wl_r_preview_n .pre_box2 dl dd ul li{line-height:1;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+2) dd ul li{text-align: right;}
.wl_r_preview_n .pre_box2 dl dd ul .price1{font-size:22px; text-decoration:line-through; opacity: 0.5;}
.wl_r_preview_n .pre_box2 dl dd ul .price2{font-size:50px; color:#cf0000; font-weight: bold;}
.wl_r_preview_n .pre_box2 dl dd ul .name{font-size:22px; margin-top:5px; line-height:1.2;}
.wl_r_preview_n .pre_box2 dl dd ul .name span:first-child{font-weight:600;}
.wl_r_preview_n .pre_box2 dl dd ul li .pop_option{max-width:95%; font-size:15px; display:inline-block; margin-top:8px; background-color: #ffdf2b; padding:4px 8px 5px; color:#000; border-radius:10px;}

.wl_r_preview_n .pre_box3{width:100%;}
.wl_r_preview_n .pre_tit img{width:100%;}
.wl_r_preview_n .pop_list_wrap{width:100%; display:flex; flex-wrap:wrap; padding:5px 0 25px 0; background-color: #fff; margin-bottom:-5px;}
.wl_r_preview_n .pre_box3 .pop_list01 .templet_img_in3{background-repeat: no-repeat !important; background-position-x: 50% !important; background-position-y: 50% !important; background-size:contain !important; z-index:9999; position: relative; min-width:155px; min-height:155px; display: inline-block; overflow: hidden;}
.wl_r_preview_n .pre_box3 .pop_list03 .templet_img_in3{background-repeat: no-repeat !important; background-position-x: 50% !important; background-position-y: 50% !important; background-size:contain !important; z-index:9999; position: relative; min-width:115px; min-height:115px; display: inline-block; overflow: hidden;}
.wl_r_preview_n .pre_box3 .pop_list04 .templet_img_in3{background-repeat: no-repeat !important; background-position-x: 50% !important; background-position-y: 50% !important; background-size:contain !important; z-index:9999; position: relative; min-width:100px; min-height:100px; display: inline-block; overflow: hidden;}

.wl_r_preview_n .pre_box4{width:100%; display: inline-block;}
.wl_r_preview_n .pre_box4 .pre_tit img{width:100%;}
.wl_r_preview_n .pre_box4 .pop_list_wrap{width:100%; display:flex; flex-wrap:wrap; padding:10px 0 5px; background-color:#d9d9d9;}
.wl_r_preview_n .pre_box2 dl:first-child dt .sale_badge{top:0 !important;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+1) dt .sale_badge{position:absolute; top:0; left:10px;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+2) dt .sale_badge{position:absolute; top:0; right:10px;}
.wl_r_preview_n .pre_box2 dl dt .sale_badge{width:63px; height:79px; padding-top:41px; text-align:center; color:#fff; font-size:25px; font-weight: bold; z-index:2000; background-image: url(/dhn/images/sale_badge_bg.jpg); background-size: 100%;}
.wl_r_preview_n .pre_box2 dl dt .sale_badge span{font-size: 0.6em;}

.wl_main_goods .sale_badge{width:50px; height:63px; padding-top:35px; text-align:center; color:#fff; font-size:18px; font-weight: bold; z-index:2000; background-image: url(/dhn/images/sale_badge_bg.jpg); background-size: 100%;}
.wl_main_goods .sale_badge span{font-size: 0.6em;}
.wl_main_goods .design_badge{width:50px; position:absolute; top:5px; left:5px; z-index:2000;}
.wl_main_goods .design_badge img{width:100%;}

.wl_img_goods .sale_badge{width:50px; height:63px; padding-top:35px; text-align:center; color:#fff; font-size:18px; font-weight: bold; z-index:2000; background-image: url(/dhn/images/sale_badge_bg.jpg); background-size: 100%;}
.wl_img_goods .sale_badge span{font-size: 0.6em;}
.wl_img_goods .design_badge{width:50px; position:absolute; top:5px; left:5px; z-index:2000;}
.wl_img_goods .design_badge img{width:100%;}

.wl_r_preview_n .pre_box2 dl dt .design_badge{width:70px; position:absolute; top:5px; z-index:2000;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+1) dt .design_badge{left:5px;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+2) dt .design_badge{right:5px;}
.wl_r_preview_n .pre_box2 dl dt .design_badge img{width:100%;}
.wl_r_preview_n .pre_box3 .pop_list01 .design_badge{width:60px; position:absolute; top:0; left:5px; z-index:10000;}
.wl_r_preview_n .pre_box3 .pop_list01 .design_badge img{width:100%;}
.wl_r_preview_n .pre_box3 .pop_list01 .sale_badge{ z-index:10000; position:absolute; top:0; left:5px; width:55px; height:69px; padding-top:35px; text-align:center; color:#fff; font-size:23px; font-weight: bold; background-image: url(/dhn/images/sale_badge_bg.jpg); background-size: 100%;}
.wl_r_preview_n .pre_box3 .pop_list01 .sale_badge span{font-size: 0.6em;}

.wl_r_preview_n .pre_box_wrap:first-child{min-height:388px;}

.wl_r_preview_n .pre_box2 dl:nth-child(2n+1) .icon_add_cart{width:100%; height: 100%; z-index:9999; cursor: pointer; position: absolute; top:0; left: 0; right:0;  text-indent:-1000px; background: url(/images/icon_add_cart3.png) no-repeat; background-position:97% 90%; background-size:10%;}
.wl_r_preview_n .pre_box2 dl:nth-child(2n+2) .icon_add_cart{width:100%; height: 100%; z-index:9999; cursor: pointer; position: absolute; top:0; left: 0; right:0; text-indent:-1000px; background: url(/images/icon_add_cart3.png) no-repeat; background-position:97% 90%; background-size:10%;}

.wl_r_preview_n .pre_box3 .pop_list01 .icon_add_cart {width:100%; height: 100%; z-index:10000; cursor: pointer; position: absolute; top:0; left: 0; right:0;  text-indent:-1000px; background: url(/images/icon_add_cart3.png) no-repeat; background-position:90% 45%; background-size:18%;}
.wl_r_preview_n .pre_box3 .pop_list03 .icon_add_cart {width:100%; height: 100%; z-index:10000; cursor: pointer; position: absolute; top:0; left: 0; right:0;  text-indent:-1000px; background: url(/images/icon_add_cart3.png) no-repeat; background-position:90% 38%; background-size:28%;}
.wl_r_preview_n .pre_box3 .pop_list04 .icon_add_cart {width:100%; height: 100%; z-index:10000; cursor: pointer; position: absolute; top:0; left: 0; right:0;  text-indent:-1000px; background: url(/images/icon_add_cart3.png) no-repeat; background-position:90% 35%; background-size:35%;}

.pop_list02.cartplus{margin-bottom:10px; position: relative;}
.pop_list02.cartplus_t{width:88%; margin:0 2% 2% 2%; position: relative;}
.pop_list02 .icon_add_cart{width:109%; height: 100%;  background: url(/images/icon_add_cart5.png) no-repeat; background-position:center right; background-size:8%; float: left; text-indent:-1000px; position: absolute; top:0; right:-10%;}

.soldout:after {
	content: "품절";
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  z-index: 100;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	justify-content: center;
	align-items: center;
	background: rgba(0,0,0,0.7);
} */

/* 스마트몰 240624 */
.wrap_mallmaker .s_tit {
    padding: 20px 25px 0 25px;
}

.wrap_mallmaker.wrap_setting {
}
.wrap_mallmaker.wrap_setting > .s_tit{
    display: flex;
    align-items: center;
    margin-bottom:20px;
}
.wrap_mallmaker.wrap_setting > .s_tit .btn_pre_view{
    height:34px;;
    margin:3px 0 0 20px;
    padding: 5px 20px;
    font-size:14px;
    color: #fff;
    border-radius: 4px;
    background-color: #333;
    /* background-color: var(--color_primary2); */
}
.wrap_mallmaker.wrap_setting .use_choice{
    width: fit-content;
    padding-right: 12px;
}
.wrap_mallmaker.wrap_setting .s_tit + .use_choice{
    position: absolute;
    left: 822px;
    top: 87px;
}

.wrap_mallmaker.wrap_setting .wrap_slide_img dl {
    display: flex;
    flex-direction: column;
    width: 45%;
    padding: 0px;
}
.wrap_mallmaker.wrap_setting .wrap_slide_img dl:nth-child(2n){
    margin-left: 10%;
}
.wrap_mallmaker.wrap_setting .wrap_slide_img dd {
    width: 100%;
    margin-top: 15px;
}
 .wrap_mallmaker.wrap_setting label[for="logo_file"],
 .wrap_mallmaker.wrap_setting label[for="mslide_file"]{
     display: inline-block;
     position: relative;
 }
 .wrap_mallmaker.wrap_setting .btn_clear{
     position: absolute;
     top:0;
     right:0;
     width:32px;
     height:30px;
     line-height: 30px;
     color: #fff;
     background-color: #11111166;
     border-radius: 0 0 0 10px;
     z-index: 1;
}
 .wrap_mallmaker.wrap_setting .btn_clear:hover{
     background-color: #11111144;
}
 .wrap_mallmaker.wrap_setting .wrap_main_img{
     padding:20px 50px 40px;
 }
 .wrap_mallmaker.wrap_setting ul.plan_set li{
    margin: 0px 0 20px;
}
 .wrap_mallmaker.wrap_setting li.under_line{
     padding-bottom:20px;
     border-bottom:1px dotted #ddd;
 }
 .wrap_mallmaker.wrap_setting .gb_box li.under_line{
     padding-bottom:15px;
 }
.templet_img_in:after {
    top: 45%;
}
#main_template:after {
    display: none;
}
#main_template .btn_clear{
    bottom:0px;
}
button#dh_myBtn{
    display: block;
    width: 100%;
    height: 100%;
    /* padding-bottom:20px; */
    font-size:14px;
    background: none;
}


.wrap_mallmaker.wrap_setting .tit_box + .btn_al_cen{
    padding-top:30px;
    border-top:1px dotted #ccc;
}
.wrap_mallmaker.wrap_setting dl.delivery_set{
    --delivery_set_dt: 130px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:5px;
    margin: 0 0 0;
    padding:0 0;
}
.wrap_mallmaker.wrap_setting .delivery_set dt{
    width:130px;
}
.wrap_mallmaker.wrap_setting .delivery_set dd{
    display: flex;
    align-items: center;
    position: relative;
    width:calc(100% -  140px);
}

.wrap_mallmaker.wrap_setting .delivery_set dt{
    width:var(--delivery_set_dt);
}
.wrap_mallmaker.wrap_setting .delivery_set dd{
    width:calc(100% - var(--delivery_set_dt) - 10px);
}


.wrap_mallmaker.wrap_setting .order_set{
    display: flex;
    flex-direction: column;
}
.wrap_mallmaker.wrap_setting .order_set li{
    display: flex;
    align-items: center;
    gap:5px;
    margin: 0px 0 20px;
}
.wrap_mallmaker.wrap_setting .order_set .tit {
    width: 110px;
    font-size: 16px;
}
.wrap_mallmaker.wrap_setting .order_set .under_line {
    margin-top:-8px;
    color:#888;
}
.wrap_mallmaker.wrap_setting .order_set .under_line .text {
    margin-top:0;
}

.wrap_mallmaker.wrap_setting .plan_stit {
    margin:50px 0 15px;
    padding-bottom:8px;
    font-size:18px;
    color: var(--color_primary2);
    border-bottom: 1px solid var(--color_primary2);
    font-weight: 600;
}
#delivery_area_wrap {
    /* display: flex;
    flex-wrap: wrap;
    gap: 15px; */
}
.delivery_area_item{
    display: flex;
    float: left;
    margin-right:10px;
}

#delivery_settings_container button.btn_remove{
    width: 32px;
    height: 34px;
    margin-left:-1px;
    border: 1px solid #dedede;
}
#delivery_settings_container button.btn_remove .material-icons {
    margin-top: -4px;
    font-size: 18px;
}
#delivery_settings_container .delivery_time_wrap{
     display: flex;
     align-items: center;
     gap: 5px;
     margin-bottom: 10px;
 }
#delivery_settings_container .text{
    margin:0;
}
#delivery_settings_container button.btn{
    padding: 5px 10px;
    font-size: 13px;
    background-color:  rgb(240, 240, 240);
    border-radius: 3px;
    border: 1px solid #ddd;
}
#delivery_settings_container button#deliv_area_add{
    float:left;
    height: 34px;
}
#delivery_settings_container .add_set {
    clear: both;
    width: 100%;
    margin-top:10px;
}
#delivery_settings_container .delivery_time_wrap button.btn_remove{
    margin-left:-6px;
 }
#delivery_settings_container dd.delivery_pick_wrap{
    gap:5px;
}
#delivery_settings_container dd.delivery_pick_wrap .span_pick_time{
    margin-left:15px;
    font-size:18px;
}

.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods {
    margin-top: 10px;
    border: solid 1px var(--color_primary2);
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .tit_box1 .tit {
    width: fit-content;
    margin-right: 20px;
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set {
    display: flex;
    flex-direction: column;
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:5px;
    position: relative;
    width:100%;
    margin: 0px 0 15px;
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set li:last-child{
    margin: 0px 0 0;
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set li .tit{
    margin-right:20px;
    font-size: 14px;
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set li .chk_alltime,
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set li .chk_alltime .checkmark,
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set li .chk_alltime .chk_alltime_txt {
    display: flex;
    align-items: center;
    gap:5px;
    position: relative;
    top: 0;
    left: 10px;
    font-size: 15px;
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set li .chk_alltime .checkbox_container {
    width:auto;
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set li input[id^="plan_title"],
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .plan_set li input[id^="plan_detail"]{
    width:100%;
    padding-left:10px;
    background-color: #f9f9f9 !important;
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .btn_plan {
    padding: 10px 20px;
    color: #fff;
    background-color: var(--color_primary2);
    border-radius: 5px;
}
.wrap_mallmaker.wrap_setting div[id^="plan_list"] .wl_main_goods .btn_plan_save {

}
.wrap_mallmaker.wrap_setting div[id^="plan_goods_list"] ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.wrap_mallmaker.wrap_setting div[id^="plan_goods_list"] li{
    display: flex;
    justify-content:space-between;
    padding-bottom: 10px;
    align-items: center;
    border-bottom:1px solid #ddd;
}
.wrap_mallmaker.wrap_setting div[id^="plan_goods_list"] li:not(:has(.plan_item_in)){
    justify-content: center;
    padding:10px 0 25px;
    font-size:14px;
    color:#999;
}
.wrap_mallmaker.wrap_setting div[id^="plan_goods_list"] li .plan_item_in{
    display: flex;
    gap: 10px;
    align-items: center;
}
.wrap_mallmaker.wrap_setting div[id^="plan_goods_list"] li .plan_item_in button{
    padding:5px 10px;
    border-radius: 3px;
    border:1px solid #ddd;
}


.chk_free{position:absolute; top:5px; left:245px;}
.chk_free_txt{position:absolute; top:6px; left:240px; font-size:15px; color:#000;}
.chk_free .checkmark{border-radius:0; width:25px; height:25px; top: -14px; left: -35px;}
.chk_free .checkbox_container .checkmark:after{top:5px; left:9px;}

.wrap_mallmaker.warp_category .box_wrap {
	display: flex;
}
.wrap_category_all {
    display: flex;
    gap: 20px;
    margin-bottom:50px;
    counter-reset: category-all;
}
.wrap_category_all .row_box {
    position: relative;
    width:calc(100% / 3);
    counter-increment: category-all;
}
.wrap_category_all .row_box::before {
    content: counter(category-all) "차";
}
.wrap_category_all .row_box:not(:last-child){
    border-right:1px solid #eee;
}
.wrap_category_all .row_box:not(:last-child)::after{
    content: "▶";
    position: absolute;
    top:50%;
    right:-18px;
    width:36px;
    height:36px;
    line-height: 36px;
    font-size:12px;
    color:#ccc;
    font-family: "Font Awesome 5 Free";
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 50px;
}
.wrap_category_all .row_box::before{
    position: absolute;
    top:-30px;
    right:-1px;
    width:45px;
    height:30px;
    line-height: 30px;
    font-size:13px;
    color:#fff;
    text-align: center;
    background-color: var(--color_primary2);
    border-radius: 3px;
}
.wrap_category_all .row_box li{
    border:none;
}

.wrap_category + .dh_modal{
    padding-top: 120px;
}
.wrap_category + .dh_modal .modal-content{
    width: 400px;
    height: 260px;
    padding: 40px 50px;
}
.wrap_category + .dh_modal .modal-content .change_type{

}
.wrap_category + .dh_modal .modal-content .change_type h5{
    padding-bottom:10px;
    font-size: 18px;
    text-align: left;
    border-bottom:1px solid #eee;
}
.wrap_category + .dh_modal .modal-content .change_type .change_type_sel{
    display: flex;
    align-items: center;
    margin:20px 0;
    padding:5px 0 20px 10px;
    font-size: 15px;
    border-bottom:1px solid #eee;
}
.wrap_category + .dh_modal .modal-content .change_type .change_type_sel input{
    cursor: pointer;
}
.wrap_category + .dh_modal .modal-content .change_type .change_type_sel label{
    margin-right:20px;
    padding-left:5px;
    cursor: pointer;
}
.wrap_category + .dh_modal .modal-content input[type="button"]{
    margin:0 3px;
    cursor: pointer;
}
.wrap_category + .dh_modal .modal-content input[value="저장"]{
    background-color: var(--color_primary);
}


/* .box_wrap .box_left {
	flex: 0 0 440px;
	border: 1px solid #dedede;
}
.box_wrap .box_right {
	flex: 1;
	margin-left: 15px;
	border: 1px solid #dedede;
}
.box_wrap .box_top {
	border-bottom: 1px solid #dedede;
	padding: 10px;
}
.box_wrap .box_body {
	padding: 0;
	max-height:1000px;
	overflow-y: auto;
}
.box_wrap .box_footer {

} */

.category_list > li {
	padding: 5px 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
}
.category_list > li .goods_count::after {
    content: '(' attr(data-goods-count) ')';
}
.category_sub_list > li {
	font-size: 13px;
	font-weight: 400;
}
.category_list > li:not(:first-of-type) {
    border-top: 1px dotted #ddd;
}
/* ul[class^="category_list"] > li:nth-child(2n) {
    background: #f9f9f9;
} */
.category_list > li input[type="button"]{
    height: 28px;
    margin-left:3px;
    font-size: 12px;
    color: #111;
    background-color: #eee;
    border-color: #ddd;
    border-radius: 3px !important;
    cursor: pointer;
}
.category_list > li input[value="진열"]{
    margin-left:10px;
    color: #111;
    background-color: var(--color_primary);
    border-color:var(--color_primary);
}
.category_list > li input[value="숨김"]{
    margin-left:10px;
    color:#fff;
    background-color: var(--color_secondary2);
    border-color: var(--color_secondary2);
}
.category_list > li.selected {
	background: #f8f8f8;
}
.category_sub_list {
    width:auto;
    margin-top: 10px;
    margin-left: 25px;
    padding: 5px 8px 5px;
    border: 1px solid #f3f3f3;
    background: #f6f6f6;
    /* border: 1px solid #eee;
    background: #fff; */
}
.category_list ul[data-depth="2"]{
    margin-bottom:10px;
}
.category_list ul[data-depth="2"] > li:not(:first-child){
    padding-top:15px;
}
.category_list ul[data-depth="3"]{
    margin-bottom:5px;
    padding:5px 15px;
    border: 1px solid #eee;
    background: #fff;
}
.category_sub_list:not(:has(li)) {
    display: none;
}

:is(#category_all, #category_all_sub, #category_all_sub_sub) > li {
	padding: 10px 0px 6px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
    border-bottom:1px dotted #ddd;
}
:is(#category_all, #category_all_sub, #category_all_sub_sub) > li:not(:has(a .material-icons)) {
    cursor: default;
}
:is(#category_all, #category_all_sub, #category_all_sub_sub) > li input[type="button"] {
    cursor: pointer;
}

/*
.sub_category_edit > ul .li_sc_category_list {
	margin-bottom: 10px;
	border:solid 1px #ddd;
	padding:5px;
	border-radius:3px;
	width:340px;
	display: inline-block;
}
.sub_category_edit .li_sc_category_list.w315{width:315px !important;}
.sub_category_edit .li_sc_category_list.w298{width:298px !important; margin-left:70px;}
.sub_category_edit > ul .li_sc_category_list input{font-size: 12px; height: 28px;}
.sub_category_edit .li_sc_category_list{position: relative;}
.sub_category_edit > ul .li_sc_category_list .btn_cate_plus{
	position: absolute;
	top:0;
	right:5px;
}
.mg_mi{margin-left:25px;}
.sub_category_edit > ul > li:hover{background: #;}
.sub_category_edit .sub_cate_input {
	width: 150px;
	height: 28px;
	font-size: 12px;
}


.btn_cate_plus {
	display: inline-block;
	vertical-align: middle;
}
.btn_cate_plus:hover {

}
.btn_cate_plus:before {
	content: "\e146";
	font-family: 'Material Icons';
	display: inline-block;
	font-size: 24px;
}
.btn_cate_edit {
	display: inline-block;
	border: 1px solid #dedede;
	text-align: center;
	line-height: 24px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
}
.btn_cate_edit:hover {
	background: #494949;
	color: #fff;
}
.btn_cate_edit:before {
	content: "\e3c9";
	font-family: 'Material Icons';
	display: inline-block;
	vertical-align: middle;
}
.btn_cate_del {
	display: inline-block;
	border: 1px solid #dedede;
	text-align: center;
	line-height: 28px;
	width: 28px;
	height: 28px;
	background: #f8f8f8;
	margin-left: -1px;
	vertical-align: middle;
}
.btn_cate_del:hover {
	background: crimson;
	border: 1px solid crimson;
	color: #fff;
}
.btn_cate_del:before {
	content: "\e14c";
	font-family: 'Material Icons';
	display: inline-block;
	vertical-align: middle;
}
.btn_cate_hidden {
	display: inline-block;
	border: 1px solid #dedede;
	text-align: center;
	width: 50px;
	height: 28px;
	background: #f8f8f8;
	margin-left: -1px;
	vertical-align: middle;
	border-radius: 3px;
}
.btn_cate_hidden:hover {
	background: crimson;
	border: 1px solid crimson;
	color: #fff;
}
.btn_cate_hidden:before {
	content: "메뉴숨김";
	font-size:11px;
	display: inline-block;
	vertical-align: middle;
}
.btn_cate_hidden.hidden_on{ background: #404040; color:#fff; border:solid 1px #404040;} */


table.order>thead>tr>th {
    padding: 5px;
    line-height: 1.2;
}
table.order td input::placeholder {
    opacity: 0.6;
}
table.order td button {
    /* height: 28px;
    padding:3px 10px;
    font-size: 12px;
    color: #111;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-radius: 3px !important;
    cursor: pointer; */
}
table.order td i[class="xi-won"]{
    display: none;
}

.wrap_mallmaker_goods table.order td button {
    height: 26px;
    line-height: 1;
    padding: 0 5px;
    border:1px solid #e9e9e9;
}
.wrap_mallmaker_goods table.order td.tl div:not(:first-child) {
    margin-top:2px;
}

.btn.md.excel{
    display: inline-block;
    line-height: 30px;
}

#delete_all_goods_btn {
    color: white;
    background-color: #ec0000;
}

.wrap_goods .white_box.mg_t10.mg_b50 table{background: #fbfbfb; border: 1px solid #ddd;}
.wrap_goods .white_box.mg_t10.mg_b50 table td{padding:30px 10px; border:none;}
.wrap_goods .event_badge{display: none;}


.wrap_goods .white_box.mg_t10.mg_b50 table td img{
    border: 1px solid #ddd;
    height: 36px;
}
.wrap_goods .white_box.mg_t10.mg_b50 table td button{
    height: 34px;
    padding:0px 15px;
    line-height: 1;
    border-radius: 3px;
}
.wrap_goods .white_box.mg_t10.mg_b50 table td button.templet_img_delete{
    height: 24px;
    padding:2px 0;
    border-radius: 3px;
}
.wrap_goods .white_box.mg_t10.mg_b50 table td button[onclick="goods_new()"]{
    margin-right:5px;
    background: var(--color_primary);
}

.templet_img_wrap {
    position: relative;
    width: 100%;
    height: 55px;
}
.templet_img_wrap div[onclick]{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.templet_img_wrap div[onclick]::after {
    content: "\e439";
    font-family: 'Material Icons';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2.0rem;
    color: #aaa;
    opacity: 0.4;
}
.templet_img_wrap div[onclick]:hover::after {
    opacity: 1;
}
.templet_img_wrap div[onclick]:not(:empty)::after{
    display: none;
}
.templet_img_wrap .templet_img_delete {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    height: 30%;
    padding: 2px 0;
    margin-top: 0;
    line-height: 1;
    color:#fff;
    background-color: #555;
    border-radius: 0 0 0 0.3rem;
    z-index: 1000;
    opacity: 0.6;
}
.templet_img_wrap .templet_img_in:has(img[style*="none"]) ~ .templet_img_delete {
    z-index: 1;
}
.templet_img_wrap .templet_img_delete:hover {
    opacity: 1;
}
.templet_img_wrap div[onclick]:empty + .templet_img_delete{
    display: none;
}

.mallmaker_menu li span.material-icons{
    color: var(--color_secondary2);
    position: inherit;
    font-size: 18px;
    margin-right: 4px;
    opacity: 0.9;
}
.mallmaker_menu li a.sm_on span.material-icons{
    color: var(--color_primary2);
}
.mallmaker_menu li a.sm_on{
    color: #000;
    cursor: default;
}

#append_list td input {padding:0 5px;}
#append_list td:nth-child(n+6) input {text-align: right;}
#append_list td .btn {font-size: 12px;}

label:has(> .toggle_switch) {
    position: relative;
    width: max-content;
    display: inline-block;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    user-select: none;
}
.toggle_switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 2.2em;
    height: 1.25em;
    border-radius: 99em;
    background-color: gray;
}
.toggle_switch::after {
    --10%: 0.125em;
    content: '';
    position: absolute;
    right: calc(100% - 0.125em);
    height: calc(100% - 0.25em);
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    background-color: white;
    transition: all 200ms;
    transition-property: right, transform;
    transform: translateX(100%);
}
input:checked + .toggle_switch {
    background-color: var(--color_secondary);
}
input:checked + .toggle_switch::after {
    right: 0.125em;
    transform: translateX(0);
}

.checkbox_container.no-full {
    width: 20px;
}


/* 쿠폰만들기 */
.wrap_ease_coupon{
    --maker_width:650px;
    position: relative;
}
.wrap_ease_coupon img{
    width:100%;
}
/* .wrap_ease_coupon .inner_tit{
    display: flex;
    align-items: center;
}
.wrap_ease_coupon .tab_btn_view_list {
    position: relative;
    right: auto;
    top: auto;
    width:fit-content;
    margin-left:40px;
}
.wrap_ease_coupon .tab_btn_view_list a{
    height: 40px;
} */
.wrap_ease_coupon .maker_ease_coupon{
    position: relative;
    width: var(--maker_width);
    padding: 25px 50px 25px;
    border-radius: 10px;
    background-color: #fff;
    border: solid 1px #ccc;
}
.wrap_ease_coupon .select_type label {
    font-size: 16px;
    font-weight: 600;
}
.wrap_ease_coupon .select_type select {
    border: 1px solid var(--color_secondary2);
}

.maker_ease_coupon #body_area {
    margin-top:15px;
    padding-top:5px;
    border-top:1px dotted var(--color_secondary2);
}
.maker_ease_coupon li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding:10px 0;
    border-bottom:1px dotted #eee;
}
.maker_ease_coupon .area li:last-child {
    border-bottom:none;
}
.maker_ease_coupon select,
.maker_ease_coupon li input[type="radio"]{
    cursor: pointer;
}
.maker_ease_coupon .select_type label:first-child,
.maker_ease_coupon li > span:first-child,
.maker_ease_coupon li > label:first-child{
    display: inline-block;
    width:120px;
}
.maker_ease_coupon li input + label{
    margin:0 30px 0 4px;
    cursor: pointer;
}
.maker_ease_coupon li #use_area,
.maker_ease_coupon li #count_area,
.maker_ease_coupon li #ad_area{
    display: block;
    margin:5px 0 0 120px;
    padding: 5px 10px;
    background-color: #f5f5f5;
}
.maker_ease_coupon li #use_area input,
.maker_ease_coupon li #count_area input,
.maker_ease_coupon li #ad_area input{
    width: 160px;
    height: 28px;
    margin:2px 0 2px 3px;
    padding: 0 10px;
}
.maker_ease_coupon li .templet_img_box {
    display: flex;
    align-items: center;
    width: 100px;
    height: 100px;
}

.wrap_ease_coupon input[onclick="save()"] {
    height: auto;
    margin:30px 0 0 270px;
    padding:8px 40px;
    font-size:16px;
    color: #fff;
    border-radius: 5px !important;
    background-color: var(--color_primary2);
}

/* 쿠폰 미리보기_ coupon_view.css */
.view_ease_coupon {
    --preview_width: 370px;
    display: flex;
    flex-wrap: wrap;
    gap:30px;
    position: absolute;
    top: 109px;
    left: calc(var(--maker_width) + 110px);
    width: calc(var(--preview_width) + 17px);
    height:auto;
    z-index: 1;
}


.goods_append_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap:20px 15px;
    margin: 10px 0 30px 0 !important;
}
.goods_append_list li.img_select {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 110px !important;
    height: 200px !important;
    margin: 0 !important;
}
.goods_append_list li.img_select input {
    height: 110px !important;
}

.library_append_list li.img_select input + label,
.goods_append_list li.img_select input + label {
    visibility: hidden;
}
.goods_append_list li.img_select input:checked + label {
    height: 110px;
}
.goods_append_list li.img_select input:checked + label:before {
    top: 5px;
    left: 5px;
    bottom: auto !important;
    right: auto !important;
}
.goods_append_list li.img_select .thumb_img {
    width: 110px !important;
    height: 110px !important;
}
.add_plan_goods_list .modal-content {
    width: 800px;
    padding: 40px 50px;
}
.add_plan_goods_list .modal-content .search_input {
    margin-bottom: 10px;
    padding: 15px 0;
}
.add_plan_goods_list .goods_append_list{
    flex-direction: column;
    gap: 5px 0;
    margin: 0px 0 20px 0 !important;
}
.add_plan_goods_list .goods_append_list li{
    flex-direction: row;
    gap:15px;
    position: relative;
    width: 100% !important;
    height: auto !important;
    padding-bottom:5px;
    font-size: 14px;
    border-bottom:1px dotted #ddd;
}
.add_plan_goods_list .goods_append_list li.img_select .thumb_img {
    width: 35px !important;
    height: 35px !important;
}
.add_plan_goods_list .goods_append_list li.img_select input {
    height: auto !important;
}
.add_plan_goods_list .goods_append_list li.img_select button:last-child{
    position: absolute;
    right: 0px;
    padding:5px 10px;
    border:1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
}

.card_wrap.cardlist .white_box,
.card_wrap.cardlist .white_box > div{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap:5px;
}
.card_wrap.cardlist .white_box > div #username{
    margin-right:20px;
}
.card_wrap.cardlist .white_box #append_list{
    width:100%;
}
.card_wrap.cardlist .white_box #append_list .table_top{
    display: flex;
    gap:5px;
}


/* 태국어 */
.wrap_category.wrap_TH{
    padding: 30px 40px;
}
.wrap_category.wrap_TH .s_tit {
    /* padding: 20px 15px 0 0px; */
}
.wrap_category.wrap_TH .write_leaflets {
    /* padding: 0 0 0 0px; */
}

.wrap_setting.wrap_TH .write_leaflets .wl_lbox,
.wrap_category.wrap_TH .write_leaflets .wl_lbox {
    width: calc(100% - 420px);
}
.wrap_category.wrap_TH .write_leaflets .wl_lbox .tit_box {
    padding-top: 30px;
}
.wrap_category.wrap_TH .write_leaflets .wl_rbox {
    top: 133px;
    /* left: 1300px; */
    left: auto;
    right:0;
    height: calc(100% - 150px);
}

.wrap_category.wrap_TH .wl_main_goods {
    padding: 40px 25px;
}
.wrap_category.wrap_TH .wl_main_goods:has(.row_box) {
    padding: 50px 25px 30px;
}
.wrap_category.wrap_TH .wrap_category_all .row_box::before {
    content: "ขั้นที่ " counter(category-all);
}
.wrap_category.wrap_TH .category_list > li{
    padding: 8px 0;
}
/* 진열 */
.wrap_category.wrap_TH .category_list > li input[value="การจัดแสดง"]{
    margin-left:10px;
    color: #111;
    background-color: var(--color_primary);
    border-color:var(--color_primary);
}
/* 숨김 */
.wrap_category.wrap_TH .category_list > li input[value="ซ่อน"]{
    margin-left:10px;
    color:#fff;
    background-color: var(--color_secondary2);
    border-color: var(--color_secondary2);
}
.wrap_mallmaker.wrap_setting.wrap_TH > .s_tit .btn_pre_view {
    /* margin: 3px 0 0 10px; */
}
.wrap_mallmaker.wrap_setting.wrap_TH .s_tit + .use_choice {
    top: 80px;
    /* left: 787px; */
    left: calc(100% - 640px);
}
.wrap_mallmaker.wrap_setting.wrap_TH .chk_alltime{left:495px;}
.wrap_mallmaker.wrap_setting.wrap_TH .chk_alltime_txt{left:490px;}

.wrap_mallmaker.wrap_setting.wrap_TH dl.delivery_set{
    --delivery_set_dt: 200px;
}

.wrap_TH footer {
    text-align: left;
}
.wrap_TH .write_leaflets .wl_rbox {
    height: calc(100% - 100px);
}
.wrap_TH .wl_rbox .fix_bar_up {
    top: calc(100% - 90px);
}


/* 이즈업 소개 */
.genie_wrap:has(.wrap_mallmaker_info.wrap_ko) .header,
.genie_wrap:has(.wrap_mallmaker_info.wrap_ko) ~ footer,
.genie_wrap:has(.wrap_mallmaker_info.wrap_ko) .snb.sidebar{
    display: none;
}
.genie_wrap:has(.wrap_mallmaker_info.wrap_ko) .genie_container{
    background: none;
}
.genie_wrap:has(.wrap_mallmaker_info.wrap_ko) .genie_container .contents_wrap{
    clear: both;
    width: 100%;
    background: none;
}
#mArticle.wrap_mallmaker_info{
    --color_mi_01: #b4368e;
    width: 100%;
    padding:0;
}
.wrap_mallmaker_info img{
    width:100%;
}
.wrap_mallmaker_info .mallmaker_info_top{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    line-height: 36px;
    padding: 20px 0 20px;
    /* border-bottom: 1px solid #ddd; */
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    z-index: 2;

}
.wrap_mallmaker_info .mallmaker_info_top .mi_top_in{
    display: flex;
    justify-content: space-between;
    width:1330px;
    margin:0 auto;
}
.wrap_mallmaker_info .mallmaker_info_top h3 img{
    width:140px;
}
.wrap_mallmaker_info .mallmaker_info_top .mallmaker_info_gnb{
    display: flex;
    gap:70px;
    font-size: 16px;
    font-weight: 600;
}
.wrap_mallmaker_info .mallmaker_info_top .mallmaker_info_gnb a[href^="/login/logout"]{
    margin-left: -30px;
}
.wrap_mallmaker_info .mallmaker_info_top .mallmaker_info_gnb a:hover{
    color:var(--color_secondary2);
}
.wrap_mallmaker_info button{
    display: flex;
    width: fit-content;
}
.wrap_mallmaker_info .mi_btn{
    line-height: 36px;
    padding:0 20px;
    font-size: 14px;
    color:#fff;
    background-color: var(--color_primary2);
    border-radius: 30px;
}
.wrap_mallmaker_info .btn_01{
    margin-top:30px;
    padding:7px 50px 10px;
    font-size: 20px;

}
.wrap_mallmaker_info .bg_pk{
    background-color: var(--color_mi_01);
}
.wrap_mallmaker_info .btn_apply{
    position: fixed;
    bottom:140px;
    right:80px;
    padding: 7px 30px 10px;
}
.wrap_mallmaker_info .btn_pdf{
    position: fixed;
    bottom:205px;
    right:80px;
    padding: 7px 30px 10px;
    /* background:#fff;
    color:#333;  */
}
.wrap_mallmaker_info .color_pk{
    color: var(--color_mi_01);
}
.mallmaker_info [id^="link_"]{
    scroll-margin-top: 50px; /* 상단 여백 */
}
.mallmaker_info #apply_easeup{
    scroll-margin-top: 130px; /* 상단 여백 */
}

.mallmaker_info {
    margin-top:73px;
}
/* .mallmaker_info h4, */
.mallmaker_info h5,
.mallmaker_info h6{
    line-height: 1.4;
}
.mallmaker_info section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
    gap:10px;
    position: relative;
    width: 1200px;
    margin:0 auto;
    padding: 30px 0px 20px;
    text-align: center;
}
.mallmaker_info section h4{
    margin:0 0 5px;
    font-size:40px;
}
.mallmaker_info section h5{
    /* margin:0 0 10px; */
    line-height: 1.6;
    font-size:22px;
    font-weight: 400;
    text-align: center;
    opacity: 0.5;
}
.mallmaker_info section h6{
    font-size:24px;
    color:var(--color_secondary2);
    font-weight: 400;
    text-align: center;
}
.mallmaker_info section figure{
    width:100%;
    margin:50px 0;
    /* border:1px solid #e9e9e9; */
    border-radius: 4px;
    overflow: hidden;
}
.mallmaker_info .full_width,
.mallmaker_info .mi_title {width:100%; padding:0;}
.mallmaker_info .mi_title h4{font-size:48px;}
.mallmaker_info .mi_title h5{font-size:22px; line-height: 1.5;}
.mallmaker_info .mi_title figure{
    width:100%;
    padding: 0;
    margin:0;
    border-radius: 0;
    border:0;
}
.mallmaker_info .marketing_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap:15px 15px;
    width:90%;
    margin-top:50px;
}
.mallmaker_info .marketing_list dl{
    width:calc(100% / 3 - 15px);
    padding:20px 25px 25px;
    text-align: left;
    border:1px solid #ddd;
    border-radius: 15px 0;
}
.mallmaker_info .marketing_list dl:nth-child(2),
.mallmaker_info .marketing_list dl:nth-child(4),
.mallmaker_info .marketing_list dl:nth-child(6),
.mallmaker_info .marketing_list dl:nth-child(8){
    background-color: #f5f5f5;
}
.mallmaker_info .marketing_list dt{
    margin-bottom:10px;
    font-size:18px;
    /* color:var(--color_secondary2); */
    font-weight: 600;
}
.mallmaker_info .marketing_list dd{
    font-size:16px;
    color:#999;
}
.mallmaker_info section.apply_easeup dl{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap:20px 10px;
    width:80%;
    margin-top:20px;
    padding:50px 50px 50px;
    font-size: 18px;
    border:1px solid #ddd;
    background-color: #f9f9f9;
}
.mallmaker_info section.apply_easeup h6{
    margin-top:100px;
}
.mallmaker_info section.apply_easeup dl p{
    width:100%;
    font-size: 15px;
    color:#999;
}
.mallmaker_info section.apply_easeup dt{
    width:120px;
    text-align: left;
    margin-left: 90px;
}
.mallmaker_info section.apply_easeup dd{
    width:calc(100% - 240px);
    text-align: left;
}
.mallmaker_info section.apply_easeup dd input{
    width:80%;
    height:44px;
    line-height:44px;
    font-size:20px;
}
.mallmaker_info .wrap_kakao_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:60px;
    width:100%;
    margin:50px 0 0;
}
.mallmaker_info #add-channel-button{
    /* margin-top:30px; */
}
.mallmaker_info #add-channel-button img{
    height:65px;
    /* border-radius: 50px; */
}
/* .wrap_mallmaker_info .btn_go_top{
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom:140px;
    right:80px;
    width:70px;
    height:70px;
    padding-top:8px;
    font-size:14px;
    font-family: xeicon !important;
    border-radius: 60px;
    opacity: 0.8;
}
.wrap_mallmaker_info .btn_go_top::before{
    content: "\e915";
    position: absolute;
    top:12px;
    font-size:16px;
    opacity: 0.3;
}
.wrap_mallmaker_info .btn_go_top:hover{
    color:var(--color_primary2);
} */
.wrap_mallmaker_info .wrap_youtube{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:80px 50px;

    width:90%;
    margin:30px 0;
    padding:50px 80px;
    border:1px solid #e9e9e9;
    border-radius: 15px;
    background-color: #eee;
    overflow: hidden;
}
.wrap_mallmaker_info .wrap_youtube iframe{
    width:250px;
    height:444px;
    /* width:300px;
    height:533px; */
    /* border:5px solid #ccc; */
    border-radius: 30px;
}
.wrap_mallmaker_info .wrap_info_img{
    display: flex;
    flex-direction: column;
    gap:50px;
    width:900px;
    margin: 60px auto;
}
.wrap_mallmaker_info .wrap_info_tel{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:20px;
    width:100%;
    padding:40px 0 10px;
    font-size: 35px;
    font-weight: 600;
    color:#333;
    /* border-top:1px solid #ddd; */
}
.wrap_mallmaker_info .wrap_info_tel .tel_num{
    padding:5px 50px 10px;
    font-size: 50px;
    font-family:'Spoqa Han Sans';
    color:#fff;
    background-color: var(--color_primary2);
    border-radius:80px;
}

.genie_wrap:has(.wrap_mallmaker_info.wrap_TH) .header{
    display: none;
}
.genie_wrap:has(.wrap_mallmaker_info.wrap_TH) .genie_container{
    background: none;
}
.genie_wrap:has(.wrap_mallmaker_info.wrap_TH) .genie_container .contents_wrap{
    clear: both;
    width: 1200px;
    margin:0 auto;
    background: none;
}
.wrap_mallmaker_info.wrap_TH .form_section .inner_tit {
    margin-top:40px;
}
/* .wrap_mallmaker_info.wrap_TH section{
    margin-bottom:50px;
    padding: 50px 100px;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 10px;
} */
.wrap_mallmaker_info.wrap_TH section div.tit_box{
    padding-top: 70px;
    border-top:1px solid #ddd;
}
.wrap_mallmaker_info.wrap_TH section div.tit_box .tit{
    font-size: 25px;
}
.wrap_mallmaker_info.wrap_TH section div.tit_box:first-child{
    padding-top: 0px;
}
.wrap_mallmaker_info.wrap_TH section .wrap_youtube{
}
.wrap_mallmaker_info.wrap_TH section .wrap_info_img{
    align-items: center;
    width:1200px;
    margin: 0 auto 60px;
}
.wrap_mallmaker_info.wrap_TH section .wrap_info_img img:first-child{
    width:1000px;
}
.wrap_mallmaker_info.wrap_TH section .wrap_info_tel{
    margin-top:50px;
    padding:40px 0 10px;
    font-size: 40px;
}
.wrap_mallmaker_info.wrap_TH .marketing_list{
    width:95%;
}

.mallmaker_info .btn_go{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top:400px;
    width:70px;
    height:70px;
    font-size:30px;
    font-weight: 600;
    font-family:serif;
    border-radius: 60px;
    background-color: #111;
    color:#fff;
    opacity: 0.3;
    z-index: 1;
    cursor: pointer;
}
.mallmaker_info .btn_go.btn_left{
    left:50%;
    transform: translateX(calc(-50% - 650px));
}
.mallmaker_info .btn_go.btn_right{
    right:50%;
    transform: translateX(calc(-50% + 720px));
}
.mallmaker_info .btn_go:hover{
    color:#666;
}
.mallmaker_info .image-gallery {
    width: 100%;
    padding:0;
    overflow: hidden;
    position: relative;
    left:0;
}
.mallmaker_info .gallery-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
    width: 100%;
    margin-left:calc(calc(100% - 1200px)/2);
}
.mallmaker_info .gallery-wrapper img {
    flex: 0 0 auto;
    width: 1200px;
    height: auto;
    margin-right: 100px;
    border-radius: 4px;
    border:1px solid #eee;
}

.set_select_goods{
    display: flex;
    width:100%;
    align-items: center;
    margin:5px 0;
    gap:5px;
}


/* 투게더스 연동계정설정 */


.wrap_goods .white_box.mg_t10.mg_b50 #user_insert {
    padding-left: 50px;
}
.wrap_goods .white_box.mg_t10.mg_b50 #user_insert td:first-child{
    text-align: right;
}
.wrap_goods .white_box.mg_t10.mg_b50 #user_insert .select2-container {
    width: 100%;
    min-width: 230px;
    text-align: left;
}
.wrap_goods.wrap_mallmaker_goods .select2-container--default .select2-selection--single {
    background-color: #fff;
    height: 34px;
    padding: 0 0px;
    font-size: 13px;
    border-radius: 0 !important;
    border: 1px solid #dedede;
    outline: none;
}
.wrap_goods.wrap_mallmaker_goods .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px;
}
.wrap_goods.wrap_mallmaker_goods .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 30px;
    background: #f5f5f5;
}
.wrap_goods.wrap_mallmaker_goods .white_box.mg_t10.mg_b50 table td .select2-container button {
    height: 32px;
	margin-right: 30px;
    padding: 0px 10px;
    line-height: 1;
    font-size: 14px;
    color: #999;
    border-radius: 3px;
}
.wrap_goods.wrap_mallmaker_goods button[onclick="get_member_list()"]{
    line-height: 1;
    margin-bottom:4px;
}

#modal3 {padding:0;}
#modal3 .dh_close {top: 25px; right: 45px;}
#modal3 .modal-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    top:50%; transform: translateY(-50%);
    width: 400px;
    height: auto;
}
#modal3 .modal-content h3{
    width:100%;
    padding-bottom: 10px;
    text-align: left;
    border-bottom:1px solid #eee;
}
#modal3 .modal-content .wrap_sel_update{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    height: 140px;
    padding: 20px 0 10px;
    font-size: 15px;
}
#modal3 .modal-content .wrap_sel_update label{
    display: flex;
    align-items: center;
    line-height: 36px;
    justify-content: space-between;
    cursor: pointer;
}
#modal3 .modal-content .wrap_sel_update input[type="radio"]{
    margin-right:5px;
}
#modal3 .modal-content .wrap_sel_update input#group_name{
    display: inline-block;
    width: 170px;
    margin-left:15px;
}


.mi_top_in > h3 {display: flex; gap:30px; align-items:flex-end;}
.mi_top_in h3 img[src*="olzini"]{position: relative; top:-5px;}
.mi_top_in h3 img[src*="ease-up"]{ width: 120px;}
.mi_top_in .tel_wrap{font-size:24px; color:#474747;}

footer {width: 1200px; margin: 0 auto; padding:30px 0;}
footer address {font-style: normal;}
footer .terms_link {left:0; border: solid 1px #ccc;}