/* * {margin:0; padding:0; font-family:nanum_acB sans-serif; font-size: 15px;} */
body {background-color:#F2F2F2; min-height:500px; padding-top:0;}
/* * {margin:0; padding:0; font-family:'Nanum Gothic', 'Malgun Gothic', Arial; font-size:15px;} */
* {margin:0; padding:0; font-family:'Malgun Gothic', Arial; font-size:1.0rem;}
/* body {background-image:url(/images/bg_body.gif); background-repeat:repeat; min-height:500px; padding-top:0;} */
.main-top {background:url(/images/bg_qtop.png) top repeat-x; width:100%; min-width:850px; min-height:57px; height:57px; padding-top:10px; border:0; margin:0; border-radius:0; color:#F0F0F0; text-align:center;}
.clear {display:block; float:none; clear:both;}

/* ------ my ÀçÁ¤ÀÇ ------ */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th {padding:6px 6px; vertical-align:middle; font-weight:bold; background:#f2f2f2; background-color:#f3f3f3; background-image:-moz-linear-gradient(top,#f8f8f8,#ececec); background-image:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#ececec)); background-image:-webkit-linear-gradient(top,#f8f8f8,#ececec); background-image:-o-linear-gradient(top,#f8f8f8,#ececec); background-image:linear-gradient(to bottom,#f8f8f8,#ececec); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8',endColorstr='#ececec',GradientType=0);}
.table th {padding:3px; background-color:#f6f6f6;}
.table td {padding:3px;}

.reportTable th, .reportTable td {font-size:12px !important; text-align:center; padding:8px 8px;}
.badge {font-size:12px; padding:5px;}
/* ---- //my ÀçÁ¤ÀÇ ------ */

.selectbg {width:115px; height:33px; margin-right:5px; padding:0.375rem 0.75rem; line-height:1.5; background:#e0e0e0; box-shadow:inset 2px 2px 5px rgba(0, 0, 0, .1); color:#333; border:1px solid #b9b9b9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; overflow-y:scroll;}
.thumbnailBox {width:36px; height:30px; border:1px solid #eee; cursor:pointer;}

/* ------ inputText ------ */
.inputText_box {border-top:#999 1px solid; border-right:#999 1px solid; padding-top:3px; border-bottom:#999 1px solid; border-left:#999 1px solid; padding-bottom:3px; padding-left:8px; width:184px; padding-right:8px; background:url(/images/bg_inputtext.png) #f2f2f2 no-repeat 0px 0px; font-size:13px;}
.inputTextAREA_box {border-top:#999 1px solid; border-right:#999 1px solid; border-bottom:#999 1px solid; border-left:#999 1px solid; padding-bottom:3px; padding-left:8px; width:98%; padding-right:8px; background:url(/images/bg_inputtext.png) #f2f2f2 no-repeat 0px 0px; height:120px; font-size:13px; padding-top:3px;}

.inputText_line {border-top:#ffffff 1px solid; border-right:#ffffff 1px solid; border-bottom:#939393 1px solid; border-left:#ffffff 1px solid; height:18px; font-size:12pt; font-weight:bold; line-height:15pt; color:#002157; text-align:center; BACKGROUND-COLOR:#f7f7f7;}
.inputText_line1 {border-top:#ffffff 1px solid; border-right:#ffffff 1px solid; border-bottom:#D1D1D1 1px solid; border-left:#ffffff 1px solid; height:18px; font-size:12pt; font-weight:bold; line-height:15pt; color:#002157; text-align:left; BACKGROUND-COLOR:#ffffff;}
/* ---- //inputText ------ */

/* ------ mobile or web ------ */
.mobileno {margin-top:30px; margin-bottom:30px; max-width:1000px; min-width:1000px;}
.mobileyes {width:100%; margin:0; padding:0;}
/* ---- //mobile or web ------ */

ul {list-style:none; padding-left:0px;}
.card-body ul >li {padding:5px;}

/* ------ card nav menu ------ */
.nav-link {color: #fff;}
.nav-link:hover {color: #fff;}
/* ---- //card nav menu ------ */

/* ------ card¿¡¼­ À§·Î Æ¢¾î³ª¿Â header ¹Ú½º ------ */
.card-headerTitle {padding:20px 0 10px 0; text-align:center; font-weight:bold; background-color:#FA4141; color:#fff; margin:-30px 20px 10px 20px; border-radius:.25rem;}
/* .card-headerTitle {padding:20px 0 10px 0; text-align:center; font-weight:bold; background-color:#f1c6d3; color:#fff; margin:-30px 20px 10px 20px; border-radius:.25rem;} */
.timeline {width:95%; padding:16px 0; border-right:2px solid #E7E7E7;}
.timeline1 {width:95%; padding:6px 0; border-right:2px solid #E7E7E7;}
/* ---- //card¿¡¼­ À§·Î Æ¢¾î³ª¿Â header ¹Ú½º ------ */

/* ------ mypanel-info ÀçÁ¤ÀÇ ------ */
.mypanel-info {-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0); box-shadow:0 1px 1px rgba(0, 0, 0, 0);}
.mypanel-info {border-color:#D4D4D4; margin-top:20px; margin-bottom:20px;}
.mypanel-info > .card-header {color:#fff; background-color:#323333; border-color:#323333;}
/* ---- //mypanel-info ÀçÁ¤ÀÇ ------ */

/* --------------- Accordion ------------ */
.myPlan > .card {border-top:1px solid #919191; border-bottom:1px solid #919191; border-right:0px dashed; border-left:0px dashed; border-radius:0;}
.header-left {padding:10px 2px; border-right:solid 1px #DDDDDD; float:left; font-size:1rem; line-height:1.5; text-align:center;}
.header-right {padding:10px; border-left:solid 1px #fff; float:left;}
.header-right > .btn {padding:0;}
.header-right > .btn-link {color:#000; font-weight:bold;}

.myNotice .card-header {padding:6px !important;}
.myNotice .btn-link {color: #000;}
/* ------------- //Accordion ------------ */

/* --------------- myButton ------------ */
/* .mybtn {box-shadow:0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);} */
.mybtn:hover, .mybtn:focus, .mybtn:active {outline:0; -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15); box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15)}
.btn-rounded {border-radius:10em;}
.btn-outline-primary {color:#4285f4 !important; background-color:transparent !important; border:2px solid #4285f4 !important;}
.btn-outline-default {color:#2bbbad !important; background-color:transparent !important; border:2px solid #2bbbad !important;}
.btn-outline-secondary {color:#000000 !important; background-color:transparent !important; border:2px solid #FFAFAF !important;}
/* .btn-outline-secondary {color:#be8abf !important; background-color:transparent !important; border:2px solid #be8abf !important;} */
.btn-outline-success {color:#00c851 !important; background-color:transparent !important; border:2px solid #00c851 !important;}
.btn-outline-info {color:#33b5e5 !important; background-color:transparent !important; border:2px solid #33b5e5 !important;}
.btn-outline-warning {color:#fb3 !important; background-color:transparent !important; border:2px solid #fb3 !important;}
.btn-outline-white {color:#fff !important; background-color:transparent !important; border:2px solid #fff !important;}
.btn-outline-gray {color:#59698d !important; background-color:transparent !important; border:2px solid #59698d !important;}
.pl-2, .px-2 {padding-left:.5rem!important;}
.pr-2, .px-2 {padding-right:.5rem!important;}
/* ------------- //myButton ------------ */

/* --------------- comment ------------ */
.comment-left {float:left; width:10%;}
.comment-right {float:left; width:90%;}
/* ------------- //comment ------------ */

/* --------------- note ------------ */
.note {padding:15px; border-left:6px solid; border-radius:5px; font-size:1.4rem;}
/* .note {padding:15px; border-left:6px solid; border-radius:5px; font-size:1.1rem; text-shadow:1px 1px 1px rgba(0, 0, 0, .3);} */
.note-normal {padding:15px; border-left:6px solid; border-radius:5px;}
.note strong {font-weight:600;}
.note p {font-weight:500;}
.note-primary {background-color:#dfeefd; border-color:#176ac4;}
.note-secondary {background-color:#FA4141; border-color:#FF0000; color:#FFFFFF;}
.note-secondary2 {background-color:#FFAFAF; border-color:#F19191;}
/* .note-secondary {background-color:#FDF4F7; border-color:#f1c6d3;} */
.note-success {background-color:#e2f0e5; border-color:#49a75f;}
.note-danger {background-color:#fae7e8; border-color:#e45460;}
.note-warning {background-color:#faf4e0; border-color:#c2a442;}
.note-info {background-color:#e4f2f5; border-color:#2492a5;}
.note-light {background-color:#F1F1F1; border-color:#0f0f0f;}
.purple.lighten-5 {background-color:#f3e5f5 !important;}
/* ------------- //note ------------ */

/* --------------- K Ãß°¡ ------------ */
.exTD {padding:10px;}
.center-info {width:100%; text-align:center; font-size:1.1rem; margin-top:5px; margin-bottom:30px; padding:20px 10px; background-color:#FCE2DB; border:1px solid #FA4141;}
.left-info {width:100%; text-align:left; font-size:1.1rem; margin-top:5px; margin-bottom:30px; padding:20px 20px; background-color:#FCE2DB; border:1px solid #FA4141;}
span, strong, u, em, s {font-size:inherit; color:inherit;}
/*
span>strong
, span>strong>u
, span>strong>em
, span>strong>s
, span>strong>u>em
, span>strong>u>s
, span>strong>em>u
, span>strong>em>s
, span>strong>s>u
, span>strong>s>em
, span>strong>u>em>s
, span>strong>u>s>em
, span>strong>em>u>s
, span>strong>em>s>u
, span>strong>s>u>em
, span>strong>s>em>u
*/

/* ------------- //K Ãß°¡ ------------ */


/* Datepicker Styles */

.ui-datepicker-trigger {
	border-radius:0.5em;
    border:2px solid #59698d !important;
    background:none;
    float: left;
}

input.small-9.columns.hasDatepicker {
    float: left;
    width: 30%;
}

button.ui-datepicker-trigger {
    background: #FFF;
    color: #333;
    padding: 5px 12px;
}

button.ui-datepicker-trigger:hover {
    background: #CCC;
}

button.ui-datepicker-trigger i.fa.icon-calendar {
    color: black;
}

.textbreak {
	word-wrap:break-word;
	word-break:keep-all;
	text-align:justify ;
}

.img_title {
	border:1px solid #004282;
}