@charset "utf-8";

.rounded-pill{}

.box-lg{max-height:950px;min-height:950px;}
.box-md{max-height:550px;min-height:550px;}
.box-sm{max-height:350px;min-height:350px;}
.box-xs{max-height:150px;min-height:150px;}

.bord-no{border:0 !important}
.bord-all{border:1px solid #e9e9e9}
.bord-top{border-top:1px solid #e9e9e9}
.bord-btm{border-bottom:1px solid #e9e9e9}
.bord-lft{border-left:1px solid #e9e9e9}
.bord-rgt{border-right:1px solid #e9e9e9}
.bord-ver{border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.bord-hor{border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9}

.input-sm{padding:4px 10px;}
.input-lg{padding:15px 16px;font-size:18px;}

.panel-expand .vertical-box .vertical-box-column{display:table-cell}
.no-rounded-corner{-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important}
.rounded-corner{-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important}

.icon-wrap{display:inline-block;padding:10px;border-radius:2px}
.icon-wrap i{display:block;line-height:1em;text-align:center;position:relative;width:1em;padding-top:1em;vertical-align:middle}
.icon-wrap i:before{position:absolute;top:0;bottom:0;left:0;right:0}
.icon-wrap .icon-txt{display:block;line-height:1em;text-align:center;position:relative;width:1em;vertical-align:top}
.icon-wrap-lg{padding:20px}
.icon-wrap-md{padding:17px}
.icon-wrap-sm{padding:12px}
.icon-wrap-xs{padding:7px}
.icon-circle{border-radius:50%}

.icon-lg:before{font-size:1.333em;line-height:1.095em;vertical-align:middle}
.icon-2x:before{font-size:2em;line-height:1em}
.icon-3x:before{font-size:3em;line-height:1em}
.icon-4x:before{font-size:4em;line-height:1em}
.icon-5x:before{font-size:5em;line-height:1em}

.circle{border-radius:50%;}

.img-mar{margin:5px}
.img-border{box-shadow:0 0 0 4px rgba(0,0,0,0.1)}
.img-border-light{box-shadow:0 0 0 4px #fff}
.img-xs{width:32px;height:32px}
.img-md{width:64px;height:64px}
.img-sm{width:46px;height:46px}
.img-lg{width:96px;height:96px}
.img-holder img{max-width:100%;border-radius:0}

.table-td-valign-middle td,.table-th-valign-middle th,.table-valign-middle td,.table-valign-middle th{vertical-align:middle !important}
.table-td-valign-top td,.table-th-valign-top th,.table-valign-top td,.table-valign-top th{vertical-align:top !important}
.table-td-valign-bottom td,.table-th-valign-bottom th,.table-valign-bottom td,.table-valign-bottom th{vertical-align:bottom !important}
.vertical-box{display:table;table-layout:fixed;border-spacing:0;height:100%;width:100%}
.vertical-box-column{display:table-cell;vertical-align:top;height:100%}
.vertical-box-row{display:table-row;height:100%}
.vertical-box-row>.vertical-box-cell{position:relative;height:100%;width:100%;float:none}
.vertical-box-row>.vertical-box-cell>.vertical-box-inner-cell{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}

/* color */
.text-light, a.text-light:hover, a.text-light:focus, a.text-light:focus{color:#ccc}
.text-muted, a.text-muted:hover, a.text-muted:focus, a.text-muted:focus{color:#606060}

.text-default, a.text-default:hover, a.text-default:focus, a.text-default:focus{color:#239464 !important;}
.text-white, a.text-white:hover, a.text-white:focus, a.text-white:focus{color:#fff !important;}
.text-black, a.text-black:hover, a.text-black:focus, a.text-black:focus{color:#2d353c !important;}
.text-silver, a.text-silver:hover, a.text-silver:focus, a.text-silver:focus{color:#f0f3f4 !important;}
.text-grey, a.text-grey:hover, a.text-grey:focus, a.text-grey:focus{color:#b6c2c9 !important;}
.text-indigo, a.text-indigo:hover, a.text-indigo:focus, a.text-indigo:focus{color:#8753de !important;}
.text-purple, a.text-purple:hover, a.text-purple:focus, a.text-purple:focus{color:#727cb6 !important;}
.text-pink, a.text-pink:hover, a.text-pink:focus, a.text-pink:focus{color:#fb5597 !important;}
.text-blue, a.text-blue:hover, a.text-blue:focus, a.text-blue:focus{color:#348fe2 !important;}
.text-aqua, a.text-aqua:hover, a.text-aqua:focus, a.text-aqua:focus{color:#49b6d6 !important;}
.text-green, a.text-green:hover, a.text-green:focus, a.text-green:focus{color:#32a932 !important;}
.text-lime, a.text-lime:hover, a.text-lime:focus, a.text-lime:focus{color:#90ca4b !important;}
.text-yellow, a.text-yellow:hover, a.text-yellow:focus, a.text-yellow:focus{color:#ffd900 !important;}
.text-orange, a.text-orange:hover, a.text-orange:focus, a.text-orange:focus{color:#f59c1a !important;}
.text-red, a.text-red:hover, a.text-red:focus, a.text-red:focus{color:#ff5b57 !important;}

/* background */
.bg-white{background-color:#fff !important}
.bg-black{background-color:#2d353c !important}
.bg-black-darker{background-color:#242a30 !important}
.bg-black-lighter{background-color:#575d63 !important}
.bg-silver{background-color:#f0f3f4 !important}
.bg-silver-lighter{background-color:#f4f6f7 !important}
.bg-silver-darker{background-color:#b4b6b7 !important}
.bg-grey{background-color:#b6c2c9 !important}
.bg-grey-darker{background-color:#929ba1 !important}
.bg-grey-lighter{background-color:#c5ced4!important}
.bg-indigo{background-color:#8753de !important}
.bg-indigo-darker{background-color:#6c42b2 !important}
.bg-indigo-lighter{background-color:#9f75e5 !important}
.bg-purple{background-color:#727cb6 !important}
.bg-purple-darker{background-color:#5b6392 !important}
.bg-purple-lighter{background-color:#8e96c5 !important}
.bg-pink{background-color:#fb5597 !important}
.bg-pink-darker{background-color:#c94479 !important}
.bg-pink-lighter{background-color:#fc77ac !important}
.bg-blue{background-color:#348fe2 !important}
.bg-blue-darker{background-color:#2a72b5 !important}
.bg-blue-lighter{background-color:#5da5e8 !important}
.bg-aqua{background-color:#49b6d6 !important}
.bg-aqua-darker{background-color:#3a92ab !important}
.bg-aqua-lighter{background-color:#6dc5de !important}
.bg-green{background-color:#32a932 !important}
.bg-green-darker{background-color:#288728 !important}
.bg-green-lighter{background-color:#5bba5b !important}
.bg-lime{background-color:#90ca4b !important}
.bg-lime-darker{background-color:#6c9738 !important}
.bg-lime-lighter{background-color:#acd778!important}
.bg-yellow{background-color:#ffd900 !important}
.bg-yellow-darker{background-color:#bfa300 !important}
.bg-yellow-lighter{background-color:#fde248 !important}
.bg-orange{background-color:#f59c1a !important}
.bg-orange-darker{background-color:#c47d15 !important}
.bg-orange-lighter{background-color:#f7b048 !important}
.bg-red{background-color:#ff5b57 !important}
.bg-red-darker{background-color:#cc4946 !important}
.bg-red-lighter{background-color:#ff7c79 !important}
.bg-ygrey{background-color:#f6f6f6!important;}
.bg-no{background:0 0 !important}

.form-check{position:relative;display:block;margin-bottom:3px;padding:3px 0;}
.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem;}
.form-check-inline{display:inline-block;align-items:center;margin-right:.75rem;}
.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0;}

.form-check-input + label{display:inline-block;position:relative;margin-bottom:0;padding-left:30px;line-height:20px;vertical-align:top;cursor:pointer;}
.form-check input[type="checkbox"], .form-check input[type="radio"]{display:none;}
.form-check input[type="checkbox"] + label:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #ddd;background-color:#f4f4f4;}
.form-check input[type="radio"] + label:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #ddd;border-radius:10px;background-color:#f4f4f4;}
.form-check input[type="checkbox"]:checked + label:before,
.form-check input[type="radio"]:checked + label:before{border:solid 5px #666;}
.form-check-input:disabled~label{color:#6c757d;}
.form-check-input:disabled~label:before{background-color:#6c757d;}

.form-check.check-default input[type="checkbox"]:checked + label:before, .form-check.check-default input[type="radio"]:checked + label:before{border-color:#239464;}
.form-check.check-black input[type="checkbox"]:checked + label:before, .form-check.check-black input[type="radio"]:checked + label:before{border-color:#2d353c;}
.form-check.check-silver input[type="checkbox"]:checked + label:before, .form-check.check-silver input[type="radio"]:checked + label:before{border-color:#f0f3f4;}
.form-check.check-grey input[type="checkbox"]:checked + label:before, .form-check.check-grey input[type="radio"]:checked + label:before{border-color:#b6c2c9;}
.form-check.check-indigo input[type="checkbox"]:checked + label:before, .form-check.check-indigo input[type="radio"]:checked + label:before{border-color:#8753de;}
.form-check.check-purple input[type="checkbox"]:checked + label:before, .form-check.check-purple input[type="radio"]:checked + label:before{border-color:#727cb6;}
.form-check.check-pink input[type="checkbox"]:checked + label:before, .form-check.check-pink input[type="radio"]:checked + label:before{border-color:#fb5597;}
.form-check.check-blue input[type="checkbox"]:checked + label:before, .form-check.check-blue input[type="radio"]:checked + label:before{border-color:#348fe2;}
.form-check.check-aqua input[type="checkbox"]:checked + label:before, .form-check.check-aqua input[type="radio"]:checked + label:before{border-color:#49b6d6;}
.form-check.check-green input[type="checkbox"]:checked + label:before, .form-check.check-green input[type="radio"]:checked + label:before{border-color:#32a932;}
.form-check.check-lime input[type="checkbox"]:checked + label:before, .form-check.check-lime input[type="radio"]:checked + label:before{border-color:#90ca4b;}
.form-check.check-yellow input[type="checkbox"]:checked + label:before, .form-check.check-yellow input[type="radio"]:checked + label:before{border-color:#ffd900;}
.form-check.check-orange input[type="checkbox"]:checked + label:before, .form-check.check-orange input[type="radio"]:checked + label:before{border-color:#f59c1a;}
.form-check.check-red input[type="checkbox"]:checked + label:before, .form-check.check-red input[type="radio"]:checked + label:before{border-color:#ff5b57;}

.alert {padding:20px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;}
.alert h2{margin-top:0;margin-bottom:10px;color:inherit;}

.alert-danger{color:#d12909;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}

.has-error .form-control,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error label,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label,
.has-error [id^='e_']{color: #d12909;}
.has-error [id^='e_']{display:block;margin-top:5px;}

.d-sm-block{display:none;}
@media (max-width:767px) {
.hidden-xs{display:none !important}
.d-sm-block{display:block;}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm{display:none !important}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md{display:none !important}
}
@media (min-width:1281px) {
.hidden-lg{display:none !important}
}
@media print {
.hidden-print{display:none !important}
}

.tn{overflow:hidden;display:inline-block;font-size:0;vertical-align:middle;line-height:0;}

/* button */
.btn {display:inline-block;padding:8px 18px;margin-bottom:0;font-size:15px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;background-image:none;border:1px solid #e5e5e5;background:#fff;color:#333;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn:hover,
.btn:focus,
.btn.focus {color:#333;text-decoration:none;}
.btn:active,
.btn.active {background-image:none;outline:0;}

.btn-round{border-radius:60rem !important;}
.btn-xl{padding:.875rem 2.125rem;font-size:1.25rem;line-height:1.5;}
.btn-lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5;}
.btn-sm{padding:.188rem .6875rem;font-size:.75rem;line-height:1.5;}
.btn-xs{padding:.025em .3rem;font-size:.75rem;line-height:1.5;}
.btn-block {display:block;width:100%;}
.btn-block + .btn-block {margin-top:5px;}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {width:100%;}

.btn-default{border-color:#239464 !important;background-color:#239464;color:#fff !important;}
.btn-black{border-color:#2d353c !important;background-color:#2d353c;color:#fff !important;}
/*.btn-black:hover, .btn-black:focus, .btn-black.focus{border-color:#242a30 !important;background-color:#242a30;}*/
.btn-silver{border-color:#f0f3f4 !important;background-color:#f0f3f4;color:#333 !important;}
/*.btn-silver:hover, .btn-silver:focus, .btn-silver.focus{border-color:#b4b6b7 !important;background-color:#b4b6b7;color:#333;}*/
.btn-grey{border-color:#b6c2c9 !important;background-color:#b6c2c9;color:#fff !important;}
/*.btn-grey:hover, .btn-grey:focus, .btn-grey.focus{border-color:#929ba1 !important;background-color:#929ba1;color:#fff;}*/
.btn-indigo{border-color:#8753de !important;background-color:#8753de;color:#fff !important;}
/*.btn-indigo:hover, .btn-indigo:focus, .btn-indigo.focus{border-color:#6c42b2 !important;background-color:#6c42b2;color:#fff;}*/
.btn-purple{border-color:#727cb6 !important;background-color:#727cb6;color:#fff !important;}
/*.btn-purple:hover, .btn-purple:focus, .btn-purple.focus{border-color:#5b6392 !important;background-color:#5b6392;color:#fff;}*/
.btn-pink{border-color:#fb5597 !important;background-color:#fb5597;color:#fff !important;}
/*.btn-pink:hover, .btn-pink:focus, .btn-pink.focus{border-color:#c94479 !important;background-color:#c94479;color:#fff;}*/
.btn-blue{border-color:#348fe2 !important;background-color:#348fe2;color:#fff !important;}
/*.btn-blue:hover, .btn-blue:focus, .btn-blue.focus{border-color:#2a72b5 !important;background-color:#2a72b5;color:#fff;}*/
.btn-aqua{border-color:#49b6d6 !important;background-color:#49b6d6;color:#fff !important;}
/*.btn-aqua:hover, .btn-aqua:focus, .btn-aqua.focus{border-color:#3a92ab !important;background-color:#3a92ab;color:#fff;}*/
.btn-green{border-color:#32a932 !important;background-color:#32a932;color:#fff !important;}
/*.btn-green:hover, .btn-green:focus, .btn-green.focus{border-color:#288728 !important;background-color:#288728;color:#fff;}*/
.btn-lime{border-color:#90ca4b !important;background-color:#90ca4b;color:#fff !important;}
/*.btn-lime:hover, .btn-lime:focus, .btn-lime.focus{border-color:#6c9738 !important;background-color:#6c9738;color:#fff;}*/
.btn-yellow{border-color:#ffd900 !important;background-color:#ffd900;color:#fff !important;}
/*.btn-yellow:hover, .btn-yellow:focus, .btn-yellow.focus{border-color:#bfa300 !important;background-color:#bfa300;color:#fff;}*/
.btn-orange{border-color:#f59c1a !important;background-color:#f59c1a;color:#fff !important;}
/*.btn-orange:hover, .btn-orange:focus, .btn-orange.focus{border-color:#c47d15 !important;background-color:#c47d15;color:#fff;}*/
.btn-red{border-color:#ff5b57 !important;background-color:#ff5b57;color:#fff !important;}
/*.btn-red:hover, .btn-red:focus, .btn-red.focus{border-color:#cc4946 !important;background-color:#cc4946;color:#fff;}*/

.btn-outline-default{border-color:#2d2d77 !important;background:transparent;color:#333 !important;}

.btn-outline-black{border-color:#2d353c !important;background:transparent;color:#2d353c !important;}
.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black.focus{border-color:#2d353c !important;background-color:#2d353c;color:#fff !important;}
.btn-outline-silver{border-color:#f0f3f4 !important;background:transparent;color:#f0f3f4 !important;}
.btn-outline-silver:hover, .btn-outline-silver:focus, .btn-outline-silver.focus{border-color:#f0f3f4 !important;background-color:#f0f3f4;color:#333 !important;}
.btn-outline-grey{border-color:#b6c2c9 !important;background:transparent;color:#b6c2c9 !important;}
.btn-outline-grey:hover, .btn-outline-grey:focus, .btn-outline-grey.focus{border-color:#b6c2c9 !important;background-color:#b6c2c9;color:#fff !important;}
.btn-outline-indigo{border-color:#8753de !important;background:transparent;color:#8753de !important;}
.btn-outline-indigo:hover, .btn-outline-indigo:focus, .btn-outline-indigo.focus{border-color:#8753de !important;background-color:#8753de;color:#fff !important;}
.btn-outline-purple{border-color:#727cb6 !important;background:transparent;color:#727cb6 !important;}
.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple.focus{border-color:#727cb6 !important;background-color:#727cb6;color:#fff !important;}
.btn-outline-pink{border-color:#fb5597 !important;background:transparent;color:#fb5597 !important;}
.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink.focus{border-color:#fb5597 !important;background-color:#fb5597;color:#fff !important;}
.btn-outline-blue{border-color:#348fe2 !important;background:transparent;color:#348fe2 !important;}
.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue.focus{border-color:#348fe2 !important;background-color:#348fe2;color:#fff !important;}
.btn-outline-aqua{border-color:#49b6d6 !important;background:transparent;color:#49b6d6 !important;}
.btn-outline-aqua:hover, .btn-outline-aqua:focus, .btn-outline-aqua.focus{border-color:#49b6d6 !important;background-color:#49b6d6;color:#fff !important;}
.btn-outline-green{border-color:#32a932 !important;background:transparent;color:#32a932 !important;}
.btn-outline-green:hover, .btn-outline-green:focus, .btn-outline-green.focus{border-color:#32a932 !important;background-color:#32a932;color:#fff !important;}
.btn-outline-lime{border-color:#90ca4b !important;background:transparent;color:#90ca4b !important;}
.btn-outline-lime:hover, .btn-outline-lime:focus, .btn-outline-lime.focus{border-color:#90ca4b !important;background-color:#90ca4b;color:#fff !important;}
.btn-outline-yellow{border-color:#ffd900 !important;background:transparent;color:#ffd900 !important;}
.btn-outline-yellow:hover, .btn-outline-yellow:focus, .btn-outline-yellow.focus{border-color:#ffd900 !important;background-color:#ffd900;color:#fff !important;}
.btn-outline-orange{border-color:#f59c1a !important;background:transparent;color:#f59c1a !important;}
.btn-outline-orange:hover, .btn-outline-orange:focus, .btn-outline-orange.focus{border-color:#f59c1a !important;background-color:#f59c1a;color:#fff !important;}
.btn-outline-red{border-color:#ff5b57 !important;background:transparent;color:#ff5b57 !important;}
.btn-outline-red:hover, .btn-outline-red:focus, .btn-outline-red.focus{border-color:#ff5b57 !important;background-color:#ff5b57;color:#fff !important;}

/* tab */
.tabList1{overflow:hidden;display:table;position:relative;table-layout:fixed;width:100%;background:#fff}
.tabList1.fixed{position:fixed;top:0;width:100%;margin:0 auto;z-index: 99;}
.tabList1 li{display:table-cell;text-align:center}
.tabList1 li a{display:block;height:60px;border:1px solid #ddd;border-left:0;font-size:17px;color:#666;line-height:60px;}
.tabList1 li:first-child a{border-left:1px solid #ddd}
.tabList1 li.on a{border:1px solid #444;background:#444;color:#fff;}
.tabList1 li.on strong{color:#fff;}

.tabList2{padding-bottom:1px;}
.tabList2:after{content:'';display:block;clear:both;}
.tabList2 > li{float:left;margin:0 -1px -1px 0;list-style:none;}
.tabList2 > li > a{display:block;position:relative;border:1px solid #e8e8e8;padding:14px 10px 13px;color:#666;text-align:center;}
.tabList2 > li.on > a{border:1px solid;font-weight:bold;z-index:1;}
.tabList2.color1 > li.on > a{padding:14px 10px;border:solid 2px #444;font-weight:bold;color:#222;}
.tabList2.color2 > li.on > a{border-color:#0b6a41;color:#0b6a41;}
.tabList2.color3 > li.on > a{border-color:#273350;color:#273350;}
.tabList2.item2 > li{width:50%;}
.tabList2.item6 > li{width:16.66%;}
.tabList2.item4 > li{width:25%;}

.tabList3{font-size:0;text-align:center;list-style:none;}
.tabList3 > li{display:inline-block;margin:0 7px;}
.tabList3 > li > a{display:block;position:relative;min-width:160px;padding:21px 20px;background:#eee;font-weight:700;font-size:20px;color:#777;text-align:center;}
.tabList3 > li.on > a{background:#0b6a41;color:#fff;z-index:1;}
.tabList3.item2 > li{margin:0 0 0 1%;}
.tabList3.item2 > li:first-child{margin-left:0;}
.tabList3.item2 > li > a{min-width:420px;}
.tabList3.item3 > li{width:32.66%;margin:0 0 0 1%;}
.tabList3.item3 > li:first-child{margin-left:0;}
.tabList3.item3 > li > a{min-width:auto;}

/* pagination */
.pagination{padding:15px 0;text-align:center}
.pagination.line{padding:35px 0 35px;border-bottom:1px solid #ccc}
.pagination span, .pagination a, .pagination strong{display:inline-block;position:relative;min-width:calc(1.75rem + 2px);padding:.28rem .3125rem;border:solid 1px transparent;transition:all .3s;}
.pagination strong{border-color:#aaa;border-radius:.25rem;background:#f9f9f9;font-family:Tahoma,AppleGothic,sans-serif;color:#555;}
.pagination a{padding:.28rem .3125rem;font-family:Tahoma,AppleGothic,sans-serif;color:#4f4f4f;}
.pagination a:hover, .pagination a:active, .pagination a:focus{border-color:#aaa;border-radius:.25rem;color:#4f4f4f;font-weight:600;}
.pagination a:hover, .pagination a:active{text-decoration:underline;}
.pagination .firstPage,
.pagination .preBlock,
.pagination .lastPage,
.pagination .nextBlock{display:inline-block;position:relative;width:auto;padding:.28rem .3125rem;color:#333;}
.pagination a.firstPage,
.pagination a.preBlock,
.pagination a.lastPage,
.pagination a.nextBlock{color:#565656}

.pagination-sm span, .pagination-sm a, .pagination-sm strong{min-width:calc(1.15rem + 2px);padding:.045rem .25rem;font-size:.75rem;}
.pagination-sm .firstPage, .pagination-sm .preBlock, .pagination-sm .lastPage, .pagination-sm .nextBlock{padding:0 5px;}

.pagination-lg span, .pagination-lg a, .pagination-lg strong{min-width:calc(2.4rem + 2px);padding:.515rem .5rem;font-size:1rem;}
.pagination-lg .firstPage, .pagination-lg .preBlock, .pagination-lg .lastPage, .pagination-lg .nextBlock{padding:0 15px;}

/* input */
.help-block{display:block;margin-top:8px !important;font-size:13px;}
.form-control{display:block;width:100%;height:40px;padding:7px 10px;border:solid 1px #e0e0e0;color:#787878;vertical-align:middle;}
.inputIblock{display:inline-block;width:auto;}
.form-alt{height:100px !important;}
.form-control-file{display:block;width:100%;overflow:visible;}
.form-auto{display:inline-block;width:auto;}
.form-textarea{height:200px !important;}
.inputBase{display:inline-block;width:200px;}
.inputDT{display:inline-block;width:110px;}
.inputDT + img{margin-left:5px;vertical-align:middle;}
.inputTM{display:inline-block;width:70px;}
.inputEmail{display:inline-block;width:200px;}
.inputZip{display:inline-block;width:75px;}
.inputNumber{display:inline-block;width:40px;}
.inputHomepage{display:inline-block;width:80%;}
.selectEmail{display:inline-block;width:auto;}
textarea.form-control{height:auto;}

.div-hr{margin:35px 0;border-color:rgba(0,0,0,0.1);border:0;border-top:solid 1px #ccc;}

/* table */
.tableWrap{position:relative;}
.table{display:table;width:100%;border-top:solid 1px #333;table-layout:fixed;border-collapse:collapse;}
.tableWrap .no-data{padding:11px 10px;border-bottom:solid 1px #cac8c7;font-size:16px;color:#737373;text-align:center;}
.tableWrap .no_srhList{position:relative;padding:20px 0;border:solid #cac8c7;border-width:1px 0;min-height:60px;}
.table.type1{border-top:solid 2px #151515;}
.table.step{min-width:1098px;}
.table.step1{min-width:1083px;}
.table.step2{min-width:1065px;}
.table.step3{min-width:1047px;}
.table caption{line-height:0;z-index:-1}
.table th, .table td{border-bottom:solid 1px #ddd;font-size:16px;text-align:center;word-wrap:break-word;word-break:break-all;}
.table thead th{padding:11px 8px;border-bottom:solid 1px #333;font-weight:600;color:#333;}
.table tbody td{padding:11px 12px;color:#333}
.table tbody td.line1{border-bottom:solid 1px #333;}

.table.type1 ul{display:table-row;}
.table.type1 ul li{overflow:hidden;display:table-cell;border-bottom:solid 1px #ddd;vertical-align:middle;font-size:16px;text-align:center;}
.table.type1 .thead li{padding:11px 10px;background:#f7f7f7;color:#121212;}
.table.type1 .tbody li{padding:11px 10px;color:#737373;}
.table.type1 .tbody li .label{display:none;}
.table.type1 .tbody:hover{background-color:#fafafa;}
.table.type1 th,
.table.type1 td{border-bottom:solid 1px #ddd;line-height:1.8;}
.table.type1 thead th {padding:10px 8px;border-bottom:1px solid #d2d2d2;background:#f7f7f7;color:#333;}
.table.type1 tbody th,
.table.type1 tfoot th {background:#f8f8f8;color:#222;}
.table.type1 tbody th,
.table.type1 tbody td,
.table.type1 tfoot th,
.table.type1 tfoot td{padding:8px 12px}
.table.type1 tbody th{color:#222}

.table.type2{border-top:1px solid #bad2d0;border-left:1px solid #bad2d0;}
.table.type2 .tbody:hover{background-color:#fafafa;}
.table.type2 th,
.table.type2 td{border-bottom:solid 1px #bad2d0;line-height:1.4;border-right:solid 1px #bad2d0;}
.table.type2 thead th {padding:10px 8px;border-bottom:1px solid #bad2d0;background:#eff7f6;color:#333;}
.table.type2 tbody th,
.table.type2 tfoot th {background:#f8f8f8;color:#222;}
.table.type2 tbody th,
.table.type2 tbody td,
.table.type2 tfoot th,
.table.type2 tfoot td{padding:8px 12px}
.table.type2 tbody th{color:#222}

.table-bordered th, .table-bordered td{border:solid 1px #ccc;}
.table-bordered thead th{border-top:0;}
.table-borderlr th, .table-borderlr td{border:solid 1px #ccc;}
.table-borderlr thead th{border-top:0;}
.table-borderlr th:first-child, .table-borderlr td:first-child{border-left:0;}
.table-borderlr th:last-child, .table-borderlr td:last-child{border-right:0;}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(24,28,33,0.025);}
.table-hover tbody tr:hover{background-color:rgba(24,28,33,0.025);}

.wauto-wrap{position:relative;margin-top:5px;}
.wauto-wrap .scroll-info{display:block;position:relative;height:100%;padding:7px 0 10px 0;background:#f4f4f4;text-align:center;}
.wauto-wrap .scroll-info p{display:inline-block;position:relative;padding:20px 0 20px 115px;font-size:13px;color:#555;line-height:1;}
.wauto-wrap .scroll-info p:before{content:'';display:block;position:absolute;top:0;left:0;width:125px;height:50px;background:url('../images/common/tn-icon-sm.png') no-repeat -150px -300px;}
.wauto-wrap .scroll-table{overflow-x:scroll;}

/* top box */
.example-box, .txt-box, .ui, .ui-tooltip{position:relative;}
.inner, .inner .txtwrap{position:relative;}

.tn-icon{display:block;position:absolute;background-repeat:no-repeat;}
.tn_icon_sm{width:25px;height:25px;background:url('../images/common/tn-icon-sm.png');}
.tn_icon_md{width:120px;height:120px;background:url('../images/common/tn-icon-md.png');}
.tn_icon_lg{width:250px;height:250px;background:url('../images/common/tn-icon-lg.png');}

.tn_icon_sm.sz50{width:50px;height:50px;}

.tn_icon_sm.icon101{background-position:0 0;}
.tn_icon_sm.icon102{background-position:-25px 0;}
.tn_icon_sm.icon103{background-position:-50px 0;}
.tn_icon_sm.icon104{background-position:-75px 0;}
.tn_icon_sm.icon105{background-position:-100px 0;}
.tn_icon_sm.icon106{background-position:-125px 0;}
.tn_icon_sm.icon107{background-position:-150px 0;}
.tn_icon_sm.icon108{background-position:-175px 0;}
.tn_icon_sm.icon109{background-position:-200px 0;}
.tn_icon_sm.icon110{background-position:-225px 0;}
.tn_icon_sm.icon111{background-position:-250px 0;}
.tn_icon_sm.icon112{background-position:-275px 0;}
.tn_icon_sm.icon201{background-position:0 -25px;}
.tn_icon_sm.icon202{background-position:-25px -25px;}
.tn_icon_sm.icon203{background-position:-50px -25px;}
.tn_icon_sm.icon204{background-position:-75px -25px;}
.tn_icon_sm.icon205{background-position:-100px -25px;}
.tn_icon_sm.icon206{background-position:-125px -25px;}
.tn_icon_sm.icon207{background-position:-150px -25px;}
.tn_icon_sm.icon208{background-position:-175px -25px;}
.tn_icon_sm.icon209{background-position:-200px -25px;}
.tn_icon_sm.icon210{background-position:-225px -25px;}
.tn_icon_sm.icon211{background-position:-250px -25px;}
.tn_icon_sm.icon212{background-position:-275px -25px;}
.tn_icon_sm.icon301{background-position:0 -50px;}
.tn_icon_sm.icon302{background-position:-25px -50px;}
.tn_icon_sm.icon303{background-position:-50px -50px;}
.tn_icon_sm.icon304{background-position:-75px -50px;}
.tn_icon_sm.icon305{background-position:-100px -50px;}
.tn_icon_sm.icon306{background-position:-125px -50px;}
.tn_icon_sm.icon307{background-position:-150px -50px;}
.tn_icon_sm.icon308{background-position:-175px -50px;}
.tn_icon_sm.icon309{background-position:-200px -50px;}
.tn_icon_sm.icon310{background-position:-225px -50px;}
.tn_icon_sm.icon311{background-position:-250px -50px;}
.tn_icon_sm.icon312{background-position:-275px -50px;}
.tn_icon_sm.icon401{background-position:0 -75px;}
.tn_icon_sm.icon402{background-position:-25px -75px;}
.tn_icon_sm.icon403{background-position:-50px -75px;}
.tn_icon_sm.icon404{background-position:-75px -75px;}
.tn_icon_sm.icon405{background-position:-100px -75px;}
.tn_icon_sm.icon406{background-position:-125px -75px;}
.tn_icon_sm.icon407{background-position:-150px -75px;}
.tn_icon_sm.icon408{background-position:-175px -75px;}
.tn_icon_sm.icon409{background-position:-200px -75px;}
.tn_icon_sm.icon410{background-position:-225px -75px;}
.tn_icon_sm.icon411{background-position:-250px -75px;}
.tn_icon_sm.icon412{background-position:-275px -75px;}
.tn_icon_sm.icon501{background-position:0 -100px;}
.tn_icon_sm.icon502{background-position:-50px -100px;}
.tn_icon_sm.icon503{background-position:-100px -100px;}
.tn_icon_sm.icon504{background-position:-150px -100px;}
.tn_icon_sm.icon505{background-position:-200px -100px;}

.tn_icon_sm.icon601{background-position:0 -150px;}
.tn_icon_sm.icon602{background-position:-50px -150px;}
.tn_icon_sm.icon603{background-position:-100px -150px;}
.tn_icon_sm.icon604{background-position:-150px -150px;}
.tn_icon_sm.icon605{background-position:-175px -150px;}
.tn_icon_sm.icon606{background-position:-200px -150px;}
.tn_icon_sm.icon607{background-position:-225px -150px;}
.tn_icon_sm.icon608{background-position:-250px -150px;}
.tn_icon_sm.icon609{background-position:-275px -150px;}
.tn_icon_sm.icon610{background-position:-150px -175px;}

.tn_icon_sm.icon701{background-position:0 -200px;}
.tn_icon_sm.icon702{background-position:-50px -200px;}
.tn_icon_sm.icon703{background-position:-100px -200px;}
.tn_icon_sm.icon704{background-position:-150px -200px;}
.tn_icon_sm.icon705{background-position:-200px -200px;}
.tn_icon_sm.icon706{background-position:-250px -200px;}
.tn_icon_sm.icon707{background-position:-275px -200px;}
.tn_icon_sm.icon708{background-position:-300px -200px;}
.tn_icon_sm.icon709{background-position:-325px -200px;}
.tn_icon_sm.icon710{background-position:-350px -200px;}
.tn_icon_sm.icon711{background-position:-375px -200px;}
.tn_icon_sm.icon712{background-position:-250px -225px;}

.tn_icon_sm.icon801{background-position:0 -250px;}
.tn_icon_sm.icon802{background-position:-50px -250px;}
.tn_icon_sm.icon803{background-position:-100px -250px;}
.tn_icon_sm.icon804{background-position:-150px -250px;}
.tn_icon_sm.icon805{background-position:-200px -250px;}
.tn_icon_sm.icon806{background-position:-250px -250px;}
.tn_icon_sm.icon901{background-position:0 -350px;}
.tn_icon_sm.icon902{background-position:-50px -350px;}
.tn_icon_sm.icon903{background-position:-100px -350px;}
.tn_icon_sm.icon904{background-position:-150px -350px;}

.tn_icon_md.icon01{background-position:0 0;}
.tn_icon_md.icon02{background-position:-120px 0;}
.tn_icon_md.icon03{background-position:-240px 0;}
.tn_icon_md.icon04{background-position:-360px 0;}
.tn_icon_md.icon05{background-position:-480px 0;}
.tn_icon_md.icon06{background-position:-600px 0;}
.tn_icon_md.icon07{background-position:-720px 0;}
.tn_icon_md.icon08{background-position:-840px 0;}
.tn_icon_md.icon09{background-position:0 -120px;}
.tn_icon_md.icon10{background-position:-120px -120px;}
.tn_icon_md.icon11{background-position:-240px -120px;}
.tn_icon_md.icon12{background-position:-360px -120px;}
.tn_icon_md.icon13{background-position:-480px -120px;}
.tn_icon_md.icon14{background-position:-600px -120px;}
.tn_icon_md.icon15{background-position:-720px -120px;}
.tn_icon_md.icon16{background-position:-840px -120px;}
.tn_icon_md.icon17{background-position:0 -240px;}
.tn_icon_md.icon18{background-position:-120px -240px;}
.tn_icon_md.icon19{background-position:-240px -240px;}
.tn_icon_md.icon20{background-position:-360px -240px;}
.tn_icon_md.icon21{background-position:-480px -240px;}
.tn_icon_md.icon22{background-position:-600px -240px;}
.tn_icon_md.icon23{background-position:-720px -240px;}
.tn_icon_md.icon24{background-position:-840px -240px;}
.tn_icon_md.icon25{background-position:0 -360px;}
.tn_icon_md.icon26{background-position:-120px -360px;}
.tn_icon_md.icon27{background-position:-240px -360px;}
.tn_icon_md.icon28{background-position:-360px -360px;}
.tn_icon_md.icon29{background-position:-480px -360px;}
.tn_icon_md.icon30{background-position:-600px -360px;}
.tn_icon_md.icon31{background-position:-720px -360px;}
.tn_icon_md.icon32{background-position:-840px -360px;}
.tn_icon_md.icon33{background-position:0 -480px;}
.tn_icon_md.icon34{background-position:-120px -480px;}
.tn_icon_md.icon35{background-position:-240px -480px;}
.tn_icon_md.icon36{background-position:-360px -480px;}
.tn_icon_md.icon37{background-position:-480px -480px;}
.tn_icon_md.icon38{background-position:-600px -480px;}
.tn_icon_md.icon39{background-position:-720px -480px;}
.tn_icon_md.icon40{background-position:-840px -480px;}
.tn_icon_md.icon41{background-position:0 -600px;}
.tn_icon_md.icon42{background-position:-120px -600px;}
.tn_icon_md.icon43{background-position:-240px -600px;}
.tn_icon_md.icon44{background-position:-360px -600px;}
.tn_icon_md.icon45{background-position:-480px -600px;}
.tn_icon_md.icon46{background-position:-600px -600px;}
.tn_icon_md.icon47{background-position:-720px -600px;}
.tn_icon_md.icon48{background-position:-840px -600px;}
.tn_icon_md.icon49{background-position:0 -720px;}
.tn_icon_md.icon50{background-position:-120px -720px;}
.tn_icon_md.icon51{background-position:-240px -720px;}
.tn_icon_md.icon52{background-position:-360px -720px;}
.tn_icon_md.icon53{background-position:-480px -720px;}
.tn_icon_md.icon54{background-position:-600px -720px;}
.tn_icon_md.icon55{background-position:-720px -720px;}
.tn_icon_md.icon56{background-position:-840px -720px;}
.tn_icon_md.icon57{background-position:0 -840px;}
.tn_icon_md.icon58{background-position:-120px -840px;}
.tn_icon_md.icon59{background-position:-240px -840px;}
.tn_icon_md.icon60{background-position:-360px -840px;}
.tn_icon_md.icon61{background-position:-480px -840px;}
.tn_icon_md.icon62{background-position:-600px -840px;}
.tn_icon_md.icon63{background-position:-720px -840px;}
.tn_icon_md.icon64{background-position:-840px -840px;}

.tn_icon_lg.icon01{background-position:0 0;}
.tn_icon_lg.icon02{background-position:-250px 0;}
.tn_icon_lg.icon03{background-position:-500px 0;}
.tn_icon_lg.icon04{background-position:-750px 0;}
.tn_icon_lg.icon05{background-position:-1000px 0;}
.tn_icon_lg.icon06{background-position:-1250px 0;}
.tn_icon_lg.icon07{background-position:-1500px 0;}
.tn_icon_lg.icon08{background-position:-1750px 0;}
.tn_icon_lg.icon09{background-position:0 -250px;}
.tn_icon_lg.icon10{background-position:-250px -250px;}
.tn_icon_lg.icon11{background-position:-500px -250px;}
.tn_icon_lg.icon12{background-position:-750px -250px;}
.tn_icon_lg.icon13{background-position:-1000px -250px;}
.tn_icon_lg.icon14{background-position:-1250px -250px;}
.tn_icon_lg.icon15{background-position:-1500px -250px;}
.tn_icon_lg.icon16{background-position:-1750px -250px;}
.tn_icon_lg.icon17{background-position:0 -500px;}
.tn_icon_lg.icon18{background-position:-250px -500px;}
.tn_icon_lg.icon19{background-position:-500px -500px;}
.tn_icon_lg.icon20{background-position:-750px -500px;}
.tn_icon_lg.icon21{background-position:-1000px -500px;}
.tn_icon_lg.icon22{background-position:-1250px -500px;}
.tn_icon_lg.icon23{background-position:-1500px -500px;}
.tn_icon_lg.icon24{background-position:-1750px -500px;}
.tn_icon_lg.icon25{background-position:0 -750px;}
.tn_icon_lg.icon26{background-position:-250px -750px;}
.tn_icon_lg.icon27{background-position:-500px -750px;}
.tn_icon_lg.icon28{background-position:-750px -750px;}
.tn_icon_lg.icon29{background-position:-1000px -750px;}
.tn_icon_lg.icon30{background-position:-1250px -750px;}
.tn_icon_lg.icon31{background-position:-1500px -750px;}
.tn_icon_lg.icon32{background-position:-1750px -750px;}
.tn_icon_lg.icon33{background-position:0 -1000px;}
.tn_icon_lg.icon34{background-position:-250px -1000px;}
.tn_icon_lg.icon35{background-position:-500px -1000px;}
.tn_icon_lg.icon36{background-position:-750px -1000px;}
.tn_icon_lg.icon37{background-position:-1000px -1000px;}
.tn_icon_lg.icon38{background-position:-1250px -1000px;}
.tn_icon_lg.icon39{background-position:-1500px -1000px;}
.tn_icon_lg.icon40{background-position:-1750px -1000px;}
.tn_icon_lg.icon41{background-position:0 -1250px;}
.tn_icon_lg.icon42{background-position:-250px -1250px;}
.tn_icon_lg.icon43{background-position:-500px -1250px;}
.tn_icon_lg.icon44{background-position:-750px -1250px;}
.tn_icon_lg.icon45{background-position:-1000px -1250px;}
.tn_icon_lg.icon46{background-position:-1250px -1250px;}
.tn_icon_lg.icon47{background-position:-1500px -1250px;}
.tn_icon_lg.icon48{background-position:-1750px -1250px;}
.tn_icon_lg.icon49{background-position:0 -1500px;}
.tn_icon_lg.icon50{background-position:-250px -1500px;}
.tn_icon_lg.icon51{background-position:-500px -1500px;}
.tn_icon_lg.icon52{background-position:-750px -1500px;}
.tn_icon_lg.icon53{background-position:-1000px -1500px;}
.tn_icon_lg.icon54{background-position:-1250px -1500px;}
.tn_icon_lg.icon55{background-position:-1500px -1500px;}
.tn_icon_lg.icon56{background-position:-1750px -1500px;}
.tn_icon_lg.icon57{background-position:0 -1750px;}
.tn_icon_lg.icon58{background-position:-250px -1750px;}
.tn_icon_lg.icon59{background-position:-500px -1750px;}
.tn_icon_lg.icon60{background-position:-750px -1750px;}
.tn_icon_lg.icon61{background-position:-1000px -1750px;}
.tn_icon_lg.icon62{background-position:-1250px -1750px;}
.tn_icon_lg.icon63{background-position:-1500px -1750px;}
.tn_icon_lg.icon64{background-position:-1750px -1750px;}

.inner{padding:35px;}
.inner .txtwrap p,
.txtwrap p{margin-top:10px;margin-bottom:0;color:#555;font-size:15px;line-height:1.6}
.inner .txtwrap .h-box{display:block;margin-bottom:5px;color:#121212;font-weight:600;font-size:20px;}

.ui-topbox .btn-wrap{position:absolute;top:-10px;right:0;margin-top:0;}
.ui-topbox .btn-wrap .tn{margin-right:7px;}

.ui-topbox.type1{padding:3px 3px 0;border-bottom:solid 3px #f8f8f8;background:#f8f8f8;}
.ui-topbox.type1.md .inner{padding-left:190px;border-bottom:solid 1px #efefef;background:#fff;min-height:190px;z-index:1;}
.ui-topbox.type1.md:before{content:'';display:block;position:absolute;top:0;left:0;width:20%;height:30px;background:#0e3838;}
.ui-topbox.type1.md:after{content:'';display:block;position:absolute;top:0;right:0;width:80%;height:30px;background:#239464;visibility:visible;}
.ui-topbox.type1.md .tn-icon{top:35px;left:35px;}

.ui-topbox.type1.lg .inner{padding-left:320px;border-bottom:solid 1px #efefef;background:#fff;min-height:320px;z-index:1;}
.ui-topbox.type1.lg.no-edge .inner{padding-left:290px;min-height:270px;}
.ui-topbox.type1.lg:before{content:'';display:block;position:absolute;top:0;left:0;width:30%;height:30px;background:#0e3838;}
.ui-topbox.type1.lg:after{content:'';display:block;position:absolute;top:0;right:0;width:70%;height:30px;background:#239464;visibility:visible;}
.ui-topbox.type1.lg.no-edge:before{width:25%;}
.ui-topbox.type1.lg.no-edge:after{width:75%;}
.ui-topbox.type1.lg .tn-icon{top:35px;left:35px;}
.ui-topbox.type1.lg.no-edge .tn-icon{top:5px;left:5px;}

.ui-topbox.type2{width:100%;min-height:170px;margin-bottom:40px;padding:25px 25px 25px 240px;border:solid 1px #ccc;background:#f7f8fa;font-size:15px;color:#555;text-align:left;}
.ui-topbox.type2:before{content:'';position:absolute;top:0;left:0;width:200px;height:100%;border-right:solid 1px #ccc;background:#fff;}
.ui-topbox.type2:after{content:'';position:absolute;top:50%;left:200px;width:15px;height:28px;margin:-14px 0 0 -1px;background:url(../images/style/bg_msgArrow.png) 0 0 no-repeat}
.ui-topbox.type2 .tn-icon{top:25px;left:3.3%;}
.ui-topbox.type2 .txtwrap h4{margin-bottom:10px !important;font-size:20px;}

.ui-box.type1{position:relative;width:100%;margin:20px auto 10px;padding:210px 25px 50px;border:solid 1px #ccc;background:#fff;color:#333;text-align:center;}
.ui-box.type1 .tn_icon_lg{top:0;left:50%;margin-left:-125px}
.ui-box.type1 h4{margin:0 0 20px;font-size:30px;font-weight:bold;color:#222;line-height:1.7em}
.ui-box .msg_p{font-size:17px;font-weight:normal;color:#666;}
.ui-box.type1 .btn{width:280px;margin:0 5px 5px;padding:14px 58px;border-radius:3px;}
.ui-box.type1 .btnArea{margin-bottom:0;}

.ui-box.type2{position:relative;width:100%;margin:20px auto 10px;padding:140px 25px 50px;border:solid 1px #ccc;background:#fff;color:#333;text-align:center;}
.ui-box.type2 .tn_icon_md{top:20px;left:50%;margin-left:-60px}
.ui-box.type2 h4{margin:0 0 20px;font-size:30px;font-weight:bold;}

/* box */
.boxInfo1{overflow:hidden;margin-top:20px;padding:20px 19px;border:1px solid #ccc;background:#f5f5f5;text-align:left;}
.boxInfo2{overflow:hidden;margin:20px 0 50px;padding:30px;border:1px solid #ccc;background:#f5f6f8;font-weight:400;color:#333;text-align:left;line-height:1.6;}

.cardBox{display:block;position:relative;margin:0 0 1.5em 0;line-height:1.555}
.cardBox ul{min-height:0;margin:1% -1%;padding:0;list-style:none;}
.cardBox ul:before, .cardBox ul:after{content:'';display:table;clear:both;}
.cardBox ul li{display:inline-block;width:20%;margin:0 -.25em 0 0;padding:1%;vertical-align:top;}
.cardBox .wrap{overflow:hidden;display:block;position:relative;padding:7.5%;border:solid 1px #d4d7d9;transition:.2s ease-out;}
.cardBox .wrap:hover{border-color:#333;box-shadow:0 0 5px 0 rgba(0, 0, 0, .1);}
.cardBox .wrap .cate{overflow:hidden;display:inline-block;padding:.1em;font-weight:normal;color:#ef610d;font-size:.786em;}
.cardBox .wrap .t1{display:block;margin:0 0 .333em 0;color:#333;font-weight:600;font-size:1.250em;}
.cardBox .wrap .t2{display:block;margin-bottom:.65em;font-weight:400;font-size:.95em;color:#666;letter-spacing:-1px;}
.cardBox .wrap .mail{display:inline-block;min-width:100%;padding:5px 8px;background:#2d2d77;font-weight:400;font-size:.95em;color:#fff;text-align:center;transition:all .3s;}
.cardBox .wrap .mail.tw{min-width:48.5%;}
.cardBox .wrap .mail:hover{background:#4848ac;}
.cardBox.type2 ul li{display:inline-block;width:50%;margin:0 -.3em -1px 0;vertical-align:top;padding:0 0 0 1%;}
.cardBox.type2 ul li:nth-child(2n){padding:0 1% 0 0;}
.cardBox.type2 .wrap{padding:3% 5%;}
.cardBox.type2 .wrap:hover{border-color:#d4d7d9;box-shadow:none;}

/* search */
.search_header{overflow:hidden;position:relative;margin:0 0 30px;}
.search_header .search_count{float:left;min-height:50px;padding:10px 0;}
.search_count > span{position:relative;float:left;font-weight:300;line-height:1.5em;font-size:1.2em;color:#1d1614;letter-spacing:-0.05em;}
.search_count > span > em{font-weight:bold;font-style:normal;color:#c70010;}
.search_count > span > em ~ em{color:#1d1614;}
.search_count > span + span{margin-left:15px;padding-left:15px;}
.search_count > span + span:before{content:'';position:absolute;top:6px;left:0;width:1px;height:14px;background:#e0e0e0;}
.search_header .search_wrap{position:relative;float:right}
.search_wrap .select_box{position:relative;float:left;width:200px;height:50px;margin-right:10px;padding:0;border:solid 1px #d9dfe8;background:#fff;}
.search_wrap .select_box label{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:48px;margin:0;padding:13px 25px 14px 15px;background:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;}
.search_wrap .select_box label:after{content:'';position:absolute;top:50%;right:10px;width:25px;height:25px;margin-top:-13px;background:url('../images/common/tn-icon-sm.png') -75px 0 no-repeat;font-size:1em;line-height:1em;z-index:2;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;text-rendering:optimizelegibility}
.search_wrap .select_box select{position:relative;background:#fff;width:100%;height:100%;padding:0 15px;border:0 none;font-size:1.2em;vertical-align:top;cursor:pointer;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.search_wrap .select_box select::-ms-expand{display:none;}
.search_wrap .select_box select > option{display:block;height:40px !important;padding:8px 15px 10px !important;font-weight:normal;line-height:40px !important;white-space:pre;box-sizing:content-box}
.search_wrap .select_box:hover,.search_wrap .select_box:active,.search_wrap .select_box:focus{border-color:#454c69 !important}
.search_wrap .select_box:hover label{color:#030101}
.search_wrap .select_box:hover label:after,.search_wrap .select_box:active label:after,.search_wrap .select_box:focus label:after{color:#030101;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.search_wrap .form-control{float:left;width:calc(100% - 210px);height:50px;padding:12px 15px;font-size:1.2em;line-height:1.5em;color:#030101;}
.search_wrap .input-group-btn{position:absolute;top:1px;right:1px;width:48px;height:48px;font-size:1.2em;line-height:1.5em}
.search_wrap .input-group-btn:before{content:'';position:absolute;top:0;left:0;width:1px;height:48px;background:#d9dfe8;z-index:5;}
.search_wrap .input-group-btn > .btn.btn-search{display:block;width:100%;height:100%;padding:8px;border:0;text-indent:-9999px;}
.search_wrap .input-group-btn > .btn.btn-search:before{content:'';position:absolute;top:50%;left:50%;width:25px;height:25px;margin:-12px 0 0 -12px;background:url('../images/common/tn-icon-sm.png') -200px -50px no-repeat;}

/* bullet */
.h3, .h4, .h5{position:relative;font-weight:bold;color:#333;}
.h3{margin:15px 0 10px;}
.h4{margin:10px 0 10px;}
.h5{margin:8px 0 5px;}
.h3 + p,
.h4 + p,
.h5 + p{margin-bottom:.5rem;line-height:1.6}

.h3 span{position:relative;display:inline-block;margin-left:50px;font-weight:500;font-size:14px;color:#999;}
.h3 span.required:before{content:'';position:absolute;top:5px;left:-18px;width:8px;height:8px;border-radius:50%;background:#fe2323;}

.blt01{position:relative;margin:40px 0 0 !important;padding-top:8px;}
.blt01::before{content:'';position:absolute;top:0;left:0;width:25px;height:4px;background:#239464;}
.blt02{position:relative;padding-left:32px !important;}
.blt02::before{content:'';position:absolute;top:8px;left:0;width:22px;height:22px;border:solid 6px #239464;border-radius:3px;}
.blt03{position:relative;padding-left:22px !important;}
.blt03::before{content:'';position:absolute;top:11px;left:-5px;width:16px;height:16px;border-right:solid 4px #239464;border-bottom:solid 4px #0e3838;transform:rotate(-45deg);}

.blt04{position:relative;padding-left:24px !important;}
.blt04::before{content:'';position:absolute;top:4px;left:0;width:17px;height:17px;border:solid 4px #239464;border-radius:50%;}
.blt05{position:relative;padding-left:28px !important;}
.blt05::before{content:'';position:absolute;top:4px;left:0;width:19px;height:19px;border:solid 6px #239464;}
.blt06{position:relative;padding-left:28px !important;}
.blt06::before{content:'';position:absolute;top:4px;left:0;width:19px;height:19px;border-radius:2px;background:#239464;}
.blt06::after{content:'';position:absolute;top:10px;left:6px;width:6px;height:6px;border:solid #fff;border-width:0 2px 2px 0;color:#fff;transform:rotate(-45deg);}

.blt07{position:relative;padding-left:14px !important;}
.blt07::before{content:'';position:absolute;top:4px;left:0;width:5px;height:16px;background:linear-gradient(180deg, rgb(35, 148, 100) 0%, rgb(14, 56, 56) 100%);}
.blt08{position:relative;padding-left:15px !important;}
.blt08::before{content:'';position:absolute;top:2px;left:0;width:5px;height:20px;background:linear-gradient(0, rgb(255, 255, 255) 0%, rgb(14, 56, 56) 100%);transform:rotate(35deg);}
.blt08::after{content:'';position:absolute;top:2px;left:-8px;width:21px;height:20px;border:solid 3px #fff;}
.blt09{position:relative;padding-left:25px !important;}
.blt09::before{content:'';position:absolute;top:4px;left:0;width:17px;height:17px;border-radius:50%;background:#239464;}
.blt09::after{content:'';position:absolute;top:10px;left:6px;width:5px;height:5px;border:solid #fff;border-width:0 2px 2px 0;color:#fff;transform:rotate(-45deg);}

.blt10{position:relative;padding-left:18px !important;line-height:1.6;}
.blt10::before{content:'';position:absolute;top:8px;left:0;width:5px;height:5px;border-radius:50%;background:#239464;}
.blt11{position:relative;padding-left:18px !important;line-height:1.6;}
.blt11::before{content:'';position:absolute;top:8px;left:0;width:4px;height:4px;background:#239464;}
.blt12{position:relative;padding-left:18px !important;line-height:1.6;}
.blt12::before{content:'';position:absolute;top:8px;left:0;width:5px;height:5px;border-radius:50%;background:#c2c2c2;}
.blt13{position:relative;padding-left:18px !important;line-height:1.6;}
.blt13::before{content:'';position:absolute;top:8px;left:0;width:4px;height:4px;background:#c2c2c2;}
.blt14{position:relative;padding-left:18px !important;line-height:1.6;}
.blt14::before{content:'';position:absolute;top:8px;left:0;width:8px;height:3px;background:#239464;}
.blt14_st2{position:relative;padding-left:18px !important;line-height:1.6;}
.blt14_st2::before{content:'';position:absolute;top:9px;left:0;width:7px;height:2px;background:#239464;}
.blt14_st3{position:relative;padding-left:18px !important;line-height:1.6;}
.blt14_st3::before{content:'';position:absolute;top:9px;left:0;width:6px;height:1px;background:#239464;}

.blt15{position:relative;padding-left:18px !important;line-height:1.6;}
.blt15::before{content:'';position:absolute;top:8px;left:0;width:8px;height:3px;background:#c2c2c2;}
.blt15_st2{position:relative;padding-left:18px !important;line-height:1.6;}
.blt15_st2::before{content:'';position:absolute;top:9px;left:0;width:7px;height:2px;background:#c2c2c2;}
.blt15_st3{position:relative;padding-left:18px !important;line-height:1.6;}
.blt15_st3::before{content:'';position:absolute;top:9px;left:0;width:6px;height:1px;background:#c2c2c2;}

.blt16{position:relative;padding-left:18px !important;line-height:1.6;}
.blt16::before{content:'';position:absolute;top:9px;left:0;width:10px;height:4px;background:linear-gradient(to right, rgb(35, 148, 100) 0%, rgb(14, 56, 56) 100%);border-top-right-radius:2px;border-bottom-right-radius:2px;}
.blt17{position:relative;padding-left:18px !important;line-height:1.6;}
.blt17::before{content:'';position:absolute;top:6px;left:0;width:10px;height:10px;border:solid 2px #239464;border-radius:50%;}
.blt18{position:relative;padding-left:18px !important;line-height:1.6;}
.blt18::before{content:'';position:absolute;top:12px;left:0;width:12px;height:1px;background:#696969;}
.blt18::after{content:'';position:absolute;top:9px;left:5px;width:6px;height:6px;border:solid #696969;border-width:0 1px 0 0;transform:rotate(-45deg);}
.blt19{position:relative;padding-left:18px !important;line-height:1.6;}
.blt19::before{content:'▶';position:absolute;top:3px;left:-2px;font-size:10px;color:#239464;}

/* 1 ~ 4 기본 */
ul.list-st1,
ul.list-st2,
ul.list-st3,
ul.list-st4,
ul.list-st5{list-style:none;}
ul.list-st1{margin-top:10px;padding-left:15px;}
ul.list-st1 > li{position:relative;padding:0 0 5px 0;}
ul.list-st1 li p{margin:.2rem 0 .5rem;line-height:1.6;}
ul.list-st1 li strong{font-weight:bold;}
ul.list-st1 li .tableWrap{margin:8px 0;}
ul.list-st1 > li .wauto-wrap .tableWrap{margin-top:0;}
ul.list-st1 > li > ul.list-st2{margin-top:5px;padding-left:18px;}
ul.list-st1 > li > ul.list-st2 > li{padding:0 0 2px 0;line-height:1.6;}
ul.list-st1 > li > ul.list-st2 > li > ul.list-st3{margin-top:5px;padding-left:18px;}
ul.list-st1 > li > ul.list-st2 > li > ul.list-st3 > li{padding:0 0 2px 0;line-height:1.6;}
ul.list-st1 > li > ul.list-st2 > li > ul.list-st3 > li > ul.list-st4{margin-top:5px;padding-left:18px;}
ul.list-st1 > li > ul.list-st2 > li > ul.list-st3 > li > ul.list-st4 > li{padding:0 0 2px 0;line-height:1.6;}

ul.list-st1 li[class^='blt'] .tableWrap{margin-left:-18px;}
ul.list-st1 li[class^='blt'] .wauto-wrap .scroll-info{margin-left:-18px;}

ul.list-st1 li[class^='blt'] ul.list-st2{margin-left:-18px;}

ul.list-st1 li ul.list-st2 li ul.list-st3{margin-left:0;}
ul.list-st1 li ul.list-st2 li[class^='blt'] ul.list-st3{margin-left:-18px;}

ul.list-st1 li ul.list-st2 li ul.list-st3 li ul.list-st4{margin-left:0;}
ul.list-st1 li ul.list-st2 li ul.list-st3 li[class^='blt'] ul.list-st4{margin-left:-18px;}

ul.list-st1 li.sb ul{padding-left:0 !important;}

p + ul.list-st1{margin-top:0;}
ul li.sb{padding-left:25px !important;}
ul li.sb span{display:inline-block;float:left;width:20px;margin-left:-25px;}

/* toggleList */
.toggleList{position:relative;}
.toggleList > ul{list-style:none;}
.toggleList > ul > li{position:relative;margin-bottom:14px;border:solid 1px #ccc;}
.toggleList > ul > li.on{border:solid 3px #239464;}
.toggleList > ul > li .titArea{display:table;position:relative;width:100%;padding:25px 0;table-layout:fixed;}
.toggleList > ul > li .toggleBtn{display:block;position:absolute;top:28px;right:30px;width:24px;height:24px;z-index:3;vertical-align:top;text-indent:-9999px;}
.toggleList > ul > li .toggleBtn em{position:absolute;background-color:#000;transition: all .4s;}
.toggleList > ul > li .toggleBtn .ver{top:50%;left:50%;width:2px;height:24px;margin:-12px 0 0 -1px;}
.toggleList > ul > li .toggleBtn .hor{top:50%;left:50%;width:24px;height:2px;margin:-1px 0 0 -12px;}

.toggleList > ul > li.on .toggleBtn em.ver{background-color:#239464;transform: translateY(0) rotate(-450deg);}
.toggleList > ul > li.on .toggleBtn em.hor{opacity:0;}

.toggleList > ul > li .contArea{display:none;position:relative;padding:25px 100px 25px;line-height:1.6em}
.toggleList > ul > li.on .toggleBtn:after{background-position:-75px 0;}

/* step */
.stepArea01 {position:relative;margin:20px 0 40px;}
.stepArea01 ul{overflow:hidden;width:100%;}
.stepArea01 li{position:relative;float:left;width:33.3%;text-align:center;color:#777;line-height:1.2;border:solid #ccc;border-width:1px 0;color:#777;list-style:none;}
.stepArea01 li:before{content:'';position:absolute;top:50%;left:-23px;width:48px;height:48px;margin-top:-24px;border:solid #ccc;border-width:1px 1px 0 0;transform:rotate(45deg);}
.stepArea01 li:first-child:before{display:none;}
.stepArea01 li .stepInner{position:relative;height:66px;}
.stepArea01 li .stepInner:before{content:'';display:inline-block;width:0;height:66px;vertical-align:middle;}
.stepArea01 li span{position:relative;display:inline-block;font-size:16px;}
.stepArea01 li .num{color:#aaa;}
.stepArea01 li em{height:auto;font-style:normal;}
.stepArea01 li + li,
.stepArea01 li + li.active{padding-left:4%;}
.stepArea01 li:first-child{background:none;border-left:1px solid #ccc;}
.stepArea01 li:last-child{border-right:1px solid #ccc;}
.stepArea01 li.active{width:33.4%;border-top:2px solid #007dc3;border-bottom:2px solid #007dc3;font-weight:bold;color:#123867;}
.stepArea01 li.active:before{content:'';position:absolute;top:50%;left:-23px;width:48px;height:48px;margin-top:-24px;border:solid #007dc3;border-width:2px 2px 0 0;transform:rotate(45deg);}
.stepArea01 li.active .stepInner{height:64px;}
.stepArea01 li.active .stepInner:before{content:'';display:inline-block;width:0;height:64px;vertical-align:middle;}
.stepArea01 li.active .num{color:#007dc3;}
.stepArea01 li:first-child.active{border-left:2px solid #007dc3;}
.stepArea01 li:last-child.active{border-right:2px solid #007dc3;}
.stepArea01 li.active + li:before{content:'';position:absolute;top:50%;left:-23px;width:48px;height:48px;margin-top:-24px;border:solid #007dc3;border-width:2px 2px 0 0;transform:rotate(45deg);}
.stepArea01.item4 li{width:25%;}

/* form */
.formInput{position:relative;border-top:solid 2px #636363;}
.formInput .form-group{position:relative;display:table;table-layout:fixed;width:100%;border-bottom:1px solid #e6e6e6}
.formInput .form-group dt,
.formInput .form-group dd{display:table-cell;position:relative;vertical-align:middle;}
.formInput .form-group dt{overflow:hidden;padding:15px 15px 10px 25px;line-height:20px;font-weight:600;color:#000;word-wrap:break-word;}
.formInput .form-group:before{position:absolute;top:0;left:0;height:100%;border-right:solid 1px #e6e6e6;}
.formInput .wd-11:before{content:'';width:91.66666667%;}
.formInput .wd-10:before{content:'';width:83.33333333%;}
.formInput .wd-9:before{content:'';width:75%;}
.formInput .wd-8:before{content:'';width:66.66666667%;}
.formInput .wd-7:before{content:'';width:58.33333333%;}
.formInput .wd-6:before{content:'';width:50%;}
.formInput .wd-5:before{content:'';width:41.66666667%;}
.formInput .wd-4:before{content:'';width:33.33333333%;}
.formInput .wd-3:before{content:'';width:25%;}
.formInput .wd-2:before{content:'';width:16.66666667%;}
.formInput .wd-1:before{content:'';width:8.33333333%;}

.formInput .form-group dt label{position:relative;}
.formInput .form-group dt label:before{content:'';position:absolute;top:4px;left:-14px;width:4px;height:4px;background:#aaa;}
.formInput .form-group dt.require label:before{background:#fe2323;}
.formInput .form-group dd{padding:10px 15px}
/*.formInput .form-group dd:before{content:'';position:absolute;width:1px;height:100%;margin:-10px 0 0 -15px;background:#e6e6e6;}*/
.formInput .form-group dt:after,
.formInput .form-group dd:after{content:"";display:block;clear:both}
.formInput .form-group dd .form-control{border:0;background:#f5f5f5;}
.formInput .form-group dd .form-control:focus,
.formInput .form-group dd .form-control:active,
.formInput .form-group dd .form-control:focus,
.formInput .form-group dd .form-control:active{background-color:#fff;border:1px solid #e8e8e8;}
.formInput .form-group dd .btn{padding:8px 18px 9px;}
.formInput .form-group dd .time-chk{display:inline-block;margin-left:5px;color:#ff4545;}
.formInput .form-group dd .datePicker + img{margin-left:5px;vertical-align:middle;}
.formInput .form-group dd.static-control{padding:15px;min-height:50px;}

.formInput.tp2{padding:30px 0 15px 0;border:solid #666;border-width:2px 0;}
.formInput.tp2 .form-group{margin-bottom:15px;border-bottom:0;}
.formInput.tp2 .form-group dt{padding-left:50px;font-weight:500;font-size:18px;color:#666;min-height:50px;line-height:inherit;}
.formInput.tp2 .form-group dt label:before{top:5px;left:-18px;width:8px;height:8px;border-radius:50%;}
.formInput.tp2 .form-group dt.require label:before{background:#239464;}
.formInput.tp2 .form-group dd{padding:0 15px;}
.formInput.tp2 .form-group dd .form-control{height:50px;padding:10px;border:solid 1px #ccc;background:none;}
.formInput.tp2 .form-group dd .form-control:focus,
.formInput.tp2 .form-group dd .form-control:active,
.formInput.tp2 .form-group dd .form-control:focus,
.formInput.tp2 .form-group dd .form-control:active{background:none;border:1px solid #ccc;}

.findBox{width:100%;margin:0 auto;padding:50px 20px;border:solid 1px #ccc;}
.findBox .find-tit{font-weight:bold;font-size:32px;color:#222;text-align:center;line-height:2em;}
.findBox .find-tit + p{color:#666;line-height:1.8}

.findBox .formInput{overflow:hidden;width:100%;max-width:700px;margin:20px auto;}

.btnArea{position:relative;width:100%;margin:45px 0 30px;text-align:center;}
.btnArea.btmArea .btn-lg{min-width:300px;font-size:25px;font-weight:600;}
.btnArea.half{font-size:0;line-height:0;}
.btnArea.half > a{width:calc(50% - 5px);}
.btnArea.half > a:last-child{margin-left:10px;}

/* tooltip */
.cal_tooltipBox{position:relative !important;width:780px;max-width:100%;height:314px;margin:0 auto;padding:0 45px;border:2px solid #555;background:#fff;}
.cal_tooltipBox .tooltip-header{position:relative;margin:0 0 5px;padding:22px 10px 21px;border-bottom:solid 1px #aaa;}
.cal_tooltipBox .tooltip-header h4.tooltip-title{width:100%;font-size:25px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333;text-align:center;}
.cal_tooltipBox .tooltip-body{padding:0}
.cal_tooltipBox .tooltip-body dl{overflow:hidden;margin:0;padding:3px 0}
.cal_tooltipBox .tooltip-body dt{display:inline-block;color:#333;}
.cal_tooltipBox .tooltip-body dt:before{display:inline-block;content:'';width:4px;height:4px;margin:8px 7px 0 7px;background:#555;vertical-align:top;}
.cal_tooltipBox .tooltip-body dd{display:inline-block;color:#555;}
.cal_tooltipBox .tooltip-body .cal_con{overflow-y:auto;height:150px;margin-top:5px;padding:10px 0;border:solid #aaa;border-width:1px 0}
.cal_tooltipBox .tooltip-body .cal_con dt{width:100%;}
.cal_tooltipBox .tooltip-body .cal_con dd{width:100%;padding:0 15px;}
.cal_tooltipBox .cal_tooltip_close{position:absolute;top:27px;right:10px;width:34px;height:34px;margin-top:-17px;border:solid 1px #cacaca;background:transparent;text-indent:-9999px;}
.cal_tooltipBox .cal_tooltip_close:before,
.cal_tooltipBox .cal_tooltip_close:after{content:'';display:block;position:absolute;top:50%;left:50%;width:20px;height:2px;margin:-1px 0 0 -10px;background:#a5a5a5;}
.cal_tooltipBox .cal_tooltip_close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.cal_tooltipBox .cal_tooltip_close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

.overlayWrap{position:relative;width:600px;max-width:94%;height:60%;margin:0 auto;border:1px solid #e3e3e3;background:#fff;}
.overlayWrap .overlay-header{width:100%;padding:10px 15px;border-bottom:1px solid #e3e3e3;background:#f5f5f5;}
.overlayWrap .overlay-header h4.overlay-title{margin-bottom:0;font-size:25px;font-weight:bold;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#333;}
.overlayWrap .overlay-body{overflow-y:auto;position:relative;width:100%;padding:15px 20px;}
.overlayWrap .overlay-body ul{list-style:none;}
.overlayWrap .overlay-body img{width:100%;}
.overlayWrap .overlay-footer{position:relative;width:100%;padding:10px;border-top:1px solid #e3e3e3;text-align:right}

/*팝업창*/
.pop-content{position:relative;}
.pop-header{background-color:#273350;height:60px;}
.pop-body{padding:2%;}
.pop-header h2{position:relative;width:100%;line-height:60px;font-weight:bold;font-size:25px;padding:0 0 0 40px;color:#fff;}
.pop-header h2:before{content:'';position:absolute;top:50%;left:15px;width:16px;height:16px;margin-top:-8px;border:3px solid #eaeaea;border-radius:50%;}
.pop-footer{border-top:solid 1px #e5e5e5;padding:15px;text-align:right}

/* popup */
.wn_pop{background-color:#fff}
.wn_pop .wn_header{position:relative;margin:0;padding:5px;background-color:#f4f4f4;color:#000;font-size:13px;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:19px;}
.wn_pop .wn_body{position:relative;}
.wn_pop .wn_footer{position:relative;padding:10px 5px 9px;background-color:#000;text-align:center;}
.wn_pop .wn_footer a{position:relative;display:inline-block;padding:0 10px 0 5px;font-weight:bold;font-size:14px;color:#fff;}
.wn_pop .wn_footer a:first-child:after{content:'';position:absolute;top:50%;right:0;width:1px;height:12px;margin-top:-5px;background:#fff;}

/* categoryList */
.categoryList{position:relative;overflow:hidden;width:100%;margin:0 auto 30px;font-size:0;text-align:center;list-style:none;}
.categoryList li{position:relative;display:inline-block;background:#fff;}
.categoryList li:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#c8c8c8;}
.categoryList li a{position:relative;display:block;padding:15px 20px;font-size:18px;font-weight:500;color:#636363;text-align:center;}
.categoryList li a:before{content:'';width:100%;height:2px;transform:scale(0,  1);transition: all 0.3s ease;}
.categoryList li a:hover,
.categoryList li.on a{color:#239464;}
.categoryList li a:hover:before,
.categoryList li.on a:before{position:absolute;left:0;bottom:0;background:#239464;transform:scale(1,  1);}
.categoryList.item5 li{width:calc(100% / 5);}
.categoryList.item4 li{width:calc(100% / 4);}
.categoryList.item3 li{width:calc(100% / 3);}
.categoryList.item2 li{width:calc(100% / 2);}

/* 넓이가 1199px 이하일 때*/
@media all and (max-width:1199px) {

}

/* 넓이가 992px 이하일 때*/
@media (max-width: 991px) {
/* tab */
.tabList3 > li{width:24.9%;}
.tabList3.item2 > li{width:49.5%;}
.tabList3.item2 > li > a{min-width:100%}

/* box */
.cardBox ul li{width:25%;}

/* step */
.stepArea01 li .num{display:block;}
.stepArea01 li .stepInner{padding-left:8%;}
.stepArea01 li .stepInner span{display:inline-block;position:relative;width:100%;height:auto;vertical-align:middle;}
}

/* 넓이가 767px 이하일 때*/
@media (max-width: 767px) {
/* input */
.inputEmail{width:calc((100% - 22px) / 2);margin-bottom:5px;}
.selectEmail{width:100%;}
.selectEmail.pBtn{width:calc(100% - 125px);}
.inputHomepage{width:100%;}

/* table */
.tableWrap .table ul{display:block;overflow:hidden;position:relative;border-bottom:solid 1px #d1d1d1;}
.tableWrap .table ul li{border:0;}
.tableWrap .table .thead{display:none;}
.tableWrap .table .tbody{padding:10px 5px;}
.tableWrap .table .tbody li{display:inline-block;width:auto !important;padding:5px 8px 5px 0;}
.tableWrap .table .tbody li .label{display:inline-block;margin:-1px 7px 0 0;padding:2px 7px;border-radius:3px;background:#e5e5e5;font-size:14px;vertical-align:top;}

/* top box */
.ui-topbox .btn-wrap{position:relative;top:0;right:auto;margin-top:20px;}

.ui-topbox .tn-icon{display:none;}

.ui-topbox.type1.md .inner,
.ui-topbox.type1.lg .inner,
.ui-topbox.type1.lg.no-edge .inner{padding:25px;min-height:auto;}
.ui-topbox.type1 .inner .txtwrap .h-box{margin-bottom:10px;text-align:center;}

.ui-topbox.type2{padding:25px;min-height:auto;}
.ui-topbox.type2:before{display:none;width:0;border-right:0}
.ui-topbox.type2:after{background:none;}

/* box */
.ui-box.type1{padding-bottom:25px;}
.ui-box.type1 h4,
.ui-box.type2 h4{font-size:25px;}
.ui-box .msg_p{font-size:17px;}

.ui-box.type1 .btn{width:auto;min-width:170px;}

.boxInfo2{padding:20px;}

.cardBox ul li{width:33.33%;}

/* search */
.search_header .search_count,
.search_header .search_wrap{float:none;width:100%;}
.search_count > span + span{float:right;margin-left:0;padding-left:0;}
.search_count > span + span:before{display:none;}

.toggleList > ul > li .toggleBtn{right:10px;}

/* step */
.stepArea01 li{width:100%;border-width:1px;}
.stepArea01 li.active{width:100%;border:2px solid #007dc3;z-index:1;}
.stepArea01 li:before{display:none;}
.stepArea01 li .stepInner{padding-left:0;}
.stepArea01 li .num{display:inline-block;}
.stepArea01 li + li, .stepArea01 li + li.active{margin-top:-1px;padding-left:0;}
.stepArea01 li.active + li:before{display:none;}
.stepArea01.item4 li{width:100%;}

/* tab */
.tabList2.item6 > li{width:33.33%;}
.tabList2.item4 > li{width:50%;}

.tabList3{padding-left:0;text-align:left;}
.tabList3 > li{width:100%;padding-left:0;}

/* form */
.formInput .form-group:before{display:none;}
.formInput .form-group dt{padding:10px 10px 5px 20px;}
.formInput .form-group dt + dd{padding:5px 10px 10px;}
.formInput .form-group dd:before{background:none;}
.formInput .form-group dd.static-control{min-height:auto;}

.formInput.tp2 .form-group dt{padding-left:30px;}
.formInput.tp2 .form-group dt + dd{padding:0 10px;}

/* btn */
.btnArea.btmArea .btn-lg{min-width:170px;}

/* tooltip */
.cal_tooltipBox{max-width:95%;padding:0 20px;}
.cal_tooltipBox .cal_tooltip_close{width:26px;height:26px;}
.cal_tooltipBox .cal_tooltip_close:before,
.cal_tooltipBox .cal_tooltip_close:after{width:15px;height:2px;margin:-1px 0 0 -7px;}

.overlayWrap{height:95%;}

/* popup */
.wn_layer{top:70px !important;left:2% !important;width:96% !important;height:auto !important}
.wn_layer .wn_body{height:auto !important;text-align:center;}
.wn_layer .wn_body img{width:100%;}

/* categoryList */
.categoryList li{width:100%;border:solid #c8c8c8;border-width:0 1px 0;}
.categoryList li:first-child{border-top-width:1px;}
.categoryList.item5 li,
.categoryList.item4 li,
.categoryList.item3 li,
.categoryList.item2 li{width:100%;}
}

/* 넓이가 577px 이하일 때*/
@media (max-width: 577px) {
/* input */

/* table */
.wauto-wrap .scroll-info p{padding:65px 0 0;max-width:250px;line-height:1.5;}
.wauto-wrap .scroll-info p:before{top:10px;left:50%;margin-left:-62px;}

/* tab */
.tabList2 > li{float:none;width:100% !important;}
.tabList3 > li > a{font-size:16px;padding:20px 5px;}

.search_wrap .select_box{width:30%;}
.search_wrap .form-control{width:calc(100% - 30% - 10px);}

/* box */
.cardBox ul li{width:50%;}

/* step */
.stepArea01 li + li,
.stepArea01 li + li.active{padding-left:6%;}

.btnArea.btmArea .btn-lg{width:100%;min-width:auto;}
}