@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

/* default */
.blind{display:none;}

/* color */
.green {color:#19a900;}
.orange{color:#fba552;}
.red {color: #f82a2c;}
.pink {color:#ec008c;}

/* 공통 */
.scan-result{margin-bottom:30px;text-align: center;}

/* 마우스 on 툴팁*/
.couponcode:hover .coupontooltip {
    display: block;
}


.coupontooltip {
    left: 15px;
    top: 1px;
    display: none;
    background: #C8C8C8;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    max-width: 300px;
    border-radius: 5px;
    min-width: 300px;
    line-height: 20px;
}

.couponcode {display:inline-block;position:relative;}
.couponcode img {width:13px;}

/**********************************************************  DLIVE START ****************************************************************************/

/* IB Index Page */
.DLIVE.IB .index{height:100%;width:100%;text-align:center;margin-top:150px;}

.DLIVE.IB .ibnumber{font-size:1.2em;color:#ec008c;text-align:left;letter-spacing:5px;height:39px;width:250px;font-weight:600;
          padding-top:3px;background:#fff;border:1px solid #dadada;border-radius:5px;padding:2px 0 0 15px;margin:0 0 0 15px;float:left;}

.DLIVE.IB .button{float:right;margin:2px 0 0 5px;}

.DLIVE.IB .header_right{float:right;font-size:12px;font-weight:bold;vertical-align:middle;height:50px;margin-right: 50px;}

.DLIVE.IB .button_logout{float:right;padding:8px 0 0 10px;}

.DLIVE.IB .contents_wrap{width:1080px;margin:0 auto;}

.DLIVE.IB .checkpoint{border-radius:5px;border:1px solid #d1d1d1;background:#f9f9f9;width:100%;height:37px;color:#6d6d6d;font-size:12px;margin-top:35px;}
.DLIVE.IB .checkpoint ul li{float:left;width:25%;list-style-image:url(/images/list_square_LG.png);}
.DLIVE.IB .checkpoint ul li span{font-weight:bold;}

.DLIVE.IB .table{width:540px;float:left;margin-top:50px;}

.DLIVE.IB .title{background-image:url(/images/list_triangle_LG.png);background-repeat:no-repeat;padding:0 0 0 10px;margin:0;font-size:12px;font-weight:bold;color:#6d6d6d;}

.DLIVE.IB table{font-size:12px;text-align:center;width:100%;margin-top:10px;float:left;}
.DLIVE.IB table td{padding:15px 0;border-bottom:1px solid #d1d1d1;color: #777;}
.DLIVE.IB table th {color: #777;font-weight:bold;border-top:2px solid #c0c0c0;padding:15px 0;border-bottom:1px solid #d1d1d1;}

.DLIVE.IB .textbox{float:left;margin:50px 0 0 20px;}
.DLIVE.IB .textbox textarea{width:470px;height:100px;	margin-top:10px;color:#777;font-size:12px;padding:20px;resize:none;}
.DLIVE.IB .button_receive{width:153px;height:41px;padding:5px 0 0 360px;}


/* Client Page */
.DLIVE.client{width: 100%;height: 100%;font-family: 'Noto Sans Korean', sans-serif;background:#fff;margin:0 auto;padding:100px 0 0 0;text-align:center;}
.DLIVE .top{color:#fff;}
.DLIVE .top .title{color:#666; padding:40px 0 0 0; font-weight:600; font-size:25px; font-family: 'Noto Sans Korean', sans-serif;}

.DLIVE .subtitle{font-size:20px;font-weight:400;padding:10px 0 0 0;font-family: 'Noto Sans Korean', sans-serif;}
.DLIVE .subtitle p{font-size:16px; font-family: 'Noto Sans Korean', sans-serif; margin-top:45px; line-height:20px; color:#666; font-weight:300;}
.DLIVE .subtitle p span{font-weight:500; line-height:28px; font-size:17px;}

.DLIVE .loading{margin-top:120px;}

.DLIVE .codenumber{font-size:1.8em;color:#ec008c;text-align:center;letter-spacing:10px;border:1px solid #dadada;height:51px;width:383px;margin-top:100px;font-weight:600;padding-top:3px;}

.DLIVE .borderbtn_wh{color:#fff; margin:50px auto;border: 5px solid #dadada;width:375px;padding:20px 0 15px 0;vertical-align:middle;background:#00afc8; text-align:c; font-size:20px; line-height:0;}
.DLIVE .borderbtn_wh:hover { border: 5px solid #00afc8;}
.DLIVE .borderbtn_wh span img{padding:0 0 10px 10px;width:32px;}

.DLIVE .borderbtn_whs{color:#666;	margin:50px auto;border: 5px solid #dadada;width:250px;padding:10px 0 15px 0;vertical-align:middle;background:rgba(255,255,255,0.1);font-size:1.6em;}
.DLIVE .borderbtn_whs:hover {border: 5px solid #ec008c;}

.DLIVE .contents .text{color:#666; font-size:1.2em;}

.DLIVE .contents .text span{font-size:1.75em;color:#ec008c;font-weight:500;}


/* IB Page */
body .DLIVE .IB  {width: 100%;height: 100%;font-family: '굴림', sans-serif;background: #fff;margin: 0 auto;text-align: left;}

/* IB header */
.DLIVE.IB .header{width:100%;height:101px; background:url('/images/bg_top_LG.png'); background-repeat:repeat-x;color:#666;margin:0 auto;}
.DLIVE.IB .header .wrap{margin:0 auto;width:1080px;}
.DLIVE.IB .header span{float:left;margin:15px 0 0 0;}
.DLIVE.IB .header_left{text-align:left;margin:0 auto;padding:28px 0 0 0;font-weight:bold;width: 950px;font-size:15px;}
.DLIVE.IB .header_right span{margin:10px 0 0 0;line-height:28px;}


/* DIV Table*/
.table {border:0; font-family: '굴림', sans-serif;  }
.result-table{width:1100px;display:table;border-collapse:collapse;font-size:12px;margin: 0 auto; color:#4e4e4e;margin-top:50px;}
.result-table .th{color:#f82a2c; font-weight:bold;height:45px;line-height:48px; border-top:2px solid #f82a2c; border-bottom:1px solid #f82a2c;}
.result-table div{border-bottom:1px solid #dadada;float:left;width:180px;height:45px;line-height:48px; background:#fff;}
.result-table div.report-title{background-color:#f2f2f2; color:#666;}
.result-table div.empty{width:10px;height:30px;line-height:30px; border:0; background:none;}


/* Client Page */
.client{width: 100%;height: 100%;font-family: 'Noto Sans Korean', sans-serif;background:url('/images/ep_naturalblack.png');margin:0 auto;padding:80px 0 0 0;text-align:center;}
.top{color:#fff;}
.top .title{padding:40px 0 0 0;font-size:1.75em;font-family: 'Noto Sans Korean', sans-serif;}

.subtitle{font-size:0.7em;font-weight:300;padding:5px 0 0 0;font-family: 'Noto Sans Korean', sans-serif;}

.loading{margin-top:120px;}

.codenumber{font-size:1.8em;color:#f82a2c;text-align:center;letter-spacing:10px;border:none;height:51px;width:383px;margin-top:100px;font-weight:600;padding-top:3px;}

.borderbtn_wh{margin:50px auto;border: 5px solid #fff;width:375px;padding:7px 0 15px 0;vertical-align:middle;background:rgba(255,255,255,0.1);	font-size:1.6em;}
.borderbtn_wh:hover {border: 5px solid #f82a2c;}
.borderbtn_wh span img{padding:10px 0 0 10px;width:32px;}

.borderbtn_whs{	margin:50px auto;border: 5px solid #fff;width:250px;padding:10px 0 15px 0;vertical-align:middle;background:rgba(255,255,255,0.1);font-size:1.6em;}
.borderbtn_whs:hover {border: 5px solid #f82a2c;}

.contents .text{font-size:1.2em;}

.contents .text span{font-size:1.75em;color:#f82a2c;font-weight:500;}



/* IB Page */
body.IB  {width: 100%;height: 100%;font-family: '굴림', sans-serif;background: #fff;margin: 0 auto;text-align: left;}

/* IB header */
.IB .header{width:100%;height:101px;background:url('/images/bg_top.png');background-repeat:repeat-x;color:#fff;margin:0 auto;}
.IB .header .wrap{margin:0 auto;width:1080px;}
.IB .header span{float:left;margin:15px 0 0 0;}
.IB .header_left{text-align:left;margin:0 auto;padding:28px 0 0 0;font-weight:bold;font-size:15px;}
.IB .header_right span{margin:10px 0 0 0;line-height:28px;}

/* IB Index Page */
.IB .index{height:100%;width:100%;text-align:center;margin-top:150px;}

.IB .ibnumber{font-size:1.2em;color:#a9a9a9;text-align:left;letter-spacing:5px;height:39px;width:250px;font-weight:600;
          padding-top:3px;background:#222;border:1px solid #444;border-radius:5px;padding:2px 0 0 15px;margin:0 0 0 15px;float:left;}

.IB .button{float:left;margin:2px 0 0 5px;}

.IB .header_right{float:right;font-size:12px;font-weight:bold;vertical-align:middle;height:50px;}

.IB .button_logout{float:right;padding:8px 0 0 10px;}

.IB .contents_wrap{width:1080px;margin:0 auto;}

.IB .checkpoint{border-radius:5px;border:1px solid #d1d1d1;background:#f9f9f9;width:100%;height:37px;color:#6d6d6d;font-size:12px;margin-top:35px;}
.IB .checkpoint ul li{float:left;width:25%;list-style-image:url(/images/list_square.png);}
.IB .checkpoint ul li span{font-weight:bold;}

.IB .table{width:540px;float:left;margin-top:50px;}

.IB .title{background-image:url(/images/list_triangle.png);background-repeat:no-repeat;padding:0 0 0 10px;margin:0;font-size:12px;font-weight:bold;color:#6d6d6d;}

.IB table{font-size:12px;text-align:center;width:100%;margin-top:10px;float:left;}
.IB table td{padding:15px 0;border-bottom:1px solid #d1d1d1;color: #777;}
.IB table th {color: #777;font-weight:bold;border-top:2px solid #c0c0c0;padding:15px 0;border-bottom:1px solid #d1d1d1;}

.IB .textbox{float:left;margin:50px 0 0 20px;}
.IB .textbox textarea{width:470px;height:100px;	margin-top:10px;color:#777;font-size:12px;padding:20px;resize:none;}
.IB .button_receive{width:153px;height:41px;padding:5px 0 0 360px;}



/* Report */


.DLIVE.IB .report_share{border-radius:10px; border:1px solid #d1d1d1; width:49.3%; margin:30px 5px 30px 0; text-align:center; padding:55px 0 0 0; float:left; height:500px;}
.DLIVE.IB .report_share p{clear:both; font-family: 'Noto Sans Korean', sans-serif; font-size:16px; color:#666;}
.DLIVE.IB .report_table{ margin:0 auto; padding:30px 20px 0px 20px; clear:both; padding-bottom:15px;}
.DLIVE.IB .report_table .top{border-top:2px solid #00afc8; border-bottom:1px solid #00afc8; color:#c8135c; padding:22px 0; font-weight:bold;}
.DLIVE.IB .report_table .top th{text-align:center; font-size:12px; width:33.3%; line-height:0.3; margin:0; padding:22px 0; border-bottom:none; color:#c8135c; border-top:2px solid #00afc8; border-bottom:1px solid #00afc8;}
.DLIVE.IB .report_table .tr{list-style:none; border-bottom:1px solid #dadada; padding:22px 0;}
.DLIVE.IB .report_table tr td{text-align:center; font-size:12px; width:33.3%; margin:0; }
.DLIVE.IB .report_table tr td.on{color:#19a900;}
.DLIVE.IB .report_table tr td.off{color:#ffba00;}
.DLIVE.IB .report_table tr td.title{background:#f2f2f2; font-weight:normal; color:#666;}

.DLIVE.IB .report_pc{border-radius:10px; border:1px solid #d1d1d1; width:49.3%; margin:30px 0 10px 5px; text-align:center; padding:55px 0 0 0; float:left; height:500px;}

.DLIVE.IB .ask{border-radius:5px; border:1px solid #d1d1d1; background:#f9f9f9; clear:both; font-size:12px; padding:25px 25px; color:#555; font-weight:bold; margin-bottom:100px; text-align:left;}
.DLIVE.IB .ask textarea{margin:10px 0 0 0; width:500px; height:110px; overflow-y:scroll; padding:20px; border:1px solid #dadada; color:#666;}
.DLIVE.IB .ask .btn_receive{float:right; padding:117px 0 0 0;}

.DLIVE.IB .script{border-radius:5px; border:1px solid #d1d1d1; clear:both; font-size:15px; padding:25px 25px; color:#333; margin-bottom:30px; font-family: 'Noto Sans Korean', sans-serif; line-height:1.8; }

.DLIVE.IB .btn_detail{float:right; width:100%; text-align:right; margin-bottom:30px;cursor:pointer;}

.DLIVE .subtitle_report{font-size:16px;font-weight:400;padding:10px 0 20px 0;font-family: 'Noto Sans Korean', sans-serif; line-height:1.4;}

.DLIVE.client .contents_wrap{width:1080px;margin:0 auto; font-family:gulim;}
.DLIVE.client .report_share{border-radius:10px; border:1px solid #d1d1d1; width:49.3%; margin:30px 5px 10px 0; text-align:center; padding:55px 0 0 0; float:left; height:500px;}
.DLIVE.client .report_share p{clear:both; font-family: 'Noto Sans Korean', sans-serif; font-size:16px; color:#666;}
.DLIVE.client .report_table{ margin:0 auto; padding:30px 20px 0px 20px; clear:both; padding-bottom:15px; border-spacing:0;}
.DLIVE.client .report_table .top{border-top:2px solid #00afc8; border-bottom:1px solid #00afc8; color:#c8135c; padding:22px 0; font-weight:bold;}
.DLIVE.client .report_table .top th{text-align:center; font-size:12px; width:33.3%; line-height:0.3; margin:0; padding:22px 0; border-bottom:none; color:#00afc8; border-top:2px solid #00afc8; border-bottom:1px solid #00afc8;}
.DLIVE.client .report_table .tr{list-style:none; border-bottom:1px solid #dadada; padding:22px 0;}
.DLIVE.client .report_table tr td{text-align:center; font-size:12px; width:33.3%; margin:0; border-bottom:1px solid #dadada;}
.DLIVE.client .report_table tr td.on{color:#19a900;}
.DLIVE.client .report_table tr td.off{color:#ffba00;}
.DLIVE.client .report_table tr td.title{background:#f2f2f2; font-weight:normal; color:#666; font-family:gulim; padding:22px 0;}

.DLIVE.client .report_pc{border-radius:10px; border:1px solid #d1d1d1; width:49.3%; margin:30px 0 10px 5px; text-align:center; padding:55px 0 0 0; float:left; height:500px;}
.DLIVE.client .report_pc table{border-spacing:0;}

.DLIVE.client .btn_detail{float:right; width:100%; text-align:right; margin-bottom:30px;}

.DLIVE .top .title_report{color:#666; padding:40px 0 0 0;font-size:26px;font-family: 'Noto Sans Korean', sans-serif; font-weight:500;}



/*** DLIVE IB Report Table ***/
.DLIVE.IB .detail_table{width:50%; margin:0 auto; padding:100px 3px 10px 3px; float:left;}
.DLIVE.IB .detail_table .top{border-top:2px solid #c8135c; border-bottom:1px solid #c8135c; color:#c8135c; padding:22px 0; font-weight:bold;}
.DLIVE.IB .detail_table .top th{text-align:center; font-size:12px; width:33.3%; line-height:0.3; margin:0; padding:22px 0; border-bottom:none; color:#c8135c; border-top:2px solid #c8135c; border-bottom:1px solid #c8135c;}
.DLIVE.IB .detail_table tr{list-style:none; border-bottom:1px solid #dadada; padding:22px 0;}
.DLIVE.IB .detail_table tr:nth-child(even) {background-color: #f9f9f9;}
.DLIVE.IB .detail_table tr:nth-child(odd) {background-color: #fff;}
.DLIVE.IB .detail_table tr td{text-align:center; font-size:12px; width:33.3%; margin:0; }
.DLIVE.IB .detail_table tr td.on{color:#19a900;}
.DLIVE.IB .detail_table tr td.off{color:#ffba00;}
.DLIVE.IB .detail_table tr td.title{background:#f2f2f2; font-weight:normal; color:#666; background-image:none;}

/*** DLIVE client Report Table ***/
.DLIVE.client .detail_table{width:50%; margin:0 auto; padding:100px 3px 10px 3px; float:left;}
.DLIVE.client .detail_table .top{border-top:2px solid #00afc8; border-bottom:1px solid #00afc8; color:#c8135c; padding:22px 0; font-weight:bold;}
.DLIVE.client .detail_table .top th{text-align:center; font-size:12px; width:33.3%; line-height:0.3; margin:0; padding:22px 0; border-bottom:none; color:#00afc8; border-top:2px solid #00afc8; border-bottom:1px solid #00afc8;}
.DLIVE.client .detail_table .tr{list-style:none; border-bottom:1px solid #dadada; padding:22px 0;}
.DLIVE.client .detail_table tr:nth-child(even) {background-color: #f9f9f9;}
.DLIVE.client .detail_table tr:nth-child(odd) {background-color: #fff;}
.DLIVE.client .detail_table tr td{text-align:center; font-size:12px; width:33.3%; margin:0; padding:0 10px; border-bottom:1px solid #dadada;}
.DLIVE.client .detail_table tr td.on{color:#19a900;}
.DLIVE.client .detail_table tr td.off{color:#ffba00;}
.DLIVE.client .detail_table tr td.title{background:#f2f2f2; font-weight:normal; color:#666; background-image:none; font-family:gulim; padding:22px 0;}


/*** DLIVE IB Main ***/
.DLIVE.IB .main_table{border:1px solid #dadada;border-bottom:none;margin: 50px 0 10px 0;}
.DLIVE.IB .main_table th{width:5%; border-top:none; background:#f2f2f2;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}
.DLIVE.IB .main_table td.tabletop{background-image:url('/images/dark_fish_skin.png');padding:15px; color:#fff; font-size:15px; font-family: 'Noto Sans Korean', sans-serif;}
.DLIVE.IB .main_table td.tabletop_client{background:#c8135c; padding:15px; color:#fff; font-size:15px; font-family: 'Noto Sans Korean', sans-serif;}
.DLIVE.IB .main_table td{padding:30px;}
.DLIVE.IB .main_table td.text{ text-align:left; border-left:1px solid #dadada; border-right:1px solid #dadada; line-height:2.0; font-size:16px; font-family: 'Noto Sans Korean', sans-serif;}
.DLIVE.IB .main_table td span{color:#c8135c; font-weight:bold;}


/*** DLIVE IB 원격 요청 이후 ***/
.DLIVE.IB .receipt_table{border:1px solid #dadada; border-bottom:none; margin:50px 0; border-left:none;}
.DLIVE.IB .receipt_table td{padding:25px;}
.DLIVE.IB .receipt_table td.tabletop{background-image:url('/images/dark_fish_skin.png');padding:15px; color:#fff; font-size:15px; font-family: 'Noto Sans Korean', sans-serif;}
.DLIVE.IB .receipt_table td.tabletop_client{background:#c8135c; padding:15px; color:#fff; font-size:15px; font-family: 'Noto Sans Korean', sans-serif;}
.DLIVE.IB .receipt_table td.text{ text-align:left; border-left:1px solid #dadada; border-right:1px solid #dadada; line-height:2.0; font-size:16px; font-family: 'Noto Sans Korean', sans-serif;}
.DLIVE.IB .receipt_table td.none{border-bottom:none; padding-bottom:0;}
.DLIVE.IB .receipt_table td img{clear:both; display:block; text-align:center; margin:0 auto; padding:5px 0;}
/**********************************************************  DLIVE END ****************************************************************************/


.DLIVE .endtitle{font-size:18px; font-weight:600; padding:50px 0 0 0; font-family: 'Noto Sans Korean', sans-serif; color:#666;}
.DLIVE .endtitle p{font-size:15px; font-weight:400; margin-top:11px; line-height:1.5; color:#777; font-family: 'Noto Sans Korean', sans-serif;}
.DLIVE .endtitle p span{font-weight:bold;}

.DLIVE .end_wrap{width:680px;margin:0 auto; color:#666; clear:both;}


fieldset {border:0; }
fieldset legend { visibility:hidden; font-size:0; line-height:0; width:0; height:0; }
.div { width:680px; margin:50px 0 0 50px; }
.list { position:relative; float:left; width:300px; line-height:22px; text-align:center;
        /*display:inline-block; ie8이상에서 margin생김 */ }
.list label{ position:absolute; left:120px; top:100px; visibility:visible; cursor:pointer; 
             font-size:13px; letter-spacing:-1px; color:#666666; }
.list .iRadio { visibility:hidden; height:22px; line-height:0; }
.list .designRadio { position:absolute; top:100px; left:90px; display:block; width:12px; height:12px;
                     cursor:pointer; }
.list .designRadio .radio { display:block; width:20px; height:20px; background-image:url('/images/radiobutton.png'); background-image:no-repeat; background-position:0 0; }
.list .designRadio .radio.checked { background-position:20px 0; }
.result { float:left; width:200px; height:16px; margin-left:20px; }
.div:after { display:block; content:''; clear:both; }

.title_textarea{font-family:gulim; font-size:12px; font-weight:bold; text-align:left; margin:80px 0 10px 0;}
.textarea{width:100%; height:150px; resize:none; font-size:12px; color:#666; padding:10px 10px; }

.btn_satisfaction{width:274px; height:49px; background-image:url('/images/btn_satisfaction.png'); margin:30px auto;}
.btn_satisfaction:hover {background-image:url('/images/btn_satisfaction_on.png');}

/* 고객만족후기 게시판 */ 
#table{width:800px; margin:0 auto;}
.tbl_type,.tbl_type th,.tbl_type td{border:0; color:#646464;font-family:'굴림',gulim;font-size:11px;}  
.tbl_type{width:800px; border-bottom:2px solid #b6b6b6;font-family:Tahoma;font-size:11px;text-align:left; margin-top:100px;}  
.tbl_type caption{display:none}  
.tbl_type th{border-top:2px; padding-left:20px; background:url('/images/board_title_bg.gif') repeat-x;}  
.tbl_type td{padding:7px 0 6px 30px; color:#4c4c4c}
.review_text {width: 500px;display: inline-block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:left; padding:0 15px;}