@charset "utf-8";

/*************************************************
	COMMON :공통 STYLE
*************************************************/
/* LOADING */
#loading {display:none;width:100%;height:100%;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,0.75);font-size:0;line-height:0;z-index:1000000;}
#loading:before {content:'';width:70px;height:70px;margin:auto;display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.85);background-image:url(../img/loading.gif);background-repeat:no-repeat;background-position:50% 50%;background-size:28px auto;border-radius:5px;}
.loading {width:100% !important;height:100%;position:relative;}
.loading .spinner {width:70px;height:70px;margin:-35px 0 0 -35px;background:rgba(0,0,0,0.8);border-radius:5px;position:absolute;top:50%;left:50%;}
.loading .spinner:before {content:'';width:28px;height:28px;display:block;position:absolute;left:21px;top:21px;background-image:url(../img/loading.gif);background-size:28px;background-repeat:no-repeat;}
/*** retina specific ***/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	#loading:before,
	.loading .spinner:before {background-image:url(../img/loading@2x.gif);}
}

/* 정렬 */
.pull-left {float:left !important;}
.pull-right {float:right !important;}

/* 사이즈 : form요소 및 button에 사용 */
.w1 {width:200px !important;}
.w2 {width:80px !important;}
.w3 {width:600px !important;}
.w100 {width:100% !important;box-sizing:border-box;}
.form-focus {background-color:#ffc107 !important; border-color:#e0a800 !important;}

.mt_5 {margin-top:5px;}
.mt_10 {margin-top: 10px;}

/* 아이콘 */
.icon-txt {display:inline-block;padding:5px 7px 6px;min-width:51px;background:#ffd800;border-radius:12px;color:#555;font-size:11px !important;line-height:1;font-weight:bold;text-align:center;vertical-align:middle;letter-spacing:-0.08em}
.icon-txt.s1 {color:#fff;background:#ddd;} /* gray */
.icon-txt.s2 {color:#fff;background:#45c1b4;} /* green */
.icon-txt.s3 {color:#fff;background:#ec1f71;} /* red */
.icon-txt.s4 {color:#fff;background:#16c1e0;} /* blue */
.icon-txt.s5 {color:#fff;background:#0df0f8;} /* blue2 */
.icon-txt.s6 {color:#fff;background:#ff3229;} /* deep orange */
.icon-txt.s7 {color:#fff;background:#ff7a28;} /* orange */
.icon-txt.s8 {color:#fff;background:#ff678b;} /* pink */
.icon-txt.s9 {color:#fff;background:#22c599;} /* green */
.icon-txt.s10 {color:#fff;background:#573a08;} /* brown */
.icon-txt.s11 {color:#fff;background:#31a0ff;} /* blue */
.icon-txt.s12 {color:#fff;background:#2c3e50;} /* navy */
.icon-txt.s13 {color:#fff;background:#562088;} /* purple */
.icon-txt.s14 {color:#fff;background:#555;} /* purple */
.icon-txt.s15 {color:#fff;background:#414853;} /* dark gray */
.icon-txt.s16 {color:#fff;background:#71ad4d;} /* oilve */
.icon-txt.s17 {color:#fff;background:#a9d191;} /* oilve2 */

.icon-txt02,
.icon-txt03 {padding:0 3px;height:18px;border-radius:100px;background:#eee;text-align:center;color:#fff;font-size:11px;line-height:18px;font-weight:bold;}
.icon-txt02 {display:inline-block;width:18px;}
.icon-txt03 {display:block;min-width:51px;}
.icon-txt02.s1,
.icon-txt03.s1 {background:#00bdcd;} /* CPC+5 */
.icon-txt02.s2,
.icon-txt03.s2 {background:#00bdcd;} /* CPC */
.icon-txt02.s3,
.icon-txt03.s3 {background:#22c599;} /* CPV+YT, CPV+FB */
.icon-txt02.s4,
.icon-txt03.s4 {background:#31a0ff;} /* CPI */
.icon-txt02.s5,
.icon-txt03.s5 {background:#ff5400;} /* DBA */
.icon-txt02.s6,
.icon-txt03.s6 {background:#ff7a28;} /* CPA */
.icon-txt02.s7,
.icon-txt03.s7 {background:#ff678b;} /* CPS */
.icon-txt02.s8,
.icon-txt03.s8 {background:#31a0ff;} /* CPE */
.icon-txt02.s9,
.icon-txt03.s9 {background:#ff9933;} /* CPAS+TP */
.icon-txt02.s10,
.icon-txt03.s10 {background:#8540b4;} /* CPR */
.icon-txt02.disabled,
.icon-txt03.disabled {background:#eee;}

.icon-txt04{display:inline-block;padding:5px 7px 6px;min-width:51px;border:1px solid #ffbc00;border-radius:12px;color:#ffbc00;font-size:11px !important;line-height:1;text-align:center;vertical-align:middle;letter-spacing:-0.08em}
.icon-txt04.s1 {color:#999;border:1px solid #999;}
.icon-txt04.s2 {color:#45c1b4;border:1px solid #45c1b4;}
.icon-txt04.s3 {color:#ec1f71;border:1px solid #ec1f71;}
.icon-txt04.s4 {color:#16c1e0;border:1px solid #16c1e0;}
.icon-txt04.s5 {color:#08d8df;border:1px solid #08d8df;}
.icon-txt04.s6 {color:#ff3229;border:1px solid #ff3229;}

.icon-txt-wrap {display:inline-block;min-width:30px;text-align:center;vertical-align:top;}
.icon-txt-wrap > [class^=icon] {display:block;margin:0 auto 2px;}

/* 버튼 */
.btn-type, .btn-type02, .btn-type03, .btn-type05, .btn-type06 {overflow:hidden;display:inline-block;padding:9px 7px;min-width:60px;border-radius:3px;color:#fff;font-size:12px;line-height:1;text-align:center;vertical-align:middle;-webkit-transition:all 0.12s linear 0s;-moz-transition:all 0.12s linear 0s;transition:all 0.12s linear 0s;}
.btn-type {background:#6787ff;}
.btn-type:hover {background-color: #4269fd;}
.btn-type:focus {background-color: #3754c3;}
.btn-type.i1:before {content:'';display:inline-block;margin:-11px 5px 0 0;width:0;height:0;border:6px solid transparent;border-bottom:10px solid #fff;vertical-align:middle;}
.btn-type.i2:before {content:'';display:inline-block;margin:-8px 5px -10px 0;width:0;height:0;border:6px solid transparent;border-top:10px solid #fff;vertical-align:middle;}
.btn-type.i3:before {content:'↑';margin-right:5px;}
.btn-type.i4:before {content:'↓';margin-right:5px;}
.btn-type02 {background: #20c898;}
.btn-type02:hover {background-color: #0aab7d;}
.btn-type02:focus {background-color: #05835f;}
.btn-type03 {padding:5px 7px;background:#fff;border:2px solid #6787ff;color:#6787ff;font-weight:normal;}
.btn-type03:hover {border-color:#4269fd;}
.btn-type03:focus {border-color:#4269fd;;}
.btn-type03.s1 {border-color:#f1457e;color:#f1457e;}
.btn-type03.s1:hover {border-color:#fe598f;}
.btn-type03.s1:focus {border-color:#e1346d;}
.btn-type04 {display:inline-block;padding:7px 10px 8px;background:#a8b0cb;border-radius:15px;color:#fff;font-weight:bold;font-size:11px;}
.btn-type04.s1 {background:#6787ff;}
.btn-type04.s1:hover {background-color:#6787ff;}
.btn-type04.s1:focus {background-color:#4269fd;;}
.btn-type05 {background:#ddd;}
[class^=btn-type].action {padding:12px 10px 13px;min-width:120px;font-size:14px;font-weight:normal;border-radius:2px;}
.btn-type.s1,
.btn-type02.s1,
.btn-type05.s1{min-width:100px;padding:9px 10px 10px;font-size:14px;font-weight:normal;}
.btn-type06 {background-color:#fff;border:1px solid #ddd;color:#333;font-size:11px;font-weight:normal;}
.btn-type06.s1 {background-color:#ddd;border:1px solid #ccc;}
.btn-type06.s2 {min-width:60px !important;background-color:#333;border:1px solid #000;color:#fff;}
.btn-type06:hover {background-color:#6787ff;;border-color:#6787ff;color:#fff;}
.btn-type06:focus {background-color:#4269fd;;border-color:#4269fd;;color:#fff;}
.btn-type07 {padding:2px;min-width:64px;border-radius:30px;background:#2fc5b7;text-align:left;}
.btn-type07 span {display:inline-block;padding:5px;background:#fff;border-radius:30px;color:#2fc5b7;font-size:11px;}
.btn-type07 span + span {display:none;}
.btn-type07.disabled {background:#ddd;text-align:right;}
.btn-type07.disabled span {display:none;color:#ddd;}
.btn-type07.disabled span + span {display:inline-block;}
.btn-type07[disabled=disabled] {background:#ddd;text-align:right;}
.btn-type07[disabled=disabled] span {display:none;color:#ddd;}
.btn-type07[disabled=disabled] span + span {display:inline-block;}
[class^=btn-type].s2 {min-width:80px;}
[class^=btn-type].s3 {min-width:28px;}
[class^=btn-type] + [class^=btn-type] {margin-left:2px;}
.btn-primary {background:#6339b9;}
.btn-primary:hover {background-color:#7e51db;}
.btn-primary:focus {background-color:#5a35a6;}
.btn-link {color:#6787ff;}
.btn-link-bk {color: #222;}
.btn-link:hover {text-decoration:underline;}
.btn-tab {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:15px;background:#3b414e;list-style:none;}
.btn-tab li {margin-left:-1px;border:1px solid #21252d;}
.btn-tab li a {display:block;padding:0.8rem 1rem;line-height:1.5;color:#fff;font-weight:bold;text-align:center;}
.btn-tab li a:hover,
.btn-tab li a.on {background:#f7f7f7;color:#3b414e;}
.btn-arrow {border:1px  solid #a8b0cb; color:#fff; font-size:13px; }

/*팝업 페이지 tab*/
.page-popup .btn-tab{background:#e9eaeb;border-radius:5px;padding:3px;}
.page-popup .btn-tab li{position:relative; margin:4px;border-radius:5px; border:0px;}
.page-popup .btn-tab li:after{position:absolute;content:'';width:1px; height:10px; top:50%;right:-5px; margin-top:-5px; margin-right:1px;background-color:#acacac;}
.page-popup .btn-tab li:last-child::after{display:none;}
.page-popup .btn-tab a {background-color: transparent;color: #999;border: 0px;border-radius: 5px;}
.page-popup .btn-tab a:hover{background-color:#f8f8f8;color:#333;box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;}
.page-popup .btn-tab li a.on{color:#5365d1;border-color:#d3d3d3;box-shadow: 0 .125rem .25rem rgba(0,0,0,.1)!important;}

.btn-pagination {text-align: center;}
.btn-pagination li {overflow:hidden;display:inline-block;margin:0 -3px;font-size:12px;vertical-align:top;}
.btn-pagination li a,
.btn-pagination li strong {display:block;padding:7px 0 8px;width:29px;line-height:1;background:#fff;border:1px solid #ddd;color:#333;}
.btn-pagination li a:hover,
.btn-pagination li strong {position:relative;background:#6787ff;border-color:#6787ff;color:#fff;}
.btn-pagination li:first-child a {border-radius:15px 0 0 15px;}
.btn-pagination li:last-child a {border-radius:0 15px 15px 0;}
.btn-pagination li.btn-first a,
.btn-pagination li.btn-prev a,
.btn-pagination li.btn-next a,
.btn-pagination li.btn-last a {overflow:hidden;position:relative;width:27px;height:29px;font-size:0;line-height:0;}
.btn-pagination li.btn-first a,
.btn-pagination li.btn-last a {width:33px;}
.btn-pagination li.btn-first a:before,
.btn-pagination li.btn-prev a:before,
.btn-pagination li.btn-next a:before,
.btn-pagination li.btn-last a:before {content:'';display:block;position:absolute;top:50%;left:50%;margin:-4px;width:9px;height:7px;background:url(../img/bg_sprite.png) no-repeat -2px -66px;}
.btn-pagination li.btn-prev a:before,
.btn-pagination li.btn-next a:before {margin:-4px -2px;width:4px;}
.btn-pagination li.btn-next a:before,
.btn-pagination li.btn-last a:before {background-position:-15px -66px;}
.btn-pagination li.btn-first a:hover:before,
.btn-pagination li.btn-prev a:hover:before {background-position:-26px -66px;}
.btn-pagination li.btn-next a:hover:before,
.btn-pagination li.btn-last a:hover:before {background-position:-39px -66px;}
.btn-wrap {margin-top:40px;text-align:center;}
.btn-wrap.s4 {margin:0;padding:5px 0;position:fixed !important; top:40px;left:0; width:230px;; height: 70px; z-index: 200; background: #2c343f;text-align:center;}
.btn-wrap.s4 + li {padding-top: 60px;}
.btn-wrap > a,
.btn-wrap > button {margin:0 4px;}
.btn-wrap.s1 {text-align:right;}
.btn-wrap.s1 + .tbl-type {margin-top:10px;}
.btn-wrap.s1 > a,
.btn-wrap.s1 > button {margin-right:0;}
.btn-wrap.s2 {position:absolute;top:20px;right:20px;margin:0;}
.btn-wrap.s3 {margin:0 0 9px;text-align:left;}
.btn-wrap.s3 > a,
.btn-wrap.s3 > button {margin-left:0;}
.btn-wrap.s4 > a,
.btn-wrap.s4 > button {margin:10px 0; padding:12px;width: 200px; font-size:14px;border-radius: 30px;}
.btn-wrap.s5 {margin-top: 10px;} 
.btn-file {position: relative; display: inline-block; margin:3px;padding:5px 30px 5px 10px;font-size:13px; font-weight: 300;background-color: #6c89aa; color:#fff; text-decoration: none; border-radius: 2px;}
.btn-file:after {content: ''; width:32px; height:32px; position: absolute; right:0;margin-top:-7px;background-image:url("../img/logo_wh_all.png");background-repeat:no-repeat; background-size:120px auto;}
.tit-type + .btn-wrap {margin-top:0;}
.btn-cancel {background: #b0b0b0;color: #fff;}
.btn-cancel:hover {border: 1px solid #969696;background: #969696;color: #fff;}
.btn-cancel:focus {border: 1px solid #b3b2b2;background: #b3b2b2;color: #fff;}
.btn-remove {border: 1px solid #f44336;background: #fff;color: #f44336;}
.btn-remove:hover{border: 1px solid #f44336;background: #ffeded; color: #f44336;}
.btn-remove:focus {border: 1px solid #f44336;background: #fff; color: #f44336;}
.btn-modify {border: 1px solid #6787ff;background: #fff;color: #6787ff;}
.btn-modify:hover {border: 1px solid #4269fd;background: #f2f4ff;color: #4269fd;}
.btn-modify:focus {border: 1px solid #3d5dd5;background: #fff;color: #3d5dd5;}
.btn-outline {border: 1px solid #6787ff;background: #fff;color: #6787ff;}
.btn-outline:hover {border: 1px solid #4269fd;background: #f2f4ff;;color: #4269fd;}
.btn-outline:focus {border: 1px solid #3d5dd5;background: #fff;color: #3d5dd5;}
.btn-outline-red {border: 1px solid #f44336;background: #fff;color: #f44336;}
.btn-outline-red:hover {border: 1px solid #f44336;background: #ffeded;color: #f44336;}
.btn-outline-red:focus {border: 1px solid #f44336;background: #fff;color: #f44336;}
.btn-outline-green {border: 1px solid #18b488;background: #fff;color: #18b488;}
.btn-outline-green:hover {border: 1px solid #0aab7d;background: #f3fdfc;color: #0aab7d;}
.btn-outline-green:focus {border: 1px solid #05835f;background: #fff;color: #05835f;}
.btn-outline-gray {border: 1px solid #a9aec0;background: #fff;color: #a9aec0;}
.btn-outline-gray {border: 1px solid #969696;background: #fff;color: #a9aec0;}
.btn-outline-gray:focus {border: 1px solid #b3b2b2;background: #fff;color: #b3b2b2;}
.btn-bg-none {background: transparent!important}
.btn-border-2 {border-width: 2px !important;}

table td .btn-type {min-width: 40px;padding: 5px 8px 6px;}
@media screen\0 {
	.btn-pagination li.btn-first a:before, .btn-pagination li.btn-last a:before {margin:-3px -4px;}
	.btn-pagination li.btn-prev a:before,
	.btn-pagination li.btn-next a:before {margin:-3px -2px;}
}

.btn-grap {width:32px;height:32px;display:inline-block;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-position:-96px 0;background-size:640px auto;}
/* Retina-specific */
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.btn-grap {background-image:url(../img/bg_shapes_sprite@2x.png);}
}

/* 폼요소 */
.input-type {position:relative;}
.input-type strong {display:block;position:absolute;top:50%;right:13px;margin:-5px 0;color:#555;line-height:1;font-weight:normal;}
.input-type input {padding-right:30px;text-align:right;}
.input-type input[readonly] + strong,
.input-type input[disabled] + strong {color:#bbb;}
.input-type.s1 input {padding-left:30px;padding-right:10px;}
.input-type.s1 strong {right:auto;left:10px;}
.input-type.s3 input {padding-right:60px;}
.input-type02 {display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;position:relative;}
.input-type02 > span:first-child {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.input-type02 input {width:100%;height:33px;line-height:33px;border-radius:3px 0 0 3px;border-right:0;}
.input-type02 textarea {width:98%;height:100px;}
.input-type02 [class^=btn-type] {margin-left:-1px;padding:9px 10px 10px;min-width:100px;font-size:14px;font-weight:normal;vertical-align:top;}
.input-type02.s1 input {height:25px;line-height:25px;font-size:11px !important;}
.input-type02.s1 [class^=btn-type],
.input-type02.s2 [class^=btn-type] {padding:7px;min-width:60px;font-size:11px;font-weight:bold;}
.input-type02.s2 > span {display:block;}
.input-type02.s2 > span:first-child + span {position:absolute;top:4px;right:4px;}
.input-type02.s2 input {border:1px solid #ddd;border-radius:3px;}
.input-type02.s2 [class^=btn-type] {margin-left:4px;}
.input-type02.s2 .btn-type03 {padding:4px 7px 5px;}
.input-type02 + .input-type02 {margin-top:5px;}
.input-wrap input {width:100px;}
.input-wrap span {margin:0 5px;}
.input-file {display:block;position:relative;}
.input-file input {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.input-file label {display:block;width:100%;height:51px;line-height:51px;background:#07bed4;border-radius:3px;color:#fff;font-size:18px;text-align:center;cursor:pointer;}
.input-date {background:#fff url(../img/icon_date.png) no-repeat 100% 50%;}
.input-date-wrap > input,
.input-date-wrap > select {width:98px !important;}
.input-date-wrap + label {margin-left:10px;}
@media \0screen\,screen\9 {
	.input-type02 {display:table;width:100%;}
	.input-type02 > span {display:table-cell;vertical-align:top;}
	.input-type02 > span:first-child {width:100%;}
}
.textarea-text2 {width:100%;height:200px;line-height:1.42857143;margin:0 auto;padding:10px !important;background-color:#fcfcfc;border:1px solid #ddd;border-radius:3px;color:#666 !important;font-family:"Malgun Gothic", "Apple Gothic", Gulim, Dotum, Arial, Verdana, Helvetica, sans-serif !important;outline:none;-webkit-transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;overflow:auto;}
.textarea-text3 {width:100%;line-height:1.42857143;margin:0 auto;color:#666 !important;font-family:"Malgun Gothic", "Apple Gothic", Gulim, Dotum, Arial, Verdana, Helvetica, sans-serif !important;overflow:auto;}
.textarea-text2 p,
.textarea-text3 p {line-height:1.42857143 !important;margin:0 !important;padding:0 !important;font-size:15px !important;font-family:"Malgun Gothic", "Apple Gothic", Gulim, Dotum, Arial, Verdana, Helvetica, sans-serif !important;}
.textarea-text2 h3,
.textarea-text3 h3 {height:2.1em;line-height:1.42857143 !important;margin:15px 0 5px !important;padding:5px 7px 5px 30px;position:relative;background-color:#0fbea8;border-radius:30px;color:#fff;font-size:15px !important;font-weight:bold !important;font-family:"Malgun Gothic", "Apple Gothic", Gulim, Dotum, Arial, Verdana, Helvetica, sans-serif !important;overflow:hidden;}
.textarea-text2 h3:before,
.textarea-text3 h3:before {content:"";width:32px;height:32px;position:absolute;top:0;left:0;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-size:640px;background-position:-64px 0;}
.textarea-text2:focus {background-color:#fffabd !important;border-color:#00bdcd !important;}
.textarea-text2.readonly,
.textarea-text2.disabled {background-color:#eee !important;color:#555 !important;}

/* Retina-specific */
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.textarea-text2 h3:before {background-image:url(../img/bg_shapes_sprite@2x.png);}
}



/* 리스트 */
.list-type {display:table;table-layout:fixed;padding:0 10px; margin-bottom:6px; width:100%;background:#fff;box-sizing:border-box;border-radius:10px;}
.list-type li {display:table-cell;padding:20px 0;}
.list-type li a {display:block;padding:5px;border-left:1px solid #e6e6e6;}
.list-type li a em,
.list-type li a strong {display:block;}
.list-type li a em {margin-bottom:16px;color:#888;font-size:12px;}
.list-type li a strong {font-size:20px;font-weight:normal;}
.list-type li:first-child a {border-left:0;}
.list-type li.gap {border-left:6px solid #ebeff2;}
.list-type li.gap a { border-left:0;}
.list-type02 > li,
.list-type02 > label {display:inline-block;width:25%;margin:0 -4px 10px 0;vertical-align:top;}
.list-wrap {overflow:hidden;}
.list-wrap .a1 {float:left;margin-bottom:6px;width:43%;border-right:3px solid #ebeff2;}
.list-wrap .a2 {float:right;margin-bottom:6px;width:57%;border-left:3px solid #ebeff2;}

/* 타이틀 */
.tit-type {position:relative;margin:10px 0 20px;font-size:26px;color:#000;font-weight:normal;letter-spacing:-1px;}
.tit-type > a,
.tit-type > button {position:absolute;top:0;right:0;}
.tit-type > .btn-wrap {position:absolute;top:0;right:0;margin-top:0;text-align:left;}
.tit-type > h1,.tit-type > h2,.tit-type > h3,.tit-type > h4,.tit-type > h5,.tit-type > h6 {font-weight:normal;font-family: 'S-CoreDream-4Regular';}
.tit-type02 {margin:20px 0 8px;font-size:15px;color:#000;font-weight:normal;}
.tit-type02:after {content:'';clear:both;display:block;}
.tit-type02 > h1,.tit-type02 > h2,.tit-type02 > h3,.tit-type02 > h4,.tit-type02 > h5,.tit-type02 > h6 {float:left;padding-top:3px;font-weight:normal;}
div.tit-type02 {margin-bottom:5px;}
.tit-type + .tit-type02 {margin-top:0;padding-top:4px;} 

.tit-type + .header-data {display:block;position:absolute;top:60px;right:20px;}
.header-data dl {width:500px;color:#666;font-size:13px;overflow:hidden;}
.header-data dt {float:left;width:calc(100% - 31px);padding-right:5px;font-weight:bold;text-align:right;clear:left;}
.header-data dd {float:left;width:31px;text-align:right;clear:right;}
/* 데이터 뒤에 [건] 글자가 들어갈 경우 아래 코드로 변경
.header-data dt {float:left;width:calc(100% - 46px);padding-right:5px;font-weight:bold;text-align:right;clear:left;}
.header-data dd {float:left;width:46px;text-align:right;clear:right;}
*/

/* 텍스트 */
.txt-base, .txt-base li {font-size:13px;color:#111;}
/***/
.box-recruit {margin-bottom: 10px; color:#333;}
.box-recruit .txt-base {line-height: 1.7; }
.box-recruit .txt-base dt {position: relative;padding-left:20px;padding-right:10px; color:#777;font-size: 13px;}
.box-recruit .txt-base dt:before {content: ''; display: block;position: absolute;top: 5px;left: 3px;width: 5px;height: 5px;background: #888; border-radius: 50%;}
.box-recruit .txt-base dt:after {content: ':'; display: block;position: absolute;top: 0;right:0px;}

dl.txt-base dt,
dl.txt-base dd {display:inline-block;}
dl.txt-base dd {margin-right:10px;}
dl.txt-base dd.align-input {display: block; margin: 0;}
.txt-align {text-align:center !important;}
.txt-point {color:#ec1f71;font-size:12px;font-weight:normal;}
.txt-point:before {content:'*';}
.txt-type, 
.txt-type li {position:relative;padding-left:15px;margin-top:5px;font-size:11px;color:#888;}
.txt-type:before, 
.txt-type li:before {content:'';display:block;position:absolute;top:5px;left:3px;width:5px;height:5px;background:#888;border-radius:50%;}
ul.txt-type {margin:0;padding:0;}
ul.txt-type:before {display:none;}
.txt-color {color:#45c1b4;}
.txt-color02 {color:#ec1f71;} /* red */
.txt-color03 {color:#1b78eb;} /* blue */
.txt-color04 {color:#ffd200;} /* yelow */
.txt-color05 {color:#079f00;} /* green */

.txt-wrap {margin-top:40px;text-align:center;}
.txt-wrap input[type=text] {margin-top:10px;}

.txt-required {	color: #ec1f71;	font-size: 15px;	font-weight: bold;	margin-left: 5px;}
.txt-required:before {content: '*';}

/*마케터 지원서 내용 추가*/
.modal-body-pre .btn-wrap03 {margin: 1rem 0;}
.modal-body-pre .layer-txt-type {margin:15px 0 10px 0; color: #222; font-size:14px; }
.modal-body-pre .box-txt-type {margin: 10px 0px 10px 0; font-size:13px; line-height: 1.5; padding:10px; background: #f5f5f5; color:#555;border-bottom:1px solid #eaeaea; box-sizing:border-box; }


/* 테이블 */
thead > tr > th,
tbody > tr > th {font-family: 'S-CoreDream-4Regular';}
.wrap-table {width: 100%;margin-top: 10px;}
.table-responsive { width:0; min-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }

.tbl-type {clear:both;margin-bottom:18px;width:100%;border-bottom:1px solid #ddd;}
.tbl-type thead > tr > th {padding: 7px 5px;height: 36px;background: #8a91a9;border: 1px solid #636879;color: #fff;font-size: 12px;font-weight: 500;}
.tbl-type tbody > tr > td,
.tbl-type tbody > tr > th,
.tbl-type tfoot > tr > td,
.tbl-type tfoot > tr > th {padding: 9px;height: 36px;font-size: 12px;background: #eff0f5;border: 1px solid #ddd;border-bottom: 0;text-align: center;color: #595c62;word-break: break-all;}
.tbl-type tbody > tr:nth-child(odd) > td, 
.tbl-type tbody > tr:nth-child(odd) > th {background:#fff;}
.tbl-type tfoot {display:table-header-group;}
.tbl-type tfoot > tr > td {font-weight:bold;}
.tbl-type tfoot > tr > th,
.tbl-type tfoot > tr > td {background:#eaeaea;}
.tbl-type td > input[type=text] + input[type=text] {margin-top:5px;}
.tbl-type .tbl-tit {overflow:hidden;display:inline-block;margin-top:-2px;max-width:80%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;vertical-align:middle;}
.tbl-type .tbl-tit99 {overflow:hidden;display:inline-block;margin-top:-2px;max-width:99%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;vertical-align:middle;}
.tbl-type .tbl-tit02 {display:inline-block;margin-top:-2px;max-width:90%;white-space:normal;word-wrap:normal;vertical-align:middle;}
.tbl-type .tbl-tit02 span { display:block; color:#333;}
.tbl-type .tbl-l {text-align:left !important;}
.tbl-type .tbl-l td {text-align:left;}
.tbl-type .tbl-r {text-align:right !important;}
.tbl-type .tbl-r td {text-align:right;}
.tbl-type .tbl-cnt {text-align:center !important;}
.tbl-type .tbl-cnt td {text-align:center;}
.tbl-type .txt-nodata {height:177px;background:#fff !important;}
.tbl-type .tbl-c td,
.tbl-type .tbl-c th {background:#cccccc !important;}
.tbl-type .tbl-c02 td,
.tbl-type .tbl-c02 th {background:#fff4ab !important;}
.tbl-type .tbl-c03 td,
.tbl-type .tbl-c03 th {background: #f1f2f9 !important;}
.tbl-type .tbl-c04 td,
.tbl-type .tbl-c04 th {background:#eee !important;}
.tbl-type .tbl-c05 td,
.tbl-type .tbl-c05 th {background:#fff !important;}
.tbl-type .tbl-s01 {background:#f9dd7a !important;font-weight:bold;}
.tbl-type .tbl-align, 
.tbl-type .tbl-align td {vertical-align:top;}
.tbl-type .hidden {background-color:#b9b9b9;color:#fff;}
.tbl-type .icon-txt {width:100%;}
.tbl-type tbody th + td .icon-txt {width:auto;}
.tbl-type td.form-type {padding-top:20px;padding-bottom:26px;}
.tbl-type select:not([class^=w]) + button {margin-top:5px;}
.tbl-type tbody tr.tbl-child th,
.tbl-type tbody tr.tbl-child td {background:#f3f3f3;}
.tbl-type tbody tr.tbl-parent:nth-of-type(4n-1) td, 
.tbl-type tbody tr.tbl-parent:nth-of-type(4n-1) th,
.tbl-type tbody tr.tbl-parent:nth-of-type(4n-1) + .tbl-child td, 
.tbl-type tbody tr.tbl-parent:nth-of-type(4n-1) + .tbl-child th {background:#fff;}
.tbl-type tbody tr.tbl-parent + tr {display:none;}
.tbl-type.s1 tbody td,
.tbl-type.s1 tbody th,
.tbl-type.s1 tbody tr:nth-child(odd) td, 
.tbl-type.s1 tbody tr:nth-child(odd) th {background:#fff;}
.tbl-type.s2 thead + tbody td,
.tbl-type.s2 tbody th,
.tbl-type.s2 thead + tbody tr:nth-child(odd) td, 
.tbl-type.s2 tbody tr:nth-child(odd) th {background:#f3f3f3;}
.tbl-type.s2 tbody tr:nth-child(odd) td {background:#fff;} 
.tbl-type.s3 tbody th {background:#f3f3f3 !important;}
.tbl-type.s3 tbody th,
.tbl-type.s3 tbody td {padding:5px;text-align:center;font-size:11px;}
.tbl-type.s3 tbody td {background:#fff !important;}
.tbl-type.s4 {border-collapse:separate;}
.tbl-type.s4 tbody td {border:0;border-right:1px dotted #ddd;border-top:1px dotted #ddd;}
.tbl-type.s4 tbody tr:first-child td {border-top:1px solid #666;}
.tbl-type.s4 tbody:last-child tr:last-child td {border-bottom:1px solid #666;}
.tbl-type.s4 tbody tr td:first-child {border-left:1px solid #ddd;}
.tbl-type.s4 tbody tr td:last-child {border-right:1px solid #ddd;}
.tbl-type.s4 tbody tr:nth-child(odd) td, 
.tbl-type.s4 tbody tr:nth-child(odd) th {background:#fff;}
.tbl-type.s4 tbody:nth-child(odd) tr td, 
.tbl-type.s4 tbody:nth-child(odd) tr th {background:#f3f3f3;}
.tbl-type.s4 tbody .tbl-c td {color:#fff;border-color:#fff;}
.tbl-type.s5 thead th:first-child {padding-left:20px;text-align:left;}
.tbl-type.s5 tbody td {padding:20px;text-align:left;}
.tbl-type.s5 tbody td span {margin-right:39px;}
.tbl-type.s5 tbody td span input {margin-right:5px;}
.tbl-type.s5 tbody td textarea {margin-top:20px;}
.tbl-type.s5 thead th {padding:8px 5px;height:40px;}
.tbl-type.s6 > thead > tr > th:first-child {text-align:right;}
.tbl-type.s6 > thead > tr > th {padding:10px;text-align:left;}
.tbl-type.s6 > tbody > tr > th {padding:10px;background:#f3f3f3 !important;text-align:right;}
.tbl-type.s6 > tbody > tr > td,
.tbl-type.s6 > tbody > tr:nth-child(odd) > td, 
.tbl-type.s6 > tbody > tr:nth-child(odd) > th {padding:10px;background:#fff;}
.tbl-type .tbl-remain100 {background-color:rgba(56, 184, 172, 1) !important;}
.tbl-type .tbl-remain90 {background-color:rgba(56, 184, 172, 0.9) !important;}
.tbl-type .tbl-remain80 {background-color:rgba(56, 184, 172, 0.8) !important;}
.tbl-type .tbl-remain70 {background-color:rgba(56, 184, 172, 0.7) !important;}
.tbl-type .tbl-remain60 {background-color:rgba(56, 184, 172, 0.6) !important;}
.tbl-type .tbl-remain50 {background-color:rgba(56, 184, 172, 0.5) !important;}
.tbl-type .tbl-remain40 {background-color:rgba(56, 184, 172, 0.4) !important;}
.tbl-type .tbl-remain30 {background-color:rgba(56, 184, 172, 0.3) !important;}
.tbl-type .tbl-remain20 {background-color:rgba(56, 184, 172, 0.2) !important;}
.tbl-type .tbl-remain10 {background-color:rgba(56, 184, 172, 0.1) !important;}
.tbl-type .tbl-remain0 {background-color:rgba(56, 184, 172, 0.05) !important;}
.tbl-type .tbl-txt {padding-top:5px;}
.tbl-type .input-type {display:inline-block;width:120px;}
.tbl-type td > .input-type.s1 {margin-right:20px;}
.tbl-type tbody td .cont-img img,
.tbl-content .tbl-content .cont-img img{max-width:550px;margin:0 0 15px 0;} 
.tbl-type .tbl-content {padding:20px;text-align:left;}
.tbl-type .tbl-content dl dt {display:none;}
.tbl-type .tbl-content dl dd + dt + dd {margin-top:20px;padding:20px;background:#e5e5e5;}
.tbl-type .form-type {padding:0 0 20px;margin:0;}
table td > .tbl-type {margin-bottom:0;}
.tbl-type + .tbl-type {margin-top:-13px;}
.tbl-wrap {clear:both;overflow:auto;position:relative;margin-bottom:18px;width:100%;max-height:500px;}
.tbl-fixed {display:block;position:relative;border-bottom:0;}
.tbl-fixed tbody,
.tbl-fixed thead {overflow:auto;display:block;position:relative;max-height:200px;-ms-overflow-style:-ms-autohiding-scrollbar;}
.tbl-fixed thead tr,
.tbl-fixed tbody tr {display:table;width:100%;}
.tbl-fixed tbody::-webkit-scrollbar {width:0;}
.tbl-fixed tbody {border-bottom:1px solid #ddd;}
/**에러메세지*/
.form-error-alert {line-height:1.42857143;margin-top:5px;padding:9px 8px 9px 32px;display:none;position:relative;background-color:#ff613d;color:#fff;text-align:left;}
.form-error-alert:before {content:'';width:32px;height:32px;display:inline-block;position:absolute;top:3px;left:2px;background-image:url(../img/bg_themeicon_sprite.png);background-repeat:no-repeat;background-position:0 -288px;background-size:640px auto;vertical-align:middle;z-index:1;}

@media screen and (max-width:1000px){
	/*#wrap .tbl-type {width:1024px;}*/
	#wrap .tbl-type td > .tbl-type{width:100%;}
}

/* 폼 타입 */
.form-type {margin-bottom:50px;padding:5px 13px 30px;background:#fff;border-radius:5px;}
.form-type .form-cont {display:inline-block;margin-right:-4px;padding:0 7px;width:100%;vertical-align:top;}
.form-type .form-scont {padding:5px 0 0 20px;}
.form-type .form-scont label {display:block;margin-bottom:5px;}
.form-type .form-cont > input,
.form-type .form-cont > select {height:33px;line-height:33px;font-size:14px;}
.form-type .form-cont > select + .form-txt {margin-top:10px;}
.form-type .form-cont > input + textarea {margin-top:5px;}
.form-type .form-cont input,
.form-type .form-cont .input-type strong {font-size:14px;}
.form-type .form-cont.s1{overflow: hidden;}
.form-type .form-cont.s1 > input,
.form-type .form-cont.s1 > select {float: left; width: 49%;}
.form-type .form-cont.s1 > span {float: left;width: 2%;height:33px;line-height:33px;text-align: center;}
.form-type .form-label {display:block;position:relative;padding:20px 0 1px;font-size:14px;color:#000;font-weight:normal;}
.form-type .form-label .txt-point {position:absolute;right:0;}
.form-type .form-btn {margin-top:30px;text-align:center;}
.form-type .form-btn.s1 {text-align:right;}
.form-type .form-btn.s2 {text-align:left;}
.form-type .form-txt, 
.form-type .form-txt li {position:relative;padding-left:15px;margin-top:5px;font-size:12px;color:#888;}
.form-type .form-txt:before, 
.form-type .form-txt li:before {content:'';display:block;position:absolute;top:5px;left:3px;width:5px;height:5px;background:#888;border-radius:50%;}
.form-type ul.form-txt {padding:0;margin:0;}
.form-type ul.form-txt:before {display:none;}
.form-type.s1,
.form-type.s2 {padding-top:20px;}
.form-type.s3 {padding:0px;}
.form-type.s1 .form-cont {width:50%;}
.form-type.s2 .form-cont {width:33.3%;}
.form-type.s3 .form-cont {width:20%;padding-left: 0; padding-bottom:0;}
.form-type.s3 .form-cont.s2 {width:60%;}
.form-type.s1 .form-label,
.form-type.s2 .form-label {padding: 15px 0 8px 8px;font-size: 14px;font-weight: 600;color: #313a46;letter-spacing: -1px;position: relative;font-family: 'S-CoreDream-4Regular';}
.form-type.s1 .form-label:before,
.form-type.s2 .form-label:before {content: '';position: absolute;width: 4px;height: 4px;background: #6787ff; border-radius:50%;top: 50%;magin-top: -2px;left: 0px;}
.form-type.block {padding-top:0;margin:0 0 0 -20px;}
.form-type.block .form-cont {margin-bottom:20px;}
.form-type .form-w {width:100% !important;}
.form-type .form-w02 {width:33.3% !important;}
.form-type .form-top {margin-top:20px;}
.form-type-wrap {overflow:hidden;margin-bottom:50px;padding-bottom:30px;padding-right:20px;background:#fff;}
.form-type-wrap > .form-txt {float:right;margin-top:45px;padding:10px 15px;width:45%;border-radius:3px;border:1px solid #ddd;box-sizing:border-box;box-shadow:2px 4px 0 rgba(0, 0, 0, .03);}
.form-type-wrap > .form-txt dt {margin-bottom:5px;font-size:14px;color:#ec1f71;font-weight:bold;}
.form-type-wrap > .form-type {float:left;margin-bottom:0;width:55%;box-sizing:border-box;}
.form-type-wrap > .form-btn {clear:both;padding-top:30px;width:100%;text-align:center;}

.form-type-wrap.s1{padding-bottom: 0; margin-bottom: 0;}
.form-type-wrap.s1 .form-cont {padding-bottom:10px;}

.form-type-wrap02 {float:left;width:50%;padding-right:5px;}
.form-type-wrap02:last-child {padding-left:5px;}
.form-type-wrap02 .form-cont {padding-bottom:10px;}
.form-type-wrap02 .img-wrap {width:100%;min-height:290px;margin:0;display:table;text-align:center;}
.form-type-wrap02 .img-wrap .figure-type {width:100%;height:100%;margin:0 auto;display:table-cell;border:1px solid #ddd;background-image:url(../img/bg_pattern.png);background-size:16px auto;vertical-align:middle;}
.form-type-wrap02 .img-wrap .figure-type img {line-height:0;font-size:0;}
/* mobile */
@media (max-width:425px) {
	.form-type.s1 .form-cont,
	.form-type.s2 .form-cont {width:100%;}
	.form-type-wrap02 {float:none;width:100%;padding-right:0px;}
	.form-type-wrap02:last-child {padding-left:0px;}
}
/* Retina-specific */
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.form-type-wrap02 .img-wrap .figure-type {background-image:url(../img/bg_pattern_mo.png);}
}

.form-type02 {padding:0 10px;}
.form-type02 .form-cont {position:relative;padding:15px 0 0 25px;}
.form-type02 .form-cont .form-label > input[type=checkbox] {position:absolute;top:50px;left:0;}
.form-type02 .form-cont > label {display:block;margin-bottom:4px;font-size:14px;color:#000;}
.form-type02 .form-cont > label input {margin-right:4px;}
.form-type02 .form-cont > input[type=text],

.form-type02 .form-cont > select {width:390px;height:33px;line-height:33px;}
.form-type02 .form-cont > textarea {width:390px;height:64px;}
.form-type02 .form-cont > .btn-type02 {position:absolute;top:44px;right:0;}
.form-type03 {position:relative;padding:10px 24px 20px 35px;border:1px solid #ddd;background:#efefef;}
.form-type03 > label {position:absolute;top:41px;left:10px;font-size:0;line-height:0;}
.form-type03 .form-wrap {overflow:hidden;margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
.form-type03 .form-wrap > .form-cont {float:left;width:160px;margin-right:10px;}
.form-type03 .form-wrap > .form-cont > label {font-size:14px;color:#000;}
.form-type03 .form-wrap input[type=text],
.form-type03 .form-wrap select {height:33px;line-height:33px;}
.form-type03 > label + .form-wrap {margin-top:0;padding-top:0;border-top:0;}
.form-type03 .form-box {position:relative;margin:10px 0;padding:10px 10px 10px 35px;border:1px solid #ddd;}
.form-type03 .form-box > label {position:absolute;top:20px;left:13px;font-size:0;line-height:0;}
.form-type03 .btn-type {margin-top:10px;}
.form-type04 .form-tit,
.form-type04 .form-cont {display:inline-block;margin-right:-6px;width:68%;vertical-align:top;box-sizing:border-box;}
.form-type04 .form-tit {padding-right:10px;width:32%;}
.form-type04 .form-tit img {width:100%;}
.form-type05 {width:100%;margin-top:15px;}
.form-type05 .form-search + .form-search {margin-top: 0;}
.form-search {float: right; margin-top: -4px; padding-bottom: 4px;}
.form-search + .form-search {margin-top:-10px; padding-bottom:4px; display: block;width: 100%;text-align: right;}
.form-search.s1 {float: none;width: 100%;}
.form-search.s2 {float: left}
.form-search select,
.form-search input[type=text],
.form-search input[type=number] {width:auto;border-color:#cbcbcb;background-color:#f9f9f9;line-height:30px;height:30px;font-size:12px;border-radius:5px;vertical-align:middle;}
.form-search input[type=number],
.form-search input[type=text] {width:170px;}
.form-search label {padding-right:15px;vertical-align:middle;}
.form-search > span,
.form-search > input,
.form-search > select, 
.form-search > button {margin:5px 0;}
.form-search .ms-choice{padding-top:4px;height:26px;border:none;color:#555;}
.form-search .ms-drop {border:solid 1px #ddd;color:#555;}
.form-search .ms-parent {margin:5px 0;height:28px;vertical-align:middle;}
.form-search .input-date-wrap .btn-type02 {background:#82889e !important;}
.form-search .input-date-wrap .btn-type02:hover {background-color:#6b7391 !important;}
.form-search .input-date-wrap .btn-type02:focus,
.form-search .input-date-wrap .btn-type02:active,
.form-search .input-date-wrap .btn-type02.active {background-color:#2b3947 !important;}
#wrap .form-search select,
#wrap .form-search input[type=text],
#wrap .form-search input[type=number] {border-color: #cbcbcb;background-color: #fff}

/* 이미지 타입 */
.img-type {display:inline-block;position:relative;margin-right:6px;width:270px;text-align:center;vertical-align:top;}
.img-type figcaption {padding:15px 0 14px;font-size:1.2em;font-weight:bold;color:#111;text-align:left;}
.img-type img {position:relative;z-index:2;margin:auto;max-width:270px;}
.img-type span {display:block;position:relative;width:100%;min-height:270px;background:#dfe3e6;}
.img-type span:before {content:'';display:block;position:absolute;top:50%;left:50%;z-index:1;margin:-36px -19px;width:37px;height:72px;background:url(../img/bg_sprite.png) no-repeat 0 -80px;}
.img-type p {margin-top:10px;}
.img-type .input-file label {border-top-left-radius:0;border-top-right-radius:0;}
.img-type02 {margin-bottom:10px;}
.img-type02 img {display:block;margin-bottom:5px;width:100%;}
.img-type02 figcaption {font-size:14px;line-height:1.5;word-break:break-all;color:#000;}
.img-wrap {margin-left:-10px;font-size:0;line-height:0;}
.img-wrap > [class^=img] {display:inline-block;width:250px;margin:10px;vertical-align:top;}

.img-type.s1 {width:300px;margin:0 5px 5px 0;}
.img-type.s1 img {width:auto;max-width:100%;max-height:100%;}
.img-type.s1 span {width:100%;height:188px;line-height:146px;}


.img-type.s2 figcaption {padding:15px 0 5px;font-size:14px;font-weight:bold;color:#111;text-align:left;}
.img-type.s2 {width:700px;margin:0 5px 5px 0;}
.img-type.s2 img {width:auto;max-width:600px;max-height:100%;}
.img-type.s2 span {width:100%;min-height:400px;}

.img-type.s3 {width:80px;margin:0;}
.img-type.s3 img {width:auto;max-width:100%;max-height:100%;}
.img-type.s3 span {width:100%;height:auto;min-height:inherit;line-height:80px;}
.img-type.s3 .input-file label {height:32px;line-height:32px;padding-right:0;font-size:14px;}

.img-type .btn-del {width:24px;height:24px;position:absolute;top:0px;right:0px;background-color:#ff5f7b;font-size:0;line-height:0;z-index:10;}
.img-type .btn-del:before,
.img-type .btn-del:after {content:"";width:1px;height:16px;position:absolute;top:50%;left:50%;background-color:#fff;}
.img-type .btn-del:before {transform:translate(-50%,-50%) rotate(45deg);}
.img-type .btn-del:after {transform:translate(-50%,-50%) rotate(-45deg);}

/* 박스 타입 */
.box-type {padding:16px 10px;background:#efefef;}
.box-type dt,
.box-type .box-header {height:57px;color:#111;}
.box-type .box-header:after {content:'';display:block;clear:both;}
.box-type label {font-size:13.6px;}
.box-type dd,
.box-type .box-cont {overflow:auto;position:relative;padding:10px;height:300px;background:#fff;border:1px solid #ddd;border-radius:3px;}
.box-type dd textarea,
.box-type .box-cont textarea {position:absolute;top:0;left:0;width:100%;height:100%;border-color:#fff;}
.box-type dt {font-size:15px;}
.box-type .ms-parent {float:left;margin-bottom:2px;width:23% !important;}
.box-type .ms-parent + .input-type02 {float:right;margin-bottom:2px;width:76%;}
.box-type .ms-parent + .input-type02 + label {display:block;float:left;width:100%;}
.box-type dd > label,
.box-type .box-cont > label,
.box-type dd ul li,
.box-type .box-cont ul li {display:block;font-size:13.6px;line-height:24px;color:#666;}
.box-scroll {overflow:auto;padding:15px;background:#fff;border:1px solid #ddd;border-radius:3px;}
.box-chart {clear:both;overflow:auto;margin:0 0 20px;width:100%;min-height:600px;background:#fff;border-end-end-radius:10px; border-end-start-radius:10px;}
.box-chart-wrap .form-search {margin-bottom:1px;padding:6px 20px;width:100%;background:#fff;text-align:right;border-start-start-radius: 10px;border-start-end-radius: 10px;}
	.box-chart-wrap .form-search select,
	.box-chart-wrap .form-search input[type=text],
	.box-chart-wrap .form-search input[type=number] {border-color: #ddd !important;background-color: #f6f6f6 !important;}
.box-wrap {display:table;table-layout:fixed;width:100%;}
.box-wrap .box-type {display:table-cell;border-left:5px solid #fff;border-right:5px solid #fff;vertical-align:top;}
.box-wrap02 {padding-bottom:5px;}
.box-wrap02:after {content:'';clear:both;display:block;}
.box-wrap02 .box-cont {float:left;}
.box-wrap02 .box-cont.txt-base dt,
.box-wrap02 .box-cont.txt-base dd {line-height:28px;}
.box-wrap02 .box-cont + .box-cont {float:right;}
.box-wrap02 .form-search {padding-bottom:0;text-align:right;}
.box-wrap03 {margin:0 15px;}

.box-type.s2 .box-cont {overflow:auto;position:relative;padding:10px;height:auto;background:#fff;border:1px solid #ddd;border-radius:3px;white-space:pre-line;word-break:break-word;}
.box-type.s2 .box-header {height:25px;color:#111;font-size:14px;}

/* 컨텐츠 여백 */
.section {margin-top:80px;}

/* 탭 스타일 */
.ui-content {display:none;}
.ui-content.open {display:block;}

/* 레이어팝업 */
.modal-overlay-pre {display:none;padding:10px !important;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;z-index:100000;}
.modal-overlay-profile-pre {display:none;padding:10px !important;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;z-index:100000;}
.modal-content-pre {width:800px;margin:0 auto;position:absolute;top:50%;left:50%;background:#fff;border-radius:4px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.modal-content-pre .modal-header-pre {width:100%;height:50px;position:relative;background: linear-gradient( 90deg, #4e39d1, #6787ff )fixed;text-align:center;}
.modal-content-pre .modal-header-pre h1 {line-height:50px;color:#fff;font-size:1.3em;font-weight:normal;}
.modal-content-pre .modal-body {max-height:700px;padding:30px 20px 20px 20px;overflow:auto;}
.modal-content-pre .modal-header-pre .btn-layer-close {content:'';width:32px;height:32px;position:absolute;top:10px;right:10px;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-size:640px;background-position:-128px -32px;font-size:0;}

@media (max-width:768px) {
	.modal-content-pre {width:100%;margin:0;position:relative;top:0;right:0;bottom:0;left:0;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);transform:translate(0, 0);}
}
/* Retina-specific */
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	.modal-content-pre .modal-header-pre .btn-layer-close {background-image:url(../img/bg_shapes_sprite@2x.png);}
}




a.sortable {cursor:pointer;}
a.sortable > i.down,
a.sortable > i.up {width:32px;height:32px;margin-top:-10px;margin-left:-5px;position:absolute;background-color:transparent;background-image:url(../img/bg_shapes_sprite.png);background-repeat:no-repeat;background-size:640px auto;}
a.sortable > i.down {background-position:-288px -96px;}
a.sortable > i.up {background-position:-288px -96px;transform:scaleY(-1);}




/***********************************************************************
	UI 제이쿼리 CSS
***********************************************************************/
/* 달력 */
#ui-datepicker-div {z-index:999999999 !important;border:1px solid #aaa !important;background-color:#fff !important;color:#222 !important;}
.ui-datepicker-calendar {line-height:180% !important;}
.ui-datepicker-calendar tr,
.ui-datepicker-calendar td {border:none !important;}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {padding:0 !important;border:0 !important;}
.ui-datepicker {width:17em !important;padding:.2em .2em 0 !important;display:none;}
.ui-datepicker .ui-datepicker-header {padding:.3em 0 .1em !important;position:relative !important;border:1px solid #5c616c !important;background-color:#5c616c !important;color:#fff !important;font-weight:normal !important;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {width:23px !important;height:23px !important;position:absolute !important;top:2px !important;cursor:pointer !important;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top:2px !important;background-color:transparent !important;border:none !important;}
.ui-datepicker .ui-datepicker-prev {left:2px !important;}
.ui-datepicker .ui-datepicker-next {right:2px !important;}
.ui-datepicker .ui-datepicker-prev-hover {left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover {right:2px !important;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {margin-left:-11px !important;margin-top:-11px !important;display:block !important;position:absolute !important;left:50% !important;top:50% !important;}
.ui-datepicker .ui-datepicker-title {margin:0 2.3em !important;line-height:1.8em !important;text-align:center !important;}
.ui-datepicker .ui-datepicker-title select {margin:1px 0 !important;font-size:1em !important;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width:45% !important;}
.ui-datepicker table {width:100% !important;margin:0 0 .4em !important;font-size:.9em !important;border-collapse:collapse !important;}
.ui-datepicker th {padding:.7em .3em !important;background:#5c616c !important;text-align:center !important;font-weight:bold !important;border:0 !important;color:#fff;}
.ui-datepicker td {padding:1px !important;border:0 !important;}
.ui-datepicker td span,
.ui-datepicker td a {padding:.2em !important;display:block !important;background:#f4f4f4 !important;border:1px solid #f4f4f4;text-align:center !important;text-decoration:none !important;}
.ui-datepicker .ui-state-hover {border:1px solid #6787ff !important;background-color:#6787ff !important;font-weight:normal !important;color:#fff !important;}
.ui-datepicker td a.ui-state-active {border-color:#ffd800 !important;background:#ffd800 !important;}
.ui-datepicker td a.ui-priority-secondary {border-color:#fafafa !important;background:#fafafa !important;color:#aaa !important}
.ui-datepicker .ui-datepicker-buttonpane {margin:.7em 0 0 0 !important;padding:0 .2em !important;background-image:none !important;border-left:0 !important;border-right:0 !important;border-bottom:0 !important;}
.ui-datepicker .ui-datepicker-buttonpane button {float:right !important;width:auto !important;margin:.5em .2em .4em !important;padding:.2em .6em .3em .6em !important;cursor:pointer !important;overflow:visible !important;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left !important;}
.ui-datepicker .ui-icon {display:block !important;text-indent:-99999px !important;overflow:hidden !important;background-repeat:no-repeat !important;width:23px !important;height:23px !important;font-size:0;line-height:0;}
.ui-datepicker .ui-icon:before {content:'';display:block;position:absolute;top:50%;left:50%;width:10px;height:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.ui-datepicker .ui-icon-circle-triangle-w:before {margin:-6px -4px;border-right:1px solid #fff;border-top:1px solid #fff;}
.ui-datepicker .ui-icon-circle-triangle-e:before {margin:-6px -8px;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.ui-accordion-header-icon {display:none;}


/* 2017-07-25 나영진 month-picker 수정 필요*/
div.month-picker {z-index:999999999 !important;border:1px solid #aaa !important;background-color:#fff !important;color:#222 !important;}
.month-picker-calendar {line-height:180% !important;}
.month-picker-calendar tr,
.month-picker-calendar td {border:none !important;}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {padding:0 !important;border:0 !important;}
.month-picker {width:17em !important;padding:.2em .2em 0 !important;display:none;}
.month-picker .month-picker-header {padding:.3em 0 .1em !important;position:relative !important;border:1px solid #5c616c !important;background-color:#5c616c !important;color:#fff !important;font-weight:normal !important;}
.month-picker .month-picker-previous,
.month-picker .month-picker-next {width:23px !important;height:23px !important;position:absolute !important;top:2px !important;cursor:pointer !important;}
.month-picker .month-picker-previous-hover,
.month-picker .month-picker-next-hover {top:2px !important;background-color:transparent !important;border:none !important;}
.month-picker .month-picker-previous {left:2px !important;}
.month-picker .month-picker-next {right:2px !important;}
.month-picker .month-picker-previous-hover {left:2px !important;}
.month-picker .month-picker-next-hover {right:2px !important;}
.month-picker .month-picker-previous span,
.month-picker .month-picker-next span {margin-left:-11px !important;margin-top:-11px !important;display:block !important;position:absolute !important;left:50% !important;top:50% !important;}
.month-picker .month-picker-title {margin:0 2.3em !important;line-height:1.8em !important;text-align:center !important;width:100%;}
.month-picker .month-picker-title a {color:#fff}
.month-picker .month-picker-title select {margin:1px 0 !important;font-size:1em !important;}
.month-picker select.month-picker-month,
.month-picker select.month-picker-year {width:45% !important;}
.month-picker .month-picker-year-table {width:100% !important;margin:0 0 .4em !important;font-size:.9em !important;border-collapse:collapse !important;}
.month-picker .month-picker-year-table th {padding:.7em .3em !important;background:#5c616c !important;text-align:center !important;font-weight:bold !important;border:0 !important;color:#fff;}
.month-picker .month-picker-year-table td {padding:1px !important;border:0 !important;}
.month-picker .month-picker-year-table .ui-state-hover span {border:1px solid #6787ff !important;background-color:#6787ff !important;font-weight:normal !important;color:#fff !important;}
.month-picker .month-picker-month-table {width:100% !important;margin:0 0 .4em !important;font-size:.9em !important;border-collapse:collapse !important;}
.month-picker .month-picker-month-table th {padding:.7em .3em !important;background:#5c616c ;text-align:center !important;font-weight:bold !important;border:0 !important;color:#fff;}
.month-picker .month-picker-month-table td {padding:1px !important;border:0 !important;}
.month-picker .month-picker-month-table td span {padding:.2em !important;display:block !important;text-align:center !important;text-decoration:none !important;}
.month-picker .month-picker-month-table td a {padding:.2em !important;display:block !important;background:#f4f4f4;border:1px solid #f4f4f4;text-align:center !important;text-decoration:none !important;}
.month-picker .month-picker-month-table .ui-state-hover {border:1px solid #6787ff !important;background-color:#6787ff !important;font-weight:normal !important;color:#fff !important;}
.month-picker td a.ui-state-active {border-color:#ffd800 !important;background:#ffd800 !important;}
.month-picker td a.ui-priority-secondary {border-color:#fafafa !important;background:#fafafa !important;color:#aaa !important}
.month-picker .month-picker-buttonpane {margin:.7em 0 0 0 !important;padding:0 .2em !important;background-image:none !important;border-left:0 !important;border-right:0 !important;border-bottom:0 !important;}
.month-picker .month-picker-buttonpane button {float:right !important;width:auto !important;margin:.5em .2em .4em !important;padding:.2em .6em .3em .6em !important;cursor:pointer !important;overflow:visible !important;}
.month-picker .month-picker-buttonpane button.month-picker-current {float:left !important;}
.month-picker .ui-icon {display:block !important;text-indent:-99999px !important;overflow:hidden !important;background-repeat:no-repeat !important;width:23px !important;height:23px !important;font-size:0;line-height:0;}
.month-picker .ui-icon:before {content:'';display:block;position:absolute;top:50%;left:50%;width:10px;height:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.month-picker .ui-icon-circle-triangle-w:before {margin:-6px -4px;border-right:1px solid #fff;border-top:1px solid #fff;}
.month-picker .ui-icon-circle-triangle-e:before {margin:-6px -8px;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.ui-accordion-header-icon {display:none;}
/* 2017-07-25 나영진 month-picker 수정 필요*/

/* timepicker */
.ui-timepicker-container { position: absolute; overflow: hidden; box-sizing: border-box; }
.ui-timepicker { box-sizing: content-box; display: block; height: 205px; list-style: none outside none; margin: 0; padding: 0 1px; text-align: center; }
.ui-timepicker-viewport { box-sizing: content-box; display: block; height: 205px; margin: 0; padding: 0; overflow: auto; overflow-x: hidden; /* IE */ }
.ui-timepicker-standard { /* overwrites .ui-widget */ font-family: Verdana,Arial,sans-serif; font-size: 1.1em; /* overwrites .ui-widget-content */ background-color: #FFF; border: 1px solid #AAA; color: #222; /* overwrites .ui-menu */ margin: 0; padding: 2px; }
.ui-timepicker-standard a { border: 1px solid transparent; color: #222; display: block; padding: 0.2em 0.4em; text-decoration: none; }
.ui-timepicker-standard .ui-state-hover { /* overwrites .ui-state-hover */ background-color: #DADADA; border: 1px solid #999; font-weight: normal; color: #212121; }
.ui-timepicker-standard .ui-menu-item { /* overwrites .ui-menu and .ui-menu-item */ /*clear: left; float: left;*/ margin: 0; padding: 0; }
.ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-timepicker-hidden { /* overwrites .ui-helper-hidden */ display: none; }
.ui-timepicker-no-scrollbar .ui-timepicker { border: none;}
/* timepicker */

/* 자동완성 */
.ui-widget-content.ui-menu {background-color:#fff !important;}
.ui-autocomplete.ui-menu {position:absolute;top:0;left:0;z-index:100;overflow: scroll;max-height: 400px !important;cursor:default;}
.ui-autocomplete table {clear:both;margin-bottom:18px;width:100%;padding:0 !important;}
.ui-autocomplete table thead th {padding:7px 5px;height:36px;background:#5c616c;border:1px solid #454b5a;color:#fff;font-size:12px;}
.ui-autocomplete table tbody td,
.ui-autocomplete table tbody th {padding:9px;height:36px;font-size:12px;background:#fff;border:1px solid #ddd;text-align:center;color:#000;word-break:break-all;}
.ui-autocomplete table .ui-state-focus td {background-color:#6787ff !important;font-weight:normal !important;color:#fff !important;cursor:pointer;}
.ui-helper-hidden-accessible {display:none;}

/* 멀티 셀렉터 */
/**
 * @author zhixin wen <wenzhixin2010@gmail.com>
 */
.ms-parent {display:inline-block;position:relative;z-index:1;height:33px;border-radius:4px;border:1px solid #cbcbcb;background:#fff;}
.ms-choice {overflow:hidden;display:block;position:relative;padding:6px 7px 7px;width:100%;text-align:left;color:#555;max-width:100%;height:30px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.ms-choice.disabled {background-color:#f4f4f4;background-image:none;border:1px solid #cbcbcb;cursor:default;}
.ms-choice > span.placeholder {color:#999;}
.ms-choice > div {position:absolute;top:50%;right:7px;width:0;height:0;border:3px solid transparent;border-top:3px solid #555;}
.ms-choice > div.open {margin-top:-4px;border:3px solid transparent;border-bottom:3px solid #555;}
.ms-drop {width:100%;overflow:hidden;display:none;margin-top:-1px;padding:0;position:absolute;z-index:1000;background:#fff;color:#000;border:1px solid #aaa;border-radius:4px;}
.ms-drop.bottom {top:100%;box-shadow:0 4px 5px rgba(0, 0, 0, .15);}
.ms-drop.top {bottom:100%;box-shadow:0 -4px 5px rgba(0, 0, 0, .15);}
.ms-drop ul {overflow:auto;margin:0;padding:5px 8px;}
.ms-drop ul > li {list-style:none;display:list-item;background-image:none;position:static;}
.ms-drop ul > li .disabled {opacity:.35;filter:Alpha(Opacity=35);}
.ms-drop ul > li.multiple {display:block;float:left;}
.ms-drop ul > li.group {clear:both;}
.ms-drop ul > li.multiple label {width:100%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ms-drop ul > li label {font-weight:normal;display:block;white-space:nowrap;}
.ms-drop ul > li label.optgroup {font-weight:bold;}
.ms-drop input[type="checkbox"] {vertical-align:middle;}
.ms-drop .ms-no-results {display:none;}


.panelflyout {height:100%;position:fixed;top:0;bottom:0;border-style:solid;border:1px solid #c8c8c8;background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.2);opacity:1;overflow-y:auto;overflow-x:hidden;}

@media (max-width:768px) {
	.panelflyout { width:100% !important; }
}



/*************************************************
	이메일 인증 표시
*************************************************/

tr td span.mail-confirm {position:relative;color:transparent;width:28px;height:20px;display:inline-block;}
tr td span.mail-confirm:after{content:'';width:32px;height:32px;display:block;position:absolute;top:0px;right:0;background-image:url(../img/icon_mailconfirm_header.png);background-repeat:no-repeat;background-position:0 0;background-size:32px;font-size:0;line-height:0;}

/* Retina-specific */
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
	tr td span.mail-confirm:after {background-image:url(../img/icon_mailconfirm_header@2x.png);}
}

/*************************************************
    AutoComplete - Combobox
*************************************************/
.custom-combobox {position: relative;display: inline-block;}
.custom-combobox-toggle {position: absolute;top: 0;bottom: 0;margin-left: -1px;padding: 0;}
.custom-combobox-input {margin: 0;padding: 5px 10px;}
.custom-combobox .ui-button .ui-icon {width: 28px;height: 28px;position: absolute;right: 5px;background-image: url(/img/bg_shapes_sprite.png);background-repeat: no-repeat;background-size: 640px;background-position: -256px -98px;}
.custom-combobox-list {overflow : auto!important; border: 1px solid #42B1FF;}
.custom-combobox-list li {padding : 3px 0px 5px 10px;cursor : pointer;}
.custom-combobox-list li:hover, li.ui-state-focus {background-color : #31a0ff;color : #FFF;}

.form-wrap {}
.btn-wrap {}
.btn-search-detail {position:relative;padding-right:20px; }
.btn-search-detail:before {margin-top:-3px;position:absolute;top:50%;right:5px;}
.btn-search-detail.close:before {content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #fff;}
.btn-search-detail.open:before {content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #fff;}

.search-wrap-deatil { display:none; margin:10px 0; padding:10px; background-color:#fff;text-align: right;}
.search-wrap-deatil .form-wrap {display:block;}
.search-wrap-deatil .btn-wrap {display:block;}
.search-wrap-deatil .btn-wrap button { min-width:150px; }

.search-wrap-deatil input,
.search-wrap-deatil select { border-color:#ddd !important;}


.arrow-up:before {content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #000;}
.arrow-down:before {content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #000;}
.arrow-right:before {content:'';width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #000;}
.arrow-left:before {content:'';width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent; border-right:6px solid #000;}