@charset "utf-8";


/************************************
공통 CSS Custom
************************************/

/* COMMON MARGIN */
.mg_t0{margin-top:0 !important;}
.mg_t5{margin-top:5px !important;}
.mg_t10{margin-top:10px !important;}
.mg_t15{margin-top:15px !important;}
.mg_t20{margin-top:20px !important;}
.mg_t25{margin-top:25px !important;}
.mg_t30{margin-top:30px !important;}
.mg_t35{margin-top:35px !important;}
.mg_t40{margin-top:40px !important;}
.mg_t45{margin-top:45px !important;}
.mg_t50{margin-top:50px !important;}
.mg_t60{margin-top:60px !important;}
.mg_t70{margin-top:70px !important;}
.mg_t80{margin-top:80px !important;}
.mg_t90{margin-top:90px !important;}
.mg_t100{margin-top:100px !important;}

.mg_b0{margin-bottom:0 !important;}
.mg_b5{margin-bottom:5px !important;}
.mg_b10{margin-bottom:10px !important;}
.mg_b15{margin-bottom:15px !important;}
.mg_b20{margin-bottom:20px !important;}
.mg_b25{margin-bottom:25px !important;}
.mg_b30{margin-bottom:30px !important;}
.mg_b40{margin-bottom:40px !important;}
.mg_b45{margin-bottom:45px !important;}
.mg_b50{margin-bottom:50px !important;}
.mg_b60{margin-bottom:50px !important;}
.mg_b70{margin-bottom:70px !important;}
.mg_b80{margin-bottom:80px !important;}

.mg_r0{margin-right:0 !important;}
.mg_r5{margin-right:5px !important;}
.mg_r10{margin-right:10px !important;}
.mg_r20{margin-right:20px !important;}
.mg_r30{margin-right:30px !important;}
.mg_r40{margin-right:40px !important;}

.mg_l0{margin-left:0 !important;}
.mg_l10{margin-left:10px !important;}
.mg_l20{margin-left:20px !important;}
.mg_l30{margin-left:30px !important;}
.mg_l40{margin-left:40px !important;}
.mg_l50{margin-left:50px !important;}
.mg_l60{margin-left:60px !important;}

/* COMMON PADDING */
.pd_none{padding: 0;}
.pd_a20{padding:20px !important;}

.pd_t10{padding-top:10px !important;}
.pd_t15{padding-top:15px !important;}
.pd_t20{padding-top:20px !important;}
.pd_t30{padding-top:30px !important;}
.pd_t40{padding-top:40px !important;}
.pd_t45{padding-top:45px !important;}
.pd_t50{padding-top:50px !important;}
.pd_t150{padding-top:150px !important;}

.pd_b10{padding-bottom:10px !important;}
.pd_b15{padding-bottom:15px !important;}
.pd_b20{padding-bottom:20px !important;}
.pd_b30{padding-bottom:30px !important;}
.pd_b40{padding-bottom:40px !important;}
.pd_b45{padding-bottom:45px !important;}
.pd_b50{padding-bottom:50px !important;}
.pd_b70{padding-bottom:70px !important;}
.pd_b150{padding-bottom:150px !important;}

.pd_l10{padding-left:10px !important;}
.pd_l20{padding-left:20px !important;}
.pd_l30{padding-left:30px !important;}
.pd_l40{padding-left:40px !important;}
.pd_l45{padding-left:45px !important;}
.pd_l50{padding-left:50px !important;}

.pd_r10{padding-right:10px !important;}
.pd_r20{padding-right:20px !important;}
.pd_r30{padding-right:30px !important;}
.pd_r40{padding-right:40px !important;}
.pd_r45{padding-right:45px !important;}
.pd_r50{padding-right:50px !important;}

/* text-align */
.ta_c{text-align: center !important;}
.ta_l{text-align: left !important;}
.ta_r{text-align: right !important;}

/* text-align */
.fl_l{float: left !important;}
.fl_r{float: right !important;}

