@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
@font-face {
    font-family: 'roboto-regular';
    src: url(font/roboto-regular.woff2) format('woff2'),
         url(font/roboto-regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

/*reset*/
html {-webkit-text-size-adjust:none !important; background:#656974; min-width:1430px;}
html, body {width:100%; background:#52555f}
html, body, div, header, section, article, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr{margin:0; padding:0; font-size:100%;
box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box}
body {font-family:'roboto-regular','ng', '맑은 고딕', 'Malgun Gothic';font-size:12px; color:#666;*word-break:break-all;-ms-word-break:break-all}
h1, h2, h3, h4, h5, h6 {font-weight:normal}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
form, fieldset, iframe {display:block; border:0}
button {padding:0; margin:0; border:0}
img {border:0 none;vertical-align:middle;-webkit-perspective:1}
hr {height:0; display:none}
i, em, address{font-style:normal}
label, button{cursor:pointer}
blockquote, q {quotes:none}
caption, legend, .blind {overflow:hidden;position:absolute; top:-9999em; left:-9999em; width:0; height:0; padding:0; margin:0;font-size:0;line-height:0; text-indent: -9999em; visibility:hidden; outline:none; z-index:-1}
.ellipsis {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}


input, textarea, select, button {color:#666; vertical-align:middle}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none;border: 1px solid #666; border-radius:0;cursor: pointer;}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button;border: 1px solid #666; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
input[type="number"] {ime-mode:disabled;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
textarea {line-height:1.2; resize:none;word-break: break-all;}
::-webkit-input-placeholder{color:#aaa}/*input place 속성*/

a {color:#1B222E;text-decoration:none;font-family:'roboto-regular','ng', '맑은 고딕', 'Malgun Gothic';}
a:hover, a:active, a:focus {text-decoration:none !important;}



#wrap{width:100%; }
#wrap:after{content:"";clear:both;display:block;}
#wrapper{width:100%;}
#wrap #header{background:#fff;height:65px;}
#wrap #header:after{content:"";clear:both;display:block;}
h1{position:absolute; left:0; top:0;height:66px;width:60px; background:url(../../images/main/logo_close.png) no-repeat 8px 11px #52555f;}
.right_bar{float:right;}
.right_bar > ul{}
.right_bar > ul:after{content:""; display:block; clear: both}
.right_bar > ul > li{float:left; padding:0 30px;margin-left:20px;line-height:65px;text-align:center; position:relative; cursor:pointer}
.right_bar > ul > li.noti{padding:0 15px;background:url(../../images/images/icon_select.png) no-repeat right center; position:relative; }
.right_bar > ul > li > span{display:inline-block;   font-size:14px; }
.right_bar > ul > li.noti > span{padding-right:25px;margin-right:5px;background:url(../../images/images/icon_notice.png) no-repeat right center; position:relative; background-size:17px;}
.right_bar > ul > li.noti > span > em.count{display:block; width:20px; height:20px; background:#ff4141; color:#fff; font-size:10px; border-radius:10px; text-align:center; line-height:20px; position:absolute; right:-12px; top:12px;}
.right_bar > ul > li.mobi{border-left:solid 1px #C4C4C4;background:url(../../images/images/icon_mo.png) no-repeat 22px center; background-size:20px; cursor:pointer;}
.right_bar > ul > li.mobi > span{padding:0 15px;background:url(../../images/images/icon_select.png) no-repeat right center; position:relative; }
.mymenu{position:absolute;left:0; width:154px; height:113px; background:#fff; z-index: 333; display:none;box-shadow:0px 8px 12px 0px rgba(87,87,87,0.47);}
.mymenu li{overflow:hidden; padding:0 !important; clear:both;}
.mymenu li a{display:block; padding:0 0 0 25px;line-height:53px; color:#000; font-size:14px; text-align:left;}
/*.notimenu{position:absolute;left:-2px; width:154px; height:159px; background:#fff; z-index: 333; display:none;box-shadow:0px 8px 12px 0px rgba(87,87,87,0.47);}
.notimenu li{overflow:hidden; padding:0 !important; margin:0 !important;clear:both; width:100%;}
.notimenu li a{display:block; width:100%;padding:0 0 0 15px;line-height:53px; color:#000; font-size:14px; text-align:left;}
.notimenu li a:hover{background:#555;color:#fff}*/
.round{width:8px; height:8px; display:inline-block !important; margin-right:0px;border-radius: 10px; }
.round.green{background:#27AE60;}
.round.yellow{background:#F2C94C;}
.round.red{background:#EB5757;}
.notimenu{position:absolute;left:-358px; width:510px; height:415px;overflow-y:auto;background:#fff; z-index: 333; display:none;box-shadow:0px 8px 20px 0px rgba(87,87,87,0.47);}
.notimenu > li{overflow:hidden; padding:0 !important; margin:0 !important;clear:both; width:100%;}
.notimenu > li a{display:block; width:100%;padding:0 0 0 15px;line-height:53px; color:#000; font-size:14px; text-align:left;}
.notimenu > li a:hover{background:#FFD885;}
.notimenu > li strong{display:block; position:relative; color:#4F4F4F;line-height:35px;}
.notimenu > li strong em{display:block; position:absolute; right:20px; top:-2px; color:#828282;font-weight:400; }

.notimenu > li span{display:block; line-height:20px; padding-bottom:5px;}
.notimenu > li.noti_tit a{line-height:40px; background:#eee;color:#444; position:relative;}
.notimenu > li.noti_tit a:hover{background:#eee; color:#444;}
.notimenu > li.noti_tit strong{position:absolute; right:20px; top:2px;}
.notimenu > li.noti_tit em{color:#EB5757;}
.notimenu > li strong.offer_N{color:#4F9CD3; font-weight:400; display:inline-block;}
.notimenu > li.read a{background:#D0D0D0; cursor:default;}
.notimenu > li.read a:hover{background:#D0D0D0;}
/*leftmenu*/
#wrap #left{float:left; width:150px;background:#52555f; z-index:1;}
#wrap #left .Lnb{}
#wrap #left .Lnb ul li{background:url(../../images/images/icon_lnb.png) no-repeat right center;}

#wrap #left .Lnb ul li a{font-weight:700; height:37px; overflow:hidden;position:relative; z-index:2;}
#wrap #left .Lnb ul li ul{overflow:hidden;display:none;overflow: hidden; position:relative;z-index:1;}
#wrap #left .Lnb ul li.on ul{ display:block;-webkit-animation: slide-down .5s ease-out;-moz-animation: slide-down .5s ease-out;}
#wrap #left .Lnb ul li ul.thison{ display:block;-webkit-animation: slide-down .5s ease-out;-moz-animation: slide-down .5s ease-out;}
#wrap #left .Lnb ul li ul li{margin-left:20px; background:none !important}

#wrap #left .Lnb li a{display:block;padding-left:30px; line-height:37px; color:#fff; font-size:14px; }
#wrap #left .Lnb li.menu1{background:none !important;}
#wrap #left .Lnb li.menu5{background:none !important;}
#wrap #left .Lnb li.menu1 a{background:url(../../images/images/icon_lnb1.png) no-repeat left top ; background-size:35px;}
#wrap #left .Lnb li.menu1 a:hover{background:url(../../images/images/icon_lnb1.png) no-repeat left bottom #FFD686;background-size:35px; color:#3F4149;}
#wrap #left .Lnb li.menu1.on a{background:url(../../images/images/icon_lnb1.png) no-repeat left bottom #FFD686;background-size:35px;color:#3F4149;}
#wrap #left .Lnb li.menu1.thispage a{background:url(../../images/images/icon_lnb1.png) no-repeat left bottom #FFD686;background-size:35px; color:#3F4149;}
#wrap #left .Lnb li.menu2 a{background:url(../../images/images/icon_lnb2.png) no-repeat left top;background-size:35px; }
#wrap #left .Lnb li.menu2 a:hover{background:url(../../images/images/icon_lnb2.png) no-repeat left bottom #FFD686;background-size:35px;color:#3F4149}
#wrap #left .Lnb li.menu2.on a{background:url(../../images/images/icon_lnb2.png) no-repeat left bottom #FFD686;background-size:35px; color:#3F4149;}
#wrap #left .Lnb li.menu2.thispage a{background:url(../../images/images/icon_lnb2.png) no-repeat left bottom #FFD686;background-size:35px; color:#3F4149;}
#wrap #left .Lnb li.menu3 a{background:url(../../images/images/icon_lnb3.png) no-repeat left top;background-size:35px;}
#wrap #left .Lnb li.menu3 a:hover{background:url(../../images/images/icon_lnb3.png) no-repeat left bottom #FFD686;background-size:35px;color:#3F4149;}
#wrap #left .Lnb li.menu3.on a{background:url(../../images/images/icon_lnb3.png) no-repeat left bottom #FFD686;background-size:35px;color:#3F4149;}
#wrap #left .Lnb li.menu3.thispage a{background:url(../../images/images/icon_lnb3.png) no-repeat left bottom #FFD686;background-size:35px;}
#wrap #left .Lnb li.menu4 a{background:url(../../images/images/icon_lnb4.png) no-repeat left top;background-size:35px;}
#wrap #left .Lnb li.menu4 a:hover{background:url(../../images/images/icon_lnb4.png) no-repeat left bottom #FFD686;background-size:35px;color:#3F4149;}
#wrap #left .Lnb li.menu4.on a{background:url(../../images/images/icon_lnb4.png) no-repeat left bottom #FFD686;background-size:35px; color:#3F4149;}
#wrap #left .Lnb li.menu4.thispage a{background:url(../../images/images/icon_lnb4.png) no-repeat left bottom #FFD686;background-size:35px;}
#wrap #left .Lnb li.menu5 a{background:url(../../images/images/icon_lnb5.png) no-repeat left top;background-size:35px;}
#wrap #left .Lnb li.menu5 a:hover{background:url(../../images/images/icon_lnb5.png) no-repeat left bottom #FFD686;background-size:35px;color:#3F4149;}
#wrap #left .Lnb li.menu5.on a{background:url(../../images/images/icon_lnb5.png) no-repeat left bottom #FFD686;background-size:35px; color:#3F4149;}
#wrap #left .Lnb li.menu5.thispage a{background:url(../../images/images/icon_lnb5.png) no-repeat left bottom #FFD686;background-size:35px;}
#wrap #left .Lnb li.menu6 a{background:url(../../images/images/icon_lnb6.png) no-repeat left top;background-size:35px;}
#wrap #left .Lnb li.menu6 a:hover{background:url(../../images/images/icon_lnb6.png) no-repeat left bottom #FFD686;background-size:35px;color:#3F4149;}
#wrap #left .Lnb li.menu6.on a{background:url(../../images/images/icon_lnb6.png) no-repeat left bottom #FFD686;background-size:35px; color:#3F4149;}
#wrap #left .Lnb li.menu6.thispage a{background:url(../../images/images/icon_lnb6.png) no-repeat left bottom #FFD686;background-size:35px;}

#wrap #left .Lnb li.menu7 a{background:url(../../images/images/icon_lnb7_1.png) no-repeat 21px 11px; background-size:13px;}
#wrap #left.openMenu .Lnb li.menu7 a{background:url(../../images/images/icon_lnb7_1.png) no-repeat 11px 11px; background-size:13px;}
#wrap #left.openMenu .Lnb li.menu7 a:hover{background:url(../../images/images/icon_lnb7.png) no-repeat 11px 11px #FFD686;color:#3F4149; background-size:13px;}
#wrap #left .Lnb li.menu7 a:hover{background:url(../../images/images/icon_lnb7.png) no-repeat 21px 11px #FFD686;color:#3F4149;background-size:13px;}
#wrap #left .Lnb li.menu7.on a{background:url(../../images/images/icon_lnb7.png) no-repeat 10px 11px #FFD686; color:#3F4149;background-size:13px;}
#wrap #left .Lnb li.menu7.thispage a{background:url(../../images/images/icon_lnb7.png) no-repeat 11px 11px #FFD686;background-size:13px;}
#wrap #left .Lnb li.menu7.thispage a:hover{background:url(../../images/images/icon_lnb7.png) no-repeat 11px 11px #FFD686;color:#3F4149;background-size:13px;}



#wrap #left .Lnb ul li.thispage a{color:#3F4149 !important;}
#wrap #left .Lnb li ul{background:#3f4149;margin-left:-30px; }
#wrap #left .Lnb li ul li{}
#wrap #left .Lnb li ul li a{padding:0 0 0 35px; line-height:35px;  background:none !important; color:#d7d7d7 !important;}
#wrap #left .Lnb ul li ul li a.sideon{color:#fff !important;}
#wrap #left .Lnb ul li ul li a:hover{color:#fff !important;}
#wrap #left .Lnb ul li.thispage ul li a{color:#d7d7d7 !important;}
#wrap #left .Lnb ul li.thispage ul li a:hover{color:#fff !important;}
#wrap #left .Lnb ul li.thispage ul li a.sideon{color:#fff !important;}
#wrap #navi{height:37px;width:100%;line-height:37px;color:#000; font-size:14px; padding-left:70px; background:#fff; border-top:solid 1px #DEDEDE;}
#wrap #navi span{display:inline-block; font-size:14px; color:#828282;}
#wrap #navi span a{color:#828282;}
#wrap #navi span.on{ color:#000;margin-left:3px; }
#wrap #navi span.on a{ color:#000;}
h1.closelogo{width:60px; -webkit-animation: animateleft_close .5s ease-in; background:url(../../images/main/logo_close.png) no-repeat 8px 11px #52555f;}
#wrap #left .menubar{display:block; line-height:35px; border-top:solid 1px #383a41;border-bottom:solid 1px #383a41; text-align:center;color:#b0b0b0; position:relative;}
#wrap #left .menubar span{display:inline-block; padding-left:22px; background:url(../../images/main/bar_bg.png) no-repeat left center;  color:#b0b0b0; transition:.5s; }
#wrap #left{position:relative; overflow:hidden;}
#wrap #left.closeMenu{width:60px;-webkit-animation: animateleft_close .5s ease-in;}
#wrap #left.closeMenu .Lnb ul li a{font-size:0;}
#wrap #left.closeMenu .Lnb li{background:url(../../images/images/icon_lnb.png) no-repeat right center; background-size:0 0;}
#wrap #left.closeMenu .menubar span{font-size:0px; background:url(../../images/main/bar_bg_close.png) no-repeat center center;min-height:35px; min-width:21px; display:block}
#wrap #left.closeMenu .Lnb li.menu1 a{background-position:11px top;}
#wrap #left.closeMenu .Lnb li.menu2 a{background-position:11px top;}
#wrap #left.closeMenu .Lnb li.menu3 a{background-position:11px top;}
#wrap #left.closeMenu .Lnb li.menu4 a{background-position:11px top;}
#wrap #left.closeMenu .Lnb li.menu5 a{background-position:11px top;}
#wrap #left.closeMenu .Lnb li.menu6 a{background-position:11px top;}
#wrap #wrapper #content.conclose{-webkit-animation: animatecontent_close .5s ease-in; padding-left:20px;}
#wrap #left.openMenu{width:150px;-webkit-animation: animateleft_open .5s ease-in;transition: width 1s ease-in-out;}
#wrap #wrapper #content.conopen{-webkit-animation: animatecontent_open .5s ease-in; padding-left:20px;}
h1.openlogo{width:150px; background:url(../../images/main/logo.png) no-repeat 8px 11px #52555f;-webkit-animation: animateleft_open .5s ease-in;transition: width 1s ease-in-out;}
#wrap #left.openMenu .Lnb ul li a{font-size:14px;transition-delay: .2s;}
#wrap #left.openMenu .menubar span{font-size:14px;}
#wrap #left.openMenu .Lnb ul li{background:url(../../images/images/icon_lnb.png) no-repeat right center; background-size:20px 6px; transition-delay: .6s;}
#wrap #wrapper #content.conopen #navi{padding-left:150px;transition-delay: .5s;}
#wrap #wrapper #content.conclose #navi{padding-left:70px;}
#wrap #wrapper #content.conopen #navi{padding-left:150px;transition-delay: .5s;}
#wrap #wrapper #content{padding-left:20px; position:relative;}
#wrap #footer{border-top:solid 2px #999;clear:both;}


#wrap #left.startcloseMenu .menubar span{font-size:0; background:url(../../images/main/bar_bg_close.png) no-repeat center center;min-height:36px; min-width:21px; display:block;transition-delay: .5s;}
#wrap #left.startcloseMenu{width:60px;}
#wrap #left.startcloseMenu .Lnb li{background-size:0 0;}
#wrap #left.startcloseMenu .Lnb ul li a{font-size:0;}
#wrap #left.startcloseMenu .Lnb li.menu1 a{background-position:11px top;}
#wrap #left.startcloseMenu .Lnb li.menu2 a{background-position:11px top;}
#wrap #left.startcloseMenu .Lnb li.menu3 a{background-position:11px top;}
#wrap #left.startcloseMenu .Lnb li.menu4 a{background-position:11px top;}
#wrap #left.startcloseMenu .Lnb li.menu5 a{background-position:11px top;}
#wrap #left.startcloseMenu .Lnb li.menu6 a{background-position:11px top;}


/*페이지로딩*/
#viewLoading {text-align: center;background:rgba(255,255,255,0.6);filter: alpha(opacity=60); z-index:1000000; width:100%; height:100%; position:fixed; left:0; top:0;z-index:1000001;}
#viewLoading>.loader {position: fixed;left:0;top:0;bottom:0; right:0; width: 150px; height:162px; margin:auto;}
#viewLoading>.loader>.load_img1{width: 150px; height:162px;position:absolute;top:0;left:0;z-index:999;background:url('../../images/mobi_load_180904_1.png');background-size:100% 100%;}
#viewLoading>.loader>.load_img2{width: 150px; height:162px;position:absolute;top:0;left:0;z-index:999;background:url('../../images/mobi_load_180904_2.png');background-size:100% 100%;animation: progress_ani 5s infinite;}




#login_wrap{padding:177px 0 0 0;}
#login_wrap .login_con{width:1200px; margin:0 auto; }
#login_wrap .login_con h1{width:100%;display:block;overflow:hidden;text-align:center; position:relative;margin-left:-25px;}
.login_form{width:470px; margin:0 auto; padding:100px 0 0 0;}
.login_form:after{content:""; clear:both; display:block;}
.login_form ul{}
.login_form ul:after{content:""; clear:both; display:block;}
.login_form ul li{margin-bottom:10px; position:relative;}
.login_form ul li span{position:absolute;top:15px; left:44px; color:#828282; opacity:0.8;font-size:17px; font-weight:700; z-index:2; }
.login_form ul li span.bounce{ -webkit-animation: bounce .3s ease-out; left:-105px;}
.login_form ul li:after{content:""; clear:both; display:block;}
.lo50gin_form ul li.remeber_chk{overflow:hidden;margin:15px 0;}
.login_form ul li input[type="text"]{width:418px; height:50px; border-radius:2px; border:none; position:relative; z-index:1;}
.login_form ul li input.username{background:url(../../images/main/icon_id.png) no-repeat left top #eae5e5; padding-left:44px;}
.login_form ul li input.password{background:url(../../images/main/icon_pass.png) no-repeat left top #eae5e5; padding-left:44px;}
.login_form ul li input[type="password"]{width:418px; height:50px; border-radius:2px;border:none;}
.login_form ul li input[type="submit"]{width:465px; height:67px; border-radius:2px; background:#FFD686; color:#4F4F4F; font-size:28px; font-weight:700; text-align:center;  border:none;}
.login_form ul li input[type="checkbox"]{display:none}
.login_form ul li input[type="checkbox"] + label{display:inline-block; padding-left:33px;
background:url(../../images/main/login_checkbox.png) no-repeat left 0; 
color:#4f4f4f; font-size:14px; font-weight:400; line-height:26px;}
.login_form ul li input[type=checkbox]:checked + label{background:url(../../images/main/login_checkbox_on.png) no-repeat; background-size:26px 27px;}

/*maindash*/
.content_wrap{padding:20px;min-height:976px; overflow:hidden; background:#E5E5E5;position: relative; z-index: 1}
.content_wrap:after{content:""; clear:both;display:block;}
.dashmain{width:1010px; position:relative; }
.dashmain .sorting_select{position:absolute; right:20px; top:20px; }
.dashmain .sorting_select .nice-select{width:118px; height:24px; float:left; margin-left:10px;}
.dashmain .sorting_select .nice-select:first-child{margin-left:0;}
.dashmain .sorting_select .nice-select .option{width:118px;}
.dashmain .sorting_select{}
.dashmain .sorting_select .label_select{float:left; margin-left:10px;}
.dashmain .main_top{width:1010px; padding:20px; background:#ebe5e5; }
.dashmain .main_footer{width:1010px; padding:0 20px 20px 20px;; background:#ebe5e5; }
.dashmain:after{content:""; clear:both;display:block;}
.dashmain .whbox{background:#fff; padding:20px; position:relative;}
.dashmain .quickstas{margin-bottom:20px;}
.dashmain .quickstas:after{content:""; clear:both;display:block;}
.dashmain .quickstas .whbox{width:475px; overflow:hidden;float:left;background:#fff;}
.dashmain h2.tith2{overflow:hidden;margin-bottom:20px;font-size:22px; font-weight:700; color:#000;}
.dashmain h3.tith3{overflow:hidden;margin-bottom:8px;font-size:22px; font-weight:700; color:#000;}
.dashmain .quickstas h3.tith3{border-bottom:solid 1px #E0E0E0; padding-bottom:10px; position:relative;}
.dashmain .quickstas h3.tith3 .label_select{position:absolute; right:0; top:0;}
.dashmain .stats_list{width:110%; margin-top:-12px;}
.dashmain .stats_list li{width:212px; height:124px;float:left; margin:12px 12px 0px 0; background:#d4d4d4; padding:10px;color:#000; font-size:14px;}
.dashmain .stats_list li span{display:block; padding-bottom:8px; border-bottom:solid 1px #dfdfdf;}
.dashmain .stats_list li strong{display:block; text-align:center; padding-top:14px; font-size:22px; }
.dashmain .stats_list li strong em{display:block; font-size:12px;}
.dashmain .stats_list li span.counter span{display:inline-block !important;}
.dashmain .stats_list li span.counter .digit {font-size:22px;height: 35px;overflow: hidden;text-align: center;}
.dashmain .stats_list  .counter-holder span {position: relative;display: inline-block;vertical-align: top;line-height: 35px; border:none !important; padding-bottom: 0 !important;}
.dashmain .stats_list li .counter{margin-bottom:10px;}
.dashmain .stats_list li span.comma {display: inline-block; width:13px;height: 9px;line-height: 100px; background-image:url('../../images/icon/ico_bullet.png'); position:relative; bottom:-3px;}
.dashmain .stats_list li strong em span{border:none;}
.dashmain .stats_list li strong em span.digit {display:inline-block !important; width: 13px; height:20px;margin-top:5px;background-image: url('../../images/icon/ico_number.png');}
.dashmain .stats_list li strong #revenue .dotted{background-image:url('../../images/icon/ico_bullet.png');background-position:left -10px; width:13px; height:5px; bottom:-1px; display:inline-block;}
.dashmain .stats_list li strong #revenue{display:inline-block; background:url(../../images/icon/ico_bullet1.png) no-repeat left 8px; padding-left:10px;}
.tapbt{float:right;border:solid 1px #2c9cdb; border-radius:5px; }
.tapbt ul{overflow:hidden;}
.tapbt ul li{display:block; float:left;padding:0 15px; line-height:25px;color:#2D9CDB;font-size:12px; font-weight:700;border-left:solid 1px #2d9cdb;}
.tapbt ul li:first-child{border-left:none;}
.tapbt ul li:hover{background:#2D9CDB; color:#fff;}
.tapbt ul li.click{background:#2D9CDB; color:#fff;}	
.topoffer .tapbt{position:absolute; right:20px; top:20px;}
.graph_con .highcharts-button{display:none;}
.graph_con{position:relative;}
.graph_con .tapbt{position:absolute; right:0; top:4px; z-index:22}

/*offwall*/
.con_bgbox{background:#E5E5E5; padding:20px;}
.search_top{position:relative; margin-bottom:5px; min-height:26px; /*background:url(../../images/images/select_tp_Bg.png) no-repeat right top; background-size:73px 25px;*/}
/* .detail_search{position:absolute; right:0; top:0;} */
.detail_search{text-align:right;}
.detail_search>a, .detail_search>span, .detail_search>div,
.bg_search, .label_select, .detail_select{display:inline-block;vertical-align:bottom;}
.bg_search, .label_select, .detail_select{text-align:left;text-indent:5px;}
.detail_search span.bg_search{ width:158px; height:25px; position:relative; /* padding-right:25px; margin-right:83px; */}
.detail_search span.bg_search input[type="text"]{width:100%; height:22px; line-height:25px; color:#555; font-size:12px; border:none;background:#fff url(../../images/images/icon_search.png) right center no-repeat; text-indent:5px;}
.detail_search span.bg_search a.bt_search{display:block; width:25px; height: 25px; position:absolute;right:0; top:0;}
/* .detail_select{position:absolute;right:0; top:0;} */
.detail_select .nice-select{background:#d4d4d4; height:26px; line-height:26px;}
.content_wrap h2.page_tith2{overflow:hidden; font-size:22px; color:#000; margin-bottom:20px; }
.content_wrap .page_tith2{position:relative;}
.content_wrap .page_tith2 .buttontype1{position:absolute; right:0; top:0;}

.detail_select .select2-container .select2-selection--single{height:26px; background:#fff; border-color:none;}
.detail_select .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:25px;}
.detail_select .select2-container--default .select2-selection--single .select2-selection__arrow{top:9px;}

/* .detail_select.default : select2 single height 조절*/
.detail_select.default .select2-container .select2-selection--single{height:36px; background:#fff; border-color:none;}
.detail_select.default .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px;}
.detail_select.default .select2-container--default .select2-selection--single .select2-selection__arrow{top:14px;}

/* Offer, Conversion, Event report 테이블 오른쪽 위에 나오는 셀렉트박스(25/50/100) 높이 수정*/
.report_table .detail_select.default .select2-container .select2-selection--single{height:27px;}
.report_table .detail_select.default .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:27px;}
.report_table .detail_select.default .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;}
.report_table .select2.select2-container{top:-4px;}

/* combodate : 시간선택*/
.combodate .hour{height:35px; width:50px !important; border:solid 1px #c4c4c4;}
.combodate .hour option::after{content:"h" !important;}

/*tablestyle*/
.tabletype1 table{width:100%}
.tabletype1 table thead th{background:#52555F; padding:10px; text-align:center; font-size:14px; color:#fff;}
.tabletype1 table tbody td{background:#fff; padding:30px 10px; text-align:center; font-size:14px; color:#000; border-top:solid 1px #c4c4c4;}
.tabletype1 table tbody tr:first-child td{border-top:none;}
.tabletype1 table .al_L{text-align:left;}
.tabletype1 a.sorting{display:inline-block;width:16px; height:11px; vertical-align:middle;background:url(../../images/images/icon_sort.png) no-repeat; margin-left:5px;text-indent:-1000000em}
.tabletype1 span.blue_tx{color:#2D9CDB;}
.tabletype1.thum td{padding:10px;}
.tabletype2{width:100%;}
.tabletype2:after{display:block; clear:both; content:"";}
.tabletype2 table{width:100%;table-layout:fixed; margin-left:-1px;font-size:12px; color:#1B222E;min-width:1200px;}
.tabletype2.event table{width:300%;table-layout:initial; min-width:100%; margin-left:-1px;font-size:12px; color:#1B222E;}
.tabletype2 table .tx_green{color:#27AE60;}
.tabletype2 table .note{}
.tabletype2 table .note em{display:block; color:#EB5757;}
.tabletype2 table .note em.icon{color:#000;}
.tabletype2 table .note em.icon span.nt{width:36px; height:16px; display:inline-block;border-radius:3px; margin:5px 3px 0 0;background:#EB5757;text-align:center; line-height:16px; color:#fff;}

.tabletype2 table thead th{ background:#52555F; padding:10px 5px 10px 5px; text-align:center; color:#fff;}
.tabletype2 table tbody td{border-top:solid 1px #c4c4c4;background:#fff; position:relative; padding:10px 5px 10px 5px; text-align:center; word-break:break-all; }
.tabletype2 table tbody tr.seletor td{background:#c4c4c4}
.tabletype2 a.sorting{display:inline-block;width:16px; height:16px; vertical-align:middle;background:url(../../images/images/icon_sort.png) no-repeat left 5px; margin-left:5px;text-indent:-1000000em}
.tabletype2 a.sorting2{ display: inline-block;width: 16px;height: 16px;vertical-align: middle;  background: url(../../images/images/icon_sort2.png) no-repeat left 5px;;margin-left: 5px;text-indent: -1000000em;}
.tx_blue{color:#2F80ED; /* margin:0 5px; */}
.tx_av{color:#F2C94C;}
.tx_pe{color:#4B6E9E;}
.tx_li{color:#219653;}
 table .al_left{text-align:left !important; }
 table .al_right{text-align:right !important;}
 table .al_center{text-align:center !important;}
.tabletype2 .expires_con{display:inline-block; padding-left:32px; position:relative;}
.tabletype2 .expires_con img{position:absolute; left:0; top:3px; width:29px;}
.tabletype2 .expires_con em{display:block;}
.tabletype2 .expires_con1{display:inline-block; position:relative;}
.tabletype2 .expires_con1 em{display:block; position:relative; text-align:center;}
.tabletype2 .notice_bt{display:inline-block; width:14px; height:19px;vertical-align:middle;background:url(../../images/images/icon_tableno.png) no-repeat;background-size:14px;}
.tabletype2 .tx_bt{color:#2F80ED;margin-left:10px; display:inline-block}
.tabletype2 .tx_bt:first-child{margin-left:0px; }
.total{background:#ccc !important}
.tabletype2 input[type="text"]{border:solid 1px #c4c4c4; border-radius:2px;}
.tabletype2 .select2-container .select2-selection--single{height:23px;}
.tabletype2 .select2-container--default .select2-selection--single .select2-selection__arrow{top:8px;}
.tabletype2 .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:23px;}
.tabletype2 table .name_tit{padding-right:30px; word-wrap:break-word;}
.tabletype2 em.percentage{color:#2D9CDB;}
.tabletype2 em.offername{color:#2D9CDB;}
.tabletype3{margin-top:20px;}
.tabletype3:after{display:block;content:''; clear:both;}
.tabletype3 table{width:100%; border:solid 1px #d4d4d4;table-layout:fixed}
.tabletype3 table thead th{padding:5px 8px;background:#52555F; color:#fff; font-size:14px; font-weight:400; text-align:center;}
.tabletype3 table tbody td{padding:10px 8px;background:#fff; color:#1B222E; font-size:14px; font-weight:400;text-align:center;word-wrap:break-word;}
.tabletype3 table a.txt_bt{color:#2D9CDB;}
.tabletype3 table a.txt_bt:hover{color:#2D9CDB;}
.tabletype3 .tx_blue{color:#2F80ED; margin:0 1px;}
.tabletype3 .al_center{text-align:center;}
.tabletype3 .al_left{text-align:left;}
.time_box{display:block;}
.btn_remote{display:inline-block; width:25px; height:15px; background:url(../../images/icon/bt_control.png) no-repeat left bottom;}
.btn_remote.on{background-position:left top;}
.black_list{display:inline-block; background:url(../../images/icon/ico_black.png) no-repeat left 3px; padding-left:13px; }
.white_list{display:inline-block; background:url(../../images/icon/ico_black.png) no-repeat left -36px; padding-left:13px;}
/* .page_count{width:100%;overflow:hidden; padding:10px 0; color:#444; font-size:14px;} */
.page_count{position:absolute;top:130px;color:#444; font-size:14px;}
.page_count em{font-weight:700;}
.switch_layer{ width:97px; border:solid 1px #f2f2f2; position: absolute;left:0; top:34px; background:#f2f2f2; z-index:9;}
.switch_layer ul{overflow:hidden;}
.switch_layer ul li{overflow:hidden;}
.switch_layer ul li a{display:block; padding:0 0 0 20px; line-height:23px; color:#828282; font-size:12px; text-align:left;}
.switch_layer ul li a:hover{background:url(../../images/images/icon_check.png) no-repeat 10px center #e0e0e0; color:#4f4f4f;}
.switch_layer ul li a.this{background:url(../../images/images/icon_check.png) no-repeat  10px center #e0e0e0;color:#4f4f4f;}

/*툴팁*/
.countries{position:relative;z-index:3;}
.countries a{display:block;width:100%;color:#2F80ED;}
.countries .country_tooltip{display:none;padding:15px;background:#eee;box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.46); position:absolute; top:-40px; z-index:3;}
/*.countries .country_tooltip.show{display:block;-webkit-animation: slide-down .3s ease-out;}*/
.countries:hover .country_tooltip{display:block;-webkit-animation: slide-down .3s ease-out;}

/*pageing*/
.paging{width:100%;margin:20px 0; overflow:hidden; text-align:right;}					
.paging a{display:inline-block; width:18px; height:18px; background:#f2f2f2; font-size:11px; color:#000; line-height:18px;margin-right:1px; text-align:center;}
.paging a:hover{background:#c4c4c4; color:#fff;}					
.paging a.this{background:#c4c4c4; color:#fff;}					
.paging a.prev{width:auto; margin-right:10px; background:none; color:#000;}					
.paging a.prev:hover{background:none; color:#000;}					
.paging a.next{width:auto;margin-left:10px;background:none; color:#000;}					
.paging a.next:hover{background:none; color:#000;}					

/*buttonstyle*/
.btn_center{width:100%; text-align:center;}
.btn_left{width:100%; text-align:left;}
.btn_right{width:100%; text-align:right;}
.buttontype1{display:inline-block;width:109px;height:26px; background:#d4d4d4; border-radius:3px;color:#fff; text-align:center; line-height:26px; font-size:12px; vertical-align: middle; cursor:pointer;z-index:9999;}
.buttontype1:hover{color:#fff;}
.buttontype2{display:inline-block;width:50px;height:16px; border-radius:2px;color:#fff; text-align:center; line-height:16px; font-size:8px; vertical-align: middle; cursor:pointer;}
.buttontype2:hover{color:#fff;}
.buttontype3{display:inline-block;width:133px;height:31px; border-radius:2px;color:#fff; text-align:center;font-size:14px !important; line-height:31px; font-size:8px; vertical-align: middle; cursor:pointer;}
.buttontype3:hover{color:#fff;}
.button_sw{display:inline-block; width:27px; height:21px; background:url(../../images/images/icon_button.png) no-repeat;}
.button_sw.on{background:url(../../images/images/icon_button_on.png) no-repeat;}
.bt_setting{margin-left:5px;display:inline-block; width:20px; height:20px;background:url(../../images/images/btn_setting.png) no-repeat; vertical-align:middle; position:absolute; right:5px; top:15px;}
.bt_setting1{margin-left:5px;display:inline-block; width:20px; height:20px;background:url(../../images/images/btn_setting1.png) no-repeat; vertical-align:middle; position:absolute; right:5px; top:9px;}
.bt_edit{background:url(../../images/icon/icon_edit.png) no-repeat; padding-left:20px;color:#2D9CDB;margin-right:3px; font-size:14px;}
.bt_test{background:url(../../images/icon/icon_test.png) no-repeat; padding-left:20px;color:#2D9CDB;margin-right:3px;}
.bt_del{background:url(../../images/icon/icon_del.png) no-repeat; padding-left:20px;color:#2D9CDB;margin-right:3px;}
.disable_icon{display:block; margin:0 auto; width:100px; text-align:left;background:url(../../images/images/btn_stop.png) no-repeat; padding-left:20px;color:#e31624;margin-right:3px;}
.alert_icon{display:block; margin:0 auto; width:100px; text-align:left;background:url(../../images/images/btn_stop1.png) no-repeat; padding-left:20px;color:#ff9c00;margin-right:3px;}
 
.clickblack{background: #333333;}
.clickblue{background:#2d9cdb; }
.clickorg{background:#F2994A; }
.clickgray{background:#878787; }
.clickred{background:#EB5757;}
.clickgreen{background:#27AE60;}
.clickdblue{background:#4B6E9E;}
.clickdgray{background:#4F4F4F;}
.clickcobalt{background: #0e3b7a;}
.clicklineblue{background:#fff; border:solid 1px #2d9cdb; color:#2d9cdb;}
.clicklineblue:hover{color:#2d9cdb;}
.clicklineblack{background:#fff; border:solid 1px #e3e3e3; color:#52555f;}
.clicklineblack:hover{color:#52555f;}

.point_color{color:#eb5757; font-size:16px; position:relative; top:4px; margin:0 4px;}
.alert_txt{padding:10px 0;color:#da1d41; font-size:14px; text-align:right;}

/*icon*/
.ico_status{display:inline-block;width:57px; height:16px; background:#fff;line-height:16px; border:solid 1px; border-radius: 3px; font-size:10px; text-align:center;}
.ico_status.ava{border-color:#F2C94C; color:#F2C94C;}
.ico_status.rej{border-color:#EB5757; color:#EB5757;}
.ico_status.pen{border-color:#4B6E9E; color:#4B6E9E;}
.ico_status.liv{border-color:#27AE60; color:#27AE60;}
.ico_status.app{border-color:#27AE60; color:#27AE60;}
.ico_status.aci{border-color:#27AE60; color:#27AE60;}
.ico_status.pau{border-color:#828282; color:#828282;}
.ico_status.pro{border-color:#4F4F4F; color:#4F4F4F;}
.ico_status.req{border-color:#828282; color:#828282;}
.ico_status.add{border-color:#828282; color:#828282;}
.ico_status.added{border-color:#27AE60; color:#27AE60;}
.ico_status.fail{border-color:#EB5757; color:#EB5757;}
.ico_status.upload{border-color:#F2994A; color:#F2994A;}
.ico_status.end{border-color:#828282; color:#828282;}

/*이미지 input 파일*/
.add_file{position:relative}
.ad_fbox { position:absolute;left:283px;top:0px;z-index:100;width:88px;height:26px;overflow:hidden} /* width과 height는 버튼 사이즈 */
.ad_fbox .hiddenin {width:354px;height:26px;margin-top:0px;margin-left:-276px;filter:alpha(opacity=0);opacity:0;cursor:pointer}
.add_file .btn_addfile { position:absolute;left:299px;top:0px;z-index:10}
.add_file input[type="text"]{width:290px;height:13px !important; background:#f2f2f2;}

/*layer*/
#overlay{width:100%; height:100%; background:#000; opacity: 0.5; position:fixed;z-index:999; left:0; top:0;}
.notice_wrap{width:447px; position:fixed; border:solid 1px #d8d8d8; display:none; background:#fff; z-index:9999; }
.notice_wrap.note{width:447px; position:fixed; border:solid 1px #d8d8d8; display:none; background:#fff; z-index:9999;}
.notice_wrap.creative{width:1300px; position:fixed; border:solid 1px #d8d8d8; display:none; background:#fff; z-index:9999;}
.notice_wrap .notice_con{position:relative; z-index:3; margin:30px;}
.notice_wrap .notice_con strong.tit_note{display:block;padding-bottom:15px; margin-bottom:20px;color:#000;border-bottom:solid 1px #d8d8d8; font-size:22px;}
.notice_wrap .notice_con .note_par{color:#4f4f4f; font-size:14px; line-height:21px;}
.notice_wrap .notice_con .btn_right{margin-top:20px;}
.notice_wrap .notice_con .btn_top{margin-top:10px;}
.notice_wrap .notice_con .btn_top .buttontype3{font-size: 12px !important;}
.notice_wrap .app_box{margin-bottom:10px; overflow:hidden;}
.notice_wrap .app_box h3{overflow:hidden; margin-bottom:10px;}
.notice_wrap .app_box textarea{width:378px; height:86px;border:solid 1px #e0e0e0;}
.notice_wrap .result_conlist{overflow:hidden;}
.notice_wrap .result_conlist ul{overflow:hidden;}
.notice_wrap .result_conlist ul li{overflow:hidden;margin-bottom:20px;color:#4F4F4F; font-size:14px;}
.notice_wrap .result_conlist ul li em{display:inline-block; width:25px; color:#000;}
.notice_wrap .result_conlist ul li .tx_green{color:#27AE60;}
.notice_wrap .result_conlist ul li .tx_org{color:#F2994A;}
.notice_wrap .result_conlist ul li .tx_light{color:#BDBDBD;}
.noitce_move{width:100%; height:100%; background:url(../../images/images/layer_bg.png) repeat; position:absolute; z-index:2;left:0; top:0; cursor:move;}
/* 210811 offersetting mail alert 팝업 추가 */
.notice_wrap .notice_con p.alert{color:#4f4f4f; font-size:16px;text-align: center;padding-bottom:20px;}
.notice_wrap .notice_con p.alert:before{content:"";display:block;background:url(../../images/icon/ico_alert.png) no-repeat center/100%;width: 30px; height: 30px;margin: 0 auto 10px;}

.notice_wrap .editbox{height:auto; opacity: 1;}
.notice_wrap .editbox strong.subtit{display:block;  color:#000; font-size:18px;}
.notice_wrap .editbox strong a{position: absolute; right:36px;}
.notice_wrap .editbox.formcon ul li textarea{width:363px;}
.notice_wrap .editbox .leftbox{float:left; padding-left:40px; margin-right:40px;border-left:solid 1px #e0e0e0; /*min-height:585px;*/}
.notice_wrap .editbox .leftbox:first-child{padding-left:0px; margin-right:40px;border:none;}
.notice_wrap .editbox .leftbox:last-child{margin-right:0px;}
#viewgoal{width:1200px;}
#viewgoal .buttontype1{transition: .3s; }
#viewgoal .buttontype1.hide{width:0;}
#viewgoal .buttontype1.show{width:109px;}


.formbox{padding:20px;background:#fff;margin:20px 0 10px 0;}
.fixW{width:970px;}
.page_tith3{color:#3d3d3d; font-size:22px;overflow:hidden;position:relative; min-height: 26px;}
.page_tith3 .buttontype1{position:absolute; right:0; top:0;}
.page_tith3 .page_subdec{display:block; margin:20px 0 10px 0; color:#828282; font-size:12px;}
.page_tith3 .page_subdec1{display:block; margin:5px 0 10px 0; color:#828282; font-size:12px;}
.formbox .request_txt{display:block; padding-bottom:10px;color:#FF0000; font-size:12px;}
.formbox .pixel_con{display:block; margin-top:20px;color:#000; font-size:14px;}
.formbox .pop_table{margin-top:20px;}
.formbox .pop_table table td:first-child{border-left:none;}
.formbox .pop_table table .al_center{text-align:center;}
.formcon{}
.formcon ul li{ margin:15px 0;}
.formcon ul li:after{content:""; clear:both; display:block;}
.formcon ul li label{display:block; color:#1B222E; font-weight:700; font-size:14px;margin-bottom:7px;}
.formcon ul li span.tx_con{color:#1B222E; font-size:14px; line-height:22px; display:inline-block;}
.formcon ul li span.txlabel{display:block; color:#1B222E; font-weight:700; font-size:14px;margin-bottom:13px;}
.formcon ul li input[type="text"]{ height:34px; width:390px;  padding:0 5px;border:solid 1px #ccc; line-height:34px;color:#333; background:#fff; border-radius:2px}
.formcon ul li input[type="password"]{ height:34px; width:390px;  padding:0 5px;border:solid 1px #ccc; line-height:34px;color:#333; background:#fff; border-radius:2px}
.formcon ul li input[type="file"]{ height:34px; width:390px;  padding:0 5px;border:solid 1px #ccc; line-height:34px;color:#333; background:#fff; border-radius:2px}
.formcon ul li input[type="text"]:disabled{background:#F2F2F2;}
.formcon ul li textarea:disabled{background:#F2F2F2;}
.formcon ul li textarea{width:572px; height:93px; padding:10px;border:solid 1px #ccc;background:#fff;border-radius:2px}
.formcon ul li .radio_box{display:inline-block;margin-right:20px;}
.formcon ul li .radio_box input[type="radio"]{display:none}
.formcon ul li .radio_box input[type="checkbox"]{display:none}
.formcon ul li .radio_box input[type="radio"] + label{display:inline-block; padding-left:27px;
background:url(../../images/images/radio_bg.png) no-repeat left 0; 
color:#1B222E; font-size:14px; font-weight:400; line-height:17px;}
.formcon ul li .radio_box input[type=radio]:checked + label{background:url(../../images/images/radio_bg.png) no-repeat left bottom;}
.formcon ul li .radio_box input[type="checkbox"] + label{display:inline-block; padding-left:22px;
background:url(../../images/images/chek_bg.png) no-repeat left 1px; color:#1B222E; font-size:14px; font-weight:400; line-height:1.2;}
.formcon ul li .radio_box input[type=checkbox]:checked + label{background:url(../../images/images/chek_bg.png) no-repeat left bottom;}
.formcon a.bt_update{display:inline-block;vertical-align:middle; font-size:14px; margin-left:5px;color:#2D9CDB; background:url(../../images/icon/icon_update.png) no-repeat; padding-left:20px; }
.formcon ul li .add_file input[type="text"]{width:327px;}
.formcon .upload_sub{color:#828282; font-size:12px; line-height:19px; margin-bottom:10px;}
.formcon .load_box{position:relative; padding:0 0 0 40px; margin-top:30px;}
.formcon .load_box .txlabel{position:absolute;left:0;top:2px;}
.formcon ul li.bottom_line{padding-bottom:20px; border-bottom:solid 1px #e0e0e0;}
.formcon ul li a.bt_download{display:inline-block; color:#2D9CDB;margin-left:5px;}
.formcon ul li .dec_con{display:inline-block; margin-left:10px; color:#BDBDBD; font-size:14px;}
.formcon ul.add_payout{display:none;}

.form_select{}
.form_select .nice-select{width:402px; height:34px;background:#F2F2F2; border:solid 1px #c4c4c4; border-radius:0; line-height:34px;border-radius:2px}
.form_select .nice-select .list{width:402px; }
.form_select .nice-select .list li{margin:0;}
.form_select_day{position:relative; min-height:34px;}
.form_select_day .nice-select{width:92px;height:34px;background:#F2F2F2; border:solid 1px #c4c4c4; border-radius:0; line-height:34px;border-radius:2px} 
.form_select_day .nice-select .list{width:92px; }
.form_select_day .nice-select .list li{margin:0;}
.form_select_day .month_s{position:absolute; left:0; top:0;}
.form_select_day .day_s{position:absolute; left:95px; top:0;}
.form_select_day .year_s{position:absolute; left:190px; top:0;}
.hidden_box{overflow:hidden; margin-top:10px; display:none}
.hidden_box a.bt_update{vertical-align:bottom}
.hidden_box span.idlist{position:relative; display:block; margin-bottom:10px;}
.hidden_box span.idlist em{display:block; width:400px; height:36px; line-height:36px;border-radius:2px; border:solid 1px #C4C4C4;display:inline-block;position:relative; padding-left:104px;}
.hidden_box span.idlist a.bt_update{vertical-align: middle;}
.hidden_box span.idlist em strong{width:100px;height:34px; line-height:34px;display:block;background:#E0E0E0; text-align:center;color:#1B222E; font-size:14px; position:absolute; left:0px; top:0;}
.hidden_box span.idlist input[type="text"]{width:276px; height:29px; line-height:28px; border:none;}
.hidden_box table{ font-size:14px; width:405px; }
.hidden_box table th{background:#D4D4D4; padding:10px; text-align:left; color:#000;}
.hidden_box table td{background:#F2F2F2; padding:10px; text-align:left; color:#000;}
.hidden_box table td input[type="text"]{width:82px; height:21px; line-height:21px; border:solid 1px #c4c4c4;}



.hiddenbox{margin-top:10px;overflow:hidden;}
.hiddenbox > span{width:820px;display:block; margin-bottom:20px;}
.hiddenbox > span:after{display:block; content:""; clear:both;}
.hiddenbox span em{display:block; width:399px;float:left;}
.hiddenbox span em:first-child{margin-right:20px;}
.hiddenbox span em label{color:#1B222E !important;}
/*offer control*/
.search_top:after{content:"";clear:both; display:block;}
.left_select{float:left; margin-top:5px; position:relative; padding-left:115px;}
.left_select .buttontype1{position:absolute; left:0; top:0;}
.label_select{position:relative;}
.label_select .sort_cal{width:107%;display:block; position: absolute; right:0; top:-30px; background:none; border:none;}
.label_select .sort_cal a{display:inline-block; margin:0 1px; padding:0 3px; background:#d4d4d4;color:#000; font-size:10px; border-radius:3px; text-align:center;}
.label_select em.inputbox{width:100px;padding-right:25px;margin-left:-7px;  position:relative; z-index:1;}
.label_select em.inputbox a.bt_cal{display:block;width:25px;height:25px; position:absolute; right:0;top:0;background:url(../../images/images/ico_cal.png) no-repeat right 3px; }

.label_select em.inputbox input{width:100%; background:#fff;border:none; line-height:19px; font-size:10px; /* position:relative;z-index: 1 */}
.label_select em{display:inline-block; vertical-align:middle;color:#000; font-size:12px; height:26px; line-height:26px;background:#fff; border-color:#ccc; border:solid 1px #d4d4d4; border-radius:3px; padding:0 3px; font-size:12px;z-index:2; position:relative; border-right:none;}
.label_select .select2-container .select2-selection--single{background:#fff; border-color:#ccc;height:26px; }
.label_select .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:26px;}
.label_select .select2-container--default .select2-selection--single .select2-selection__arrow{top:9px;}
.label_select .select2-container{margin-left:-7px;z-index: 1}
/* .detail_search.muliti{}
.detail_search.muliti .label_select{display:inline-block; margin-left:5px;}
.detail_search.muliti .detail_select{display:inline-block; margin-left:5px; position:relative;}
.detail_search.muliti .bg_search{margin-right:0;} */

.result_con{transition:height 0.3s linear; overflow:visible;}            
.result_con ul{overflow-y:auto;}
.result_con ul li{overflow:hidden; margin:18px 0;}
.result_con ul li p{display:block; margin-bottom:15px;}
.result_con ul li input[type="text"]{ height:34px; width:390px;  padding:0 5px;border:solid 1px #ccc; line-height:34px;color:#333; background:#fff; border-radius:2px}
.result_con ul li input[type="password"]{ height:34px; width:390px;  padding:0 5px;border:solid 1px #ccc; line-height:34px;color:#333; background:#fff; border-radius:2px}
.result_con ul li .radio_box{margin-top:5px;}
.result_con ul li strong{display:inline-block; color:#1B222E; font-size:14px; font-weight:700;}
.result_con ul li strong.label_tx{display:block; margin-bottom:10px;color:#1B222E; font-size:14px; font-weight:700;}
.result_con ul li strong.label_tx + .radio_box{margin-bottom:10px;}
.result_con ul li > span{display:inline-block;color:#1B222E;font-size:14px;}
.result_con ul li .radio_box input[type="radio"]{display:none;}
.result_con ul li .radio_box input[type="checkbox"]{display:none;}
.result_con ul li .radio_box input[type="radio"] + label{display:inline-block; padding-left:24px;
background:url(../../images/images/radio_bg.png) no-repeat left top; 
color:#1B222E; font-size:14px; font-weight:400; line-height:17px;}
.result_con ul li .radio_box input[type="radio"]:checked+ label{display:inline-block; padding-left:24px;
background:url(../../images/images/radio_bg.png) no-repeat left bottom; 
color:#1B222E; font-size:14px; font-weight:400; line-height:17px;}
.result_con ul li .radio_box input[type="checkbox"] + label{display:inline-block; padding-left:20px;
	background:url(../../images/images/chek_bg.png) no-repeat left 2px;
color:#1B222E; font-size:14px; font-weight:400; }
.result_con ul li .radio_box input[type="checkbox"]:checked+ label{display:inline-block; padding-left:20px;
background:url(../../images/images/chek_bg.png) no-repeat left bottom; 
color:#1B222E; font-size:14px; font-weight:400;}
.result_con ul li .radio_box span{margin:0 25px 0px 0;}
.editbox ul li .radio_box span{margin:0 25px 0px 0;}
.result_con ul li p{color:#1B222E; font-size:14px;}
.result_con ul li p.result_date{margin-top:15px;}
.result_con ul li .result_block + .radio_box{margin-top:20px; padding-left:10px;}
.result_con ul li strong + .radio_box{margin-top:20px;}
.result_con ul li .result_block label{width: 150px;display: inline-block;}

.result_con ul li .tx_blue{color:#2D9CDB;}
.result_con ul li .result_block{display:block;padding-left:10px; margin:15px 0 0 0;}
.result_con ul li .result_block em.sub_txt{display:block; margin:10px 0 0 0; color:#828282;}
.result_con ul li.bottom_line{padding-bottom:20px; border-bottom:solid 1px #e0e0e0;}
.result_con .hiddenbox span em label{display:block; color:#1B222E; font-weight:700; font-size:14px;margin-bottom:13px;}
.result_con .hiddenbox span{display:block;}
.result_con .txt_gray{color:#828282;}
.result_con .bt_download{display:inline-block; color:#2D9CDB;margin-left:5px;}
.result_con .bt_test {display:inline-block; font-size:15px;margin-left:10px; vertical-align:top}
.result_con textarea{width:572px; height:93px; padding:10px;border:solid 1px #ccc;background:#fff;border-radius:2px}
.schedule_box{margin-top:20px;}
.schedule_box{margin-top:20px;}
.schedule_select{}
.schedule_select:after{content:""; display:block; clear:both;}
.schedule_select .form_select{float:left; margin-left:10px;}
.schedule_select .inputbox{float:left; width:112px; height:36px;border:solid 1px #ccc; border-radius:2px; position:relative;}
.schedule_select .inputbox input[type="text"]{border:none; }
.schedule_select .inputbox a{display:block; width:25px; height:36px; background:url(../../images/images/ico_cal.png) no-repeat left center; position:absolute; right:0; top:0;}
.thumbox{position:relative;}
.thumbox strong{display:block; color:#1B222E; font-size:14px; font-weight:700;margin-bottom:15px;}
.thumbox span.thumimg{display:block;}
.thumbox .buttontype1{position:absolute;left:110px;bottom:0; }
.editbox{transition:height 0.3s linear;position:relative;  height:0; overflow:hidden; opacity:0}
.editbox ul{overflow:hidden;}

.approve_click{margin:0px 0 15px 0; position:relative;}
.approve_click .click_layer{width:400px; height:148px; padding-bottom:20px;background:#fff; border:solid 1px #ccc; border-radius:2px; overflow:hidden; overflow-y:auto}
.approve_click .click_layer ul{overflow:hidden;}
.approve_click .click_layer ul li{overflow:hidden; margin:0;}
.approve_click .click_layer ul li a{display:block; padding:0 10px; color:#1b222e; line-height:25px; font-size:14px;}
.approve_click .click_layer ul li a:hover{background:#fbeccf; }
.approve_click .click_layer ul li a.on{background:#fbeccf; }
.approve_click a.bt_un{position:absolute; left:349px; top:5px; color:#2D9CDB; font-size:14px; padding-left:18px; background:url(../../images/icon/ico_bt_un.png) no-repeat left 0px;}
.approve_click a.bt_bl{position:absolute; left:349px; top:28px; color:#2D9CDB; font-size:14px;padding-left:18px; background:url(../../images/icon/ico_bt_bl.png) no-repeat left 0px;}
.approve_click a.bt_ap{position:absolute; left:349px; top:5px; color:#2D9CDB; font-size:14px;padding-left:18px; background:url(../../images/icon/ico_bt_ap.png) no-repeat left 0px;}
.approve_click a.bt_ap2{position:absolute; left:349px; top:28px; color:#2D9CDB; font-size:14px;padding-left:18px; background:url(../../images/icon/ico_bt_ap.png) no-repeat left 0px;}
.approve_click button.bt_approvedCp{position:absolute; left:349px; top:143px; color:#2D9CDB; font-size:14px;padding-left:18px; background:url(../../images/icon/ico_bt_cp2.png) no-repeat left 0px;}
.approve_click button.bt_unApprovedCp{position:absolute; left:349px; top:131px; color:#2D9CDB; font-size:14px;padding-left:18px; background:url(../../images/icon/ico_bt_cp2.png) no-repeat left 0px;}
.approve_click button.bt_blockCp{position:absolute; left:349px; top:123px; color:#2D9CDB; font-size:14px;padding-left:18px; background:url(../../images/icon/ico_bt_cp2.png) no-repeat left 0px;}
.approve_click input.bt_ap_unApprove{position:absolute; left:349px; top:5px; color:#2D9CDB; font-size:14px; padding-left:18px; cursor:pointer; border:none; background:url(../../images/icon/ico_bt_un.png) no-repeat left 0px;}
.approve_click input.bt_ap_block{position:absolute; left:349px; top:28px; color:#2D9CDB; font-size:14px;padding-left:18px; cursor:pointer; border:none; background:url(../../images/icon/ico_bt_bl.png) no-repeat left 0px;}
.approve_click input.bt_unAp_block{position:absolute; left:349px; top:28px; color:#2D9CDB; font-size:14px;padding-left:18px; cursor:pointer; border:none; background:url(../../images/icon/ico_bt_bl.png) no-repeat left 0px;}
.approve_click input.bt_block_unBlock{position:absolute; left:349px; top:5px; color:#2D9CDB; font-size:14px; padding-left:18px; cursor:pointer; border:none; background:url(../../images/icon/ico_bt_un.png) no-repeat left 0px;}
/* 210811 Mail 버튼 추가*/
.approve_click a.bt_sendmail{position:absolute; left:349px; top:51px; color:#2D9CDB; font-size:14px; cursor:pointer; border:none; padding-left:18px;background:url(../../images/icon/ico_bt_sendmail.png) no-repeat left 2px/14px;}

.layer_url{}
.layer_url span.subtit{display:block; margin-bottom:15px; font-size:18px; color:#000;}
.layer_url ul{overflow:hidden;}
.layer_url ul li{overflow:hidden; margin-bottom:10px;}
.layer_url ul li label{display:block;margin-bottom:10px;color:#000; font-size:14px; font-weight:700;}
.layer_url ul li input[type="text"]{border:solid 1px #c4c4c4; padding:0 10px; line-height:31px; font-size:14px;}
.layer_url ul li input[type="password"]{border:solid 1px #c4c4c4; padding:0 10px; line-height:31px; font-size:14px;}
.layer_url ul li input[type="text"]:read-only{background:#f2f2f2;}
.layer_url ul li .radio_box > span{display:inline-block; margin-right:10px;}
.layer_url ul li .radio_box input[type="radio"]{display:none;}
.layer_url ul li .radio_box input[type="radio"] + label{display:inline-block; padding-left:20px;
background:url(../../images/images/radio_bg_small.png) no-repeat left 4px; 
color:#1B222E; font-size:14px; font-weight:400; line-height:25px;}
.layer_url ul li .radio_box input[type=radio]:checked + label{background:url(../../images/images/radio_bg_small_on.png) no-repeat left 4px;}
.layer_url ul li .radio_box input[type="checkbox"]{display:none}
.layer_url ul li .radio_box input[type="checkbox"] + label{display:inline-block; padding-left:20px;
	background:url(../../images/images/chek_bg.png) no-repeat left 2px;
color:#1B222E; font-size:14px; font-weight:400; }
.layer_url ul li .radio_box input[type="checkbox"]:checked+ label{display:inline-block; padding-left:20px;
background:url(../../images/images/chek_bg.png) no-repeat left bottom; 
color:#1B222E; font-size:14px; font-weight:400;}
.layer_url ul li input.offerurl{color:#2D9CDB;}
.layer_url ul li span.txlabel{display:block;margin-bottom:10px;color:#000; font-size:14px;}
.layer_url ul li span.txlabel em{display:block; font-size:12px;margin-top:5px;}
.layer_url ul li p{padding-bottom:10px;font-size:14px; line-height:19px;color:#828282;}
.layer_url .layer_select .select2-container--default .select2-selection--single{ height:32px; }
.layer_url .layer_select .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:32px;}
.layer_url .layer_select .select2-results__option{padding:3px;}
.layer_url .layer_select .select2-container--default .select2-selection--single .select2-selection__arrow{top:12px;}
.layer_url .editfile label{display:inline-block; vertical-align:middle;}
.layer_url .date_select{}
.layer_url .date_select > span{display:inline-block;}
.layer_url.line{margin-top:15px;padding-top:15px;border-top:solid 1px #d8d8d8;}
.layer_url a.bt_save{color:#2D9CDB;}
.layer_url .btn_box{display:block;margin-top:5px;text-align:right;}
.layer_url li.typestyle{}
.layer_url li.typestyle strong{display:block;margin-bottom:5px; font-size:22px;color:#000;}
.layer_url li.typestyle span{display:block; font-size:12px;color:#BDBDBD;}
.layer_url span.subtxt{display:block; text-align:right; color:#BDBDBD;padding-right:10px;}
.layer_url textarea{border:solid 1px #E0E0E0; width:98%; height:110px;}
.layer_url .tx_blue{color:#2D9CDB;}
.layer_url .right_bt{display:block; text-align:right; margin-top:5px;}
.layer_url .right_bt a{color:#2D9CDB;}
.layer_url .sub_text {display:block;color:#BDBDBD; text-align:right; margin:5px 0 0 0;}
.layer_url .typeyes_txbox{display:none;width:98%;}
.layer_url .typeyes_txbox > div{width:98%; height:110px;border:solid 1px #E0E0E0; background:#fff; padding:10px; color:#000; font-size:13px; line-height:20px;}
.layer_url .typeyes_txbox xmp{display:block;margin: 0;white-space: inherit; font-size: 12px;color: #000;  font-family:'roboto-regular';}
.layer_url .schedule_date{display:inline-block;width:91px; height:36px; margin:10px 15px 0 25px;line-height:36px;border:solid 1px #e0e0e0; text-align:center; color:#000;}
.radio_box.type_schedule .select2-container{margin-top:-3px;}
#editpayout{z-index:100004;}
/*windowpopup*/
.window_pop{}
.window_pop .win_popcon{padding:30px;}
.pop_table{}
.pop_table table{width:100%;}
.pop_table table th{padding:8px 10px; background:#BDBDBD;border-left:solid 1px #D4D4D4; text-align:left;font-size:14px; color:#1B222E; vertical-align:top}
.pop_table table td{padding:8px 10px; background:#f2f2f2;border-left:solid 1px #D4D4D4;border-bottom:solid 1px #D4D4D4; text-align:left; line-height:25px; font-size:14px; color:#1B222E;vertical-align:top}



.link_box{overflow:hidden;}
.link_box h4{overflow:hidden;background:#d4d4d4; color:#1B222E; line-height:32px;  font-size:14px; text-align:center; margin-bottom:1px;}
.link_con{padding:15px; background:#F2F2F2; position:relative; overflow:hidden;padding-right:40px;min-height: 76px;}
.link_con .tr_txtbox{padding:10px;height:42px; overflow:hidden; border:solid 1px #c4c4c4; background:#fff;word-wrap:break-word;}
.link_con  a.bt{display:block; width:20px;height:20px;background:#bdbdbd;border-radius:2px; position:absolute;right:15px; top:15px;}
.link_con  a.bt.more{top:40px; background:url(../../images/images/btn_more.png) center center no-repeat #bdbdbd}
.link_con  a.bt.more.on{top:40px; background:url(../../images/images/btn_more_on.png) center center no-repeat #bdbdbd }
.link_con  a.bt.reload{ background:url(../../images/images/icon_reload.png) center center no-repeat #bdbdbd}
.link_con .tr_txtbox{padding:10px;}
.link_con .tr_txtbox p{line-height:20px;}
.trankinglink{width:65%;margin-right:1%; float:left;}
.trankingoption{width:34%; float:left;}
.update_source{padding:5px 20px;}
.update_source span{display:block; color:#828282 !important; font-size:12px; margin-bottom:10px;}
.update_source span input[type="text"]{border:solid 1px #c4c4c4; width:260px; height:23px; line-height:23px; padding:0 10px; color:#555;}
.result_con a.update{display:inline-block; width:60px; height:25px; background:#2D9CDB; color:#fff; font-size:12px; line-height:25px; text-align:center; border-radius: 2px;}
.add_sub{overflow:hidden;padding:5px 20px;}
.add_sub span{display:block; float:left; margin:0 0 10px 20px;}
.add_sub span input[type="text"]{border:solid 1px #c4c4c4; width:150px; height:23px; line-height:23px; padding:0 10px; color:#555;}
.add_sub span:first-child{ margin-left:0px;}
.add_sub span em{display:block; color:#000; font-size:12px;margin-bottom:3px;}
.add_sub a.update{display:block; clear:both;}
.application_wrap{padding-left:117px; position:relative;}
.application_wrap .app_thum{position:absolute;left:0; top:0; width:100px; height:100px;}
.application_wrap h4{overflow:hidden;margin-top:32px; font-size:22px; color:#000000;}
.application_wrap ul{overflow:hidden;}
.application_wrap ul li{overflow:hidden;margin-top:40px;}
.application_wrap ul li span{display:inline-block; color:#000; font-size:14px; font-weight:700; }
.application_wrap ul li a.tx_link{display:inline-block; padding-left:5px;color:#2D9CDB; font-size:14px; }
.application_wrap ul li p.description{display:block; margin:20px 0 0 0; color:#1B222E; font-size:14px; line-height:18px;}
.application_wrap ul li p.description span{display:block; text-align: right;}
.application_wrap ul li p.description span a.des_more{display:inline-block; color:#2D9CDB; font-style:italic; font-weight:400;}
.application_wrap ul li span.shot_img{display:block; margin:20px 0 0 -15px; overflow:hidden;}
.application_wrap ul li span.shot_img em{display:block;float:left; margin:0px 0 0 15px;}


/*필터*/
.btn_filter{display:inline-block;width:109px;height:26px;border-radius:2px; text-align:center; line-height:25px; font-size:12px; vertical-align: middle; cursor:pointer;background:#fff; border:solid 1px #4B6E9E; color:#4B6E9E;}
.btn_filter:hover{color:#fff; background:#4B6E9E;}
.btn_filter.on{color:#fff; background:#4B6E9E;}
.filterbox{padding:10px; margin-bottom:5px;border:solid 1px #bdbdbd; background:#fff; margin-top:38px;}
.filterbox .filter_top span{display:block; overflow:hidden;padding-bottom:10px;border-bottom:solid 1px #e0e0e0; cursor:pointer;}
.filterbox .filter_top span em{display:inline-block;float:right; vertical-align:middle; font-size:14px;}
.filterbox .filter_top span em:first-child{float:left;}
.filterbox .filter_top span em.bt_ico{width:30px; height:18px; background:url(../../images/icon/icon_filter.png) no-repeat left bottom;}
.filterbox .filter_top span em.bt_ico.on{width:30px; height:18px; background:url(../../images/icon/icon_filter.png) no-repeat left 7px;}
.filter_con{overflow:hidden; padding:0 260px 0 10px; min-height:157px; margin-top:15px; position:relative;}
.filter_addbox{padding:10px 15px 10px 0;border-right:solid 1px #bdbdbd;}
.filter_line{margin-bottom:10px;position:relative; padding-left:119px;}
.filter_line:after{clear:both; display:block; content:"";}
.filter_line span.label{display:block;width:114px; height:26px;  line-height:26px; color:#4F4F4F; background:#E0E0E0; position:absolute;left:0; top:0; text-align: center}
.filter_line span.mulit{display:block; }
.filter_line span.mulit .select2-container--default .select2-selection--multiple .select2-selection__choice{padding:0px 10px; margin:2px 3px 0 0 !important;}
.filter_line span.mulit .select2-container .select2-selection--multiple{min-height:26px;}
.filter_line span.mulit .select2-container--default .select2-selection--single{height:26px;}
.filter_line span.mulit .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:26px;} 
.filter_line span.mulit .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;}
.filter_line span.range_input{}
.filter_line span.range_input em{display:inline-block; vertical-align:middle;}
.filter_line span.range_input input[type="text"]{width:100px; height:25px; border:solid 1px #e0e0e0; padding:0 5px; font-size: 14px;}
.filter_line span.range_input em.inputbox{width: 115px; padding-right: 25px;position: relative; z-index: 1;}
.filter_line span.range_input em.inputbox input{ background: #fff; line-height: 19px;font-size: 10px; position: relative; z-index: 1;}
.filter_line span.range_input em.inputbox a.bt_cal{display:block;width:25px;height:25px; position:absolute; right:4px;top:0; z-index:33;background:url(../../images/images/ico_cal.png) no-repeat right 3px; }

.filter_apply{ width:260px; height:157px; padding:10px 15px 10px 15px; position:absolute;right:0; top:0;}
.save_filter{}
.save_filter span{display:block;margin-bottom:10px;}

.save_filter span.inputbox{position:relative;padding-left:57px;text-align:center;}
.save_filter span.inputbox em{display:block; width:64px; height:25px; background:#E0E0E0; padding-left:10px; color:#4F4F4F; font-size:12px;line-height:25px; position:absolute;left:0; top:0;}
.save_filter span.inputbox input[type="text"]{width:147px; height:23px;padding:0 10px;border:solid 1px #E0E0E0;}
.save_filter span.inputbox input[type="text"]:disabled{background:#F2F2F2}
.save_filter span.save_check{text-align:right;}
.save_filter span.btn_right{display:block;margin-top:30px;}


.event_control{width:100%;}
.event_control:after{content:''; clear:both; display:block;}
.event_control{width:100%; text-align:right; margin-bottom:10px;}
.scroll_wrap{width:100%; /* padding-left:683px; position:relative; */overflow:hidden;}
.scroll_wrap:after{display:block; content:""; clear:both;}
.scroll_wrap > div{float:left;/*  width:100%; */ width:50%;}
/* .scroll_wrap > div:first-child{position:absolute; left:0; width:683px;} */
.scroll_wrap > div table.fixed{table-layout:auto; min-width:683px;}
.scroll_wrap > div table.fixed th{padding:27px 5px;}
.scroll_wrap > div table.fixed .tx_blue{display:inline-block; margin-right:30px;}
.scroll_wrap .auto_scroll{ overflow:hidden;/* overflow-x:auto; */}
.scroll_wrap .auto_scroll .tabletype2 table td{padding:15px 5px 15px 6px;}
.scroll_wrap .auto_scroll .tabletype2 table td.total{padding:10px 5px 10px 5px;}

.scroll_wrap .auto_scroll .tabletype2.event{overflow-x:auto;}
.scroll_wrap .auto_scroll .tabletype2.event table thead tr:first-child th,
.scroll_wrap .auto_scroll .tabletype2.event table thead tr th:nth-child(3n),
.scroll_wrap .auto_scroll .tabletype2.event table tbody tr td:nth-child(3n){border-right:1px solid rgba(0,0,0,0.1);box-sizing: border-box;}
.scroll_wrap .auto_scroll .tabletype2.event table tbody tr td.total:nth-child(3n){border-right:1px solid rgba(0,0,0,0.3);box-sizing: border-box;}
.scroll_wrap .auto_scroll .tabletype2.event table thead tr:first-child th:last-child,
.scroll_wrap .auto_scroll .tabletype2.event table thead tr th:last-child,
.scroll_wrap .auto_scroll .tabletype2.event table tbody tr td:last-child,
.scroll_wrap .auto_scroll .tabletype2.event table tbody tr td.total:last-child{border-right:none;}
.scroll_wrap .auto_scroll .tabletype2 table td{padding:15px 5px 15px 6px;}



.setting_add{margin-bottom:10px;}
.setting_add > span{display:inline-block; /* margin-left:8px;  */}
.setting_add > span:first-child{margin-left:0;}
.setting_add > span > strong{display:block !important; margin-bottom:10px; height:14px; color:#000;text-align: center}
.setting_add > span:nth-child(even) > strong{}
.setting_add > span em{display:inline-block;}
.setting_add > span em input[type="text"]{height:28px; border-radius:5px; padding:0 5px; text-align: center;}
.setting_add > span em input:disabled { background-color :#e5e5e5; }
.setting_add > span em:nth-child(2) input{text-align:left}
.setting_add #disEventId_0{text-align:center}
.setting_add > span em a.onoff_control{display:inline-block; width:78px; height:30px; vertical-align:middle;
background:url(../../images/icon/control_off.png) no-repeat center center;
}
.setting_add > span em a.onoff_control.on{background:url(../../images/icon/control_on.png) no-repeat center center;}
.setting_add .select2-container .select2-selection--single{height:26px;}
.setting_add .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:26px;}
.setting_add .select2-container--default .select2-selection--single .select2-selection__arrow{top:10px;}
.bt_count{display:inline-block; width:20px; height:20px; background:url(../../images/icon/bt_count.png) no-repeat left top; position:relative; top:7px; margin-left:8px;}
.bt_count.down{background-position:right top; margin-left:5px;}
.setting_add > span:nth-child(4) > strong{position:relative;top:1px;text-align:left;text-indent:12%;}


.con_form{margin-top:20px; width:706px; }
.con_form:after{content:''; display:block; clear:both;}
.con_form .both_list{}
.con_form .both_list ul{}
.con_form .both_list ul:after{content:''; display:block; clear:both;}
.con_form .both_list ul li{float:left; width:237px; margin-bottom:14px;}
.con_form .both_list ul li label{display:inline-block; width:94px; color:#1B222E; font-weight:700; font-size:14px; vertical-align:middle;}
.con_form .both_list ul li label sup{display:inline-block; margin:0 10px 0 5px; position:relative; top:4px; color:#ff0000;}
.con_form .both_list ul li:nth-child(odd){width:460px;}
.con_form .both_list ul li:nth-child(odd) label{width:155px;}
.con_form .both_list.payout ul li{width:308px;}
.con_form .both_list.payout ul li em.sellbox{display:inline-block;height:36px; border:solid 1px #c4c4c4; border-radius:3px; width:120px; padding-left:10px; color:#ccc;}
.con_form .both_list.payout ul li em.sellbox input[type="text"]{border:none;}
.con_form .both_list.payout ul li label{width:185px;}
.con_form .both_list.payout ul li:nth-child(odd){width:386px;}
.con_form .both_list.payout ul li:nth-child(odd) label{width:155px;}
.con_form .both_list ul li > span{display:inline-block; vertical-align:middle;}
.con_form .both_list ul li > span input[type="text"]{height:34px; border:solid 1px #c4c4c4; border-radius:3px; padding:0 5px;}
.con_form .both_list ul li > span em.datebox{display:inline-block;height:36px; border:solid 1px #c4c4c4; border-radius:3px; padding-right:30px; position:relative;}
.con_form .both_list ul li > span em.datebox a.btn_date{display:block; width:30px; height:28px; background:url(../../images/icon/icon_data.png) no-repeat center center;position:absolute; right:0; top:2px;}
.con_form .both_list ul li > span em.datebox input[type="text"]{border:none;}
.con_form .full_list{}
.con_form .full_list ul{}
.con_form .full_list ul:after{content:''; display:block; clear:both;}
.con_form .full_list ul li{margin-bottom:14px;}
.con_form .full_list ul li .label_txt{display:inline-block; width:155px; color:#1B222E; font-weight:700; font-size:14px; vertical-align:middle;}
.con_form .full_list ul li label{display:inline-block; width:155px; color:#1B222E; font-weight:700; font-size:14px; vertical-align:middle;}
.con_form .full_list ul li label sup{display:inline-block; margin:0 10px 0 5px; position:relative; top:4px; color:#ff0000;}
.con_form .full_list ul li > span{display:inline-block; color:#000000; font-size:14px;position:relative; z-index:1;}
.con_form .full_list ul li > span input[type="text"]{height:34px; border:solid 1px #c4c4c4; border-radius:3px;}
.con_form .full_list ul li > div > span select{width: 70px;height: 40px; border:solid 1px #c4c4c4; border-radius:3px;text-indent: 5px;margin-left: 2px;cursor:pointer;}
.con_form .full_list ul li > span textarea{height:62px; border:solid 1px #c4c4c4; border-radius:3px;}
.con_form .full_list ul li > span .radio_box input[type="radio"]{display:none;}
.con_form .full_list ul li > span .radio_box input[type="checkbox"]{display:none;}
.con_form .full_list ul li > span .radio_box input[type="radio"] + label{display:inline-block; padding-left:24px;
background:url(../../images/images/radio_bg.png) no-repeat left top; 
color:#1B222E; font-size:14px; font-weight:400; line-height:17px; width:99px;}
.con_form .full_list ul li > span .radio_box input[type="radio"]:checked+ label{display:inline-block; padding-left:24px;
background:url(../../images/images/radio_bg.png) no-repeat left bottom; 
color:#1B222E; font-size:14px; font-weight:400; line-height:17px;}
.con_form .full_list ul li > span .radio_box input[type="checkbox"] + label{display:inline-block; padding-left:20px;
background:url(../../images/images/chek_bg.png) no-repeat left 2px;
color:#1B222E; font-size:14px; font-weight:400; }
.con_form .full_list ul li > span .radio_box input[type="checkbox"]:checked+ label{display:inline-block; padding-left:20px;
background:url(../../images/images/chek_bg.png) no-repeat left bottom;}
.con_form .full_list ul li > span em.datebox{display:inline-block;height:36px; border:solid 1px #c4c4c4; border-radius:3px; padding-right:30px; position:relative;}
.con_form .full_list ul li > span em.datebox a.btn_date{display:block; width:30px; height:28px; background:url(../../images/icon/icon_data.png) no-repeat center center;position:absolute; right:0; top:2px;}
.con_form .full_list ul li > span em.datebox input[type="text"]{border:none;}
																					
.enabled_box{overflow: hidden; position:relative; left:-158px; margin-top:13px;}
.enabled_box ul{overflow: hidden; margin-top:15px;}
.enabled_box ul:first-child{margin-top:0px;}
.enabled_box ul li{float:left; width:140px; margin:0 18px 0 0 !important;}
.enabled_box ul li em{display:block; color: #1B222E;font-weight: 700;font-size: 14px; margin-bottom:5px;}


.setting_share{margin-top:20px;}
.setting_share:after{display:block;content:''; clear:both; }
.setting_share > div{width:475px; float:left;margin-left:10px;}
.setting_share > div .formbox{width:100%;min-height:179px;}
.setting_share > div:first-child{margin-left:0%; margin-right:10px;}
.setting_share .formbox{margin:0;}

.settiong_tap{position:relative; top:20px; margin-top:20px; overflow:hidden;}
.settiong_tap ul{}
.settiong_tap ul li{position:relative; float:left;}
.settiong_tap ul li em{display:none;width:121px; height:3px;position:absolute; left:0; top:0; background:#ffd686; }
.settiong_tap ul li a{display:block; width:121px; height:34px; line-height:34px; color:#444444; background:#c4c4c4;
	text-align:center; line-height:34px; font-size:16px;}
.settiong_tap ul li:hover a{background:#fff; color:#000000;}
.settiong_tap ul li:hover em{display:block}
.settiong_tap ul li.on a{background:#fff; color:#000000;}
.settiong_tap ul li.on em{display:block;}
.setting_view, .setting_edit{margin-top:20px; /* width:795px; */ position:relative;}

.setting_view .buttontype1:first-child,
.setting_edit .buttontype1:first-child{position:absolute;/*  right:200px; */right:0; top:-50px;}
.setting_view .buttontype1:last-child,
.setting_edit .buttontype1:last-child{right:120px;}

.setting_view .tit_label, .setting_edit .tit_label{display:inline-block; color:#000000; font-size:14px; font-weight:700; vertical-align:middle;}
.setting_view .txt_view, .setting_edit .txt_view{display:inline-block; color:#000000; font-size:14px; font-weight:400;vertical-align:middle;word-break:break-all;}
.setting_view .tx_blue, .setting_edit .tx_blue{color:#00a0e9;}
.setting_view input[type="text"], .setting_edit input[type="text"]{border:solid 1px #c4c4c4; height:28px; line-height:28px; padding:0 5px;border-radius:3px;}
.setting_view textarea, .setting_edit textarea{border:solid 1px #c4c4c4; height:56px;  padding:5px;border-radius:3px;}
.setting_view .date_box, .setting_edit .date_box{display:block;border:solid 1px #c4c4c4; height:30px;  padding:0 30px 0 0;border-radius:3px; position:relative;}
.setting_view .date_box input[type="text"], .setting_edit .date_box input[type="text"]{border:none;}
.setting_view .date_box a, .setting_edit .date_box a{display:block; width:30px; height:30px; position:absolute; right:0;top:0; background:url('../../images/icon/icon_data.png') no-repeat center center;}
.status_box{}
.status_box .tit_label{width:67px;}
.status_box .ico_status{width:60px; height:28px; line-height: 28px; font-size:14px;}
.setting_offerinfo{height:131px;padding-left:165px; margin-top:23px; position:relative;}
.setting_offerinfo .img_box{height:131px; position:absolute;left:0; top:0;}
.setting_offerinfo ul{overflow: hidden;}
.setting_offerinfo ul li{float:left;height:21px; margin-bottom:25px; width:315px; }
.setting_offerinfo ul li:nth-child(even){width:314px;}
.setting_offerinfo ul li .tit_label{width:102px;}
.setting_offerinfo ul li .txt_view{width:200px;}
.setting_offerinfo ul li:nth-child(even) .tit_label{width:130px;}
.setting_offerinfo ul li:nth-child(even) .txt_view{width:170px;}

.setting_offerurl ul{overflow: hidden;}
.setting_offerurl ul li{overflow: hidden;margin-top:25px;}
.setting_offerurl ul li .tit_label{width:167px;}
.setting_offertracking ul{overflow:hidden;}
.setting_offertracking ul li{float:left; width:480px;margin-top:25px;}
.setting_offertracking ul li:nth-child(even){float:left; width:280px;}
.setting_offertracking ul li .tit_label{width:167px;}
.setting_offertracking ul li .txt_view{width:300px;}
.setting_offertracking ul li:nth-child(even) .tit_label{width:141px;}
.setting_offertracking ul li:nth-child(even) .txt_view{width:135px;}
.setting_offerdescr{}
.setting_offerdescr ul{overflow:hidden;}
.setting_offerdescr ul li{margin-top:25px;}
.setting_offerdescr ul li .tit_label{width:167px;}


.setting_edit .setting_offerinfo ul li{margin-bottom:10px;min-height:30px;}
.setting_edit .setting_offertracking ul li{margin-top:10px;min-height:30px;}
.setting_edit .setting_offerdescr ul li{margin-top:10px;}
.setting_edit .select2-container .select2-selection--single, 
.setting_view .select2-container .select2-selection--single
{height:30px;}
.setting_edit .select2-container--default .select2-selection--single .select2-selection__rendered,
.setting_view .select2-container--default .select2-selection--single .select2-selection__rendered
{height:30px; line-height:30px;}
.setting_edit .select2-container .select2-selection--multiple,
.setting_view .select2-container .select2-selection--multiple
{min-height:28px;}
.setting_view .select2-container--default .select2-selection--multiple .select2-selection__choice,
.setting_edit .select2-container--default .select2-selection--multiple .select2-selection__choice
{margin: 4px 4px 0 0 !important;padding: 1px 10px;}

.setting_edit .setting_offerurl ul li{margin-top:10px;min-height:30px;}
.setting_edit .enabled_box, .setting_view .enabled_box{margin:20px 0;}
.setting_view .con_form .full_list ul li,
.setting_edit .con_form .full_list ul li{margin-bottom:20px;}
.targeting .setting_view, .targeting .setting_edit,
.attribution .setting_view, .attribution .setting_edit,
.event .setting_view, .event .setting_edit,
.tracking  .setting_view, .tracking  .setting_edit{/* width:638px; */width:100%;}
.targeting .setting_view .buttontype1, .targeting .setting_edit .buttontype1,
.tracking .setting_view .buttontype1, .tracking .setting_edit .buttontype1
{/* right:200px; */right:0; top:-52px;}
/* .setting_share>div:first-child .setting_view .buttontype1{right:360px;} */

.access{padding-top:20px;}
.access .result_con ul li{margin:0 0 5px 0;}
.attribution .result_con ul li{margin:0 0 5px 0;}
.attribution .result_con ul li .setting_add{margin:0 0 0px 0;}
.event .result_con ul li{margin:0 0 5px 0;}
.event .result_con ul li .setting_add{margin:0 0 0px 0;}
.g_tracking .con_form .full_list ul li{margin-bottom:18px;}
.g_tracking .con_form .full_list ul li > span .radio_box input[type="checkbox"] + label{width:auto;}

.setting_tit{display:block;margin:10px 0;color:#000; font-size:22px; }
.con_form a.bt_update{display:inline-block;vertical-align:middle; font-size:14px; margin-left:5px;color:#2D9CDB; background:url(../../images/icon/icon_update.png) no-repeat; padding-left:20px; }

.g_tracking .add_setting{display:block;width:714px; height:30px; border:solid 1px #2ecc71; color:#2ecc71; text-align:center; font-size:14px; line-height:30px; border-radius:20px }
.g_tracking .add_setting.addclose:after{display:inline-block; height:30px; content:'Additional Settings'; background:url(../../images/icon/icon_btclose.png) no-repeat  left center; text-indent:16px;}
.g_tracking .add_setting.addopen:after{display:inline-block; height:30px; content:'Setting  Close'; background:url(../../images/icon/icon_btopen.png) no-repeat  left center; text-indent:16px;}
.add_option{display:none;}
#tracking_pixel{width: 402px;color: #2D9CDB;    height: 26px;border: solid 1px #c4c4c4;border-radius: 3px;}
#deeplink_box textarea{width: 402px;color: #2D9CDB;    height: 26px;border: solid 1px #c4c4c4;border-radius: 3px;}

.setting_edit .con_form .full_list ul li > span >span,.setting_edit .con_form .full_list ul li > span >select{width:280px;cursor:pointer;}
.setting_edit .con_form .full_list ul{cursor:pointer;}

/*targeting edit*/
.targeting .setting_view .con_form{width:435px;}
.targeting .con_form .full_list>ul>li .label_txt{width:110px;}
.targeting .con_form .full_list>ul>li:nth-child(-n+2) .label_txt{vertical-align:top;}							
.targeting .con_form .full_list>ul>li:nth-child(-n+2) > span{width:320px;word-break: break-all;}
.targeting .con_form .full_list ul li:nth-child(-n+2)>span>.select2-container--default,
.targeting .con_form .full_list ul li:nth-child(-n+2)>span>.js-example-basic-multiple{width:320px;}


/*report*/
.report_top{}
.report_top:after{content:''; display:block; clear:both;}
.btn_historybox{float:left;} 
.data_search{float:left; margin-left:15px;} 
.data_search > span{vertical-align:top} 
.btn_syellow{display:inline-block;width:90px;height:26px; margin-left:6px; text-align:center; line-height:26px; color:#777; background:#cacbd1; }
.btn_logselectbox .btn_syellow{width:130px; height:36px; line-height:36px; }
.btn_syellow:first-child{margin-left:0;}
.btn_syellow:hover{background:#f4ad49; color:#fff; font-weight:700  }
.btn_syellow.click{background:#f4ad49; color:#fff; font-weight:700  }

.databox{display:inline-block;width:104px; height:28px; border:solid 1px #c4c4c4; padding:0 25px 0 0px; position:relative; background:#fff;}
.databox a.bt_d{display:block;width:25px; height:25px; position:absolute; right:0; top:0;background:url(../../images/images/ico_cal.png) no-repeat center center;}
.databox input[type="text"]{width:100%; height:24px; background:none; border:none; text-indent:5px;}
.data_search a.dt_dsearch{display:inline-block; width:60px; height:28px; text-align:center; line-height:28px; background:#fff; border:solid 1px #f4ad49; color:#f4ad49; font-size:12px;}
.option_setting{padding:0 20px 20px 20px; margin:20px 0; background:#fff;}
.option_setting .option_tit{padding:20px 0 10px 0;border-bottom:solid 1px #cacbd1; cursor:pointer;}
.option_setting .option_tit span{display:inline-block; padding-right:27px;font-size:22px; color:#000;background:url(../../images/images/option_bullet.png) no-repeat right center;}
.option_setting .option_tit.on span{display:inline-block; padding-right:27px;font-size:22px; color:#000;background:url(../../images/images/option_bullet1.png) no-repeat right center;}
.option_setcon{padding:20px 0 0px 0;}
.set_box{padding:20px 0 0 0}
.set_box ul{}
.set_box ul:after{content:''; display:block; clear:both;}
.set_box ul li{position:relative; padding-left:165px; margin-bottom:20px}
.set_box ul li:after{content:''; display:block; clear:both;}
.set_box ul li > span{display:block; width:165px;font-size:14px; color:#000; position:absolute; left:0; top:0; font-weight:700}
.set_box ul li > em{display:inline-block;width:120px; margin-bottom:10px;}
.set_box ul li .detail_select{position:relative; left:auto; top:auto;}
.set_box ul li.summary .radio_box.for_event{display:none;} 
.set_box ul li.filter_check .radio_box.for_event{display:none;}
.set_box ul li.detail{display:none;}

.radio_box input[type="radio"]{display:none;}
.radio_box input[type="checkbox"]{display:none;}
.radio_box input[type="radio"] + label{display:inline-block; padding-left:24px;
background:url(../../images/images/radio_bg.png) no-repeat left top; 
color:#1B222E; font-size:14px; font-weight:400; line-height:17px; width:99px;}
.radio_box input[type="radio"]:checked+ label{display:inline-block; padding-left:24px;
background:url(../../images/images/radio_bg.png) no-repeat left bottom; 
color:#1B222E; font-size:14px; font-weight:400; line-height:17px;}
.radio_box input[type="checkbox"] + label{display:inline-block; padding-left:20px;
background:url(../../images/images/chek_bg.png) no-repeat left 2px;
color:#1B222E; font-size:14px; font-weight:400; }
.radio_box input[type="checkbox"]:checked+ label{display:inline-block; padding-left:20px;
background:url(../../images/images/chek_bg.png) no-repeat left bottom;}
.mulit_box{position:relative; padding-left:90px; margin-top:20px;}
.mulit_box > span{display:block; width:90px; position:absolute; left:0; top:6px; color:#000; font-size:14px;}
.set_btn{margin-top:15px; padding-top:22px; border-top:solid 1px #c4c4c4;}
.report_table{padding:20px; background:#fff; margin-bottom:20px;}
.report_table .tabletype2 table tbody td{border-top:none; border-bottom: solid 1px #c4c4c4}
.report_table .tabletype2 table thead tr:first-child th{width:110px;}
.report_tit{margin-bottom:20px; position:relative;}
.report_tit:after{content:""; display:block; clear:both;}
.report_tit > span{display:inline-block; float:right; vertical-align:middle; color:#000; font-size:22px;padding-right:0px;}
.report_tit > span:first-child{display:inline-block; float:left;padding-right:0px;}
.report_tit > span:nth-child(2) a.buttontype1{/* right: 80px; */position:relative;}
.report_tit .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:26px;}
.report_tit .select2-container .select2-selection--single{height:26px;}
.report_tit .select2-container--default .select2-selection--single .select2-selection__arrow{top:9px;}

.table_scroll {width:100%;overflow:hidden; overflow-x: auto;}
.table_scroll .tabletype2{width:120%;}
.table_scroll .tabletype2 .block{display:block;}
.table_scroll .tabletype2 .dec_line{color:#2F80ED;}
.table_scroll .tabletype2 .list_par td{border-bottom:solid 1px #444444;}
.table_scroll .tabletype2.detail_table thead tr:last-child th{background:url(../../images/images/img_bar.png) no-repeat left center #52555F;}
.table_scroll .tabletype2.detail_table thead tr:last-child th:nth-child(3n+1){background:#52555F;}
.table_scroll .tabletype2.detail_table thead tr:last-child th:nth-child(1){background:#52555F;}

.mulit_box{display:none;}
.set_btn .buttontype1{width:140px;}
.color_b{color:#00a0e9; text-decoration:underline;}

.pop_form{overflow:hidden; margin:0 0 30px 0;}
.pop_form ul{overflow:hidden; }
.pop_form ul li{overflow:hidden; margin:0 0 10px 0; padding-left:120px; position:relative; }
.pop_form ul li span{display:block;}
.pop_form ul li span input[type="password"]{ height:34px; width:240px;  padding:0 5px;border:solid 1px #ccc; line-height:34px;color:#333; background:#fff; border-radius:2px}
.pop_form ul li span input[type="text"]{ height:34px; width:240px;  padding:0 5px;border:solid 1px #ccc; line-height:34px;color:#333; background:#fff; border-radius:2px}
.pop_form ul li em{display:block; position:absolute; left:0; top:0; width:120px; line-height:36px; font-size:14px;}

.sum_box{width:100%; margin:0 0 20px 0; overflow:hidden;}
.sum_box ul{width:100%;display: flex;flex-wrap: nowrap;}
.sum_box ul li{height:160px;border:solid 1px #ddd;background:#fff; padding:10px;text-align:center;flex: 1 1 0px;margin-left: 15px;}
.sum_box ul li:first-child{margin-left:0px; }
.sum_box ul li strong{display:block; padding:0 0 6px 0; border-bottom:solid 1px #ebebeb; font-size:16px; color:#444; font-weight:400;}
.sum_box ul li span{display:block; font-size:20px; color:#444; font-weight:700; padding:40px 0 0 0;}
.sum_box ul li p{padding: 5px 0 0 0;fons-weight:0;font-size:15px;}


/******************************* 
* 2018-09-10 search
********************************/
.dual_listbox{cursor: pointer;}
input.dual_list_search[type='search']{border:1px solid #a9a9a9;box-sizing: border-box;height:30px;border-radius:3px;text-indent:5px;}

.alertTxt{background:#fff;border:1px solid #f4ad49;color:#f4ad49;font-size:14px;width:100%;border-radius:3px;padding:7px 0;text-indent:7px;margin:2px 0;}

.option_setting .detail_select{width:99%;}

table.data_tb_style thead .sorting,table.dataTable thead .sorting{background-image:url(../../images/publish/icon_sort.png);background-position: right 5px center;}
table.data_tb_style tfoot th,table.data_tb_style tfoot td{border-top:none;}
table.data_tb_style thead th{border-bottom:none;}

.formbox .buttontype1{z-index:2;}
.formbox .buttontype1.edit{z-index:3;}
.formbox .setting_edit .closebt{position:absolute;top:-50px;right:120px;z-index:1;}

/* 2019-02-12 offersetting 추가 */
.marginL_5{margin-left:5px;}
.marginR_5{margin-right:5px;}
.marginL_35{margin-left:35px;}
.wid90{display:inline-block;width:90px;}
.wid180{display:inline-block;width:180px;}
.status_box .widAuto,
.widAuto {display:inline-block;width:auto;}
.fixW2{widhth:1200px;}

/* 2021-11-23 offer setting 추가 */
#addcreative .notice_con .layer_url ul li .fileNameText::placeholder{font-size: 11px;}
#shumbnail_image_name {margin-top:4px;}

/* 2019-06-20 포스트백 추가 */
.settiong_tap ul li {position: relative;float:left;}
.settiong_tap ul li.active a{background:#fff; color:#000000;}
.settiong_tap ul li.active em {display: block;}
.tab-pane .tabletype2 .dataTables_wrapper{margin-top: 50px;}
.tab-content{padding: 20px;background-color: white;}
.tab-content>.tab-pane {display:none;}
.tab-content>.active {display:block;}


/*
* 2020-04-21 옵티 - 트레픽, 트레픽 히스토리
* 스타일 변경
* float:left -> display:flex
* input, select 태크의 width도 유동적으로 %로 조정하고 싶으나, 라이브러리가 엮여있는 관계로 px로 픽스
* (어짜피 반응형 안되니까.... ㅜㅜ)
*/
.con_form_full{width:auto;}
.con_form_full .both_list ul,
.box-flex{
    display: flex;
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-box-lines: multiple;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
}
.con_form_full .both_list ul li{
    height: 34px;line-height: 34px;
}

.con_form_full select,
.con_form_full input{
    width: 260px;
    box-sizing: border-box;
}
.con_form_full select.wid-100,
.con_form_full input.wid-100{ width: 100px; }
.con_form_full select.wid-160,
.con_form_full input.wid-160{ width: 160px; }
.con_form_full select.wid-130,
.con_form_full input.wid-130{ width: 130px; }

.radio_box input[type="radio"] + label{font-weight: 400 !important;}
.radio_box input[type="radio"]:checked+ label{font-weight: 800 !important;}

.con_form_full .label_select{text-indent: 0;}
span.ui-date{ position: relative;}
span.ui-date:after{
    content: '';
    position:absolute;right:4px;top:0;bottom:0;
    margin:auto;
    width: 25px;height: 25px;
    background:url(../../images/images/ico_cal.png) no-repeat;
    background-position:100% center;
}

/* 2020.07.13 트레픽 페이지 추가 스타일 및 수정*/
.con_form_full .both_list ul li.wid-45{width:45%; }
.con_form_full .both_list ul li.wid-55{width:55%; }
.con_form_full .both_list ul li.wid-100{width:100%; }

.con_form_full .both_list ul li.wid-45 label,
.con_form_full .both_list ul li.wid-55 label{ width:20% ;}
.con_form_full .both_list ul li.wid-100 label{width:9% ;}
.con_form_full .both_list ul li > span{ display: initial; }

.con_form_full .both_list ul li > span input[calendar]{ width:188px; }

.button-flex{ display:flex; }
.button-flex a{margin-right:3px;}
.button-flex a:last-child{margin-right:0;}
.button-flex a.left{margin-right:auto;}

.toast{
	position:relative;
	display:inline-block;
	width:20px;height:20px;
	background:url(../../images/icon/ico_q.png) no-repeat;
}
.toast:after{
	position:absolute;
	top:-10px;right:-240px;
	width:220px;height:auto;
	word-break: keep-all;
	line-height:1.4;
	padding:10px;
	border-radius:5px;
	background:rgba(141,157,167,.8);
	color:#fefefe;
	display:none;
}
.toast-click:after{
	content:'입력한 값을 초과하는 Click을 기록한 퍼블리셔를 최적화합니다.'
}
.toast-conv:after{
	content:'입력한 값 미만의 Conv 을 기록한 퍼 블리셔를 최적화합니다.'
}
.toast:hover:after{
	display:block;
	transition:all .3s;
}


/*
* 2020-06-15 Offer Control : Info > Setting - Click Optimization 하위 토글 스타일 추가
*/
.clickOptSetting{
    width: 270px;
   /* margin-left: 15%*/
    margin-left: 160px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
}
.clickOptSetting ul{
    display: flex;
}
.clickOptSetting ul.subject{
    display: flex;
    justify-content: flex-start;
    font-weight: 600;
}
.clickOptSetting>ul>li{
    width: 120px;
    margin-bottom: 10px !important
}
.clickOptSetting ul.subject .ico-info{
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    left: 50px;
    border: 1.5px solid #666;
    text-align: center;
    border-radius: 9px;
    font-size: 13px;
}
.clickOptSetting .switch {
    display: inline-block;
    height: 25px;
    position: relative;
    width: 45px !important;
}
.clickOptSetting .switch input {
    display:none;
}
.clickOptSetting .slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}
.clickOptSetting .slider:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    transition: .2s;
    width: 16px;
}
.clickOptSetting input:checked + .slider {
    background-color: #66bb6a;
}
.clickOptSetting input:checked + .slider:before {
    transform: translateX(20px);
}
.clickOptSetting .slider.round {
    width: 42px;
    height: 23px;
    border-radius: 34px;
}
.clickOptSetting .slider.round:before {
    border-radius: 50%;
}


/* filter용 style*/
.filterbox input[type="text"]{
    height: 26px;
    border: solid 1px #c4c4c4;
    border-radius: 3px;
    padding: 0 5px;
}
.filterbox span.ui-date{
    display: block;
    width: 100%;
}
.filterbox span.ui-date:after{ top:5px; }
.filterbox span.ui-date input{
    width: 98.7%;
}

/* input readonly style */
input.readonly-input[readonly=readonly]{
    background: #eee;
    box-shadow: none;
    cursor: unset;
}

/* text copy to clipboard tooltip style */
.copyTooltip {
  position: relative;
  display: inline-block;
}

.copyTooltip .copyTooltipBtn {
    padding: 2px 4px;
    border-color: transparent;
    border-radius: 5px;
    background-color: rgba(100,100,100,0.2);
    cursor: pointer;
}

.copyTooltip .copyTooltipBtn:active{
    background-color: rgba(100,100,100,1);
    color: white;
    outline: none;
}

.copyTooltip .copyTooltipText {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.copyTooltip .copyTooltipText::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.copyTooltip:hover .copyTooltipText {
  visibility: visible;
  opacity: 1;
}

/* select box loading animation */
.loadingBox {
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #333;
    background: linear-gradient(to right, #fafafa 8%, #f4f4f4 38%, #fafafa 54%);
    background-size: 1000px 640px;
    position: relative;
    line-height: 34px !important;
}

/* loading dots */
.loadingDots:after {
    content: ' .';
    animation: dots 1s steps(5, end) infinite;
}


/*--------------------------------
* 2020-09-24 
* - offer setting -> manage (추가페이지)
----------------------------------*/
/*---- list style base --------*/
.page_title4{
	line-height:2.7;
	font-size: 1.2rem;
	text-transform: capitalize;
}

button.buttontype1{border:0;}
.page_tith3+div{position: relative;}
.modal-saveBtn{
	position: absolute;
    right: 0;
    top:15px;
}


.frm-box li{ 
	margin-bottom: 20px;
}


.box-flex .box-auto{width:auto;}
.box-flex .box-100{width:100%;}
.box-flex .box-95{width:95%;}
.box-flex .box-90{width:90%;}
.box-flex .box-80{width:80%;}
.box-flex .box-70{width:70%;}
.box-flex .box-65{width:65%;}
.box-flex .box-60{width:60%;}
.box-flex .box-50{width:50%;}
.box-flex .box-40{width:40%;}
.box-flex .box-33{width:33%;}
.box-flex .box-30{width:30%;}
.box-flex .box-25{width:25%;}
.box-flex .box-20{width:20%;}
.box-flex .box-15{width:15%;}
.box-flex .box-10{width:10%;}


.box-flex input,
.box-flex textarea,
.box-flex select{
	width:100%;
	border: 1px solid #a9a9a9;
	border-radius: 3px;
}

.box-flex input:not([type="radio"]){
	box-sizing: border-box;
    height: 30px;
    text-indent: 5px;
}

.box-flex .radio_box span:not(:last-child){
	margin-right:20px;
}
.box-flex .radio_box input[type="radio"] + label{
	display: initial;
}
.box-flex .radio_box input[type="radio"] + label input{ width:auto; }
.box-flex input+textarea{margin-left:auto;}

.box-flex select.height{height: 30px;}

.box-flex h4,
.frm-box li h4{ line-height:2; }

.box-button{margin:auto;}
.box-button-style{
	display:block;
	width:60%;
	margin:auto;
	font-size: 3rem;
    background: none;
    border: 0;
}

.result_con_btn{
	margin-left:1%;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.result_con_btn button{
	width:30px;
	height:30px;
	border-radius:30px;
}








/*애니메이션*/
@keyframes dots {
    0%, 20% {
        color: rgba(68,68,68,0);
        text-shadow:
                .25em 0 0 rgba(68,68,68,0),
                .5em 0 0 rgba(68,68,68,0);}
    40% {
        color: #444;
        text-shadow:
                .25em 0 0 rgba(68,68,68,0),
                .5em 0 0 rgba(68,68,68,0);}
    60% {
        text-shadow:
                .25em 0 0 #444,
                .5em 0 0 rgba(68,68,68,0);}
    80%, 100% {
        text-shadow:
                .25em 0 0 #444,
                .5em 0 0 #444;}
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes animateleft_open {
     0% {width: 60px;}
    80% {width: 0px;}
    60% {width: 0px;}
    40% {width: 0px;}
   100% {width: 150px;}
}
@-webkit-keyframes animatecontent_open {
     0% {padding-left: 20px;}
    80% {padding-left: 0px;}
    60% {padding-left: 0px;}
    40% {padding-left: 0px;}
   100% {padding-left: 150px;}
}
@-webkit-keyframes animateleft_close {
     0% {width: 150px;}
    80% {width: 0px;}
    60% {width: 0px;}
    40% {width: 0px;}
   100% {width: 60px;}
}

@-webkit-keyframes animatecontent_close {
     0% {padding-left: 150px;}
    80% {padding-left: 0px;}
    60% {padding-left: 0px;}
    40% {padding-left: 0px;}
   100% {padding-left: 20px;}
}
@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-15%); z-index:-1; }   
    100% { opacity: 1; -webkit-transform: translateY(0);z-index:1;}
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-15%);  z-index:-1;}   
    100% { opacity: 1; -moz-transform: translateY(0);z-index:1; }
}

@keyframes bounce {
  0% {transform: translateX(0px);}
 40% {transform: translateX(-120px);}
100% {transform: translateX(-70px);} 
}
@-webkit-keyframes bounce {
  0% {transform: translateX(0px);}
 40% {transform: translateX(-120px);}
100% {transform: translateX(-70px);}
}

@keyframes progress_ani {
  0% {transform: rotate(0);}
 25% {transform: rotate(90deg);transition:.3s;animation-delay: 1s;}
 50% {transform: rotate(180deg);transition:.3s;animation-delay: 1s;}
 75% {transform: rotate(270deg);transition:.3s;animation-delay: 1s;}
 100% {transform: rotate(360deg);transition:.3s;animation-delay: 1s;}
}
@-webkit-keyframes progress_ani {
  0% {transform: rotate(0);}
  25%{transform: rotate(90deg);transition:.3s;animation-delay: 1s;}
 50% {transform: rotate(180deg);transition:.3s;animation-delay: 1s;}
 75% {transform: rotate(270deg);transition:.3s;animation-delay: 1s;}
 100% {transform: rotate(360deg);transition:.3s;animation-delay: 1s;}
}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}


/*--------------------------------
* 2020-12-22 
* - Reports -> Reports Designer (추가페이지)
----------------------------------*/

.fixW3{width: 1400px;}
.fixW3:before,.fixW3:after{content:"";display:block;clear:both;}
.fixW3 h2.page_tith2{line-height: 1.2;margin-bottom: 0;}
.fixW3 .formbox{min-height:700px;padding-bottom: 40px;}
.fixW3 .formbox h3 span.add-report{pointer-events: none;cursor: defalt;}
.fixW3 .formbox h3 span.add-report.clickblue{pointer-events: auto;cursor: pointer;background-color: #2d9cdb;}
.fixW3 .formbox h3 label.add-report{pointer-events: none;cursor: defalt;}
.fixW3 .formbox h3 label.add-report.clickblue{pointer-events: auto;cursor: pointer;background-color: #2d9cdb;}
.fixW3 .formbox i.fa{color: #ddd;font-size: 25px;vertical-align:middle;cursor: pointer;}
.con_form .both_list.base>ul>li{width: 100%;}
.con_form .both_list.base>ul>li.Publishers{margin-bottom: 19px;}
.con_form .both_list.base .select2-container--default .select2-selection--multiple .select2-selection__choice{width: auto;}
.con_form .both_list.base ul li label{width: 120px;}
.con_form .both_list.base ul li > span input[calendar]{width: 188px;}
.con_form .both_list.base ul li .add{margin: 5px 0;display: inline-block;}
.con_form .both_list.base ul li .add label{margin: 0 3px 0 0;}
.radio_box input[type="checkbox"] + label{font-weight: 400 !important;}
.radio_box input[type="checkbox"]:checked+ label{font-weight: 800 !important;}

.fixW3 .formbox .exist,.fixW3 .formbox .null{padding: 5px 15px;font-size: 14px;}
.fixW3 .formbox .null p{}
.fixW3 .formbox .exist span.file_name,.fixW3 .formbox .exist span.deduction_col{border: 1px solid #c4c4c4;padding: 5px 20px;box-size: border-box;margin:0;}
.fixW3 .formbox .exist span{margin: 0 25px;}

.Events,.Publishers,.Advertisers,.Countries,.Categories,.Status,.Deduction{display: none;}

/* multiple select */
.mul-select label{width: 120px;margin-bottom: 5px;display: inline-block;color: #1B222E;font-weight: 700;font-size: 14px; vertical-align: middle;}
.mul-select input[type="text"]{height:34px;border: 1px solid #c4c4c4;border-radius: 3px; padding: 0 5px;margin-bottom: 5px;width: 95%;}
.mul-select #multiselect,.mul-select #multiselect2{height: 110px;}
.mul-select .row{display: flex;}
.mul-select .col-xs-4{width: 32%;}
.mul-select .col-xs-2{align-self: center;margin: 0 15px;width: 16.66666667%;}
.buttontype3+.buttontype3{margin-top: 5px;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{float:left;min-height: 1px;position: relative;}
.mul-select button{color: #fff;font-size: 12px;display:block;width: 100%;padding: 6px 12px;font-weight: 400;border-color: transparent;border-radius: 4px;height: auto;line-height: 1.2;font-size: 12px !important;}
.mul-select button:hover, .mul-select button:active, .mul-select button:focus {color: #fff;}
.mul-select .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.mul-select .form-control::-moz-placeholder{color:#999;opacity:1}
.mul-select .form-control::-ms-input-placeholder{color:#999}
.mul-select .form-control::-webkit-input-placeholder{color:#999}
.mul-select .form-control[multiple],.mul-select .form-control[size]{height: auto;}
.mul-select .row:before{display: table;content:"";}
.mul-select .row:after{clear: both;}

.events .addEvent > span > span .select2-selection select2-selection--multiple > ul > li{width: auto;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{width: auto;}
/* save popup */
.buttontype4{width: 80px;height: 36px;line-height: 36px;}
#save1 label,#save2 label{width: 100px; display: inline-block;color: #1B222E;font-weight: 700;font-size: 14px;vertical-align: middle;}
#save1 input[type="text"],#save2 input[type="text"]{width:280px;height: 31px;border: solid 1px #c4c4c4;border-radius: 3px;padding: 0 5px;box-sizing: border-box;}


/* 210812 Send a mail 페이지 추가 */
.templete{padding:20px; margin:20px 0; background:#fff;}
/*.templete *{font-family: 'roboto-regular','ng', '맑은 고딕', 'Malgun Gothic';}*/
.templete.email,.templete.tab{box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.templete.contents{background-color: transparent;padding: 0;}
.templete.contents>.tem{display:none;}
.templete .tem_wrap{padding: 20px;background-color: #fff;margin-bottom: 20px;box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.templete .plete_wrap{padding: 20px 0;background-color: #fff;margin-bottom: 30px;}
.templete .tem{margin: 20px 0;}
.templete .formcon ul li input[type="text"]:disabled,.templete .select2-container--default.select2-container--disabled .select2-selection--single{background-color: #dedede;}
.templete .templete_tit{padding:10px 0;/*cursor: pointer;*/}
.templete .templete_tit span{display:inline-block; padding-right:27px;font-size:22px; color:#000;/*background:url(../../images/images/option_bullet.png) no-repeat right center;*/}
.templete .page_tith3{padding:0 0 10px ;position: relative;}
.templete .page_tith3 a{position: absolute;top: 10px;right:0;}
.templete .page_tith3 a.button_sw{position: static;display: inline-block;vertical-align: middle;z-index:1;}
.templete .page_tith3 .buttontype1.hide{opacity: 0 !important;pointer-events: none !important;}
/*.templete .templete_tit.on span{display:inline-block; padding-right:27px;font-size:22px; color:#000;background:url(../../images/images/option_bullet1.png) no-repeat right center;}*/
.templete_setcon{padding: 0;}
.templete .set_box{padding: 0;}
.templete .set_box .radio_box{margin: -30px 0 20px;text-align: right;display: block;}
.templete.tab .set_box{display: none;}
.templete .set_box ul li:after{content:"";display: block;clear: both;}
.templete .set_box ul li:last-child{margin-bottom: 10px;}
.templete .set_box>ul>li>span{top: 9px;}
.templete .set_box ul li .form_select{width:100.5%;}
.templete .set_box ul li input[type="text"]{ height:34px; width:99%; padding:0 5px;border:solid 1px #ccc; line-height:34px;color:#333; background:#fff; border-radius:2px}
.templete .set_box ul li textarea{padding: 5px;border:solid 1px #ccc; background: #eee;width: 99%;margin-top: 10px;min-height: 100px;color:#333;border-radius:2px}
.templete .select2-container--default .select2-selection--multiple .select2-selection__rendered li{padding-left:5px;padding-top:6px;}
.templete .select2-container--default .select2-selection--multiple li.select2-selection__choice{padding-left:10px;padding-top:0;}
.templete .select2-container--default .select2-selection--multiple{position: relative;}
.templete .select2-container--default .select2-selection--multiple:after{content:"";display:inline-block; width:11px; height:6px;background:url(../../images/main/select_bg.png); background-size:11px 6px;position: absolute;top:50%;transform: translateY(-50%);right: 8px;}
.templete textarea{color: #333;}
.templete .add_offer select{border:solid 1px #c4c4c4;border-radius:3px;height: 36px;}
.templete .result_con.offer{margin:-10px 0 0;}
.templete .result_con.offer ul li{position: relative;margin:5px 0 10px;padding:10px 0 0;}
.templete .result_con.offer ul li .form_select>div{margin-bottom: 10px;vertical-align: middle;}
.templete .result_con.offer ul li strong{width: 19%;display: inline-block;vertical-align: middle;margin-top:-10px;position: relative;padding-left: 20px;}
.templete .result_con.offer ul li strong .pre{position:absolute;top:45%;transform: translateY(-50%);left: 0;margin: auto;width:12px;height:12px;}
.templete .result_con.offer ul li strong .pre:before{content:"";display: inline-block;width:12px;height:12px;box-sizing: border-box;border: 1px solid #2d9cdb;border-radius: 2px;}
.templete .result_con.offer ul li strong .pre.on:after{content:'\2714';display: inline-block;width:12px;height:12px;margin-top: -5px;;position:absolute;top:45%;transform: translateY(-50%);left: 0;color: #2d9cdb;}
.templete .result_con.offer ul li i.fa.close{top:-5px;right: 10px;}
.templete .radio_wrap{margin: 10px 0;user-select: none;}
.templete .select2-container--default .select2-selection--single .select2-selection__arrow{top:8px;right:5px;}
.templete .select2-container--default .select2-selection--single .select2-selection__arrow b{width:20px;height:20px;background: url(../../images/main/search_bg.png) no-repeat right/100%}
.templete .offer_id .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none;}
.templete .select2-container--default .select2-selection--single .select2-selection__clear{display:none;}
.templete ul li div.preview,.templete ul li div.campaignName{font-size: 14px;vertical-aling:top;background-color:#dedede; overflow: hidden; min-height:34px; width:390px;  padding:10px 5px;border:solid 1px #ccc; color:#333; border-radius:2px;display: block;word-break: break-all;}
.templete ul li div.preview a{display: block;word-break: break-all;color: #2d9cdb;}
.templete ul li .select2-container{vertical-align:middle;margin-bottom: 10px;}
.templete small{color: #ff0000;padding-left: 2px;} 

/* settiong_tap */
.settiong_tap.tem ul li a{min-width: 121px;width: auto;padding: 0 10px;}
.settiong_tap.tem ul li em{min-width: 121px;width: 100%;padding: 0 10px;}

/* templete radio */
.radio_wrap{display: flex; justify-content: space-between;}
.templete .radio_box{}
.templete .radio_box:last-child{margin-right: 0;}
.templete .radio_box input[type="radio"] + label{width: auto;}

/* Campaign_Live_Request Templete */
.templete .result_con{width: 100%;}
.templete .result_con ul .date_con,.templete .result_con ul .payout_con {display: flex;}
.templete .result_con ul li label{display: block;color: #1b222e;font-weight: 700;font-size: 14px;margin-bottom: 7px;display: inline-block;}
.templete .result_con ul li .result_block{height: 34px;}
.templete .result_con ul li pre{padding-left:10px;margin:15px 0 0 0;font-family:'roboto-regular','ng', '맑은 고딕', 'Malgun Gothic';color:#1B222E;font-size:14px;}
.templete .result_con ul li input:disabled{background: #eeeeee;}
.templete .send_btn{clear:both;text-align: center;margin-top:15px;position: fixed; bottom: 50px; left: 1080px;}
.templete .send_btn a{display: inline-block;margin: 0 5px;}
/* .templete .send_btn a:nth-child(2){display:none;} templete save */
/*edit*/
.templete .formcon{width: 100%;}
.templete .formcon.editbox .date_con,.templete .formcon.editbox .payout_con{display: flex;}
.templete .formcon:before,.templete .formcon:after{content:"";display: block;clear:both;}
.templete .formcon .con_form{padding:20px 20px 15px;margin-top:0;background-color: #f2f2f2;margin-bottom: 20px;}
.templete .formcon .editbox{padding: 0;margin-top:10px;}
.templete .formcon ul li{position: relative;}
.templete .formcon ul li textarea{width: 97%;height: 30px;padding: 1%;min-height:93px;white-space: pre-wrap;}
.templete .formcon ul li input[type="text"]{width: 97%;padding:0 1%;}
.templete .formcon.editbox input[type="text"]{width: 97%;}
.templete .formcon ul li input[type="text"].add_tit{font-family:'roboto-regular','ng', '맑은 고딕', 'Malgun Gothic';width: auto;border: none;display: block;color: #1b222e;font-weight: 700;font-size: 14px;margin-bottom: 7px;height: auto;padding:0;border-radius: none;background-color: transparent;line-height:1.2;}
.templete .formcon .radio_box{margin: -23px 0 0;text-align: right;display: block;}
.templete i.fa.close{position: absolute;top:15px;right:0;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete i.fa.close2{position: absolute;top:135px;right: 0;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete i.fa.close3{position: absolute;top:15px;right:0;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete i.fa.close4{position: absolute;top:15px;right:0;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete i.fa.close5{position: absolute;top:95px;right:0;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete i.fa.td-close{position: absolute;z-index:999;top:-8px;right:-5px;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete i.fa.td-close2,
.postbackTbody i.fa.td-close5{position: absolute;z-index:999;top:-8px;right:-5px;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete i.fa.td-close3{position: absolute;z-index:999;top:-8px;right:-5px;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete i.fa.td-close4{position: absolute;z-index:999;top:-8px;right:-5px;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete i.fa.td-close5{position: absolute;z-index:999;top:-8px;right:-5px;cursor: pointer;font-size: 20px;color: #d4d4d4;background-color: #fff;border-radius: 50%;}
.templete .Payout_Change i.fa.td-close{top:-125px;}
.templete .formcon ul li div.textarea{width: 99%;padding: 1%;border: 1px solid #ccc;background-color: #DEDEDE;border-radius: 2px;display: block;font-size: 14px;word-break:keep-all;}
.templete .formcon ul li div.textarea span{font-weight: bold;}
 
/* Campaign_Setting Templete */
/* .templete .tabletype3{margin-bottom: 20px;} */
.templete .tabletype3 table{}
.templete .tabletype3 table thead th,.notice_wrap.creative .tabletype3 table thead th{/*background-color: #d4d4d4;color: #000;*/font-size: 15px;padding: 10px 0;border-bottom: 2px solid #fff;font-weight: bold;border-right: 2px solid #fff;}
.templete .tabletype3 table tbody th,.notice_wrap.creative .tabletype3 table tbody th{/*background-color: #f2f2f2;*/border-bottom: 2px solid #fff;border-right: 2px solid #fff;padding: 6px;}
.templete .tabletype3 table tbody td{background-color: #f2f2f2;border-bottom: 2px solid #fff;border-right: 2px solid #fff;padding: 8px 10px;}
.templete .tabletype3 table tbody td input{font-family: '맑은 고딕', 'Malgun Gothic' !important;}
.templete .tabletype3 table tbody td:last-child,.templete .tabletype3 table.down_table tbody td:nth-last-child(4){text-align: left;}
.templete .tabletype3 table tbody td.dataTables_empty{text-align: center;}
.dataTables_empty{text-align: center;;}
.templete .tabletype3 table tbody td.link{text-align: left;padding: 5px;}
.templete .tabletype3 table tbody td textarea{background: transparent;border:none;width: calc(100% - 20px);height: 100%;padding: 10px;}
.templete .tabletype3 table tbody td a{color: #2d9cdb; text-decoration: underline;}
/* import popup */
.notice_wrap.creative{max-height: 80%;overflow-y: scroll;}
.notice_wrap.creative .tabletype3 table tr th{border-right: none;}
/* .notice_wrap.creative .tabletype3 table tr th.select-checkbox::before,.notice_wrap.creative .tabletype3 table tr th.select-checkbox::after{display: none;} */
/* .notice_wrap.creative .tabletype3 table thead tr th.select-checkbox{pointer-events: none;} */
.notice_wrap.creative .tabletype3 table tr td:nth-child(1),.notice_wrap.creative .tabletype3 table tr th:nth-child(1){padding-left:0;}
.notice_wrap.creative .tabletype3 table tr td:last-child{padding-right:8px;}
.notice_wrap.creative .tabletype3 table tr td{background-color:#f2f2f2;padding:8px 2px;}
.notice_wrap.creative .tabletype3 table tr td:nth-last-child(3){text-align: center;}
.notice_wrap.creative .tabletype3 table input{width: 100%;}
.notice_wrap.creative .tabletype3 table input[type="text"]:disabled{background:#eee;}
/* .notice_wrap.creative .tabletype3 table select{width: 99%;padding: 9px;} */
.notice_wrap.creative .tabletype3  table tbody a{background-color: #eee;display: inline-block;padding: 9px;width:99%;border: 1px solid #ddd;box-sizing: border-box;color:#2d9cdb;}
.notice_wrap.creative .tabletype3 table .team_ddl {padding: 8px; border: 1px solid #ddd;}
.notice_wrap.creative .tabletype3 table.dataTable tr.selected td.select-checkbox:after, .notice_wrap.creative .tabletype3 table.dataTable tr.selected th.select-checkbox:after {margin-top: auto; top: -12px;}
.notice_wrap.creative .tabletype3  table.dataTable thead tr:first-child.selected .select-checkbox:after{margin-top: auto;}
#importCreativesTable1 tbody tr td.dataTables_empty{text-align: center;}
.postbackTbody .postback_list_button_sw{display:inline-block; width:27px; height:21px; background:url(../../images/images/icon_button.png) no-repeat;}
.postbackTbody .postback_list_button_sw.on{background:url(../../images/images/icon_button_on.png) no-repeat;}

/* publisher_tab */
.settiong_tap.pub_name,.settiong_tap.pub_name2{margin:0 0 20px;}
.settiong_tap.pub_name2{margin-top: -30px;}
.settiong_tap.pub_name ul,.settiong_tap.pub_name2 ul{display: flex;}
.settiong_tap.pub_name ul li,.settiong_tap.pub_name2 ul li{margin:0;width: auto;/*min-width: 121px;*/padding: 0 25px;font-size: 16px;height: 34px;line-height: 34px;text-align: center;background-color: #c4c4c4;float: none; display: inline-block; white-space: nowrap;}
.settiong_tap.pub_name ul li.on,.settiong_tap.pub_name2 ul li.on{background-color: #fff;}
.settiong_tap.pub_name ul li em,.settiong_tap.pub_name2 ul li em{/*min-width: 121px;*/width: 100%;padding: 0 10px;}

/* Creatives_Change Templete */
.tabletype3.creative_download table tbody th{border-bottom: 1px solid #fff;border-right: none;text-align: left;padding: 8px 0 8px 8px;}
.tabletype3.creative_download table tbody td{border-bottom: 1px solid #fff;border-right: none;padding: 8px 0 8px 8px;text-align: left;}
.tabletype3.creative_download table tbody span{background-color: #fff;display: inline-block;padding: 8px;width:100%;border: 1px solid #ddd;box-sizing: border-box;}
.tabletype3.creative_download table tbody input[type=text]{background-color: #fff;display: inline-block;padding: 9px;width:99%;border: 1px solid #ddd;box-sizing: border-box;}
.tabletype3.creative_download table tbody input[name=creType]{width:90%;}
.tabletype3.creative_download table tbody td span{padding-right: 0;width: 99.5%;}
.cmt_wrap textarea{padding: 5px;border:solid 1px #ccc; background: #eee;width: 98.2%;margin-top: 10px;min-height: 100px;color:#333;border-radius:2px}
#frm_3_1 .button_sw{display: none}
#importCreativesTable2 tbody tr td.dataTables_empty{text-align: center;}

/* Payout_Change Templete */
#frm_4_1 .button_sw{display: none}
.templete .currency_wrap{margin: 15px 0 5px;}
.templete .currency_wrap label{display:block; color:#1B222E; font-weight:700; font-size:14px;margin-bottom: 10px;}
.templete .tabletype3.edit table tbody th{background-color: #f2f2f2;font-size: 14px;text-align:center;}
.templete .tabletype3.edit table tbody th input{background: transparent;border:none;width: calc(100% - 20px);height: 100%;font-weight: bold;font-family:'roboto-regular','ng', '맑은 고딕', 'Malgun Gothic';text-align: center;}
.templete .tabletype3.edit table tbody td input,.templete .tabletype3.edit table tbody td textarea{color:#333;background: transparent;border:none;width: 100%;height: 100%;font-family:'roboto-regular','ng', '맑은 고딕', 'Malgun Gothic';padding: 0;}
.templete .tabletype3.edit table tbody td textarea{min-height: 93px;}
.templete .tabletype3 table tbody tr{position: relative;}
.templete .tabletype3 table tbody tr.btn,.templete .tabletype3 table tbody tr.btn td{margin:0; padding:0; height:0;border: none;}
.templete .tabletype3.edit table tbody tr.season+tr.btn .fa.td-close{top:-20px;}
.Payout_Change .radio_box {user-select: none;}
/*.Payout_Change.tem table tbody tr:after{ pointer-events: all;position: absolute;top: -5px;right:-5px;content:"-";display: inline-block;background-color: #d4d4d4;width: 20px; height: 20px;line-height: 20px;border-radius: 50%;text-align: center;color: #fff;font-weight: bold;font-size: 20px;cursor: pointer;}
.Payout_Change.tem table tbody tr:nth-child(1):after,.Payout_Change.tem table tbody tr:nth-child(2):after{display: none;}*/

/* Tracking Ling Templete */
.tracking{padding: 10px;border-radius: 10px;border: 1px solid #ccc;width: 100%;display: block; box-shadow:  5px 5px 10px rgba(0,0,0,0.15)}
.tracking02{display: none;margin-top: 20px;}
.tracking .select2-container{width: 100%;margin-bottom: 10px;}
#importCreativesTable3 tbody tr td.dataTables_empty{text-align: center;}

/* Optimization Report */
.tabletype3.quality_report_table table tbody input[type=text]{background-color: #fff;display: inline-block;padding: 9px;width:99%;border: 1px solid #ddd;box-sizing: border-box;}
/* .templete .radio_box:last-child {display:none;} */

/* send btn */
.notice_wrap .notice_con p.send{color:#4f4f4f; font-size: 18px;text-align: center;padding-bottom:20px;}
/* .notice_wrap .notice_con p.send:before{content:"";display:block;background:url(../../images/icon/ico_success.png) no-repeat center/100%;width: 40px; height: 40px;margin: 0 auto 10px;} */
.notice_wrap .notice_con p.send:before{content:"";display:block;background:url(../../images/images/icon_mail.png) no-repeat center/100%;width: 40px; height: 30px;margin: 0 auto 5px;}
.notice_wrap .notice_con span.send{display: block;padding: 10px 0 0;text-align: center;}
.notice_wrap .notice_con .btn_center{margin-top: 20px;}
.notice_wrap .notice_con .publisher_con{width: 100%;}
.notice_wrap .notice_con .success_publisherList_con, .fail_publisherList_con{margin-bottom: 18px; padding: 2px 6px; background-color:#E5E5E5; word-break:break-all; line-height:1.4;}
.notice_wrap .notice_con .successful_con{background-color:#2f9207; padding: 6px;}
.notice_wrap .notice_con .successful_con span{color:#fff;}
.notice_wrap .notice_con .failed_con{background-color:#e46258; padding: 6px;}
.notice_wrap .notice_con .failed_con span{color:#fff;}

/* preview style */
#wrap #previewpopup{padding-bottom: 30px;transform: translate(-50%, -55%) !important;}
#wrap #previewpopup #header{height: auto;}
#wrap #previewpopup #footer{border:none;}
#wrap #previewpopup h1{font-size:2em;font-weight:bold;position: static;height: auto;width: auto;background: none;}
#wrap #previewpopup h2{font-size: 1.5em;font-weight:bold;}
#wrap #previewpopup h3{font-size: 1.17em;font-weight:bold;}
#wrap #previewpopup h4{font-size: 1em;font-weight:bold;}
#wrap #previewpopup h5{font-size: 0.83em;font-weight:bold;}
#wrap #previewpopup h6{font-size: 0.67em;font-weight:bold;}
/* #wrap #previewpopup ul{list-style-type:disc !important;}
#wrap #previewpopup ul li{padding-left: 10px;margin-bottom: 0;margin-left: 15px;list-style-type:disc !important;}
#wrap #previewpopup ol{list-style-type:decimal !important;}
#wrap #previewpopup ol li{padding-left: 10px;margin-bottom: 0;margin-left: 15px;list-style-type:decimal !important;} */
#wrap #previewpopup blockquote{border-left: 4px solid #ccc;margin-bottom: 5px;margin-top: 5px;padding-left: 16px}
#previewpopup .btn_center{position: fixed;left: 50%;transform: translateX(-50%);padding: 30px 0;background-color: #fff;}

/* send popup */
.sendpopupPubWrap .pub_button_sw{width: 14px;background: url(../../images/icon/icon_rightTriangle.png) no-repeat; margin-left:3px; }
.sendpopupPubWrap .pub_button_sw.rotate{transform: rotate(90deg);}
.sendpopupPubWrap span:not(:first-child){color:#2d9cdb;}
#sendPopupPublisherList{color:#2d9cdb;}
#sendpopup{width: 640px;}

/* ck-editor */
/* .ck.ck-editor__editable_inline{border:1.5px solid #dedede !important; height:600px;}
.ck.ck-editor__editable_inline h1{font-size:2em;font-weight:bold;width: auto; height: auto; position: static;background: none;} 
.ck.ck-editor__editable_inline h2{font-size:1.5em;font-weight:bold;}
.ck.ck-editor__editable_inline h3{font-size:1.17em;font-weight:bold;}
.ck.ck-editor__editable_inline h4{font-size:1em;font-weight:bold;}
.ck.ck-editor__editable_inline i{font-style:italic;}
.ck.ck-editor__editable_inline ul{list-style-type:disc !important;}
.ck.ck-editor__editable_inline ul li{padding-left: 10px;margin-bottom: 0;margin-left: 15px;list-style-type:disc !important;}
.ck.ck-editor__editable_inline ol{list-style-type:decimal !important;}
.ck.ck-editor__editable_inline ol li{padding-left: 10px;margin-bottom: 0;margin-left: 15px;list-style-type:decimal !important;} */

/* quill-editor */
#mailCommentEngEditor em{font-style:italic;}
#mailCommentEngEditor h1{font-size:2em;font-weight:bold;width: auto; height: auto; position: static;background: none;}
#mailCommentKorEditor em{font-style:italic;}
#mailCommentKorEditor h1{font-size:2em;font-weight:bold;width: auto; height: auto; position: static;background: none;}
pre pre{ background-color: #23241f; color: #f8f8f2; overflow: visible;white-space: pre-wrap;margin-bottom: 5px; margin-top: 5px; padding: 5px 10px;}
.ql-editor img{max-width:630px !important;}


/* toast 팝업 */
#toast{/*position: absolute;top: 80px; */position: absolute;top: 63px;right: -190px;z-index: 2;}
#toast.sticky{top: 10px;}
#toast .toastWrap {margin: 6px 0 0; padding: 14px 0 13px;display: none;background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.toast {text-align: center;width: 200px;font-size: 14px;background: none;}

/* add template 팝업 */
.templatepopupWrap span{font-size: 15px; display: block;margin-bottom: 7px;color: #333;}
.templatepopupWrap input[type=text]{border: 1px solid #ccc;color: #000; background-color: #fff; border-radius: 2px; padding: 5px 5px;height: 33px; width: 99%;}
.templatepopupWrap input[type=text]::placeholder{color: #a1a1a1;}

/* delete template 팝업 */
#select_tem{position: absolute;right: 20px;top: 20px;z-index: 9999999;min-width: 210px; /* display:none;  templete save */}
#select_tem>a{width: 210px;border: 1px solid #ccc;font-size: 14px; text-align: left;padding: 10px 50px 10px 10px;display: block;position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#select_tem>a:after{content:"";display:inline-block; width:11px; height:6px;background:url(../../images/main/select_bg.png) no-repeat center; background-size:11px 6px;position: absolute;top:50%;transform: translateY(-50%);right: 8px;}
#select_tem.on>a:after{transform: rotate(180deg) translateY(-50%);top:35%;}
#select_tem ul{border: 1px solid #ccc;border-top:none;background-color: #fff;width: 100%;z-index: 1;}
#select_tem ul li{cursor: pointer;padding:0px 5px;width: 100%;display: flex;justify-content: space-between;font-size: 14px;}
#select_tem ul li span:hover{color:#2d9cdb; font-weight: bold; text-decoration: underline;}
#select_tem ul li.make{position: relative;}
#select_tem ul li.make,#select_tem ul li.make span,#select_tem ul li.make a{display: block;}
#select_tem ul li a{color: #666; padding: 10px 5px;}
#select_tem ul li a:hover{color: #EB5757; font-weight: bold; text-decoration: underline;}
#select_tem ul li span a{color: #666; padding: 0;}
#select_tem ul li span{padding: 10px 0;width:92%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#select_tem ul li.make a:after{content:"";display:inline-block; width:30px; height:22px;background:url(../../images/icon/icon_plus.png) no-repeat center/100%;position: absolute;top:50%;transform: translateY(-50%);right: 8px;}
/*#select_tem ul li span{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;word-wrap: normal;width: 90%;}*/
.notice_wrap .notice_con p.delete{color:#4f4f4f; font-size: 18px;text-align: center;padding-bottom:20px;}
.notice_wrap .notice_con p.delete:before{content:"";display:block;background:url(../../images/icon/ico_delete.png) no-repeat center/100%;width: 40px; height: 40px;margin: 0 auto 10px;}
#deletetemplatepopup .btn_center{}
#deletetemplatepopup .btn_center a{display: inline-block;vertical-align: top;}
#deletetemplatepopup .btn_center small{color: #ff0000;font-size: 10px;display: block;font-weight: bold;padding-top: 5px;}




/* 240430 add creative 스타일 추가 */

.formcon ul li sup{
color: #ff0000;}
		.filebox {
		display: flex;
		position: relative;
		}
.filebox .upload-name {
    display: inline-block;
    height: 34px;
    padding: 0 10px;
    vertical-align: middle;
    width: 100%;
    color: #999999;
    border: solid 1px #ccc;
    border-radius: 0 10px 10px 0;
}

.formcon ul li .filebox label{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 40px;
    color: #fff;
    vertical-align: middle;
    background-color: #52555f;
    cursor: pointer;
    height: 36px;
    margin-bottom: 0;
    border-radius: 10px;
}
.formcon ul li .filebox input[type="file"]{
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}		
.attachmentWrap{
display: flex;
flex-wrap: wrap;
max-width: 80%;}
.attachmentWrap li {
width: 20%;
text-align: center;}
.attachmentWrap li  p{
height: 14px;}
.attachmentWrap .image{
position: relative;
width: 100px;
min-height: 100px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin: 10px auto;
}
.attachmentWrap .close{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 2px;
	top:2px;
	width: 19px;
	height: 19px;
	border-radius: 50%;
	border: none;
	background: #333;
	color: #fff;
	font-size: 10px;
}

.attachmentWrap .wrong .image{
	border: 2px solid #ff0000;
}
.attachmentWrap p{
word-break: break-all;}



/* 240502 추가 팝업 */
#DownloadCreatives label,#EditCreatives label{
	cursor: default;
}
#DownloadCreatives .tabletype3{
	position: relative;
	overflow-y: auto;
	max-height: 300px;
}
#DownloadCreatives table thead{
	position: sticky;
	z-index: 1;
	top:0;
	left:0;
	width: 100%;
}
#DownloadCreatives table th{
	border-right: 1px solid #fff;
}
#DownloadCreatives table th:last-child{
	border-right:none;
}
#DownloadCreatives table tbody{
	margin-top: 30px;
}
#DownloadCreatives table td{
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: rgb(245, 245, 245);
}
#DownloadCreatives table td:last-child{
	border-right:none;
}
#DownloadCreatives table td img{
	width: 100%;
}

#EditCreatives .layer_url ul li>label{
	display: block;
}



/*
* 2020-06-15 Offer Control : Info > Setting - Duplicate Pevention 하위 스타일 추가
*/
.DuplicatePreventionSetting{
    width: 290px;
    margin-left:160px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
}
.DuplicatePreventionSetting>ul>li > span{
	width: 100%;
}
.DuplicatePreventionSetting>ul>li .radio_box span:first-child{
	margin-right: 10px;
}
.DuplicatePreventionSetting>ul>li > span label{
	width: auto !important;
}
.DuplicateSetting{
	display: flex;
	width: 100%:
	
}
.DuplicateSetting ul{
    display: flex;
    align-items:center;
}
.DuplicateSetting ul li{
    width: 140px;
    margin-bottom: 10px !important;
    font-size: 14px;
    color: #1B222E;
}
.DuplicateSetting ul li .radio_box{
    display: flex;
	
}

.DuplicateSetting ul li .radio_box label{
    width: 50px !important;
}

.DuplicateSetting ul li span{
	display: flex !important;
	align-items:center;
}

.DuplicateSetting ul li input[type="number"]{width: 30px;border:solid 1px #c4c4c4; height:28px; line-height:28px; padding:0 5px;border-radius:3px;margin-right: 5px;vetical-align: middle;}

.DuplicateSetting .select2-container .select2-selection--single, .DuplicatePreventionSetting .input_style
{height:30px;}
.DuplicateSetting  .select2-container--default .select2-selection--single .select2-selection__rendered, .DuplicatePreventionSetting .input_style
{height:30px; line-height:30px;}
.DuplicateSetting  .select2-container .select2-selection--multiple, .DuplicatePreventionSetting .input_style
{min-height:28px;}
.DuplicateSetting .select2-container--default .select2-selection--multiple .select2-selection__choice
{margin: 4px 4px 0 0 !important;padding: 1px 10px;}
.DuplicateSetting .input_style {border:solid 1px #c4c4c4; border-radius:3px;}