/* Swiper CSS */
.swiper-pagination > .swiper-pagination-bullet-active2 { color: #fff !important; text-decoration:underline; text-underline-position:under;}
.swiper-pagination > .swiper-pagination-bullet-active4 { color: #fff !important; text-decoration:underline; text-underline-position:under;}
.swiper-pagination { display:flex; align-items: center; justify-content: center; color:#fff; bottom:30px !important; }
.swiper-container-horizontal>.swiper-scrollbar { bottom:0 !important; height:3px !important; width:100% !important; left:0 !important; }
.swiper-scrollbar-drag { background:#333 !important; border-radius:0 !important; }
.swiper-pagination-bullet-active3 { background:#67a785 !important; opacity:1 !important; }
.swiper-pagination_gallery { margin-top:15px; }
.swiper-pagination > .swiper-pagination-bullet { width: 20px !important; height: 20px !important; text-align: center; line-height: 20px; font-size: 12px; color: #bbb ; opacity: 1 !important; background: none !important; font-size:13px; font-weight:600;}
.swiper-container-autoheight { overflow:hidden; position:relative; }
.swiper-slide > img { width:auto; max-width:100%; }
.swiper-pagination-custom { font-size:14px; background:rgba(0,0,0, 0.4); display:flex; width:120px !important; left:calc(50% - 60px) !important; border-radius:30px; padding:4px; font-weight:500; }
.swiper-button-next { right:30px !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; }
.swiper-button-prev { left:30px !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; }
.slides { width:auto !important; }

/* 메인 */
#idx_banner {position:relative;background:#eee;width:100%; overflow:hidden;}
#idx_banner:after {display:block;visibility:hidden;clear:both;content:""}
#idx_banner_m {position:relative;background:#eee;width:100%; overflow:hidden;}
#idx_banner_m:after {display:block;visibility:hidden;clear:both;content:""}
.sit_admin_top {display:inline-block;}


/* 서브페이지 */
.mobile_sub_title { width:100%;background: #fad4d4; color:#fff; white-space:nowrap; letter-spacing:-1px; font-size:12px; }
#sub_menu {list-style:none; }
#sub_menu .wrap ul { width:100%; display:flex; overflow-x:scroll; }
#sub_menu .wrap ul li { color:#fff; padding:10px; }
#sub_menu .wrap ul::-webkit-scrollbar{ display: none; }

/* 마이페이지 */
#smb_my {position:relative;max-width:1200px;margin:0 auto;}
#smb_my_ov{background:#fff;border:1px solid #e6e6e6;margin:0 0 15px; width: 280px;}
#smb_my_ov .hello_name{background:#f8f8f8;text-align:center;padding-bottom:20px;border-bottom:1px solid #e6e6e6;position:relative;}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .my_img{display:inline-block;border-radius:50%;overflow:hidden;position:relative;margin:35px 0 0;
-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 6px 10px rgba(0,0,0,0.1);
box-shadow:0 6px 10px rgba(0,0,0,0.1);}
#smb_my_ov .btn_edit{position:Absolute;bottom:0;left:0;width:100%;background:#959595;line-height:23px;color: #fff;}
#smb_my_ov .btn_edit:hover{background:#d25959;color:#fff}
#smb_my_ov .my_name{margin:10px 0}
#smb_my_ov .btn_out{position:absolute;top:0;right:0;background:#fff;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-radius:0 0 0 5px;padding:0 5px;line-height:22px;font-size:11px;color:#777}
#smb_my_wr {min-height:560px; width: calc(100% - 300px);}

.my_cou_wr{border-bottom:1px solid #e6e6e6;font-weight:bold;}
.my_cou_wr:after {display:block;visibility:hidden;clear:both;content:""}
.my_cou_wr .my_cou{float:left;width:50%;border-right:1px solid #e6e6e6;text-align:center;padding:10px 0}
.my_cou_wr .my_po{float:left;width:50%;text-align:center;padding:10px 0}
.my_cou_wr img{padding:5px 0 0;width:23px;height:auto;}
.my_cou_wr a{color:#c98b57}
.my_cou_wr span{display:block;line-height:20px;color:#000}

.my_info{padding:0 10px;line-height:18px;border-bottom: 1px solid #e1e1e1;}
.my_info dt{border-top:1px solid #e6e6e6;color:#c98b57;padding:10px 0 0;font-size:0.92em}
.my_info dd{padding:0 0 10px;}
.my_info dt:first-child{border:0}

.btn_my_if{width:100%;border:0;padding:10px;background:#c98b57; color: #fff;}

.smb_title { display: flex; align-items: center; justify-content: space-between; }
.wish_border { }
#smb_my_dev h2{margin:0 0 10px;}
#smb_my_dev .delivery { display:flex; border:1px solid #dcdcdc; width:100%; padding:30px; background:#f8f8f8; margin-bottom:50px; }
#smb_my_dev .delivery li { position:relative; width:20%;}
#smb_my_dev .delivery li p { margin-top:10px; }
#smb_my_dev .delivery li .icon_l { position: absolute; right: 0; top: calc(50% - 12px); line-height: 24px; font-size: 24px; font-weight: 100; color:#ccc;}
#smb_my_od{margin:0 0 50px;padding: 0}
#smb_my_od h2{margin:0 0 10px;}
#smb_my_wish{margin:0 0 35px}
#smb_my_wish h2{margin:0 0 10px;}
#smb_my_wish ul:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_wish li{float:left;width:25%;padding:5px}
#smb_my_wish li img{width:100%;height:auto;}
#smb_my_wish li  a{display:block;margin:5px 0;font-weight:bold}
#smb_my_wish .empty_list{width:100%;padding:100px 0}




/* 주문내역 include  */
.inq_wr { width:100%; display:flex; justify-content: space-between; align-items: center; margin:10px 0;}
#sod_inquiry li:after {display:block;visibility:hidden;clear:both;content:''}
#sod_inquiry li {background:#fff;border:1px solid #dcdcdc;padding:15px;margin-bottom:10px;position:relative;}
#sod_inquiry li .idtime_link{font-weight:500}
#sod_inquiry li .idtime_time{position:absolute;top:15px;right:15px;color:#999}
#sod_inquiry li .inquiry_name{margin:10px 0;color:#666;font-weight:300}
#sod_inquiry li .inquiry_price{font-weight: bold;margin: 0px 0 0;color:#c98b57;display:inline-block;bottom:16px;left:16px}
#sod_inquiry li .inv_status{font-size:12px;}
#sod_inquiry li .inv_inv{margin:10px 0 0;display:block;border:1px solid #c4c5cc;color:#666}
#sod_inquiry li .inv_inv i{width:30px;height:30px;line-height:30px;background:#f3f3f3;text-align:center;color:#555;font-size:15px;margin-right:5px}


/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left;}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

@media (min-width: 1200px){

    .btn_my_if{display:none;}
    
}
@media (max-width: 969px){
    
    #smb_my_wr {width: calc(100% - 165px);}
}
@media (max-width:  640px){
        #smb_my_wish li {width:50%}

}

/* 띠배너 */
#line-banner { display:none; width:100%; height:60px; color:#fff; font-size:16px;}
#line-banner .wrap { width:100%; height: 60px; margin:0 auto; text-align:center; position:relative; align-items: center; justify-content: center; }
#line-banner img { vertical-align:middle; }
#line-banner p { margin-left:7px; margin-top:-1px; }
#line-banner .wrap .bt_x { max-height:40px; position:absolute; right:0px; top:10px; cursor:pointer;}
#line-banner.on { display:block; }
/* top line */
#top-line { width:100%; background:#fff; height:30px; line-height:30px; border-bottom:1px solid #e1e1e1;}
#top-line .wrap { width:100%; max-width:1200px; margin:0 auto; }
#top-line .wrap .lt-area { display:flex; float:left; }
#top-line .wrap .rt-area { display:flex; float:right; }
#top-line .wrap .lt-area a { position:relative; letter-spacing:-1px; padding:0 20px; }
#top-line .wrap .lt-area a::before { content:''; position:absolute; right:0; top:8px; background:#e1e1e1; width:1px; height:14px; transition:0.1s ease all;}
#top-line .wrap .lt-area a:hover { transition:0.1s ease all; color: #c98b57; font-weight:600; }
#top-line .wrap .lt-area a:nth-last-child(1)::before { display:none; }
#top-line .wrap .lt-area a:nth-last-child(1) { margin-right:0; }
#top-line .wrap .rt-area > a { margin-right:30px; position:relative; }
#top-line .wrap .rt-area > a:nth-last-child(1) { margin-right:0; }
.mobile_menu { display:none; }

/* top-line 우측 */
#hd_qnb li a { width:90px; border:none; background:#fff; color:#666; border-right:1px solid #dcdcdc; padding:0 15px;}
#hd_qnb li a button { border:none; background:#fff; transition:0.3s ease all;}
#hd_qnb li a button:hover i{ color: #c98b57; }
#hd_qnb li a button:hover h1 { font-weight:600; color: #c98b57; }
#hd_qnb li a:nth-last-child(1) { padding-right:0; border-right:0; }
#hd_qnb li a:nth-child(1) { padding-left:0; }
#hd_qnb> li button { position:relative; }
.ht_num { position:absolute; right:0px; top:-6px; background: #fad4d4; color:#fff; width:16px; height:16px; border-radius:50%; font-weight:500; letter-spacing:0; line-height:14px;font-size:10px; text-align:center;}

/* 상단 키워드 */
#ppl_word {position:relative;display:inline-block;float:left;margin-left:40px;width:150px;margin-top:15px;height:25px;overflow:hidden}
#ppl_word h4 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ppl_word li {width:70%;line-height:25px;font-size:1em;padding-right:15px;white-space:nowrap}
#ppl_word li .word-rank {display:inline-block;font-size:24px; text-align:center; font-style:italic; color:#0067b1;margin-right:5px; font-family:'YeolrinGothic-Bold'; font-weight:900;}
#ppl_word li a { font-size:16px; color:#222; margin-left:10px; }
.verical-btn a{background:url(../img/pv_btn_2.gif) no-repeat;text-indent:-999px;overflow:hidden;width:17px;height:12px;display:inline-block;z-index:99}
.verical-btn .flex-prev{background-position:0 0;position:absolute;top:0;right:0;}
.verical-btn .flex-next{background-position:0 -12px;position:absolute;top:12px;right:0;height:13px}

/* 슬라이드 */
.main_banners { width:100% !important; }
/* 메인 섹션 01 */
.main_bg_01 { width:100%; max-width:1200px; margin:0 auto; }
.main_bg_01 .mbg_wrap { width:100%; display: block; border-radius: 5px; transition:0.3s ease all;}
.main_bg_01 .mbg_wrap > p { padding-left:200px }
.main_bg_01 .mbg_wrap:hover { transform:scale(1.02); transition:0.3s ease all; }

/* 메인 섹션 02 */
.main_bg_02 { width:100%; max-width:1200px; margin:0 auto; margin-bottom:30px; }
.main_bg_02 ul { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; }
.main_bg_02 ul li.service_box_01 { width:calc(50% - 20px); background:url('../img/main_bg_02.png') no-repeat center center; height:100vh; max-height:300px; margin-right:40px; padding:60px; transition:0.3s ease all; background-size:cover; }
.main_bg_02 ul li.service_box_02 { width:calc(50% - 20px); background:#90d5f2; height:100vh; max-height:300px; margin-right:0px; padding:60px; transition:0.3s ease all; background-size:cover;}

.main_bg_02 ul li.service_box_01:hover, .main_bg_02 ul li.service_box_02:hover { transform:scale(1.02); cursor:pointer; transition:0.3s ease all; }

/* 메인 섹션 03 */
.main_bg_03 { width:100%; max-width:1200px; margin:0 auto; margin-bottom:100px; }


/* 메인 섹션 04 */
.main_bg_04 { width:100%; max-width:1200px; margin:0 auto; margin-bottom:100px; }
.main_bg_04 ul { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; }
.main_bg_04 ul li.service_box_01 { width:calc(50% - 20px); background:url('../img/main_bg_03.png') no-repeat center center; height:100vh; max-height:200px; margin-right:40px; padding:30px; }
.main_bg_04 ul { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; }
.main_bg_04 ul li.service_box_02 { width:calc(50% - 20px); background:url('../img/main_bg_04.png') no-repeat center center; height:100vh; max-height:200px; margin-right:0px; display: flex; padding: 30px; align-items: flex-end; transition:0.3s ease all;}
.main_bg_04 ul li.service_box_01 .mbg_bg_text_color { display:inline-block; border-radius:3px; padding:3px 10px; color:#f4f1ea; background:#8e601e; }
.main_bg_04 ul li.service_box_01 .mbg_text_color {color:#8e601e; }

.main_bg_04 ul li.service_box_01:hover, .main_bg_04 ul li.service_box_02:hover { transform:scale(1.02); cursor:pointer; transition:0.3s ease all; }

/* 메인 섹션 05 */
.main_bg_05 { width:100%; margin-bottom:100px; background: url('../img/main_bg_05.png') no-repeat center center; background-size:cover;}
.main_bg_05 .mbg_wrap { width:100%; max-width:1200px; margin:0 auto; background: url('../img/main_bg_05_1.png') no-repeat center left; height:100vh; max-height:200px; display: flex; border-radius: 5px; align-items: center; }
.main_bg_05 .mbg_wrap span.text_position { padding-left:240px; }


/* 장바구니 */
#cart_info { width:100%; padding:10px 20px; background:#f2f3f8; }
#cart_info i { margin-right:7px; }
#cart_info b { color:#ff003b; }


.select_category {
  display:inline-flex;
  flex-direction: column;
  position:relative;
  width:120px;
  height:30px;
  border-top:1px solid #dcdcdc;
  white-space:nowrap;
  box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.05);
  z-index:999;
}

.option {
  padding:0 30px 0 10px;
  min-height:30px;
  display:flex;
  align-items:center;
  background:#fff;
  position:absolute;
  top:0;
  width: 100%;
  pointer-events:none;
  order:2;
  z-index:1;
  transition:.2s ease-in-out;
  box-sizing:border-box;
  border-right:1px solid #dcdcdc;
  border-left:1px solid #dcdcdc;
  border-bottom:1px solid #dcdcdc;
  overflow:hidden;
  white-space:nowrap;
}

.option:hover {
  background: #fad4d4;
  color:#fff;
  cursor:pointer;
    transition:.2s ease-in-out;

}

.select_category:focus .option {
  position:relative;
  pointer-events:all;
}

input.selectopt {
  opacity:0;
  position:absolute;
  left:-99999px;
  white-space:nowrap;
}

input.selectopt:checked + label {
  order: 1;
  z-index:2;
  background:#fff;
  border-top:none;
  position:relative;

}

input.selectopt:checked + label:after {
  content:'';
  width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #222;
  position:absolute;
  right:10px;
  top:calc(50% - 2.5px);
  pointer-events:none;
  z-index:3;
}

input.selectopt:checked + label:before {
  position:absolute;
  right:0;
  height: 30px;
  width: 30px;
  content: '';
  background:#fff;
}
.active_opt:hover { color:#c98b57; }
.active_opt {color:#c98b57;}


/* footer */
footer#pd_footer { width:100%; display:inline-block; background:#f9f9f9; border-top:1px solid #dcdcdc; position:relative; bottom:0; font-family:'Noto Sans KR'; }
footer#pd_footer .wrapper { width:100%; max-width:1200px; border-bottom:1px solid #dcdcdc; margin:40px auto; font-size:0; padding-bottom:10px;}
footer#pd_footer .wrapper .ft_left { width:50%; font-size:14px; color:#ddd; display:inline-block; }
footer#pd_footer .wrapper .ft_left p { display:block; font-weight:400; color:#666; letter-spacing:0px; line-height:24px; margin-bottom:10px; }
footer#pd_footer .wrapper .ft_left p b { margin:0px 10px; font-size:1px; border-right:1px solid #777;}
footer#pd_footer .wrapper .ft_right { width:50%; display:inline-block; text-align:right;vertical-align:top;}
footer#pd_footer .wrapper .ft_right .ft_box { display:inline-block; text-align:left; position:relative; background:#fff; color:#222; font-weight:600; letter-spacing:-1px; font-size:15px; padding:12px 20px; min-width:205px; border:1px solid #dcdcdc; }
footer#pd_footer .wrapper .ft_right .ft_box img { vertical-align:middle; position:absolute; right:20px; top:20px; }
footer#pd_footer .wrapper .ft_right .ft_tbox { display:inline-block; text-align:left; position:relative; color:#303030; background:#e9e9e9; font-weight:600; letter-spacing:-1px; margin-top:10px; min-width:205px; font-size:15px; padding:12px 20px; border:1px solid #dcdcdc; }
footer#pd_footer .wrapper .ft_right .ft_tbox img { vertical-align: middle; position: absolute; right: 12px; width: 24px; top: 12px; }
footer#pd_footer .ft_copyright {width:100%; max-width:1200px; margin:40px auto; font-weight:600; color:#6b6b6b; padding:0px}
footer#pd_footer .ft_copyright .left_copy {display:inline-block; text-align:left; letter-spacing:0px;  font-size:12px;}
footer#pd_footer .ft_copyright .right_copy {float:right; font-size:11px; font-weight:500; letter-spacing:-0.5px;}
footer#pd_footer .wrapper .ft_left .ft_top { font-size:16px; font-weight:400; letter-spacing:-1px;}
footer#pd_footer .wrapper .ft_left .ft_top strong { margin:0px 12px; font-size:1px;}


footer#pd_footer .wrapper .ft_right p { display:block; font-weight:350; color:#666; letter-spacing:0px; line-height:24px; margin-bottom:30px; }
footer#pd_footer .wrapper .ft_right p b { margin:0px 10px; font-size:1px; border-right:1px solid #777;}
footer#pd_footer .wrapper .ft_right .ft_top { font-size:16px; font-weight:400; letter-spacing:-1px;}
footer#pd_footer .wrapper .ft_right .ft_top strong { margin:0px 12px; font-size:1px;}

footer#pd_footer .wrapper .ft_left p a strong { font-size:0.8em; vertical-align:middle; }


/* 쿠폰함 */
#coupon #win_title { width:100%; background: #fad4d4; color:#fff; }
#coupon > ul { display:flex; flex-wrap: wrap; flex-direction: row; }
#coupon > ul > li { width:100%;padding: 10px; border-bottom: 1px solid #dcdcdc; background: #f9f9f9; }

/* modal */
.modal {display: none; position: fixed; z-index: 1000; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content {background-color: #fefefe;z-index:99;margin: 8% auto; padding: 40px;max-width:700px;border: 1px solid #888;position:relative;width: 50%;-webkit-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.4);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;}
.modal-content .subject { width:100%; text-align:left; border-bottom:2px solid #000; font-size:24px; letter-spacing:-1px; color:#222; font-weight:600; padding:15px 0px; padding-top:0; }
.modal-content .content { position:relative; width:100%; font-size:14px; letter-spacing:-0.5px;}
.modal-content .content .service_content { border:none; resize:none; overflow-y:scroll; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both; }
.modal-content .content .privacy_content { border:none; resize:none; overflow-y:scroll; overflow-x:hidden; width:100%; height:auto; padding:15px; background:#f9f9f9; height:400px; clear:both; }
.modal-content .pop_bt { position:absolute; top:35px; right:40px; font-weight:100; font-size:24px; }
.modal-content .pop_bt i:hover { cursor:pointer;}

.provision, .privacy { cursor:pointer; }

/* 퀵메뉴 */
#quick_menu .qm_wrap { width:100px; text-align:center; border:1px solid #dcdcdc; }
#quick_menu .qm_wrap h1 { width:100%; padding:5px 10px; background: #c98b57; color:#fff; }

#quick_menu .qm_wrap .qm_box { width:100%; border-top:1px solid #dcdcdc; padding:15px 0; background:#f9f9f9; display:flex; flex-direction:row; flex-wrap:wrap; align-items: center; justify-content: center;}
#quick_menu .qm_wrap .qm_box p { width:100%; text-align:center; }

#quick_menu .qm_wrap .top_btn { background:#fff; display:block; padding:3px 2px; border-top:1px solid #dcdcdc;}
#quick_menu .qm_wrap .top_btn:hover { cursor:pointer; background: #fad4d4; color:#c98b57; transition:0.3s ease all; }
/* main new border gradient */
.gradient-border {
  --borderWidth: 1px;
  background: #1D1F20;
  position: relative;
  border-radius: var(--borderWidth);
}
.gradient-border:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, red, blue, orange, purple, white, lightpink, green, yellow);
  border-radius: 6px;
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}


@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



/* 모바일 메뉴시작 */
.menu-button {
}

.menu-button:hover {
  cursor: pointer;
}

.menu-wrap {
  background-color: #fafafa;
  padding: 0px 0;
  overflow: scroll;
  transition: all 0.3s;
  position: fixed;
  width: 100%;
  top: 0;
  left: -100%;
  bottom: 0;
  z-index: 999999;
  text-align:left;
}

.menu-wrap ul.cate { background:#fff; margin-top:7px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); }

.menu-overlay {
  background: rgba(0, 0, 0, 0.4);
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 900000;
}

.menu-close {
  background: url('../images/menu_close.png') no-repeat center center transparent;
  opacity: 1;
    cursor: pointer;
  background-color:white;
  position: absolute;
  width: 30px;
  height: 30px;
  right: 10px;
  top: 10px;
  margin-bottom:0;
  text-indent: -9999px;
  transition: all 0.3s;
}
.menu-toggle {
  display: none;
}
.menu-toggle:checked+.menu-wrap {
  left: 0;
}
.menu-toggle:checked ~ .menu-overlay {
  display: block;
}
.menu-title {
  color: #222;
  background:#fff;
  font-weight: 500;
  letter-spacing:-1px;
  margin:0;
  line-height:0;
  padding:10px;
  display:inline-block;
  text-align:left;
}
.menu_top_title { display:flex; background:#fff; align-items: center; justify-content: space-between;}
.menu_top_title > .mtt_right h2 { padding: 0px 10px; line-height: 26px; background: #c98b57;  color:#fff; border-radius:3px; display:inline-block; font-size:0.75rem;}
.menu_top_title > .mtt_right h3 { padding:5px 10px; background:#fff; color:#c98b57; border:1px solid #c98b57; border-radius:3px; display:inline-block; margin-left:5px;  font-size:0.75rem;}
.menu_top_title > .mtt_right { display:flex; margin-right:60px;  line-height:1em;}
.menu-title > img { max-height:30px; }
.menu_top_box { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; background:#f59194; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);}
.menu_top_box > a { width:25%; text-align:center; line-height:1em; color:#fff; }
.menu_top_box > a ion-icon { font-size:24px; }
.menu_top_box > a > p { font-size:13px; letter-spacing:-1px; font-weight:500; }


.menu-list {
  position: relative;
  top: 0px;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: inherit;
  padding:0px 0px;
  display: block;
  overflow: scroll;
}
.four_box { width:50%; float:left; padding:10px; background:#04aa9d; text-align:center; color:#fff; margin:0; border-bottom:1px solid #fff;}
.four_box:nth-child(2n) { border-left:1px solid white} 
.four_box a { color:#fff; }
.four_boxs { width:100%; float:left; padding:10px; background:#04aa9d; text-align:center; color:#fff; margin:0; border-bottom:1px solid #fff;}
.four_boxs a { color:#fff; }

.menu-wrap:hover .menu-list {
  overflow-y: auto;
}
.scrollLock { overflow: hidden; }
.menu-list ul {
  list-style-type: none;
}
.menu-list ul > li > ul{
  list-style-type: none;
  padding:10px 0;
  background:#f9f9f9;
  border-top:1px solid #dcdcdc;
}
.menu-list ul > li:nth-last-child(2) > ul { border-bottom:1px solid #dcdcdc; }


.menu-list li {
  display: block;
}

.menu-list li:first-child {
  border-top: medium none;
}

.menu-list li a {
  display: block;
  padding: 10px 15px;
  font-size: 16px;
  letter-spacing:-1px;
  color: #444;
  text-decoration: none;
  border-top:1px solid #dcdcdc;
  position:relative;
}

.menu-list ul li .mb_arrow { vertical-align:baseline; top:18px; right:15px; position:absolute; }

.menu-list li:nth-last-child(1) a { padding:10px; width:100%; position:relative; bottom:0; left:0; color:#fff; font-weight:600; font-size:14px; text-align:center; background: #3d8861; background: -webkit-linear-gradient(to right, #3d8861, #2dc97a); background: linear-gradient(to right, #3d8861, #2dc97a); }
.menu-list li:nth-last-child(1) a i { margin-right:5px; }
.menu-list li a.sub {
  display: block;
  padding: 5px 20px;
  font-size: 14px;
  letter-spacing:-1px;
  color: #777;
  text-decoration: none;
  border-top:0;
  border-bottom:0;
  position:relative;
}
.menu-list li a.adver {
  display: block;
  padding: 7px 0px;
  font-size: 16px;
  background: #fbe058; 
background: -webkit-linear-gradient(to right, #fbe058, #fae986);  
background: linear-gradient(to right, #fbe058, #fae986);
  margin:20px 0px;
  text-align:center;
  letter-spacing:-1px;
  font-weight:600;
  border:1px solid #ffda00;
  color: #222;
  border-radius:5px;
  text-decoration: none;
  border-bottom:0;
  position:relative;
}




phone { display:none; position:absolute; right:20px; top:27px; color:#fff; font-size:24px; }


label.phantom_burger_menu{
position:absolute;
  flex-direction:column;
  width:20px;
  cursor:pointer;
}

label.phantom_burger_menu span{
  transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);

}


.phantom_burger_menu span:nth-of-type(1){
  width:50%;
  
}

.phantom_burger_menu span:nth-of-type(2){
  width:100%;
}


.phantom_burger_menu span:nth-of-type(3){
  width:75%;
 
}


.phantom_burger_menu input[type="checkbox"]{
  display:none;
}


.phantom_burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(1){
  transform-origin:bottom;
  transform:rotatez(45deg) translate(2px,1px)
}


.phantom_burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(2){
  
  transform-origin:top;
  transform:rotatez(-45deg)
}


.phantom_burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(3){
  
  transform-origin:bottom;
  width:50%;
  transform: translate(9px,-4px) rotatez(45deg);

}

.todayview { box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); margin-top:7px; }


/** 이동규 추가 ****************/
@media (max-width:1200px) {
	#sub_menu .wrap ul li { color:#000; padding:10px; }
}
/*************************/