/* font-color */
.font-white{color: #fff !important;}
.font-black{color: #333 !important;}
.font-blue{color: #007aff !important;}
.font-red{color: #f55145 !important;}
.font-mint{color: #009999 !important;}

/* background-color */
.bg-white{background: #fff !important;}
.bg-black{background: #000 !important;}
.bg-primary{background: #294f75 !important;}
.bg-blue{background: #007aff !important;}
.bg-gray{background: #ccc !important;}
.bg-mint{background: #009999 !important;}

/* width */
.w5{width: 5% !important;}
.w10{width: 10% !important;}
.w15{width: 15% !important;}
.w20{width: 20% !important;}
.w23{width: 23% !important;}
.w25{width: 25% !important;}
.w30{width: 30% !important;}
.w33{width: 32% !important;margin-right: 1.2%;}
.w35{width: 35% !important;}
.w40{width: 40% !important;}
.w45{width: 45% !important;}
.w49{width: 49% !important;}
.w50{width: 50% !important;}
.w55{width: 55% !important;}
.w60{width: 60% !important;}
.w65{width: 65% !important;}
.w68{width: 68% !important;}
.w70{width: 70% !important;}
.w75{width: 75% !important;}
.w80{width: 80% !important;}
.w85{width: 85% !important;}
.w90{width: 90% !important;}
.w95{width: 95% !important;}
.w100{width: 100% !important;}

.bold {font-weight: 600;}
.clear{clear:both;}


/* Table Type01 Style */
.tb_type01{border-top:2px solid #000;width:100%;border-collapse:collapse;}
.tb_type01 th, .tb_type01 td{color:#464646;font-size:1.5em;vertical-align:middle;text-align:center;line-height:18px;border-right:1px solid #d7d7d7;padding: 15px;}
.tb_type01 th{background:#f3f3f3;font-weight:500;color:#333;border-bottom:1px solid #d7d7d7;}
.tb_type01 th a, .tb_type01 td a{color:#23527c;font-size:1.0em;}
.tb_type01 th a:hover, .tb_type01 td a:hover{text-decoration:underline;}
.tb_type01 td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.tb_type01 td:last-child, .tb_type01 th:last-child{border-right:none;}
.tb_type01 td.tdbg_gray{background:#f8f8f8;}
.tb_type01 td{background:transparent;color:#464646;font-weight: 300;vertical-align:middle;text-align:center;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;line-height:1.3em}
.tb_type01 td.bd_r{border-right:1px solid #d7d7d7;}
.tb_type01 th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.tb_type01 td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.tb_type01 td .dl_01 dd{padding-left:20px}
.tb_type01 p, .tb_type01 strong, .tb_type01 span{font-size:15px;}
.tb_type01 tfoot td{background:#fbfbfb;}
.tb_type01 input[type="text"], .tb_type01 input[type="date"], .tb_type01 textarea, .tb_type01 select {border: 1px solid #ddd;font-size: 1em;padding: 10px;border-radius:5px;}
.tb_type01 input[type="text"], .tb_type01 input[type="date"], .tb_type01 select, .tb_type01 input[type="date"] {width:200px;}
.tb_type01 select option{font-size:1em;}
.tb_type01 textarea{width:100%;height:200px;}
.tb_type01 p.tipcon{display:inline-block;background:rgb(255 4 4 / 20%);color:#ff0000;font-weight:500;padding: 3px 10px;font-size:.7em;border-radius:20px;margin: 10px 0 5px 0;}

/* Table Type02 Style */
.tb_type02{width:100%;}
.tb_type02 tbody > tr:nth-child(even){background:#F6F6F6 !important;}
.tb_type02 tbody > tr:hover{background:#eaf1ff !important;}
.tb_type02 th, .tb_type02 td{color:#464646;font-size:15px;vertical-align:middle;text-align:center;line-height:18px;}
.tb_type02 th{background:#362F4B;border-bottom: 1px solid #d7d7d7;font-weight:700;color:#fff;height: 6vh;}
.tb_type02 th a{color:#23527c;}
.tb_type02 th a > i{font-size: 1.3em;}
.tb_type02 th a:hover, .tb_type02 th a:focus{color:#0099da;}
.tb_type02 td a{color:#23527c;}
.tb_type02 td a:hover, .tb_type02 td a:focus{color:#0099da;}
.tb_type02 td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.tb_type02 td:last-child, .tb_type02 td:last-child{border-right:none;}
.tb_type02 td.tdbg_gray{background:#f8f8f8;}
.tb_type02 td{background:transparent;color:#464646;font-size:15px;vertical-align:middle;text-align:center;border-bottom:1px solid #d7d7d7;padding:5px 6px;line-height:1.3em}
.tb_type02 td.bd_r{border-right:1px solid #d7d7d7;}
.tb_type02 th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.tb_type02 td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.tb_type02 td .dl_01 dd{padding-left:20px}

/* Table Type03 Style */
.tb_type03{width:100%;border:1px solid #9397A0;border-bottom: none;border-radius: 3px;}
.tb_type03 tbody > tr:nth-child(odd){background:#E0F7FF !important;}
.tb_type03 tbody > tr:hover{background:lightgray !important;}
.tb_type03 th, .tb_type03 td{border-right: 1px solid #9397A0;border-bottom: 1px solid #9397A0;}
.tb_type03 th{background: linear-gradient(#ECEDF2, #D8DEDC);border-top: 2px solid #FCFDFF;border-left: 2px solid #fcfdff;}
.tb_type03 th:last-child{border-right: none;}
.tb_type03 td:last-child{border-right: none;}

/* Table Type04 Style */
.tb_type04{width:100%;border-collapse:collapse;text-align:center;table-layout: fixed;}
.tb_type04 th, .tb_type04 td{color:#464646;font-size:15px;vertical-align:middle;height: 30px;padding: 7px;}
.tb_type04 th{position:relative;font-size: 1.3em;font-weight: 400;color:#000;border-top:1px solid #000;border-bottom: 1px solid #ddd;background: #ededed;}
/* .tb_type04 th::before{position:absolute;content:'';background:#bebebe;width:1px;height:15px;top:35%;left:-1px;} */
.tb_type04 th:first-child::before{display:none;}
.tb_type04 th a, .tb_type04 td a{color:blue;font-size:1.0em;}
.tb_type04 th a:hover, .tb_type04 th a:focus{color:#0099da;}
.tb_type04 td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.tb_type04 td:last-child, .tb_type04 th:last-child{border-right:none;}
.tb_type04 tr{border-bottom:1px solid #ddd;}
.tb_type04 tr:hover{background:#f8f8f8;}
.tb_type04 td{color:#464646;font-weight: 300;vertical-align:middle;line-height:1.3em;}
.tb_type04 td select, .tb_type04 input[type="text"]{font-size:1em;border: 1px solid #999;padding: 1px;border-radius: 5px;}
.tb_type04 button{padding: 1px 10px;border-radius: 5px;}
.tb_type04 input[type="text"]{width:100px;}
.tb_type04 td.bd_r{border-right:1px solid #d7d7d7;}
.tb_type04 th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.tb_type04 td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.tb_type04 td .dl_01 dd{padding-left:20px}
.tb_type04 p, .tb_type04 strong, .tb_type04 span{font-size:15px;}

/* Table Type05 Style */
.tb_type05{border-top: 2px solid #d0d0d0;border-bottom: 2px solid #d0d0d0;width:100%;border-collapse:collapse;}
.tb_type05 th, .tb_type05 td{color:#464646;font-size:15px;vertical-align:middle;line-height:18px;/* border-right:1px solid #d7d7d7; */padding: 15px;}
.tb_type05 th{background: #f5f8fa;font-weight:500;color:#333;border-bottom: 1px solid #d7d7d7;}
.tb_type05 th a, .tb_type05 td a{color:#23527c;font-size:1.0em;}
.tb_type05 th a:hover, .tb_type05 th a:focus{color:#0099da;}
.tb_type05 td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.tb_type05 td:last-child, .tb_type05 th:last-child{border-right:none;}
.tb_type05 td.tdbg_gray{background:#f8f8f8;}
.tb_type05 td{background:transparent;color:#464646;font-size:15px;font-weight: 300;vertical-align:middle;border-bottom:1px solid #d7d7d7;line-height: 1.2em;}
.tb_type05 td.bd_r{border-right:1px solid #d7d7d7;}
.tb_type05 th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.tb_type05 td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.tb_type05 td .dl_01 dd{padding-left:20px}
.tb_type05 p, .tb_type05 strong, .tb_type05 span{font-size:15px;}

/* Table Type06 Style */
.tb_type06{border-top: 2px solid rgb(26 141 95);border-bottom: 2px solid rgb(26 141 95 / 30%);width:100%;border-collapse:collapse;}
.tb_type06 th, .tb_type06 td{color:#464646;font-size:14px;vertical-align:middle;line-height:18px;/* border-right:1px solid #d7d7d7; */padding: 15px;}
.tb_type06 th{background: rgb(26 141 95 / 10%);font-weight:500;color:#333;border-bottom: 1px solid #d7d7d7;}
.tb_type06 th a, .tb_type06 td a{color:#23527c;font-size:1.0em;}
.tb_type06 th a:hover, .tb_type06 th a:focus{color:#0099da;}
.tb_type06 td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.tb_type06 td:last-child, .tb_type06 th:last-child{border-right:none;}
.tb_type06 td.tdbg_gray{background:#f8f8f8;}
.tb_type06 td{background:transparent;color:#464646;font-size:14px;font-weight: 300;vertical-align:middle;border-bottom:1px solid #d7d7d7;line-height: 1.2em;}
.tb_type06 td.bd_r{border-right:1px solid #d7d7d7;}
.tb_type06 th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.tb_type06 td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.tb_type06 td .dl_01 dd{padding-left:20px}
.tb_type06 p, .tb_type06 strong, .tb_type06 span{font-size:15px;}
.tb_type06 td select, .tb_type06 td input[type="text"], .tb_type06 td textarea{font-size:1em;border:1px solid #ddd;padding:5px 10px;border-radius:3px;}

/* Table Type07 Style */
.tb_type07{width:100%;border-collapse:collapse;}
.tb_type07 th, .tb_type07 td{color:#464646;font-size: 1.5em;vertical-align:middle;text-align:center;line-height:18px;border-right:1px solid #d7d7d7;padding:15px 6px;}
.tb_type07 th{background: #2059a1;font-weight:500;color: #fff;border-bottom: 1px solid #3a64b1;border-top: 1px solid #3a64b1;}
.tb_type07 th a, .tb_type06 td a{color:#23527c;font-size:1.0em;}
.tb_type07 th a:hover, .tb_type07 td a:hover{text-decoration:underline;}
.tb_type07 td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.tb_type07 td:last-child, .tb_type07 th:last-child{border-right:none;}
.tb_type07 td.tdbg_gray{background:#f8f8f8;}
.tb_type07 td{background:transparent;color:#464646;font-weight: 300;vertical-align:middle;text-align:center;border-top: 1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;border-right:1px solid #d7d7d7;line-height:1.3em}
.tb_type07 td.bd_r{border-right:1px solid #d7d7d7;}
.tb_type07 th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.tb_type07 td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.tb_type07 td .dl_01 dd{padding-left:20px}
.tb_type07 p, .tb_type07 strong, .tb_type07 span{font-size:15px;}
.tb_type07 tfoot td{background:#fbfbfb;}

/* notice-table */
.notice-table{border-top:2px solid #000;border-bottom:1px solid #ddd; width:100%;margin-bottom: 10px;border-collapse: collapse;}
.notice-table th, .notice-table td{color:#464646;font-size: 1.2em;vertical-align:middle;text-align:center;line-height:20px;padding:20px 0;border-bottom: 1px solid #d7d7d7;color:#000;}
.notice-table th{font-weight:500;color: #222;background: #f8f8f8;white-space: nowrap;}
.notice-table th a, .notice-table td a{color:#0200fc;font-size: 1em;}
.notice-table td a:hover, .notice-table td a:focus{font-weight:400;text-decoration:underline;}
.notice-table td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.notice-table th:last-child, .notice-table td:last-child{border-right:none;}
.notice-table td{background:transparent;color:#464646;font-weight:300;vertical-align:middle;text-align:center;line-height:1.3em;white-space: nowrap;}
.notice-table td.tdbg_gray{background:#f8f8f8;}
.notice-table td input{border: 1px solid #ddd;padding: 5px;}
.notice-table td.bd_r{border-right:1px solid #d7d7d7;}
.notice-table th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.notice-table td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.notice-table td .dl_01 dd{padding-left:20px;}

/* 달력 */
.year-month span{font-weight:600;font-size: 2.5em;}
.year-month i{cursor: pointer;padding: 10px;background: rgb(0 142 255 / 30%);width: 40px;border-radius: 10px;color: #fff;font-size: 1.5em;transition:.3s;vertical-align: super;margin: 0 10px;}
.year-month i:hover{background:rgb(0 142 255 / 50%);}
table.calendar{width:100%;border-collapse:collapse;margin-bottom:10px;}
table.calendar tr {border-bottom: 1px solid #ddd;border:1px solid #ddd;}
table.calendar th{padding:10px;font-size:1.2em;font-weight: 600;border-right: 1px solid #ddd;background: #f7f7f7;}
table.calendar td {padding: 5px 10px;width:100px;height: 116px;border-right: 1px solid #ddd;border-left:1px solid #ddd;}
table.calendar td:hover{background:#f8f8f8;}
table.calendar td .date{display:inline-block;font-size: 1.4em;}
table.calendar td .date.today{background: #ff5722;width: 20px;height: 20px;border-radius: 50%;text-align: center;color: #fff;}
table.calendar td .date-box{position:relative;text-align: center;width: 150px;}
table.calendar td .date-box ul{display: inline-block;width: 100%;}
table.calendar td .date-box ul li{text-align:left;margin-left:10px;}
table.calendar td .date-box ul li a{display: block;width: 100%;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;cursor:pointer;}
table.calendar td .blank{color:#ddd;}
a.list-click {display: inline-block;padding: 3px 10px;border: 1px solid #3f51b5;transition:.3s;color: #3f51b5;}
a.list-click:hover{background: #3f51b5;color: #fff;}
table.calendar td .date-box a:hover{background: #03a9f4   !important;transition: .3s;}
[data-tooltip-text]:hover{position:relative;}
[data-tooltip-text]:hover:after{content:attr(data-tooltip-text);position:absolute;bottom:100%;left:0;background:rgba(0,0,0,.8);color:#fff;z-index:999;border-radius:5px;padding:5px;}


/* 체크박스 이미지 */
.chk-box input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.chk-box input[type="checkbox"] + label::before{content: ' ';display: inline-block;width: 20px;height: 20px;line-height: 20px;margin: -2px 3px 0 0;border-radius:50%;text-align: center;vertical-align: middle;background: url('/img/unchecked.png') no-repeat 50%;background-size:contain;}
.chk-box input[type="checkbox"]:checked + label::before{content: '';background:url('/img/checked.png') no-repeat 50%;background-size:contain;}

/* page-nation */
.page-control {display:flex;justify-content:center;margin-top: 10px;}
.page-control ul li{float:left;width:40px;}
.page-control ul li:first-child{border:none;}
.page-control ul li a{font-size:1.1em;border-radius: 5px;}
.page-control ul li a{color:#000;display:block;padding:10px;}
.page-control ul li a.on{background: #000;color: #fff;text-align:center;}
.page-control ul li:hover{background:#f7f7f7;}
.before-btns, .after-btns{display:inline-block;padding: 10px 0;}
.before-btns a, .after-btns a{padding:10px 13px;border: 1px solid #ddd;border-radius:5px;}
.before-btns a:hover, .after-btns a:hover{border:1px solid #777;}
.before-btns a img, .after-btns a img{width:12px;vertical-align: baseline;}
.page-control ul{display: inline-block;}

/********* create-page **********/
/* tb-style */
.tb-style{width:100%;border-collapse:collapse;border-top: 2px solid #000;border-bottom: 1px solid #ccc;border-right:1px solid #ccc;}
.tb-style tr {border-top: 1px solid #ccc;width: 100%;}
.tb-style th, .tb-style td{color:#464646;font-size: 1.2em;vertical-align:middle;padding: 5px;height:45px;}
.tb-style th{font-weight:500;color:#333;background: #f2f2f2;border-right: 1px solid #ccc;border-left: 1px solid #ccc;}
.tb-style th a, .tb-style td a{color:#23527c;font-size:1.0em;}
.tb-style th a:hover, .tb-style th a:focus{color:#0099da;}
.tb-style td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.tb-style td.tdbg_gray{background:#f8f8f8;}
.tb-style td{background:transparent;color:#464646;font-weight: 300;vertical-align:middle;}
.tb-style td.bd_r{border-right:1px solid #d7d7d7;}
.tb-style th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.tb-style td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.tb-style td .dl_01 dd{padding-left:20px}
.tb-style p, .tb-style strong, .tb-style span, .tb-style td label{font-size:1em;}
.tb-style td select, .tb-style td input[type="text"], .tb-style td input[type="password"], .tb-style td textarea{font-size:1em;border:1px solid #ddd;height:35px;padding:5px 10px;border-radius:3px;}
.tb-style td #persons, .tb-style td #charge{width:90%;}
.tb-style td #userAddr{margin-bottom:5px;}
.tb-style td input[type="radio"]{margin-right:2px;}
.tb-style .date {text-align:center;}
.tb-style td input[type="date"], .tb-style td input[type="month"], .tb-style td input[type="time"]{font-size:1em;border:1px solid #ddd;height:35px;padding:5px 10px;border-radius:3px;}
.tb-style .class-type{font-weight:bold;}

/* tb-style2 */
.tb-style2{width:100%;border-collapse:collapse;border-top: 2px solid #000;border-bottom: 1px solid #ccc;border-right:1px solid #ccc;}
.tb-style2 tr {border-top: 1px solid #ccc;width: 100%;}
.tb-style2 th, .tb-style2 td{color:#464646;vertical-align:middle;padding: 13px;}
.tb-style2 th{font-weight:500;color:#333;background: #f8f8f8;border-right: 1px solid #ccc;border-left: 1px solid #ccc;font-size: 1.3em;}
.tb-style2 th label{font-size: 1em;}
.tb-style2 th a, .tb-style2 td a{color:#23527c;font-size:1.0em;}
.tb-style2 th a:hover, .tb-style2 th a:focus{color:#0099da;}
.tb-style2 td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.tb-style2 td.tdbg_gray{background:#f8f8f8;}
.tb-style2 td{background:transparent;color:#464646;font-weight: 300;vertical-align:middle;border-right: 1px solid #ccc;font-size: 1.2em;}
.tb-style2 td.bd_r{border-right:1px solid #d7d7d7;}
.tb-style2 th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.tb-style2 td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.tb-style2 td .dl_01 dd{padding-left:20px}
.tb-style2 p a{color:#fff;font-weight:500;display: block;padding: 10px;background:#444;margin: 10px 0 5px 0;}
.tb-style2 p a i{float:right;font-size:1.1em;margin:4px;}
.tb-style2 td select, .tb-style2 td input[type="text"], .tb-style2 td input[type="password"], .tb-style2 td textarea, .tb-style2 td input[type="number"]{width:100%;font-size:1em;border:1px solid #ddd;height:35px;padding:5px 10px;border-radius:3px;}
.tb-style2 td #userId, .tb-style2 td #userAddr{width: 69% !important;}
.tb-style2 td #persons, .tb-style2 td #charge{width:90%;}
.tb-style2 td #userAddr{margin-bottom:5px;}
.tb-style2 td label{font-size:1.3em;cursor: pointer;}
.tb-style2 td input[type="radio"]{margin-top: 8px;margin-right:2px;}
.tb-style2 td input[type="checkbox"]{cursor: pointer;}
.tb-style2 .date {text-align:center;}
.tb-style2 td input[type="date"], .tb-style2 td input[type="time"], .tb-style2 td input[type="month"]{width:15%;font-size:1em;border:1px solid #ddd;height:35px;padding:5px 10px;border-radius:3px;}


/* tb-style3 */
.tb-style3{width:70%;border-collapse:collapse;display: inline-block;}
.tb-style3 tr {border-top: 0px solid #ccc;width: 100%;}
.tb-style3 th, .tb-style3 td{color:#464646;vertical-align:middle;padding: 7px;}
.tb-style3 th{font-weight:500;color:#333;background: #fff;border-right: 0px solid #ccc;border-left: 0px solid #ccc;font-size: 1.3em; text-align: right;}
.tb-style3 td{background:transparent;color:#464646;font-weight: 300;vertical-align:middle;border-right: 0px solid #ccc;font-size: 1.2em;}
.tb-style3 td:first-child {font-size: 1.7em;}
.tb-style3 p, .tb-style3 strong, .tb-style3 span{font-size:1em;}
.tb-style3 td label{font-size:1.1em;}

/* tb-style4 */
.tb-style4{width:100%;height: 100%;border-collapse:collapse;display: inline-block;margin: 0 10px;table-layout: fixed;}
.tb-style4 tbody {width: 100%;height: 100%;display: table;}
.tb-style4 tr {border-top: 0px solid #ccc;width: 100%;}
.tb-style4 tr td p {padding-left: 15px; padding-right: 10px;border-left: 2px solid #e8e8e8;}
.tb-style4 td{background:transparent;color:#464646;font-weight: 400;font-size: 1.4em;vertical-align:middle;}
.tb-style4 td p:first-child{color:#909ba6;}
.tb-style4 td p:last-child{color:#22354b;font-weight:500;font-size: 1.4em;}
.tb-style4 td p span:last-child{font-size: 0.75em;}

/* tb-style5 */
.tb-style5{width:100%;border-collapse:collapse;border-top: 2px solid #000;border-bottom: 1px solid #ccc;border-right:1px solid #ccc;}
.tb-style5 tr {border-top: 1px solid #ccc;width: 100%;}
.tb-style5 th, .tb-style5 td{color:#464646;vertical-align:middle;padding: 13px;}
.tb-style5 th{font-weight:500;color:#fff;background: #205295;border-right: 1px solid #ccc;border-left: 1px solid #ccc;font-size: 1.3em;}
.tb-style5 th label{font-size: 1em;}
.tb-style5 th a, .tb-style5 td a{color:#23527c;font-size:1.0em;}
.tb-style5 th a:hover, .tb-style5 th a:focus{color:#0099da;}
.tb-style5 td a.tb_blue:hover{text-decoration:none;color:#1c75c9;background:transparent;cursor:pointer;}
.tb-style5 td.tdbg_gray{background:#f8f8f8;}
.tb-style5 td{background:transparent;color:#464646;font-weight: 300;vertical-align:middle;border-right: 1px solid #ccc;font-size: 1.2em;}
.tb-style5 td.bd_r{border-right:1px solid #d7d7d7;}
.tb-style5 th.thbd_r{border-right:1px solid #d7d7d7 !important;}
.tb-style5 td .dl_01 dt{font-weight:700;margin-bottom:5px;}
.tb-style5 td .dl_01 dd{padding-left:20px}
.tb-style5 p a{color:#fff;font-weight:500;display: block;padding: 10px;background:#444;margin: 10px 0 5px 0;}
.tb-style5 p a i{float:right;font-size:1.1em;margin:4px;}
.tb-style5 td select, .tb-style5 td input[type="text"], .tb-style5 td input[type="password"], .tb-style5 td textarea, .tb-style5 td input[type="number"]{width:100%;font-size:1em;border:1px solid #ddd;height:35px;padding:5px 10px;border-radius:3px;}
.tb-style5 td #userId, .tb-style5 td #userAddr{width: 69% !important;}
.tb-style5 td #persons, .tb-style5 td #charge{width:90%;}
.tb-style5 td #userAddr{margin-bottom:5px;}
.tb-style5 td label{font-size:1.3em;cursor: pointer;}
.tb-style5 td input[type="radio"]{margin-top: 8px;margin-right:2px;}
.tb-style5 td input[type="checkbox"]{cursor: pointer;}
.tb-style5 .date {text-align:center;}
.tb-style5 td input[type="date"], .tb-style5 td input[type="time"], .tb-style5 td input[type="month"]{width:15%;font-size:1em;border:1px solid #ddd;height:35px;padding:5px 10px;border-radius:3px;}
#tel1, #tel2, #tel3{width:100px;margin-right:15px;}
.td-tell{display:flex;}
#company, #person, #email{width:200px;}

/******** user, admin css *********/
h2.title{font-size: 3em;padding-bottom:10px;text-align:center;}
h3.title {position:relative;font-size: 2em;margin-bottom: 10px;padding-top:5px;}
h3.title::before{position:absolute;content:'';background:#144da7;width:20px;height:5px;top:0;}
p.list-style {font-size: 1.5em;margin-bottom: 5px;}

.contents-box .info-box {border: 2px dashed #bbb;margin: 10px 60px;margin-bottom:50px;padding: 20px;text-align:center;}
.contents-box .info-box p{font-size:1.5em;}
.contents-box .info-box p:has(a.license){display: inline-block;}

/* 소개 */
.img-size {text-align: center;}
.photo-box {margin-top:30px;text-align:center;}
.photo-box li{display:inline-block;margin-right:5px;width: 32.8%;}
.photo-box li:last-child{margin:0;}
.photo-box li img{width:100%;}

/* 층별안내 */
ul.sub-tab{display:inline-block;width:100%;margin-bottom:50px;}
ul.sub-tab li{float:left;width: 14%;font-weight:600;font-size: 1.5em;text-align:center;padding:15px;color:#0052a4;border-bottom:1px solid #0052a4;cursor:pointer;}
ul.sub-tab li.current{background:#0052a4;color:#fff;}
.tab-contents{display:none;}
.tab-contents.current{display:inherit;}

/* 오시는길 */
.map-box {text-align: left;}
.map-box .addr img, .map-box .tel img{width: 25px;margin-right:5px;}
.map-box .addr, .map-box .tel{font-size:1.5em;margin: 15px 0;}

/* 스포츠센터 이용안내 */
ul.sports-photo-box {display: inline-block;width: 100%;}
ul.sports-photo-box li{float:left;width: 49%;margin: 0 1% 1% 0;}
ul.sports-photo-box li img{width:100%;}


/******************************** btn css ************************************
**default, primary, blue, green, mint, warning, red, pink, purple, dark, gray**
******************************************************************************/
.btn-area{text-align:center;}
.btn {cursor: pointer;background-color: transparent;color: inherit;padding: 7px 12px;border-radius: 3px;border: 1px solid transparent;font-size: 13px;line-height: 1.475;vertical-align: initial;transition: all 0.25s;}
/*.btn:not(.btn-icon) {min-width: 14.5%;}*/
.btn:not(.disabled):not(:disabled):hover {box-shadow: 0 3px 15px rgba(0,0,0,0.25);}
.btn-circle{border-radius: 20px;}
.btn-default, .btn-default:focus {background-color: #fff;border-color: rgba(0,0,0,0.17) !important;color: #7a878e;}
.btn-primary, .btn-primary:focus {background-color: #294f75;border-color: #25476a !important;color: #fff;}
.btn-blue, .btn-blue:focus {background-color: #0ab1fc;border-color: #03a9f4 !important;color: #fff;}
.btn-green, .btn-green:focus {background-color: #92c755;border-color: #8bc34a !important;color: #fff;}
.btn-mint, .btn-mint:focus {background-color: #29b2a6;border-color: #26a69a !important;color: #fff;}
.btn-warning, .btn-warning:focus {background-color: #ffb80f;border-color: #ffb300 !important;color: #fff;}
.btn-red, .btn-red:focus {background-color: #f55145;border-color: #f44336 !important;color: #fff;}
.btn-pink, .btn-pink:focus {background-color: #f1709c;border-color: #f06292 !important;color: #fff;}
.btn-purple, .btn-purple:focus {background-color: #b052c0;border-color: #ab47bc !important;color: #fff;}
.btn-dark, .btn-dark:focus {background-color: #414c57;border-color: #3a444e !important;color: #fff;}
.btn-gray, .btn-gray:focus {background-color: #b9b9b9;border-color: #b9b9b9!important;color: #fff;}

.btn-default:hover, .btn-hover-default:hover, .btn-hover-default:active, .btn-hover-default.active, .btn-default:active, .btn-active-default.btn:active, .btn-active-default.btn.active, .btn-active-default+.dropdown-menu>li>a:hover, .btn-active-default+.dropdown-menu>li>a:focus, .btn-active-default+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-default, .btn-group.open .dropdown-toggle.btn.btn-active-default, .btn-default.active, .btn-default:disabled, .btn-default.disabled, .btn-default:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-default:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-default:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-default+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-default {background-color: #ededed !important;border-color: rgba(0,0,0,0.17) !important;color: #7a878e !important;}
.btn-primary:hover, .btn-hover-primary:hover, .btn-hover-primary:active, .btn-hover-primary.active, .btn-primary:active, .btn-active-primary.btn:active, .btn-active-primary.btn.active, .btn-active-primary+.dropdown-menu>li>a:hover, .btn-active-primary+.dropdown-menu>li>a:focus, .btn-active-primary+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-primary, .btn-group.open .dropdown-toggle.btn.btn-active-primary, .btn-primary.active, .btn-primary:disabled, .btn-primary.disabled, .btn-primary:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-primary:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-primary:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-primary+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-primary {background-color: #1c3550 !important;border-color: #1c3550 !important;color: #fff !important;}
.btn-blue:hover, .btn-hover-info:hover, .btn-hover-info:active, .btn-hover-info.active, .btn-blue:active, .btn-active-info.btn:active, .btn-active-info.btn.active, .btn-active-info+.dropdown-menu>li>a:hover, .btn-active-info+.dropdown-menu>li>a:focus, .btn-active-info+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-info, .btn-group.open .dropdown-toggle.btn.btn-active-info, .btn-blue.active, .btn-blue:disabled, .btn-blue.disabled, .btn-blue:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-blue:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-blue:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-blue+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-blue {background-color: #0391d1 !important;border-color: #0391d1 !important;color: #fff !important;}
.btn-green:hover, .btn-hover-success:hover, .btn-hover-success:active, .btn-hover-success.active, .btn-green:active, .btn-active-success.btn:active, .btn-active-success.btn.active, .btn-active-success+.dropdown-menu>li>a:hover, .btn-active-success+.dropdown-menu>li>a:focus, .btn-active-success+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-success, .btn-group.open .dropdown-toggle.btn.btn-active-success, .btn-green.active, .btn-green:disabled, .btn-green.disabled, .btn-green:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-green:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-green:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-green+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-green {background-color: #79af3a !important;border-color: #79af3a !important;color: #fff !important;}
.btn-mint:hover, .btn-hover-mint:hover, .btn-hover-mint:active, .btn-hover-mint.active, .btn-mint:active, .btn-active-mint.btn:active, .btn-active-mint.btn.active, .btn-active-mint+.dropdown-menu>li>a:hover, .btn-active-mint+.dropdown-menu>li>a:focus, .btn-active-mint+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-mint, .btn-group.open .dropdown-toggle.btn.btn-active-mint, .btn-mint.active, .btn-mint:disabled, .btn-mint.disabled, .btn-mint:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-mint:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-mint:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-mint+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-mint {background-color: #1f897f !important;border-color: #1f897f !important;color: #fff !important;}
.btn-warning:hover, .btn-hover-warning:hover, .btn-hover-warning:active, .btn-hover-warning.active, .btn-warning:active, .btn-active-warning.btn:active, .btn-active-warning.btn.active, .btn-active-warning+.dropdown-menu>li>a:hover, .btn-active-warning+.dropdown-menu>li>a:focus, .btn-active-warning+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-warning, .btn-group.open .dropdown-toggle.btn.btn-active-warning, .btn-warning.active, .btn-warning:disabled, .btn-warning.disabled, .btn-warning:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-warning:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-warning:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-warning+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-warning {background-color: #db9a00 !important;    border-color: #db9a00 !important;color: #fff !important;}
.btn-red:hover, .btn-hover-danger:hover, .btn-hover-danger:active, .btn-hover-danger.active, .btn-red:active, .btn-active-danger.btn:active, .btn-active-danger.btn.active, .btn-active-danger+.dropdown-menu>li>a:hover, .btn-active-danger+.dropdown-menu>li>a:focus, .btn-active-danger+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-danger, .btn-group.open .dropdown-toggle.btn.btn-active-danger, .btn-red.active, .btn-red:disabled, .btn-red.disabled, .btn-red:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-red:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-red:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-red+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-red {background-color: #f22314 !important;border-color: #f22314 !important;color: #fff !important;}
.btn-pink:hover, .btn-hover-pink:hover, .btn-hover-pink:active, .btn-hover-pink.active, .btn-pink:active, .btn-active-pink.btn:active, .btn-active-pink.btn.active, .btn-active-pink+.dropdown-menu>li>a:hover, .btn-active-pink+.dropdown-menu>li>a:focus, .btn-active-pink+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-pink, .btn-group.open .dropdown-toggle.btn.btn-active-pink, .btn-pink.active, .btn-pink:disabled, .btn-pink.disabled, .btn-pink:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-pink:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-pink:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-pink+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-pink {background-color: #ed417b !important;border-color: #ed417b !important;color: #fff !important;}
.btn-purple:hover, .btn-hover-purple:hover, .btn-hover-purple:active, .btn-hover-purple.active, .btn-purple:active, .btn-active-purple.btn:active, .btn-active-purple.btn.active, .btn-active-purple+.dropdown-menu>li>a:hover, .btn-active-purple+.dropdown-menu>li>a:focus, .btn-active-purple+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-purple, .btn-group.open .dropdown-toggle.btn.btn-active-purple, .btn-active-dark.btn:active, .btn-active-dark.btn.dark, .btn-purple.active, .btn-purple:disabled, .btn-purple.disabled, .btn-purple:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-purple:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-purple:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-purple+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-purple {background-color: #953ca4 !important;border-color: #953ca4 !important;color: #fff !important;}
.btn-dark:hover, .btn-hover-dark:hover, .btn-hover-dark:active, .btn-hover-dark.active, .btn-dark:active, .btn-active-dark+.dropdown-menu>li>a:hover, .btn-active-dark+.dropdown-menu>li>a:focus, .btn-active-dark+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-dark, .btn-group.open .dropdown-toggle.btn.btn-active-dark, .btn-dark.active, .btn-dark:disabled, .btn-dark.disabled, .btn-dark:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-dark:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-dark:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-dark+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-dark {background-color: #2b323a !important;border-color: #2b323a !important;color: #fff !important;}

/*****************************************************************************
/******************************** input css **********************************
******************************************************************************/

/************* radio ***************/

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 30px;
}

input[type=radio].btn-radio, input[type=checkbox].btn-checkbox {
    position: fixed;
    z-index: -50;
    top: -2000px;
}

.btn-checkbox+label:not(:empty) {
    margin: 0 5px 0 0;
    text-indent: 25px;
}
.btn-radio+label:not(:empty){
    margin: 0 30px 0 0;
}

.btn-radio+label, .btn-checkbox+label {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    min-width: 1.34em;
    padding: 0;
    position: relative;
    vertical-align: middle;
}

.btn-radio:checked+label:before {
    border: 2px solid #25476a;
}

.btn-radio:checked+label:before, .btn-checkbox:checked+label:before {
    animation-name: none;
}

.btn-radio+label:before {
    border-radius: 50%;
}

.btn-checkbox+label:before {
    border-radius: 2px;
}

.btn-checkbox:checked+label:before {
    background: #25476a;
    border-color: #25476a;
}

.btn-radio+label:before, .btn-checkbox+label:before {
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.07);
    content: '';
    display: block;
    height: 17px;
    left: 0;
    position: absolute;
    top: 0;
    width: 17px;
    transition: all 0.3s;
}

.btn-radio:checked+label:after, .btn-checkbox:checked+label:after {
    display: block;
}

.btn-radio+label:after {
    background: #25476a;
    border-radius: 50%;
    height: 9px;
    left: 4px;
    top: 4px;
    width: 9px;
}

.btn-checkbox+label:after {
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    box-sizing: border-box;
    height: 13px;
    left: 6px;
    top: 0;
    transform: rotate(48deg);
    width: 6px;
}

.btn-radio+label:after, .btn-checkbox+label:after {
    content: '';
    display: none;
    position: absolute;
}


/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}


/* 버튼 기본 스타일 ------------------------------- */
.btns {display:inline-block; padding:0 10px; height:28px; line-height:26px; text-align:center; vertical-align:middle; border-radius:3px; border:1px solid transparent; /* white-space:nowrap; */ font-weight:500; font-family:'Noto Sans KR', Dotum, Arial, tahoma, Helvetica, sans-serif;}
a.btns:hover, a.btns:focus, button.btns:hover, button.btns:focus, input.btns:hover, input.btns:focus {opacity:0.9;}
a.btns, button {cursor:pointer;}
button span {position:relative;}

/* list-style */
ul.list-style li{position:relative;font-size:1.5em;padding:0 0 5px 15px;}
ul.list-style li::before{position:absolute;content:'';background:#c9c9c9;width:5px;height:5px;top:10px;left:5px;}
ul.list-style li span{font-weight:600;}
ul.list-style li a{font-size:1em;}
ul.list-style li a:hover{text-decoration:underline;}