table.list{width:100%;table-layout:fixed;border-collapse:collapse;}
table.list>thead>tr>th,
table.list>tbody>tr>th{padding:6px 3px;line-height:1.5;text-align:center;background:#f8f8f8;white-space:nowrap;}
table.list>tbody>tr>td{padding:10px 6px;line-height:1.5;text-align:center;color:#393939;background:#ffffff;word-break:break-word;}
table.list .btn{padding:4px 7px;font-size:12px;line-height:12px;}

table.form{width:100%;table-layout:fixed;border-collapse:collapse;}
table.form>thead>tr>th,
table.form>tbody>tr>th{padding:10px 5px 10px 15px;line-height:22px;text-align:left;vertical-align:middle;background:#f8f8f8;}
table.form>tbody>tr>th.fix{vertical-align:top;padding-top:20px;}
table.form>tbody>tr>th span.ess:after{content:' *';color:red;}
table.form>tbody>tr>td{padding:10px 12px;text-align:left;line-height:1.5;color:#393939;background:#ffffff;word-wrap:break-word;overflow-wrap:break-word;}
table.form>tbody>tr>td textarea{min-height:80px;}
table.form .btn{padding:6px 9px;font-size:12px;line-height:12px;}

table.view{width:100%;table-layout:fixed;border-collapse:collapse;}
table.view>thead>tr>th,
table.view>tbody>tr>th{padding:8px 7px;line-height:1.5;text-align:center;background:#f8f8f8;}
table.view>tbody>tr>th span.ess:after{content:' *';color:red;}
table.view>thead>tr>td,
table.view>tbody>tr>td{padding:10px 7px;line-height:1.5;text-align:center;color:#393939;background:#ffffff;word-wrap:break-word;overflow-wrap:break-word;word-wrap:break-word;overflow-wrap:break-word;}
table.view>thead>tr>td{font-weight:bold;}
table.view .btn{padding:4px 7px;font-size:12px;line-height:12px;}

table.small>thead>tr>th,
table.small>tbody>tr>th{padding-top:6px;padding-bottom:6px;line-height:1.3;}
table.small>tbody>tr>td{padding-top:6px;padding-bottom:6px;line-height:1.3;}

table.xsmall>thead>tr>th,
table.xsmall>tbody>tr>th{padding-top:5px;padding-bottom:5px;font-size:12px;line-height:1.2;}
table.xsmall>tbody>tr>td{padding-top:3px;padding-bottom:3px;font-size:12px;line-height:1.2;}

table.border>thead>tr>th,
table.border>tbody>tr>th,
table.border>thead>tr>td,
table.border>tbody>tr>td{border:1px solid #ececec;}
table.border_bottom>thead>tr>th,
table.border_bottom>tbody>tr>th,
table.border_bottom>thead>tr>td,
table.border_bottom>tbody>tr>td{border-top:1px solid #eee;border-bottom:1px solid #eee;}
table.border_gray>thead>tr>th,
table.border_gray>tbody>tr>th,
table.border_gray>thead>tr>td,
table.border_gray>tbody>tr>td{border:1px solid #ececec;}
table.border_end{border-top:2px solid #45454e;border-bottom:2px solid #45454e;}
table.hover_back_color tr:hover td{background:#F6F6F9;}

table.table_color_white>thead>tr>th,
table.table_color_white>tbody>tr>th{background:#ffffff;}
table.table_color_blue>tbody>tr>th{color:#fff;border:1px solid #546888;background:#5C7090;}

table tr.tab th,table tr.tab td{padding:6px 0;text-align:center;border-top:1px solid #e5e5e5;border-bottom:1px solid #e1e1e1;
background:#f4f4f4;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4');
background:-webkit-linear-gradient(top, #ffffff 30%, #f4f4f4 100%);background:-moz-linear-gradient(top, #ffffff 30%, #f4f4f4 100%);background:-ms-linear-gradient(top, #ffffff 30%, #f4f4f4 100%);}

table th.ac, table td.ac{padding-right:0 !important;padding-left:0 !important;text-align:center !important;}
table th.al, table td.al{padding-left:12px !important;}
table th.ar, table td.ar{padding-right:8px !important;}
table td.vt{vertical-align:top;}

.set-table-width{overflow-x:auto;}

.table_form{border:1px solid #ddd;border-bottom:none;background:#fff;}
.table_form .row{position:relative;overflow:hidden;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;}
.table_form .row:hover{background:#F2F2F6;}
.table_form .cellhead{float:left;}
.table_form .cellhead .cell_inner{padding:12px 15px;font-weight:bold;background:#f8f8f8;}
.table_form .cell{float:left;}
.table_form .cell .cell_inner{padding:12px 15px;}

.prev_date{color:#ababab;}
.next_date{color:#336BA9;font-weight:bold;}
.today_date{color:#FF6600;font-weight:bold;}

.page{padding:60px 0;text-align:center;}
.page a,
.page button{display:inline-block;display:inline;vertical-align:middle;padding:5px 8px 6px 8px;cursor:pointer;font-size:12px;line-height:12px;color:#666;border:1px solid #e6e6e6;background:#fff;}
.page a:hover,
.page button:hover{text-decoration:underline;}
.page span.act{display:inline-block;display:inline;vertical-align:middle;padding:5px 8px 6px 8px;font-size:12px;line-height:12px;color:#fff;border:1px solid #347FBF;background:#418ccc;}

.upload_wrap .txt_wrap{display:none;padding:3px;margin-top:5px;border:1px solid #cdcdcd;}
.upload_wrap .txt_wrap .box{position:relative;padding:7px;}
.upload_wrap .txt_wrap .box:hover{background:#eee;}
.upload_wrap .txt_wrap .delete_btn{position:absolute;top:2px;right:4px;display:inline-block;padding:4px 7px;background:#fff;border:1px solid #dfdfdf;cursor:pointer;}

.upload_wrap .grid-img{display:none;padding:8px;margin-top:5px;text-align:left;border:1px solid #ddd;background:#fff;}
.upload_wrap .grid-img .box{position:relative;display:inline-block;width:100px;margin:3px;text-align:center;background:#f2f2f4;cursor:pointer;}
.upload_wrap .grid-img .box .img_box{position:relative;height:100px;line-height:100px;padding-bottom:0 !important;}
.upload_wrap .grid-img .box .img_box img{max-height:100%;}
.upload_wrap .grid-img .box .delete_btn{position:absolute;bottom:0;right:0;width:18px;height:18px;line-height:18px;color:#fff;background:#070707;opacity:.8;cursor:pointer;}
/*
.upload_wrap .grid-img .box .link_box input[type=text]{width:400px;}
*/
/*
.upload_wrap .grid-img-name{display:none;padding:8px;margin-top:5px;text-align:left;border:1px solid #ddd;background:#fff;}
.upload_wrap .grid-img-name .box{position:relative;display:inline-block;width:240px;margin:5px;text-align:center;background:#f2f2f4;cursor:pointer;}
.upload_wrap .grid-img-name .box .img_box{position:relative;height:140px;line-height:140px;padding-bottom:0 !important;}
.upload_wrap .grid-img-name .box .img_box img{max-height:100%;}
.upload_wrap .grid-img-name .box .delete_btn{position:absolute;bottom:0;right:0;width:18px;height:18px;line-height:18px;color:#fff;background:#070707;opacity:.8;cursor:pointer;}
*/
.tab_navi.type1{overflow:hidden;}
.tab_navi.type1 .box{float:left;text-align:center;cursor:pointer;background:#fff;}
.tab_navi.type1 .box .tab{display:block;padding-top:14px;padding-bottom:14px;line-height:1.4;color:#616161;font-weight:bold;border:1px solid #e4e4e4;border-left:none;}
.tab_navi.type1 .box:first-child .tab{border-left:1px solid #e4e4e4;}
.tab_navi.type1 .box.act .tab{color:#fff;border-color:#000;background:#000;}

.tab_navi.type2{overflow:hidden;}
.tab_navi.type2 .box{float:left;text-align:center;cursor:pointer;}
.tab_navi.type2 .box .tab{display:block;padding-top:14px;padding-bottom:14px;line-height:1.4;color:#616161;font-weight:bold;border:1px solid #e4e4e4;border-left:none;background:#fff;}
.tab_navi.type2 .box:first-child .tab{border-left:1px solid #ddd;}
.tab_navi.type2 .box.act .tab{padding-top:12px;border-top:3px solid #272727;border-bottom:none;}

.tab_navi.type3{height:40px;margin:0 0 16px 0;border-bottom:2px solid #666;}
.tab_navi.type3 .box{float:left;width:150px;}
.tab_navi.type3 .box .tab{display:block;height:13px;padding-top:12px;padding-bottom:13px;line-height:1;margin-top:1px;text-align:center;cursor:pointer;border:1px solid #ccc;border-bottom:none;background:#f2f2f2;}
.tab_navi.type3 .box.act .tab{height:15px;margin-top:0;font-weight:bold;border:2px solid #666;border-bottom:none;background:#fff;}

.tab_navi.type4{padding:0 0 10px 1px;overflow:hidden;}
.tab_navi.type4 .box{float:left;}
.tab_navi.type4 .box .tab{display:block;padding-top:12px;padding-bottom:12px;margin-left:-1px;line-height:1.4;text-align:center;border:1px solid #d4d4d4;cursor:pointer;background:#fff;}
.tab_navi.type4 .box.act .tab{padding-top:11px;color:#454545;font-weight:bold;border-top:2px solid #418ccc;}

.ui-icon{display:inline-block !important;}
.ui-icon.white{background-image:url('../images/jquery/ui-icons_ffffff_256x240.png');}
.ui-icon.blue{background-image:url('../images/jquery/ui-icons_228ef1_256x240.png');}
.ui-icon.orange{background-image:url('../images/jquery/ui-icons_ef8c08_256x240.png');}

.ui-btn{display:inline-block;width:16px;height:16px;padding:3px;margin:0 1px;line-height:16px;border:1px solid #dfdfdf;background:#fff;border-radius:20px;cursor:pointer;}
.ui-btn:hover{background:#f0f0f0;}

.custom-checkbox .check-op{cursor:pointer;}
.custom-checkbox .check-op.disabled{cursor:auto;}
.custom-checkbox .check-op.btn{margin:2px 4px 2px 0;}
.custom-checkbox .check-op span.ui-icon{display:none !important;}
.custom-checkbox .check-op.checked span.ui-icon{display:inline-block !important;}

/* delete */
.selection-ui{cursor:pointer;}
.selection-ui.disabled{cursor:auto;}
.selection-ui span.ui-icon{display:none !important;}
.selection-ui.checked span.ui-icon{display:inline-block !important;}

.radio{cursor:pointer;}
.radio.disabled{cursor:auto;}
.radio span.ui-icon{display:none !important;}
.radio.checked span.ui-icon{display:inline-block !important;}

.checkbox{cursor:pointer;}
.checkbox.disabled{cursor:auto;}
.checkbox span.ui-icon{display:none !important;}
.checkbox.checked span.ui-icon{display:inline-block !important;}
/* delete */

.calendar_section.multiple_column{overflow:hidden;width:calc(100% + 16px);margin-left:-8px;}
.calendar_section.multiple_column .calendar_wrap{float:left;}
.calendar_section.multiple_column .calendar_wrap .inner_box{padding:8px;}

.calendar_section .calendar-nav.top{position:relative;padding:8px 0;line-height:27px;text-align:center;}
.calendar_section .calendar-nav.top .nav-left{position:absolute;z-index:1;top:8px;left:0;}
.calendar_section .calendar-nav.top .nav-right{position:absolute;z-index:1;top:8px;right:0;}

.calendar_section .calendar_wrap .each-nav{position:relative;padding:8px 0;line-height:27px;text-align:center;}
.calendar_section .calendar_wrap .each-nav .each-nav-left{position:absolute;z-index:1;top:8px;left:0;}
.calendar_section .calendar_wrap .each-nav .each-nav-right{position:absolute;z-index:1;top:8px;right:0;}

.sys-calendar{width:100%;table-layout:fixed;border-collapse:collapse;background:#fff;}
.sys-calendar th{height:13px;padding:8px 0;text-align:center;border:1px solid #e6e6e6;background:#f4f4f4;}
.sys-calendar td{vertical-align:top;padding:0;text-align:center;border:1px solid #e6e6e6;}
.sys-calendar .day_box{position:relative;}
.sys-calendar .day{display:block;height:13px;padding:9px 0 9px 9px;text-align:left;}
.sys-calendar .re_btn{display:block;position:absolute;top:0;right:0;width:30px;height:13px;line-height:13px;padding:9px 0;text-align:center;border-bottom:1px solid #e6e6e6;border-left:1px solid #eee;background:#fff;cursor:pointer;}
.sys-calendar .re_btn:hover{color:#fff;background:#418ccc;}
.sys-calendar .de_btn{display:block;position:absolute;top:0;right:0;width:30px;height:13px;line-height:13px;padding:9px 0;text-align:center;border-bottom:1px solid #e6e6e6;border-left:1px solid #eee;background:#fff;cursor:pointer;}
.sys-calendar .de_btn:hover{color:#fff;background:#418ccc;}
.sys-calendar .week_day_0{color:#EB5036;}
.sys-calendar .week_day_6{color:#6E82CD;}
.sys-calendar .data_box{padding:0 9px;text-align:left;}
.sys-calendar .term{display:inline-block;position:absolute;top:6px;left:27px;padding:4px 7px;margin:0 0 2px 2px;font-size:12px;line-height:12px;color:#fff;cursor:pointer;border-radius:12px;}
.sys-calendar .term.start{background:#418ccc;}
.sys-calendar .term.end{background:#bababa;}

.tablenav.top{position:relative;}
.tablenav.top .total{padding:0 0 6px 3px;color:#aaa;}
.tablenav.top .src_column{padding:0 0 3px 0;}
.tablenav.top .src_order{padding:0 0 4px 0;}
.tablenav.top .src_order .src_txt{width:150px;}
.tablenav.top .right_box{position:absolute;bottom:4px;right:2px;}

.tablenav.bottom{margin-top:10px;}

.form_bottom_btn{padding:30px 0;text-align:center;}
.form_bottom_btn .btn{padding:10px 18px;font-size:13px;line-height:13px;}
.list_no_data{padding:30px 0;text-align:center;color:#767676;}
.list_top_btn{position:relative;min-height:27px;margin-top:10px;text-align:right;}
.list_top_btn .btn{padding:6px 16px;}
.list_bottom_btn{position:relative;min-height:27px;margin-top:10px;text-align:right;}
.list_bottom_btn .btn{padding:6px 16px;}
.list_bottom_btn .left_btn_box{position:absolute;top:0;left:0;}
.view_bottom_btn{padding:30px 0;text-align:right;}

.password_form{min-height:400px;text-align:center;}
.password_form .form_box{padding:60px 0;margin-top:10px;text-align:center;border:1px solid #e1e1e1;background:#fff;}
.password_form .form_box input[type=password]{width:250px;font-size:13px;height:40px;padding:13px 12px 12px 12px;}
.password_form .form_box .btn{padding:13px 20px;}

.popover_wrap{position:relative;}
.popover_wrap .popover{position:absolute;display:none;z-index:10002;border:1px solid #dfdfdf;background:#fff;}

body.modal_open{overflow:hidden;}

.modal{position:fixed;z-index:10002;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.modal-basic:before{content:'';position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=20);opacity:0.2;-moz-opacity:0.2;}
.modal-basic .modal-dialog{position:relative;width:800px;height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;}
.modal-basic .modal-content-outer{position:relative;max-height:100%;background:#fff;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;border-radius:6px;}
.modal-basic .modal-content{height:100%;padding:50px 20px 20px 20px;box-sizing:border-box;overflow-y:auto;}
.modal-basic .modal-dialog .close-btn{display:inline-block;position:absolute;z-index:2;top:10px;right:16px;width:32px;height:32px;text-align:center;font-size:24px;line-height:32px;cursor:pointer;}
.modal-basic .modal-dialog .video_wrap{position:relative;z-index:1;height:0;padding-bottom:56.25%;margin-top:10px;overflow:hidden;} 
.modal-basic .modal-dialog .video_wrap iframe,
.modal-basic .modal-dialog .video_wrap object,
.modal-basic .modal-dialog .video_wrap embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.modal-slider:before{content:'';position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
.modal-slider .sys-slider .sys-slider-rows{position:relative;}
.modal-slider .sys-slider .slide{width:100%;text-align:center;}
.modal-slider .sys-slider .slide-inside{display:inline-block;height:100vh;}
.modal-slider .sys-slider .slide-inside:before{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
.modal-slider .sys-slider .slide-inside img{display:inline-block;vertical-align:middle;max-height:100%;}
.modal-slider .sys-slider .sys-slider-pagination-btn{display:inline-block;position:absolute;z-index:2;top:50%;margin-top:-32px;cursor:pointer;}
.modal-slider .sys-slider .sys-slider-pagination-btn:before{content:'';display:inline-block;padding:14px;border:solid #fff;border-width:0 3px 3px 0;vertical-align:middle;}
.modal-slider .sys-slider .sys-slider-pagination-prev{left:15px;padding:14px 0 14px 14px;}
.modal-slider .sys-slider .sys-slider-pagination-next{right:15px;padding:14px 14px 14px 0;}
.modal-slider .sys-slider .sys-slider-pagination-prev:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);}
.modal-slider .sys-slider .sys-slider-pagination-next:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.modal-slider .sys-slider .sys-slider-pagination{position:absolute;left:0;bottom:25px;width:100%;text-align:center;}
.modal-slider .sys-slider .sys-slider-pagination .sys-slider-pagination-item{display:inline-block;width:12px;height:12px;margin:0 4px;padding:0;font-size:0;color:transparent;cursor:pointer;border:none;
background:#e6e6e6;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;border-radius:10px;}
.modal-slider .sys-slider .sys-slider-pagination .sys-slider-pagination-item.slider-active{background:#DE141E;}
.modal-slider .modal-dialog .close-btn{display:inline-block;position:absolute;z-index:2;top:32px;right:32px;width:40px;height:40px;text-align:center;font-size:40px;color:#fff;cursor:pointer;}

.modal.v-margin30 .modal-dialog{height:calc(100% - 60px);margin-top:30px;margin-bottom:30px;}

.coupon_wrap{position:fixed;z-index:10002;left:50%;top:50%;width:800px;max-height:600px;margin-left:-400px;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;}
.coupon_wrap .close_btn{display:inline-block;position:absolute;z-index:2;top:0;right:0;width:40px;height:40px;text-align:center;font-size:32px;line-height:40px;font-weight:bold;background:#fff;cursor:pointer;}
.coupon_wrap .inner_wrap{max-height:560px;padding:20px;background:#fff;overflow-y:auto;}
.coupon_wrap .coupon_item_wrap{text-align:left;}
.coupon_wrap .coupon_item_wrap .box{padding:10px 0 0 0;margin-top:15px;border-top:2px solid #454545;border-bottom:1px solid #ddd;}
.coupon_wrap .coupon_item_wrap .name{padding:0 0 0 10px;}
.coupon_wrap .coupon_item_wrap .coupon_select_box{padding:8px 10px;margin-top:7px;line-height:22px;border-top:1px solid #ddd;}
.coupon_wrap .coupon_item_wrap .coupon_select_box label{display:block;}
.coupon_wrap .coupon_item_wrap .coupon_select_box label.disable{text-decoration:line-through;}
.coupon_wrap .coupon_item_wrap .price_box{padding:10px 5px;text-align:right;border-top:1px solid #ddd;background:#F7F7FC;}
.coupon_wrap .btn_box{padding:30px 0;text-align:center;}
.coupon_wrap .btn_box .btn{padding:10px 18px;}
.coupon_wrap .subtotal_box{margin-top:20px;}

.tooltip{position:relative;}
.tooltip:hover:after, .tooltip:hover:before{display:block;}
.tooltip:before{content:attr(rel);position:absolute;display:none;z-index:1000;bottom:22px;left:-10px;width:180px;padding:7px 10px 7px 10px;text-align:left;line-height:17px;color:#ffffff;
background:#404040;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e4e', endColorstr='#404040',GradientType=0);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e4e4e), color-stop(100%,#404040));
background:-webkit-linear-gradient(top, #4e4e4e 0%,#404040 100%);background:-moz-linear-gradient(top, #4e4e4e 0%, #404040 100%);background:-ms-linear-gradient(top, #4e4e4e 0%,#404040 100%);
background:-o-linear-gradient(top, #4e4e4e 0%,#404040 100%);background:linear-gradient(top, #4e4e4e 0%,#404040 100%);
text-shadow:0px 1px 0px #292929;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
-webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);} 
.tooltip:after{content:"";position:absolute;display:none;z-index:1000;bottom:16px;left:-2px;width:0;height:0;
border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #404040;background:transparent;}

.htmleditor iframe{width:calc(100% - 2px);border:1px solid #dcdde3;}
.htmleditor .toolbar{padding:6px;text-align:left;background:#F0F0F0;border:1px solid #ddd;border-bottom:none;}
.htmleditor .toolbar .icon{display:inline-block;height:25px;padding:0 5px;border:none;background:#fff;vertical-align:middle;cursor:pointer;}
.htmleditor .toolbar .icon.border{border:1px solid #dfdfdf;}

.overlap_section{position:fixed;z-index:10001;}
.overlap_section .icon{position:fixed;z-index:1;top:50%;left:50%;width:120px;height:120px;margin:-60px 0 0 -60px;}
.overlap_section .icon div{position:absolute;display:block;width:120px;height:120px;border-radius:60px;box-shadow:0 5px 0 0 #57b1fe;animation:overlap_icon 1s linear infinite;}
.overlap_section .back{position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;text-align:right;background:#000;filter:alpha(opacity=20);opacity:0.2;-moz-opacity:0.2;}
@keyframes overlap_icon { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}

.page_title{padding:5px 0 35px 0;text-align:center;}
.page_title .name{display:inline-block;padding:0 3px 8px 3px;font-size:28px;font-weight:bold;text-align:center;color:#333;border-bottom:2px solid #333;}
.page_title .desc{padding-top:12px;text-align:center;color:#808080;}

.section_title{position:relative;z-index:0;padding:12px 0 12px 25px;margin:15px 0 -1px 0;font-size:15px;line-height:15px;color:#454545;font-weight:bold;text-align:left;border:1px solid #ececec;background:#fff;}
.section_title:before{display:block;position:absolute;content:'';width:8px;height:8px;top:16px;left:10px;background:#333;}
.section_title .btn_box{position:absolute;top:6px;right:7px;}
.section_title .txt_box{position:absolute;top:12px;right:12px;font-weight:normal;}
.section_title .right_box{position:absolute;top:5px;right:8px;}
.section_title .right_box select{margin-top:2px;}
.section_title .check_box{position:absolute;top:10px;right:12px;font-size:13px;font-weight:normal;}

.txt_title{position:relative;padding:11px 1px;font-size:15px;line-height:15px;color:#272727;font-weight:bold;text-align:left;}
.txt_title .right_box{position:absolute;top:11px;right:0;}

.box_title{position:relative;padding:9px 20px 8px 30px;margin:15px 0 -1px 0;line-height:16px;color:#272727;font-weight:bold;text-align:left;
border-bottom:1px solid #ccc;border-right:1px solid #ddd;border-left:1px solid #ddd;border-top:1px solid #ddd;
background:#f8f8f8;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#efefef');
background:-webkit-linear-gradient(top, #f8f8f8 30%, #efefef 100%);background:-moz-linear-gradient(top, #f8f8f8 30%, #efefef 100%);background:-ms-linear-gradient(top, #f8f8f8 30%, #efefef 100%);}
.box_title:before{display:block;position:absolute;z-index:1;content:'';width:8px;height:8px;top:11px;left:11px;background:#65B0F0;}
.box_title:after{display:block;position:absolute;z-index:1;content:'';width:8px;height:8px;top:14px;left:15px;background:#4792D2;}

.search_header{padding:20px;border:1px solid #ddd;}
.search_header .txt_check_wrap .txt_check{vertical-align:middle;}

.bot_cart_wrap{position:fixed;z-index:1001;bottom:0;left:0;width:100%;min-height:40px;}
.bot_cart_wrap .wrap_inner{position:absolute;top:0;right:0;width:18%;border:1px solid #dfdfdf;border-bottom:none;box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 10px;overflow:hidden;}
.bot_cart_wrap .cont_wrap{display:none;padding:0 10px;}
.bot_cart_wrap.act .wrap_inner{position:static;width:100%;}
.bot_cart_wrap.act .cont_wrap{display:block;}
.bot_cart_wrap .tab_wrap{position:relative;text-align:right;}
.bot_cart_wrap .tab_wrap .wrap_name{display:inline-block;padding:10px 15px;margin-right:60px;font-size:15px;line-height:15px;font-weight:bold;color:#333;}
.bot_cart_wrap .tab_wrap .wrap_name .cart_cnt{display:inline-block;padding:3px 11px;margin-left:3px;font-size:13px;line-height:13px;font-weight:bold;border-radius:25px;}
.bot_cart_wrap .tab_wrap .background{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:#fff;}
.bot_cart_wrap .arrow_box{position:absolute;top:0;right:0;display:inline-block;width:60px;height:100%;cursor:pointer;}
.bot_cart_wrap .arrow_box:hover{background:#efefef;}
.bot_cart_wrap .arrow_box::after{position:absolute;content:"";display:block;top:16px;right:24px;width:6px;height:6px;border-top:3px solid #333;border-right:3px solid #333;
-webkit-transform:rotate(315deg);transform:rotate(315deg);}
.bot_cart_wrap.act .arrow_box::after{top:13px;-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.bot_cart_wrap .col_wrap{background:#fff;}
.bot_cart_wrap .col_inner{padding:10px 10px 12px 10px;}
.bot_cart_wrap .col .btn_box .btn{padding:4px 7px;font-size:12px;line-height:12px;}
.bot_cart_wrap .right_wrap{float:right;width:18%;}
.bot_cart_wrap .right_wrap .btn{display:block;padding:9px 0;}

.mce-tinymce.mce-container.mce-fullscreen{z-index:99999;}

.sys-slider{height:0;visibility:hidden;}
.sys-slider.sys-initialized{height:auto;visibility:visible;}
.sys-slider.sys-active .sys-slider-rows{white-space:nowrap;font-size:0;}
.sys-slider.sys-active .sys-slide{display:inline-block;white-space:normal;font-size:13px;}

.copy-command-msg{position:fixed;z-index:10000;top:50%;left:0;width:100%;text-align:center;}
.copy-command-msg-inside{display:inline-block;width:180px;padding:25px 0;font-size:20px;color:#333;background:#fff;border:1px solid #dfdfdf;}

.sys-youtube-container{position:relative;height:0;}
.sys-youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.sys-youtube-container.hide-controls{overflow:hidden;}
.sys-youtube-container.hide-controls iframe{top:-60px;height:calc(100% + 120px);}

.sys-kakao-map-container .root_daum_roughmap{width:100%;}
.sys-kakao-map-container .root_daum_roughmap .wrap_map{width:100%;}
.sys-kakao-map-container.has-ratio{position:relative;height:0;}
.sys-kakao-map-container.has-ratio .root_daum_roughmap{position:absolute;top:0;left:0;width:100%;height:100%;}
.sys-kakao-map-container.has-ratio .root_daum_roughmap .wrap_map{position:absolute;top:0;left:0;width:100%;height:100%;}

@media screen and (max-width:1099px) {
.tablenav.top{padding:8px;background:#fff;}

.view_bottom_btn{padding:2em .4em !important;text-align:right;}

.navi_title{position:relative;z-index:1;padding:1.1em;font-size:1em;line-height:1em;color:#fff;text-align:left;}
.navi_title .arrow_box{display:inline-block;position:relative;float:right;width:25px;height:25px;margin-top:-6px;border-radius:13px;background:#fff;}
.navi_title .arrow_box::after{position:absolute;content:"";display:block;top:6px;left:8px;width:6px;height:6px;border-top:3px solid #333;border-right:3px solid #333;
-webkit-transform:rotate(135deg);transform:rotate(135deg);}
.navi_title .arrow_box.act::after{top:9px;-webkit-transform:rotate(315deg);transform:rotate(315deg);}

.page_title{padding:20px 8px 35px 8px;}

.txt_title{padding:14px 9px;font-size:1.2em;line-height:1.2em;background:#fff;}
.txt_title .right_box{position:static;top:auto;right:auto;margin-top:10px;text-align:right;}
}

@media screen and (max-width:767px) {
table.m1_list{display:block;width:auto;background:#ffffff;}
table.m1_list>colgroup{display:none;}
table.m1_list>tbody{display:block;}
table.m1_list>thead>tr,
table.m1_list>tbody>tr{display:block;padding:9px 8px;margin-bottom:-1px;border:1px solid #f0f0f0;}
table.m1_list>thead>tr>th,
table.m1_list>tbody>tr>th{display:block;}
table.m1_list>tbody>tr>td{display:inline-block;padding:3px 0 !important;text-align:left;border:none;box-sizing:border-box;}
table.m1_list>tbody>tr>td:before{content:attr(rel);display:inline;color:#999;border:none;}

table.m1_view{display:block;width:auto;background:#ffffff;}
table.m1_view>colgroup{display:none;}
table.m1_view>tbody{display:block;border:1px solid #f0f0f0;}
table.m1_view>thead>tr,
table.m1_view>tbody>tr{display:block;}
table.m1_view>thead>tr>th,
table.m1_view>tbody>tr>th{display:block;padding:8px 9px;border:none;text-align:left;background:#f8f8f8;}
table.m1_view>tbody>tr>td{display:block;padding:8px 9px;border:none;text-align:left;}
table.m1_view>tbody>tr>td:before{content:attr(rel);display:block;margin-bottom:.2em;font-weight:bold;}

table.m1_form{display:block;width:auto;background:#ffffff;}
table.m1_form>colgroup{display:none;}
table.m1_form>tbody{display:block;border:1px solid #f0f0f0;border-top:none;}
table.m1_form>thead>tr,
table.m1_form>tbody>tr{display:block;position:relative;font-size:0;border-top:1px solid #f0f0f0;background:#f8f8f8;}
table.m1_form>thead>tr:after,
table.m1_form>tbody>tr:after{content:'';position:absolute;z-index:0;top:0;right:0;height:100%;background:#fff;}
table.m1_form>tbody>tr>th,
table.m1_form>tbody>tr>td{display:inline-block;position:relative;z-index:1;padding:12px 12px;font-size:13px;border:none;box-sizing:border-box;}
table.m1_form:not(.exception)>tbody>tr:after{width:70%;}
table.m1_form:not(.exception)>tbody>tr>th{width:30%;}
table.m1_form:not(.exception)>tbody>tr>td{width:70%;}

table.m1_2column>colgroup{display:none;}
table.m1_2column>thead>tr.tab{display:none;}
table.m1_2column>tbody>tr{display:block;padding:10px 14px;border-top:1px solid #ececec;}
table.m1_2column>tbody>tr:last-child{border-bottom:1px solid #ececec;}
table.m1_2column>thead>tr>th,
table.m1_2column>tbody>tr>td{position:relative;display:block;min-height:19px;padding:6px 0 6px 35% !important;text-align:left;border:none;overflow:hidden;}
table.m1_2column>thead>tr>th:before,
table.m1_2column>tbody>tr>td:before{content:attr(rel);position:absolute;top:6px;left:0;font-weight:bold;}

.set-table-width>table{min-width:auto !important;}

.tab_navi.type1.m1_2column .box{width:50% !important;background:#fff;}
.tab_navi.type1.m1_2column .box .tab{border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tab_navi.type1.m1_2column .box:nth-child(odd) .tab{border-left:1px solid #e4e4e4;}
.tab_navi.type1.m1_2column .box:nth-child(1) .tab{border-top:1px solid #ddd;}
.tab_navi.type1.m1_2column .box:nth-child(2) .tab{border-top:1px solid #ddd;}

.tab_navi.type2.m1_2column .box{width:50% !important;}
.tab_navi.type2.m1_2column .box .tab{border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.tab_navi.type2.m1_2column .box.act .tab{padding-top:14px;color:#fff;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#000;}
.tab_navi.type2.m1_2column .box:nth-child(odd) .tab{border-left:1px solid #e4e4e4;}
.tab_navi.type2.m1_2column .box:nth-child(1) .tab{border-top:1px solid #ddd;}
.tab_navi.type2.m1_2column .box:nth-child(2) .tab{border-top:1px solid #ddd;}

.password_form{min-height:0px}
.password_form .form_box{padding:30px 12px;margin:0;}
.password_form .form_box input[type=password]{width:100%;height:46px;padding:8px;}
.password_form .form_box .btn{width:100%;padding:1em 0;margin:1em 0;}

.calendar_section .calendar-nav.top .nav-left{position:static;top:auto;left:auto;padding:6px 0 0 0;text-align:left;}
.calendar_section .calendar-nav.top .nav-right{position:static;top:auto;left:auto;padding:6px 0 0 0;text-align:left;}

.sys-calendar{border-bottom:1px solid #ececec;}
.sys-calendar td{border-right:none;border-left:none;}
.sys-calendar .day_box{min-height:40px;}
.sys-calendar .day{padding:2px 0;text-align:center;}
.sys-calendar .re_btn{display:none;}
.sys-calendar .day_box .data_box{padding:0 2px;}
.sys-calendar .day_box.has-events .data_box{}

.calendar_section.mobile-list-layout .calendar_wrap{width:auto !important;background:#fff;}
.calendar_section.mobile-list-layout .sys-calendar thead{display:none;}
.calendar_section.mobile-list-layout .sys-calendar .re_btn{display:block;width:50px;height:22px;}
.calendar_section.mobile-list-layout tr,
.calendar_section.mobile-list-layout th,
.calendar_section.mobile-list-layout td{display:block;}
.calendar_section.mobile-list-layout td{border-bottom:none;}

.modal-basic .modal-dialog{width:100% !important;margin:0;}
.modal-basic .modal-content-outer{margin:0 12px;}

.coupon_wrap{left:0;top:0;width:100%;height:100%;max-height:100%;margin-top:0 !important;margin-left:0;}
.coupon_wrap .inner_wrap{padding:.5em;}
.coupon_wrap .btn_box{margin:1.2em 0;}
.coupon_wrap .btn_box .btn{width:30%;padding:1em 0;font-weight:bold;}
}

@media print{
table th,
table td{padding:3px 6px !important;font-size:9pt;line-height:1.3;}
}