/*
.msg_touch_help {
position: absolute;
left: 50%;
top: 100px;
margin-left: -50px;
width:116px;
height:78px;
background:url('../images/common/icon_touch_help.png') center center no-repeat;
}
*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 0 0 0 0px;
background-color: #f5f5f5;
}
::-webkit-scrollbar {
width: 8px;
background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
border-radius:10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #999;
}
::-webkit-scrollbar-thumb:hover {
background-color: #666;
}
/* common ===================================*/
img {max-width:100%}
/* cms */
.cmsinfo {text-align:center; margin-top: 50px; padding:16px; border: 1px dotted #ccc; color: #666; width: 100%; font-size:14px; font-weight:bold;background:#f0f0f0}
.cmsinfo a {background:#000;color:#fff !important;padding:4px 16px;margin:0 4px;border-radius:30px;font-size:110%}
.cmsinfo a:hover {background:#b20000}
#cmsformwrap {display:none; }
.toastmessage {border:0px solid #f00;color:#fff;background-color:#f00;z-index:100000;}
.toastmessage > div { font-size:15px; }
.hidden { display:none !important; }
.fl-left {float:left}
.fl-right {float:right}
.right-img {float:right;margin:8px 0px 20px 30px}
.left-img {float:left;margin:5px 30px 20px 0px}
.TAL {text-align:left !important}
.TAC {text-align:center !important}
.TAR {text-align:right !important}
.TAJ {text-align:justify !important}
.fbold {font-weight:bold !important}
.fw-700 {font-weight:700 !important}
.fw-500 {font-weight:500 !important}
.fw-400 {font-weight:400 !important}
.fw-300 {font-weight:300 !important}
.fc-ff {color:#fff !important}
.fc-black {color:#000 !important}
.fc-gray {color:#bbb !important}
.fc-green {color:#53b332 !important}
.fc-light-green {color:#64BB5D !important}
.fc-olive-green {color:#96A94B !important}
.fc-yellow {color:#EEA303 !important}
.fc-red {color:#e60012 !important}
.fc-ijs-red {color:#B5181E !important}
.fc-light-red {color:#D54F30 !important}
.fc-pink-red {color:#F06060 !important}
.fc-blue {color:#006896}
.fc-drak-blue {color:#3851BC !important}
.fc-purple {color:#702FA8 !important}
.bg-ff {background-color:#fff;}
.bgbox-g {background-color:#3fae02;color:#fff;padding:1px 5px 3px;font-weight:500}
.bgbox-b {background-color:#0257ae;color:#fff;padding:1px 5px 3px;font-weight:500}
.bgbox-r {background-color:#B5181E;color:#fff;padding:1px 5px 3px;font-weight:500}
.part-line {color:#ddd;font-size:11px;padding:2px 10px 0 10px;font-family:tahoma}
.LH01 {line-height:1 !important}
.LH15 {line-height:15px !important}
.LH16 {line-height:16px !important}
.LH17 {line-height:17px !important}
.LH18 {line-height:18px !important}
.LH19 {line-height:19px !important}
.LH20 {line-height:20px !important}
.LH21 {line-height:21px !important}
.LH22 {line-height:22px !important}
.LH23 {line-height:23px !important}
.LH24 {line-height:24px !important}
.FS10 {font-size:10px !important}
.FS11 {font-size:11px !important}
.FS12 {font-size:12px !important}
.FS13 {font-size:13px !important}
.FS14 {font-size:14px !important}
.fs15,
.FS15 {font-size:15px !important}
.FS16 {font-size:16px !important}
.FS17 {font-size:17px !important}
.FS18 {font-size:18px !important}
.FS19 {font-size:19px !important}
.FS20 {font-size:20px !important}
.FS21 {font-size:21px !important}
.FS22 {font-size:22px !important}
.ml0 {margin-left:0px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml7 {margin-left:7px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml12 {margin-left:12px !important;}
.ml13 {margin-left:13px !important;}
.ml15 {margin-left:15px !important;}
.ml18 {margin-left:18px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml27 {margin-left:27px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}
.mt_20 {margin-top:-20px !important;}
.mt_10 {margin-top:-10px !important;}
.mt0 {margin-top:0 !important;}
.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt13 {margin-top:13px !important;}
.mt15 {margin-top:15px !important;}
.mt18 {margin-top:18px !important;}
.mt20 {margin-top:20px !important;}
.mt22 {margin-top:22px !important;}
.mt25 {margin-top:25px !important;}
.mt27 {margin-top:27px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt47 {margin-top:47px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt80 {margin-top:80px !important;}
.mt100 {margin-top:100px !important;}
.mt150 {margin-top:150px !important;}
.mt200 {margin-top:200px !important;}
.mt240 {margin-top:240px !important;}
.mt300 {margin-top:300px !important;}
.mt350 {margin-top:350px !important;}
.mt400 {margin-top:400px !important;}
.mr0 {margin-right:0 !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr17 {margin-right:17px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr32 {margin-right:32px !important;}
.mr40 {margin-right:40px !important;}
.mb0 {margin-bottom:0px !important;}
.mb1 {margin-bottom:1px !important;}
.mb3 {margin-bottom:3px !important;}
.mb5 {margin-bottom:5px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb9 {margin-bottom:9px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb150 {margin-bottom:150px !important;}
.letter-0 {letter-spacing:0 !important}
/* table */
.table {}
table.tbl01 {width:100%;border:0;border-color:transparent;font-size:14px;border-collapse: collapse;border-spacing: 0;background:#fff}
table.tbl01 th{text-align:center;}
table.tbl01 td, table.tbl01 th{padding:8px 10px;border:1px solid #ddd;vertical-align:middle;}
table.tbl01 th, table.tbl01 thead td{background:#FBFBFB;font-weight:500;}
table caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;padding:0 !important}
table.tbl01 tr.tline {border-top:2px solid #f15a23}
table.tbl01.bt-red {border-top:2px solid #b8422f}
table.tbl01.bt-gray {border-top:2px solid #777}
table.tbl01.bt-black {border-top:2px solid #555}
table.tbl01.bt-blue {border-top:2px solid #6A8EC6}
table.tbl01.bt-green {border-top:2px solid #297379}
table.tbl01.bt-orange {border-top:2px solid #F98437}
table.tbl01 td.bg-red, table.tbl01 th.bg-red, table.tbl01 tr.bg-red {background-color:#f3e5eb}
table.tbl01 td.bg-green, table.tbl01 th.bg-green, table.tbl01 tr.bg-green {background-color:#e3f2e0}
table.tbl01.td-hover td:hover{background:#e8eef8}
table.tbl01.tr-hover tr:hover{background:#e8eef8}
table.tbl01.pdd20 td, table.tbl01.pdd20 th{padding:20px 15px;}
table.tbl01.pdd10 td, table.tbl01.pdd10 th{padding:10px 15px;}
table.tbl01.pdd5 td, table.tbl01.pdd5 th{padding:5px 5px;}
table.tbl01.val-top td, table.tbl01.val-top th{vertical-align:text-top !important;}
table.tbl01 td.tl { text-align:left; }
table.tbl01 td.tc { text-align:center; }
table.tbl01 th:first-child, table.tbl01 td:first-child { border-left:none; }
table.tbl01 th:last-child, table.tbl01 td:last-child { border-right:none; }
/* thead의 th 아래 라인 삭제, 타 사이트와 왜 다르게 나오지? */
table.tbl01 thead th { border-bottom:none !important; }
table.tbl02 {width:100%;border:0;border-color:transparent;font-size:14px;border-collapse: collapse;border-spacing: 0;background:#fff}
table.tbl02 th{text-align:center;}
table.tbl02 td, table.tbl02 th{padding:8px 10px;border:1px solid #ddd;vertical-align:middle;}
table.tbl02 th, table.tbl02 thead td{background:#FBFBFB;font-weight:500;}
table.tbl02 tr.tline {border-top:2px solid #f15a23}
table.tbl02 td.tl { text-align:left; }
table.tbl02 td.tc { text-align:center; }
.table > thead > tr > th,
.table.thbg th {background:#f2f2f2;border-bottom:0}
.table.thbg-blue th {background:#012d84;border-bottom:0;color:#cdeeff !important}
.table.thbg-blue2 thead th{background:#143884 !important;color:#cdeeff !important;padding:14px}
.table.thbg th {padding:16px 0}
.tb-cell {display: table-cell;vertical-align: middle;}
.table.bgff {background:#fff}
.table.th-bg th{background:#f2f2f2 !important}
.table.th-center th{text-align:center !important}
.table.td-center td{text-align:center !important}
.table.tcenter th,
.table.tcenter td{text-align:center !important}
.table > tbody > tr {border-bottom:1px solid #ddd}
.table.va-m > thead > tr > th, .table.va-m > tbody > tr > th, .table.va-m > tfoot > tr > th, .table.va-m > thead > tr > td, .table.va-m > tbody > tr > td, .table.va-m > tfoot > tr > td {
vertical-align: middle !important;
}
.table.pd30 > thead > tr > th, .table.pd30 > tbody > tr > th, .table.pd30 > tfoot > tr > th, .table.pd30 > thead > tr > td, .table.pd30 > tbody > tr > td, .table.pd30 > tfoot > tr > td {
padding:30px 20px;
}
.table.pd20 > thead > tr > th, .table.pd20 > tbody > tr > th, .table.pd20 > tfoot > tr > th, .table.pd20 > thead > tr > td, .table.pd20 > tbody > tr > td, .table.pd20 > tfoot > tr > td {
padding:20px;
}
.table.pd15 > thead > tr > th, .table.pd15 > tbody > tr > th, .table.pd15 > tfoot > tr > th, .table.pd15 > thead > tr > td, .table.pd15 > tbody > tr > td, .table.pd15 > tfoot > tr > td {
padding:15px 16px ;
}
.table.pd10 > thead > tr > th, .table.pd10 > tbody > tr > th, .table.pd10 > tfoot > tr > th, .table.pd10 > thead > tr > td, .table.pd10 > tbody > tr > td, .table.pd10 > tfoot > tr > td {
padding:10px 20px ;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
border-bottom-width: 1px;
}
.table.table-bordered {max-width:99.9%}
.table-bordered {border: 1px solid #ccc;border-left:0;border-right:0}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ccc;padding:15px
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 1px;
}
.table-bordered.tblr th:first-child, .table-bordered.tblr td:first-child { border-left:none; }
.table-bordered.tblr th:last-child, .table-bordered.tblr td:last-child { border-right:none; }
.table-bordered.table-hover > tbody > tr:hover {
background-color:rgba(0, 0, 0, 0.02 );
/*cursor:pointer;*/
}
.table.bt-orange {border-top:2px solid #e66c00}
.table.bt-red {border-top:2px solid #b8422f}
.table.bt-gray {border-top:2px solid #777}
.table.bt-black {border-top:2px solid #555}
.table.bt-blue {border-top:2px solid #0088CC}
.table.bt-blue-1 {border-top:1px solid #0088CC}
.table.center th, .table.center td{text-align:center}
.table.thcenter th {text-align:center}
.table.tdcenter td {text-align:center}
.table.table-bordered th{font-weight:500 !important}
/*modal center
.modal {text-align: center;}
.modal-dialog{
display: inline-block;
text-align: left;
vertical-align: middle;
}
@media screen and (min-width: 768px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
margin-right: -4px;
}
}
*/
/*serarch box*/
/*.form-control {box-shadow: none;border-radius: 0;}
.form-control:focus {outline: none;box-shadow: none;border-color: #999;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: #F9F9F9;}
*/
.inline-filters {background-color: #f5f5f5;padding: 30px;}
.inline-filters input[type="text"], .inline-filters select {height: 38px;min-width: 260px;margin-right: 20px;}
.inline-filters .title {font-size: 16px;margin-right: 40px;}
.inline-filters.search-box .form-inline {height: 40px;position: relative;}
.inline-filters.search-box .form-inline .form-group .btn {font-size: 13px;padding: 0px 20px;border: none;line-height: 38px;}
.inline-filters.search-box .form-inline .form-group.with-filter {position: relative;margin-bottom: 0 !important;}
.inline-filters.search-box .form-inline .form-group.with-filter input {width: 101%;margin: 0;}
.inline-filters.search-box .form-inline [class*="col-"]:first-child {padding-right: 0;}
.inline-filters.search-box .form-inline [class*="col-"]:last-child {padding-left: 0;}
.inline-filters .btn-blue {background-color: #2471c8;color: #d5f3ff; border-radius:0px !important;}
.inline-filters .btn-blue:hover {background-color: #1f66b6; color: #fff;}
/*
*/
.comingsoon {
padding: 300px 0;
text-align: center;
font-size: 20px;
background: #eee;
color: #222;
}
/********************* password strength checker ***********************/
.pwstrenth {margin-top: 4px;/*width: 150px;*/ display:none;}
.pwstrenth .label { position:relative; font-size:13px;}
.pw-very-weak .label {color: #d00;}
.pw-very-weak .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:30px; background: #d00; }
.pw-weak .label {color: #d00; font-size:13px;}
.pw-weak .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:60px; background: #d00; }
.pw-mediocre .label {color: #c0bd00; font-size:13px;}
.pw-mediocre .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:90px; background: #c0bd00; }
.pw-strong .label {color: #f3b31a; font-size:13px;}
.pw-strong .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:120px; background: #f3b31a; }
.pw-very-strong .label {color: #00a500; font-size:13px;}
.pw-very-strong .label:before { content:''; position:absolute; left:0; top:0; height:2px; width:150px; background: #00a500; }
/********************* //password strength checker ***********************/
/* 메인팝업 */
body.popbody { border:0 !important;padding:0 !important; margin:0 !important; }
.popwrap { margin:10px; }
#popwrap {padding:0;margin:0;}
.popupwrap { background-color:#fff; }
.popcontentwrap {margin:0 0px 0px 0px; color:#333;}
.popcontent { background-color:#fff; padding:15px 20px; margin-bottom:20px; }
.pop-title {background:#f9f9f9;border-top:1px dotted #ddd;border-bottom:1px solid #eee;line-height:1.7em;padding:10px 10px 7px 10px;}
#pop_footer { position:fixed; bottom:0; left:0; width:100%; background-color:#3a3a3a; height:28px; padding:5px 0 5px 0; color:#425131; margin-top:00px; }
#pop_footer ul:after {content: ""; display: table; clear: both; }
#pop_footer label {color:#fff; font-weight:normal; margin-bottom:0px !important;}
#pop_footer .today {float:left; height:20px; padding:0 0 0 10px; color: #fff;font-size:13px}
#pop_footer .closepop {float:right; padding:2px 10px 0 0; color: #fff;font-size:13px; line-height:100%; text-transform: uppercase; }
#pop_footer .closepop a {text-decoration:none; color:#fff;}
#pop_footer .closepop a:hover {text-decoration:underline; color:#fff;}
#pop_footer label { position:relative; display:block; top:0; left:0; }
#pop_footer label .popcheck { position:absolute; top:-5px; left:0; display:block; margin-top:5px; }
#pop_footer label .poptext { position:absolute; top:2px; left:20px; height:15px; line-height:15px; width:220px; display:block; }
#pop_footer ul { padding:0px; margin:0px; list-style:none;}
#pop_footer ul li { float:left; }
#pop_footer ul li.todaytxt { padding-left:5px; padding-top:0px; }
/*SNS*/
a.sns-share{text-decoration:none;font-size:13px;font-weight:500;color:#ccc;}
.dropdown-menu > li > a.face {color: #3B5998 !important;font-size:13px;}
.dropdown-menu > li > a.twit {color: #00ACEE !important;font-size:13px;}
.btn-group.sns{min-width:96px;}
.sv-sns {text-align:right}
@media( max-width: 767px ) {
.sv-sns {text-align:center}
}
@media( max-width: 767px ) {
.mo-center {text-align:center}
#re-table,
#re-table thead,
#re-table tbody,
#re-table tr,
#re-table th,
#re-table td {display: block;border:none !important;}
#re-table tr {border-bottom: 0px solid #ddd !important;}
#re-table tr:first-child{ border-top:2px solid #4890DD !important; }
#re-table tr:last-child{ border-bottom:1px solid #ddd !important; }
#re-table table,
#re-table th,
#re-table td {border:none !important;padding:0px !important;}
#re-table th {padding:20px 0 !important;background:#e9f0f5 !important;display:block !important;color:red !important;border-bottom: 0px solid #ddd !important;text-align:center}
#re-table td {padding:14px 10px !important;}
#re-table td .enter {padding-right:0px !important;}
#re-table thead {display:none}
#re-table td.hidesmall { display:none !important;}
#re-table td:first-child,
#re-table tbody th+td {background:#f9f9f9;font-weight:500}
#re-table h3{font-size:16px;margin:0}
.areafilter { display:none; } /* tablet 이하에서 select box가 클릭된다. 그래서 숨겨버림 */
}
/* columns of same height styles */
@media (min-width: 480px) {
.row-xs-height {display: table;table-layout: fixed;height: 100%;width: 100%;}
.col-xs-height { display: table-cell; float: none; height: 100%;}
.col-xs-top {vertical-align: top;}
.col-xs-middle {vertical-align: middle;}
.col-xs-bottom {vertical-align: bottom;}
}
@media (min-width: 768px) {
.row-sm-height {display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-sm-height { display: table-cell; float: none; height: 100%; }
.col-sm-top { vertical-align: top; }
.col-sm-middle { vertical-align: middle; }
.col-sm-bottom { vertical-align: bottom; }
}
@media (min-width: 992px) {
.row-md-height {display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-md-height { display: table-cell; float: none; height: 100%; }
.col-md-top { vertical-align: top; }
.col-md-middle { vertical-align: middle;}
.col-md-bottom { vertical-align: bottom;}
}
@media (min-width: 1200px) {
.row-lg-height { display: table; table-layout: fixed; height: 100%; width: 100%; }
.col-lg-height { display: table-cell; float: none; height: 100%; }
.col-lg-top { vertical-align: top; }
.col-lg-middle { vertical-align: middle; }
.col-lg-bottom { vertical-align: bottom; }
}
/* list-style */
ul.list-num, ul.list-square, ul.list-circle, ol.list-num {padding:0; margin:0;margin-left:18px;}
.list-square {list-style: square;}
.list-circle {list-style: circle;}
.list-num {list-style-type: decimal;}
ul.arrow-list {list-style:none;margin:0;padding:0}
ul.arrow-list li{background: url('../images/common/li_arrow.png') left 5px no-repeat;padding-left:10px}
ul.list-dash {list-style:none;margin:0;padding:0;}
ul.list-dash li {padding-left:18px;background: url('../images/common/li_dash.gif') left 6px no-repeat;}
ul.list-dash.limb-10 li {margin-bottom:10px;}
ul.list-dash.limb-10 li:last-child {margin-bottom:0px !important}
ul.text-list,
ul.text-list li{list-style:none;margin:0;padding:0}
.text-list > li {margin-bottom:5px;}
.text-list > li > ul > li{margin-left:10px;}
.text-list li:last-child {margin-bottom:0px !important}
.list-ro {list-style:none;margin:0;padding:0}
.list-ro li{ text-indent:-12px; margin-left:12px;}
.list-ro.mb li {margin-bottom:8px;}
.list-ro.mb li:last-child {margin-bottom:0}
.list-ro.mb10 li {margin-bottom:10px;}
.list-ro.mb10 li:last-child {margin-bottom:0}
.list-ro.mb15 li {margin-bottom:15px;}
.list-ro.mb15 li:last-child {margin-bottom:0}
.list-ro li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#999; display:inline-block; margin:0 8px 0px 0; vertical-align:middle;}
.list-ro.dotblue li:before{ content:""; width:3px; height:3px; border-radius:50%;background-color:#203c92; display:inline-block; margin:0 8px 4px 0; vertical-align:middle; }
.list-ro1 {list-style:none;margin:0;padding:0}
.list-ro1 li{ text-indent:-12px; margin-left:12px;}
.list-ro1.mb li {margin-bottom:10px;}
.list-ro1.mb li:last-child {margin-bottom:0}
.list-ro1 li:before{ content:""; width:4px; height:4px; border-radius:50%;background-color:#757575; display:inline-block; margin:0 8px 5px 0; vertical-align:middle;}
.list-star {list-style:none;margin:0;padding:0}
.list-star li{ text-indent:-12px; margin-left:12px;}
.list-star li:before{ content:"*"; display:inline-block; margin:0 0px 0px 12px; vertical-align:middle;}
.list-dash2 {list-style:none;margin:0;padding:0;}
.list-dash2 li{ text-indent:-12px; margin:0 0 3px 14px;}
.list-dash2 li:before{ content:"-"; display:inline-block; margin:-1px 0px 0px 14px; vertical-align:top !important;}
ul.bullet_block > li,
.bullet_block > .txt {position: relative; padding-left:21px; line-height:30px; padding-bottom:14px;}
ul.bullet_block > li:after,
.bullet_block > .txt:after {content:" "; position: absolute; top:13px; left:0; display:block; width:10px; height:5px; background-color:#bba078;}
ul.mb10 li {margin-bottom:10px !important}
ul.mb li:last-child {margin-bottom:0px !important}
.no-radius {border-radius:0 !important}
/*
.modal-header.dark-hd {background:#343434;}
.modal-header.dark-hd h4,
.modal-header.dark-hd button.close {color:#fff !important}
*/
hr.line {
margin-top: 30px;
margin-bottom: 30px;
border: 0;
border-top: 1px solid #ccc;
}
.tab-select{
width: 99%; /* 원하는 너비설정 */
padding: .8em .5em; /* 여백으로 높이 설정 */
font-family: inherit; /* 폰트 상속 */
/*background: url('이미지 경로') no-repeat 95% 50%; 네이티브 화살표를 커스텀 화살표로 대체 */
border: 1px solid #999;
border-radius: 0px; /* iOS 둥근모서리 제거 */
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
}
/* select design*/
[include*="form-input-select()"] {
display: block;
padding: 0;
position: relative;
color: #193889;
display: block;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 16px;
margin-top: 9px;
margin-bottom: 15px;
width: 100%;
}
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
content: '';
display: block;
position: absolute;
pointer-events: none;
z-index: 2;
}
[include*="form-input-select()"] select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 0;
border: 1px solid transparent;
font-size: 16px;
outline: none;
}
[include*="form-input-select()"] select:focus {
background-color: transparent;
outline: none;
}
[include*="form-input-select()"] option {
font-weight: normal;
}
[include*="form-input-select()"] x:-o-prefocus, [include*="form-input-select()"]::after {
display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
[include*="form-input-select()"] select::-ms-expand {
display: none;
}
[include*="form-input-select()"] select:focus::-ms-value {
background: transparent;
color: #000;
}
}
@-moz-document url-prefix() {
[include*="form-input-select()"] {
overflow: hidden;
}
[include*="form-input-select()"] select {
width: 120%;
width: calc(100% + 3em);
/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
}
@supports (-moz-appearance: none) {
[include*="form-input-select()"] select {
width: 100%;
}
}
[include*="form-input-select()"] select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
}
@supports (-moz-appearance: none) {
[include*="form-input-select()"] {
width: 100%;
}
}
[include*="form-input-select()"]::before, [include*="form-input-select()"]::after {
content: '';
display: block;
position: absolute;
pointer-events: none;
border: 1px solid transparent;
width: 0;
height: 0;
right: 16px;
}
[include*="form-input-select()"]::before {
bottom: 55%;
border-width: 0 6.5px 8px 6.5px;
border-bottom-color: #D6D6D6;
}
[include*="form-input-select()"]::after {
border-width: 8px 6.5px 0 6.5px;
border-top-color: #D6D6D6;
top: 55%;
}
@-moz-document url-prefix() {
[include*="form-input-select()"] {
border-right: 3px solid #E6E6E6;
}
[include*="form-input-select()"]:hover {
border-right: 3px solid #193889;
}
}
[include*="form-input-select()"]:hover select {
-webkit-box-shadow: 0 2px 3px rgba(0, 91, 166, 0.1) inset;
box-shadow: 0 2px 3px rgba(0, 91, 166, 0.1) inset;
border-color: #193889;
}
[include*="form-input-select()"]:hover select:focus {
outline-color: transparent;
}
[include*="form-input-select()"]:hover::before {
border-bottom-color: #193889;
}
[include*="form-input-select()"]:hover::after {
border-top-color: #193889;
}
[include*="form-input-select()"] select {
border: 3px solid #E6E6E6;
border-radius: 0;
font-weight: 400;
color: inherit;
padding: 11px 15px;
line-height: normal;
-webkit-transition: border-color 0.2s ease, outline 0.2s ease;
transition: border-color 0.2s ease, outline 0.2s ease;
}
[include*="form-input-select()"] select:focus {
outline: 3px solid #193889;
outline-offset: -3px;
}
[include*="form-input-select()"] select[disabled], [include*="form-input-select()"] select:disabled {
opacity: 0.4;
cursor: not-allowed;
}
[include*="form-input-select()"] select:invalid {
color: #C7C7C7;
}
/* tab design*/
.tab-st {margin-bottom:30px;list-style:none;}
.tab-st:after { clear:both;content: ""; display:block;font-size:0;line-height:0px;height:0px;}
.tab-st > li {float:left;}
.tab_20 > li {width:20%;}
.tab_50 > li {width:50%;}
.tab_33 > li {width:33.33333%;}
.tab_25 > li {width:25%;}
.tab_20 > li {width:20%;}
.tab_16 > li {width:16.66666%;}
.tab_9 > li {width:9.09%;}
.tab-st > li > a {display:block; margin-left:3px; margin-bottom:0px; background-color:#fff; font-weight:bold; font-size:16px;height:54px; line-height:54px; color:#444; text-align:center;text-decoration:none;
border:1px solid #ccc;}
.tab-st > li > a:hover {color:#286dc0;border:1px solid #286dc0;}
.tab-st > li.active > a {background-color:#286dc0; color:#fff;text-decoration:none;border:1px solid #286dc0;}
.tab-st > li.active:after {
content:"▼"; display:block; color:#286dc0; margin:0 auto;text-align:center;line-height:0px;font-size:17px;
}
.tab-st > li:first-child > a {margin-left0;}
.ellipsis {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.pdd20 {padding:0 30px}
@media (max-width: 767px) {
.pdd20 {padding:0 15px}
}
@media (max-width: 478px) {
}
hr {border-top: 1px solid #ccc;opacity:1;}
.btn-blue {
border-radius:0;
color: #ffffff;
background-color: #1481c1;
border-color: #1481c1;
}
.btn-blue:focus,
.btn-blue.focus {
color: #ffffff;
background-color: #116da3;
border-color: #116da3;
}
.btn-blue:hover {
color: #ffffff;
background-color: #116da3;
border-color: #116da3;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
color: #ffffff;
background-color: #116da3;
border-color: #116da3;
}
.hidden-xs-up {
display: none !important;
}
@media (max-width: 575px) {
.hidden-xs-down {
display: none !important;
}
}
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 991px) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important;
}
.show-lg-down {
display: block !important;
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
.hidden-xl-down {
display: none !important;
}
.wba {word-break: break-all !important;word-wrap: break-word !important;}
/*list
*/
.list-zd { margin:0; padding:0;}
.list-zd > li {position:relative; list-style:none;padding-left:10px; background:none !important;word-break: break-all !important;word-wrap: break-word !important;}
.list-zd > li span{ position:absolute; left:0; top:0}
.list-zd > li em{font-style:normal !important}
.list-zd > li.dash { position:relative; padding-left:10px;}
.list-zd > li.dot { position:relative; padding-left:8px;}
.list-zd > li.star { position:relative; padding-left:12px;}
.list-zd > li.abc { position:relative; padding-left:26px;}
.list-zd > li.num { position:relative; padding-left:10px;}
.list-zd > li.num15 { position:relative; padding-left:15px;}
.list-zd > li.num20 { position:relative; padding-left:20px;}
.list-zd > li.num25 { position:relative; padding-left:25px;}
.list-zd > li.num30 { position:relative; padding-left:30px;}
.list-zd > li.word-2 { position:relative; padding-left:40px;}
.list-zd > li.word-2 span {font-weight:700}
.list-zd > li.tit {position:relative; padding-left:74px;}
.list-zd > li.tit span {font-weight:500}
.list-zd > li.yyyymm { position:relative; padding-left:80px;}
.list-zd > li.yyyymm span {font-weight:500}
.list-zd li.pl10 { position:relative; padding-left:10px;}
.list-zd li.pl15 { position:relative; padding-left:15px;}
.list-zd li.pl20 { position:relative; padding-left:20px;}
.list-zd li.pl25 { position:relative; padding-left:25px;}
.list-zd li.pl30 { position:relative; padding-left:30px;}
.list-zd li.pl40 { position:relative; padding-left:40px;}
.list-zd li.pl50 { position:relative; padding-left:50px;}
.list-zd li.pl55 { position:relative; padding-left:55px;}
.list-zd li.pl60 { position:relative; padding-left:60px;}
.list-zd li.pl65 { position:relative; padding-left:65px;}
.list-zd li.pl70 { position:relative; padding-left:70px;}
.list-zd li.pl75 { position:relative; padding-left:75px;}
.list-zd li.pl130 { position:relative; padding-left:130px;}
.list-zd li.pl210 { position:relative; padding-left:210px;}
.list-zd.mbli-3 > li {margin-bottom:3px;}
.list-zd.mbli-3 > li:last-child {margin-bottom:0px;}
.list-zd.mbli-5 > li {margin-bottom:5px;}
.list-zd.mbli-5 > li:last-child {margin-bottom:0px;}
.list-zd.mbli-7 > li {margin-bottom:7px;}
.list-zd.mbli-7 > li:last-child {margin-bottom:0px;}
.list-zd.mbli-10 > li {margin-bottom:10px;}
.list-zd.mbli-10 > li:last-child {margin-bottom:0px;}
@media (max-width: 575.98px) {
.list-zd > li.abc {padding-left:22px;}
.list-zd > li.num15 {padding-left:10px;}
.list-zd > li.num20 {padding-left:18px;}
.list-zd > li.num15 span{top:-2px}
}
@media (max-width: 575.98px) {
.t-nowrap {white-space: nowrap;}
.mw-200 {min-width:200px}
}
/* 테이블 */
table.table-sl {width:100%;border:0;border-color:transparent;font-size:1rem;border-collapse: collapse;border-spacing: 0;background:#fff;position:relative;}
table.table-sl th{text-align:left;}
table.table-sl td, table.table-sl th{padding:7px 10px;border:1px solid #ddd;vertical-align:middle;}
table.table-sl th {background:#fbfbfb;font-weight:bold;}
table caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;padding:0 !important}
/* table side border */
table.table-sl.noside th:first-child, table.table-sl.noside td:first-child { border-left:none; }
table.table-sl.noside th:last-child, table.table-sl.noside td:last-child { border-right:none; }
table.table-sl > tbody + tbody {border-top:0px solid #f00 !important;}
table.table-sl.tcenter th, table.table-sl.tcenter td { text-align:center ;}
table.table-sl.tright th, table.table-sl.tright td { text-align:right;}
.table-sl.reg-sl {border-top:0px solid #ccc}
.table-sl.reg-sl.bt-gray {border-top:2px solid #aaa}
.table-sl.reg-sl td, .table-sl.reg-sl th {
padding:14px 12px;
border: 0px solid #ccc;
}
.table-sl.reg-sl2 td, .table-sl.reg-sl2 th {
padding:14px 12px;
border: 1px solid #ddd;
}
.table-sl.reg-sl2 th {background:#f0f0f0;font-weight:500;}
.table-sl.reg-sl.thbg th {background:#f3f3f3 !important;}
.table-sl.reg-sl.thbg {border-top:2px solid #ccc }
.table-sl.reg-sl th {background:#f0f0f0;font-weight:500;}
/*.table-sl.reg-sl {font-size:15px}*/
.table-sl.reg-sl .form-group{margin-bottom:0px;}
.table-sl.reg-sl td.stit {padding:10px 12px;background:var(--cnvs-themecolor);color:#fff;font-weight:500;font-size:14px;}
.table-sl.reg-sl td.stit2 {padding:12px;background:#333;color:#fff;font-weight:700;font-size:}
/*.table.reg-sl .btn-sm, .table.reg-sl .btn-group-sm > .btn {border-radius: 0rem;}*/
.table.reg-sl .custom-file-label::after {content: "�뚯씪李얘린";}
.custom-file-input {border-radius: 0rem !important;}
.table-sl.reg-sl .fbold {font-weight:500 !important}
.reg-sl .form-control {
height: calc(2rem + 2px);
padding: 0.2rem 0.4rem;
font-size: 14px;
}
.reg-sl2 .form-control {
height: calc(2rem + 2px);
padding: 0.1rem 0.4rem;
font-size: 14px;
}
.reqitem {color: #c61010;padding-left:1.2px;display: inline-block;font-weight:700}
.formcomment {margin-top:5px;color:#c61010;font-size:14px;}
@media (max-width: 991px){
.table-sl.reg-sl {font-size:14px;line-height:1.5}
.table.reg-sl td,
.table.reg-sl th {display:block !important}
.table-sl.reg-sl td, .table-sl.reg-sl th {
padding:8px 10px 12px;
border: 0px solid #ddd;
display:block !important
vertical-align: middle;
}
.table.in-table td,
.table.in-table th {display:inline !important}
table.table-sl.reg-sl th {
background:#f0f0f0;padding:10px;
font-weight:700;
}
table.table-sl colgroup {display:none}
}
/* pixel unit : per 15px */
.wx-1 { width: 15px !important; }
.wx-2 { width: 30px !important; }
.wx-3 { width: 45px !important; }
.wx-4 { width: 60px !important; }
.wx-5 { width: 75px !important; }
.wx-6 { width: 90px !important; }
.wx-7 { width: 105px !important; }
.wx-8 { width: 120px !important; }
.wx-9 { width: 135px !important; }
.wx-10 { width: 150px !important; }
.wx-11 { width: 165px !important; }
.wx-12 { width: 180px !important; }
.wx-15 { width: 225px !important; }
.wx-18 { width: 195px !important; }
.wx-20 { width: 300px !important; }
.wx-30 { width: 450px !important; }
.br-20 {border-radius:20px}
.lsp {letter-spacing:-0.03em}