@charset "utf-8";

* {box-sizing:border-box; margin:0; padding:0;}
html,body{width:100%;height:100% }
html {-webkit-text-size-adjust:none;}
body {word-break:keep-all; overflow-wrap:break-word;font-family:-apple-system, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;font-size:16px;letter-spacing:-0.38px;line-height:inherit;font-weight:400;color:#212121;transition: all 0.5s;-webkit-transition: all 0.5s;}
h1,h2,h3,h4,h5,h6{font-size:inherit;}
header, section, article, aside, footer, nav {display:block;}
th, strong, b {font-weight:700;}
caption{height:0; font-size:0; line-height:0; overflow:hidden;}
fieldset{border:0;}
li{list-style:none;}
img {max-width:100%;vertical-align:middle;border:0;}
a{text-decoration:none;color:#212121;}
.tts{position:absolute; left:-9999px; width:1px; height:1px; text-indent:-9999px; line-height:0; overflow:hidden;}
.clear-fix{position:relative;}
.clear-fix:after{content:"";display:block;clear:both;}
/* skip navigation */
#skipNavigation{position:absolute; width:auto; z-index:2000;}
#skipNavigation a{position:absolute; display:block;left:0;top:0;width:1px;height:1px;margin:0 0 0 -10000px;padding:0;overflow:hidden; }
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active{width:200px;height:24px;background:#000;color:#fff;text-align:center;margin:0;font-weight:bold;}

.mapskip{position:absolute; width:auto; z-index:2000;}
.mapskip a{position:absolute; display:block;left:0;top:0;width:1px;height:1px;margin:0 0 0 -10000px;padding:0;overflow:hidden; }
.mapskip a:hover, .mapskip a:focus, .mapskip a:active{width:200px;height:24px;background:#000;color:#fff;text-align:center;margin:0;font-weight:bold;}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.ellipsis{display: block;vertical-align: top;width: 100%; max-width:92%;text-overflow: ellipsis;  overflow: hidden;white-space: nowrap;word-wrap: normal !important;}
.req{
	display: inline-block;
	position:relative;
	width: 15px;
	height: 20px;
	vertical-align: middle;
}
.req:before{
	content:"*";
	position:absolute;
	top: -2px;
	left: 0px;
	height: 20px;
	width: 15px;
	color:#ff0000;
	font-size: 18px;
	font-style:normal;
	text-align: center;
}
.req i{
	display:inline-block;
	text-indent:-9999px;
}
/* etc */
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}

.vt{vertical-align:top !important;}
.vm{vertical-align:middle !important;}
.vb{vertical-align:bottom !important;}

.fb{font-weight:700;}
.fb-m{font-weight:500;}
.fs24{font-size:24px;}

.esse{color:#ee2e24;vertical-align:middle;}
.line-under{text-decoration:underline;}
.ico-vm{margin:-4px 0 0 5px;}
.icon-new{margin:-2px 0 0 8px;vertical-align:middle;}
.radius-off{border-radius:0 !important;}
.di{display:inline-block;}

.color-red{color:#ff3d3d !important;}
.color-gray{color:#666 !important;}
.color-gray02{color:#757575 !important;}
.color-blue{color:#0070af !important;}
.color-blue-deep{color:#16407c !important;}
.color-brown{color:#993300 !important;}
.color-green{color:#098b64 !important;}
.color-white{color:#fff !important;}
.color-black{color:#000 !important;}
.color-yellow{color:#f8ef00 !important;}

.both-contents{display:flex;justify-content: space-between;align-items:center;width:100%;}
.both-contents > div{width:auto;}

.btn-area{overflow:hidden;width:100%;margin:40px 0 30px 0;}
.btn-area .btn-left{float:left;}
.btn-area .btn-right{float:right;}
.btn-area .btn-left button, .btn-area .btn-left a{margin:0 5px 0 0;}
.btn-area .btn-right button, .btn-area .btn-right a{margin:0 0 0 5px;}
.btn-area .btn-center{text-align:center;margin:0 auto;}
.btn-area .btn-center button, .btn-area .btn-center a{margin:0 10px;}
.btn-area .btn-center.count3 button, .btn-area .btn-center.count3 a{margin:0 2px;min-width:50px;}
.btn-area + .pagination{margin:20px 0 100px 0;}
.btn-area button, .btn-area a{vertical-align:middle;}

.basic-text{line-height:24px;color:#666;}
.large-title{position:relative;padding:9px 0 0 0;font-size:24px;margin:0 0 20px 0;color:#003179;font-weight: 700;background:url(../images/common/large-title-bg.png) no-repeat 0 0;}
.mid-title{position:relative;font-size:22px;margin:0 0 20px 0;color:#2471c5;font-weight: 700;}
.sm-title{position:relative;font-size:18px;margin:0 0 20px 0;color:#2471c5;font-weight: 700;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bdbdbd;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bdbdbd !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #bdbdbd !important;
}

/* input */
input, select, textarea{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;border:1px solid #dfdfdf;color:#a2a2a2;}
input, textarea, select, button{display:inline-block; max-width:100%; box-shadow:none; vertical-align:middle; font-weight:inherit; font-size:inherit; word-spacing:normal; letter-spacing:inherit;font-family: 'Noto Sans KR';}
button{cursor:pointer;background:none;border:none;vertical-align:middle;}
button:active span, button:focus span {
    position:relative;
    top: 0;
    left: 0;
}
input[type="text"], input[type="password"]{line-height:28px;height:40px;padding:0 10px;}
input[type="text"]:disabled, input[type="password"]:disabled{background:#f8f8f8;}
input[type="text"]:read-only, input[type="password"]:read-only{background:#f8f8f8;}
input[type="radio"], input[type="checkbox"]{line-height:28px;height:20px;}
a.disabled{pointer-events: none;cursor: default;}
select{height:40px;min-width:80px;padding:0 0 0 5px;background:#fff;}
select option{padding:0 10px 0 0;}
textarea.textarea{padding:10px;white-space:inherit;}

/* button */
.button{position:relative;overflow:hidden;display:inline-block;line-height:48px;color:#fff;min-width:150px;border:1px solid #dbdbdb;padding:0 20px;text-align:center;border-radius:5px;text-decoration: none !important;vertical-align:middle;}
.button.button-full{min-width:auto;width:100%;}
.button.button-xs{line-height:22px;font-size:13px;min-width:40px;padding:0 5px;}
.button.button-small{line-height:28px;font-size:14px;min-width:68px;}
.button.button-middle{line-height:44px;font-size:16px;min-width:110px;}
.button.button-middle02{line-height:44px;font-size:16px;min-width:160px;}
.button.button-large{line-height:58px;font-size:20px;min-width:230px;}
.button.button-round{border-radius:30px;}
.button-blue{background-color:#346fef;border:1px solid #346fef;transition: all .2s linear;}
.button-blue02{background-color:#003179;border:1px solid #003179;transition: all .2s linear;}
/*.button-blue:hover{background-color:#678cdd;border:1px solid #678cdd;transition: all .2s linear;}*/
.button-blue-empty{background-color:#fff;border:1px solid #346fef;color:#346fef;transition: all .2s linear;}
.button-blue-empty02{background-color:#fff;border:1px solid #003179;color:#003179;transition: all .2s linear;}
.button-red-empty{background-color:#fff;border:1px solid #ff0000;color:#ff0000;transition: all .2s linear;}
.button-black{background-color:#333;border:1px solid #333;transition: all .2s linear;}
.button-black:hover{background-color:#000;border:1px solid #000;transition: all .2s linear;}
.button-gray{background-color:#666;border:1px solid #666;transition: all .2s linear;color:#fff;}
/*.button-gray:hover{background-color:#d1d1d1;border:1px solid #d1d1d1;transition: all .2s linear;}*/
.button-gray02{background-color:#909090;border:1px solid #909090;transition: all .2s linear;color:#fff;}
.btn-reservation{background-color:#fff;border:1px solid #000;color:#000;font-size:18px;transition: all .2s linear;}
.btn-reservation:hover{background-color:#000;border:1px solid #000;color:#ede100;transition: all .2s linear;}
.btn-reservation.end{background-color:#c5c5c5;border:1px solid #c5c5c5;color:#fff;}
.button-white{background-color:#fff;border:1px solid #9c9c9c;color:#000;transition: all .2s linear;}
/*.button-white:hover{background-color:#000;border:1px solid #000;color:#fff;transition: all .2s linear;}*/
.button-yellow{background-color:#fff;border:1px solid #9c9c9c;color:#000;transition: all .2s linear;}
.button-yellow:hover{background-color:#000;border:1px solid #000;color:#fef200;transition: all .2s linear;}
.button-yellow02{background-color:#333;border:1px solid #333;color:#fff;transition: all .2s linear;}
.button-yellow02:hover{background-color:#333;border:1px solid #333;color:#fef200;transition: all .2s linear;}
.button.button-layer-close{line-height:34px;min-width:112px;}
.button.button-location{min-width:147px;}
.button.button-location img{vertical-align:middle;margin:0 5px 0 0;}
.button.button-location{position:relative;padding:0 0 0 10px;}
.button.button-small.button-white{border:1px solid #c5c5c5;color:#333;transition: all .2s linear;}
.button.button-small.button-white:hover{background-color:#000;border:1px solid #000;color:#fff !important;transition: all .2s linear;}
.button.button-list{padding:0 20px 0 52px;font-size:18px;color:#212121;background:#dcdcdc url(../images/common/icon-list.png) no-repeat 42px 50%;}
.button-download{display:inline-block;width:110px;height:36px;padding:9px 0 0 45px;border-radius:5px;background:#4b6dba url(../images/common/icon-download02.png) no-repeat 14px 10px;color:#fff;}

.button:before, .button:focus:before {
    content: "";
    position: absolute;
    background-color: rgba(0,0,0,.15);
    width: 10%;
    height: 25%;
    border-radius: 50%;
    z-index: 1;
    top: 35%;
    left: 45%;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.button:hover:before, .button:focus:before {
    -webkit-transform: scale(12);
    transform: scale(12);
    -webkit-transition: border-radius .5s .5s,-webkit-transform .5s;
    transition: border-radius .5s .5s,-webkit-transform .5s;
    transition: transform .5s,border-radius .5s .5s;
    transition: transform .5s,border-radius .5s .5s,-webkit-transform .5s
}

.button:hover, .button:focus:hover {
    -webkit-transition: border-radius 0s 0s,-webkit-transform 0s;
    transition: border-radius 0s 0s,-webkit-transform 0s;
    transition: transform 0s,border-radius 0s 0s;
    transition: transform 0s,border-radius 0s 0s,-webkit-transform 0s;
    -webkit-transition: all .5s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease
}

/* table */

[class*="tbl-scroll-"]{margin:5px 0 40px;padding-top:1px;overflow-x:auto;overflow-y:hidden}
[class*="tbl-scroll-"]::-webkit-scrollbar { height: 5px; background-color: #fff }
[class*="tbl-scroll-"]::-webkit-scrollbar-thumb { height: 5px; background-color: #888; border-radius: 3px }
.img-scroll{margin:5px 0 10px;overflow:auto}
.img-scroll img{max-width:inherit}
.img-scroll::-webkit-scrollbar { height: 5px; background-color: #fff }
.img-scroll::-webkit-scrollbar-thumb { height: 5px; background-color: #888; border-radius: 3px }

.table-scroll-wrap{overflow-x:auto;margin:0 0 40px 0;}
.table-scroll-wrap > div{min-width:600px;}
.table-scroll-wrap .table-list table th{padding:15px 3px;}
.table-scroll-wrap .table-list table td{padding:15px 3px;}
.table-scroll-wrap .table-list table td strong{font-weight:500;color:#000;}
.table-scroll-wrap.brain-biobank table td{word-break:break-all;}
table thead.th-blind{display:none;}
table{border-spacing:0;border-collapse:collapse;width:100%;table-layout:fixed;}
.table-list table{width:100%;border-top:2px solid #4d78d4; }
.table-list table th{background:#fff;background:#f4f8fd;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;padding:10px 3px;text-align:center;display:table-cell;font-weight:400;font-size:14px;}
.table-list table td{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;padding:10px 3px;text-align:center;color:#666;display:table-cell;font-size:14px;}
.table-list table td.no-data{padding:100px 0;font-size:14px;}
.table-list table tr:hover{background:#fffef2;}
.table-list table th:first-child{border-left:none;}
.table-list table td:first-child{border-left:none;}

.tab-area .table.table-bordered, .table-view table{border-top:2px solid #4d78d4;width:100%;}
.tab-area .table.table-bordered thead th, .table-view table thead th{border-top:none;word-break:keep-all;}
.tab-area .table.table-bordered th, .table-view table th{background:#f4f8fd;border:1px solid #e1e1e1;padding:10px 5px;text-align:center;color:#000;font-weight:400;line-height:18px;}
.tab-area .table.table-bordered th:first-child, .table-view table th:first-child{border-left:none;}
.tab-area .table.table-bordered th:last-child, .table-view table th:last-child{border-right:none;}
.tab-area .table.table-bordered td, .table-view table td{border:1px solid #e1e1e1;padding:10px;text-align:center;color:#666;line-height:22px;word-break:keep-all;}
.tab-area .table.table-bordered td:first-child, .table-view table td:first-child{border-left:none;}
.tab-area .table.table-bordered td:last-child, .table-view table td:last-child{border-right:none;}

.table.table-bordered {width:100% !important;}
.table.table-bordered td span{font-size:16px !important;}

.table-view table td i.fa{color:#346fef;}
.table-view table td.data-total{color:#212121;font-weight:500;}
.table-view.brd-add table th{border:1px solid #dcdcdc}
.table-view.brd-add table td{border:1px solid #dcdcdc}
.table-view .bld-none{border-left:none !important;}
.table-view.td-center table td{text-align:center;}
.table-view.color-black table td{color:#444;}
.table-view table td.bg01{background:#f5f5f5;}
.table-view tr:hover{background:#fffef2;}
.table-view.responsive {width:100%;border-top:1px solid #4d78d4;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-left:none;border-right:none;}
.table-view.responsive table{width:100%;}
.table-view.responsive caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.table-view.responsive th {background:#f4f8fd;padding:12px 20px;border-bottom:1px solid #dcdcdc;height:45px;}
.table-view.responsive td {padding:30px;border-bottom:1px solid #dcdcdc;height:45px;color:#666;}
.table-view.location-table{width:calc(100% - 20px);}
.table-view.type02 table{border-top-width:1px;border-color:#e1e1e1;}
.table-view.type02 th{background: #ebebeb;}
.table-view.type02 table th:last-child, .table-view.type02 table td:last-child{border-right:1px solid #e1e1e1;}
.table-view.type02 table th:first-child, .table-view.type02 table td:first-child{border-left:1px solid #e1e1e1;}
@media all and (max-width:767px){
	.table-view.responsive,
	.table-view.responsive col, 
	.table-view.responsive thead,
	.table-view.responsive tbody,
	.table-view.responsive tr,
	.table-view.responsive th,
	.table-view.responsive td {display:block}
	.table-view.responsive {border-top:0 none;}
	.table-view.responsive tr:after {content:"";display:block;clear:both}
	.table-view.responsive th {position:relative;border-top:1px solid #333;float:left;width:100%;border-right:0;border-bottom:none;box-sizing:border-box;text-align:center;}
	.table-view.responsive td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box;height:auto;border-left:none;padding:20px;}
}

.table-write{border-top:2px solid #585858;}
.table-write table{width:100%;margin:0 0 20px 0;}
.table-write table th{background:#f3f3f3;border-bottom:1px solid #dadada;padding:12px 10px;text-align:center;}
.table-write table td{border-bottom:1px solid #dadada;border-left:1px solid #dadada;padding:15px 10px;text-align:left;color:#666;}
.table-write.brd-add table th{border-left:1px solid #dadada}
.table-write.brd-add table td{border-right:1px solid #dadada}
.table-write.responsive {width:100%;border-top:2px solid #585858;border-collapse:collapse;border-spacing:0;box-sizing:border-box;border-left:none;border-right:none;}
.table-write.responsive table{width:100%;}
.table-write.responsive caption {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.table-write.responsive th {background:#fff;padding:12px 10px 12px 23px;border-bottom:1px solid #dbdbdb;border-right:none;height:62px;text-align:left;}
.table-write.responsive td {padding:10px 10px 11px 10px;border-bottom:1px solid #dbdbdb;height:45px;color:#666;border-left:none}
.table-write.responsive td label + button{margin:0 0 0 5px;font-size:14px;}
.table-write.responsive td label + span button{margin:0 0 0 5px;font-size:14px;}
.table-write.responsive td p, .table-write.responsive td div, .table-write.responsive td span{line-height:24px;}
@media all and (max-width:767px){
	.table-write.responsive,
	.table-write.responsive col, 
	.table-write.responsive thead,
	.table-write.responsive tbody,
	.table-write.responsive tr,
	.table-write.responsive th,
	.table-write.responsive td {display:block}
	.table-write.responsive {border-top:2px solid #000;}
	.table-write.responsive tr:after {content:"";display:block;clear:both}
	.table-write.responsive th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box;text-align:left;vertical-align:middle;height:40px;line-height:40px;padding:0 0 0 5px;border-bottom:none;}
	.table-write.responsive td {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box;height:auto;border-left:none;padding:0 0 10px 5px;line-height:40px;}
	.table-write.responsive input[type="text"], .table-write.responsive input[type="password"], .table-write.responsive input[type="file"], .table-write.responsive select{height:30px}
	.table-write.responsive .button.button-middle{line-height:28px;font-size:14px;}
}

.file-add-area ul li{margin:10px 0 0 0;}
.file-add-area ul li:first-child{margin:0;}
.file-add-area ul li img{vertical-align:middle;margin:0 4px 0 0;}
.file-add-area .btn{margin:0 0 10px 0;}
.file-add-area .btn a{display:inline-block;width:120px;height:28px;color:#585858;background:#dbdbdb;text-align:center;margin:0 10px 0 0;line-height:26px;}

.board-view{width:100%;}
.board-view .board-title{border-top:2px solid #333;border-bottom:1px solid #dcdcdc;padding:15px 20px;}
.board-view .board-title p{margin:0 0 15px 0;font-weight:bold;font-size:24px;}
.board-view .board-title span{font-size:16px;color:#999;font-weight:normal;}
.board-view .board-view-con{padding:30px 20px;}
.board-view .board-info{overflow:hidden;padding:14px 20px;background:#fff;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.board-view .board-info > span{display:block;position:relative;float:left;margin:0 30px 0 0;}
.board-view .board-file{display:table;width:100%;overflow:hidden;background:#f5f5f5;border-bottom:1px solid #dadada;min-height:53px;}
.board-view .board-file dt{display:table-cell;vertical-align:middle;width:15%;border-right:1px solid #dadada;min-width:100px;font-weight:bold;padding:0 0 0 25px}
.board-view .board-file dd{display:table-cell;background:#fff;}
.board-view .board-file dd ul{padding:14px 20px}
.board-view .board-file dd ul li{padding:2px 0;}
.board-view .board-view-con{font-size:16px;line-height:26px;border-bottom:1px solid #dadada;}
.board-view .board-view-con.pd0{padding:0;border:none;}
.board-view.answer{border-top:2px solid #585858;}

/*.board-navi{border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;}
.board-navi dl{overflow:hidden;border-top:1px solid #dbdbdb;}
.board-navi dl:first-child{border-top:none;}
.board-navi dl dt{float:left;width:180px;height:50px;padding:13px 0 17px 79px;font-weight:bold;background:#f5f5f5 url(/images/user/common/icon-board-arrow01.png) no-repeat 41px 50%;}
.board-navi dl + dl dt{background:#f5f5f5 url(/images/user/common/icon-board-arrow02.png) no-repeat 41px 50%;}
.board-navi dl dd{float:left;width:calc(100% - 180px);height:50px;padding:13px 10px 17px 25px;}*/

.board-navi{display:flex;align-items:center;position:relative;padding:20px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.board-navi > div{width:50%;padding:4px 20px 4px 50px;background:url(../images/common/board-navi-left.png) no-repeat left 15px top 50%;background-size:13px auto;}
.board-navi > div + div{padding:0 50px 0 20px;text-align:right;background:url(../images/common/board-navi-right.png) no-repeat right 15px top 50%;background-size:13px auto;}
.board-navi:after{content:"";position:absolute;top:0;left:50%;height:100%;width:1px;background:#dcdcdc;}
.board-navi  div .text01{font-size:14px;font-weight:600;color:#555;}
.board-navi  div .text02{font-size:14px;color:#212121;}
.board-navi  div + div .text02{margin:0 0 0 40px;}
.board-navi  .ellipsis{width:auto;max-width:460px;}
.board-navi a{text-decoration:none !important;}

.reply-area{background:#f8f8f8;border-radius:5px;padding:20px;margin:0 0 40px 0;}
.reply-area .reply-tit{font-size:18px;margin:0 0 10px 0;color:#212121;font-weight:500;}
.reply-area .txt-join{margin:0 0 10px 0;}
.reply-area .txt-join textarea{width:100%;padding:10px;height:100px;color:#333;}
.reply-area .reply-btm{text-align:right;}
.reply-area .reply-btm input{width:160px;}
.reply-area .reply-btm button{height:40px;border-radius:0;background:#16407c;line-height:38px;width:100px;min-width:auto;}

.comment-box .title{font-size:18px;margin:0 0 20px 0;color:#212121;font-weight:500;}
.comment-box > ul{border-top:1px solid #d7d7d7;}
.comment-box > ul > li .comment-user{padding:0;}
.comment-box > ul > li{border-bottom:1px solid #d7d7d7;padding:20px 0;}
.comment-box .comment-txt{background:#fff;padding:0;line-height:22px}
.comment-box .comment-info .user-txt{margin:0 0 14px 0;}
.comment-box .comment-info .user-txt .name{font-size:18px;color:#333;}

.bg-none{background:none !important;}
.list-dot > li{position:relative;padding:0 0 0 10px;line-height:24px;margin:0 0 5px 0;color:#555;}
.list-dot > li:after{content:"";position:absolute;top:11px;left:0;width:4px;height:4px;border-radius:100%;background:#ccc;}
.list-dot > li.bg-none:after{background:none;}
.list-dot .bg-none{margin:5px 0;}
.list-dot.bg-none > li, .list-dot .bg-none > li{padding:0;}
.list-dot.bg-none > li:after, .list-dot .bg-none > li:after, .list-bar.bg-none > li:after, .list-bar > li.bg-none:after{background:none;}
.list-bar.bg-none > li, .list-bar > li.bg-none{padding-left:0;}
.list-dot > li .list-num{margin:10px 0 0 -12px;}
.list-bar > li .list-dot{margin-top:10px;}
.list-bar > li .list-dot > li{padding:0 0 0 10px;color:#555;margin:0;}
.list-bar > li .list-dot > li:after{content:"";position:absolute;top:10px;left:0;width:2px;height:2px;border-radius:100%;background:#7d7d7d;}
.list-bar > li .list-dot.bg-none > li{padding:0}
.list-bar > li .list-dot.bg-none > li:after{display:none;}
.sm-list{margin:6px 0 0 0;}
.sm-list li{display:block;margin:0 0 0 12px;font-size:14px;color:#555;text-indent:-12px;}
.list-num li{position:relative;padding:0 0 0 23px;margin:0 0 5px 0;}
.list-num li:after{content:"";position:absolute;top:3px;left:0;background:#fff;border:1px solid #000;height:15px;width:15px;border-radius:15px;font-size:11px;color:#000;text-align:center;}
.list-num li:nth-child(1):after{content:"1";}
.list-num li:nth-child(2):after{content:"2";}
.list-num li:nth-child(3):after{content:"3";}
.list-num li:nth-child(4):after{content:"4";}
.list-num li:nth-child(5):after{content:"5";}
.list-num li:nth-child(6):after{content:"6";}
.list-num li:nth-child(7):after{content:"7";}
.list-num li:nth-child(8):after{content:"8";}
.list-num li:nth-child(9):after{content:"9";}
.list-num li:nth-child(10):after{content:"10";}
.list-num li > ul.listnone li:after {content:'';background:none;border:none;}
.list-num li > ul.listnone li{padding-left:0;}
p.list-dot{position:relative;padding:0 0 0 15px;line-height:24px;color:#555;}
p.list-dot:after{content:"";position:absolute;top:8px;left:0;width:5px;height:5px;border-radius:100%;background:#555;}
.list-bar {margin:18px 0 0 0;}
.list-bar > li{position:relative;padding:0 0 0 13px;line-height:24px;margin:0 0 9px 0;font-size:16px;color:#555;}
.list-bar > li:after{content:"";position:absolute;top:9px;left:0;width:5px;height:1px;background:#555;}
.indent-text{text-indent:-16px;padding:0 0 0 16px;line-height:24px;}
.indent-text02{text-indent:-10px;padding:0 0 0 10px;line-height:24px;}
.indent-none > li{text-indent:0;}

/* pagination */
/* .pagination{margin:30px 0 35px 0;text-align:center;display:flex;flex-wrap:wrap;justify-content: center;}
.pagination strong, .pagination span a, .pagination img{vertical-align:middle;text-align:center;}
.pagination img{padding:11px 0 0 0;}
.pagination span{display:inline-block;}
.pagination span a{display:inline-block;color:#333;height:35px;width:35px;padding:6px 0 0 0;font-size:14px;margin:0 4px;border:1px solid  #e6e6e6;}
.pagination strong{display:inline-block;background:#fff;font-weight: 400;color:#003179;height:35px;width:35px;padding:5px 0 0 0;margin:0 4px;border:1px solid  #003179;}
.pagination .pageFirst{background:url(../images/common/pagination-prev01.png) no-repeat 50% 50%;}
.pagination .pagePrev{background:url(../images/common/pagination-prev02.png) no-repeat 50% 50%;}
.pagination .pageNext{background:url(../images/common/pagination-prev02.png) no-repeat 50% 50%;transform:rotate(180deg);}
.pagination .pageLast{background:url(../images/common/pagination-prev01.png) no-repeat 50% 50%;transform:rotate(180deg);} */

.pagination{margin:30px 0 35px 0;text-align:center;display:flex;flex-wrap:wrap;justify-content: center;}
.pagination strong, .pagination span a, .pagination img{vertical-align:middle;text-align:center;}
.pagination img{padding:11px 0 0 0;}
.pagination li{display:inline-block;color:#333;height:35px;width:35px;font-size:14px;margin:0 4px;border:1px solid  #e6e6e6;}
.pagination li a{display:block;height:35px;width:35px;padding:6px 0 0 0;}
.pagination li.active{display:inline-block;background:#fff;font-weight: 400;color:#003179;height:35px;width:35px;padding:5px 0 0 0;margin:0 4px;border:1px solid  #003179;}
.pagination li em{font-style:normal;}
.pagination .first{background:url(../images/common/pagination-prev01.png) no-repeat 50% 50%;text-indent:-9999px;}
.pagination .prev{background:url(../images/common/pagination-prev02.png) no-repeat 50% 50%;text-indent:-9999px;}
.pagination .next{background:url(../images/common/pagination-prev02.png) no-repeat 50% 50%;transform:rotate(180deg);text-indent:-9999px;}
.pagination .end{background:url(../images/common/pagination-prev01.png) no-repeat 50% 50%;transform:rotate(180deg);text-indent:-9999px;}
.pagination .disabled{cursor:not-allowed;background-color:#f8f8f8;}
/* tab */
.tab-list{display:flex;position:relative;margin-bottom:35px; border-collapse:collapse;line-height:1.3; word-break:keep-all; overflow:hidden;width:100%; min-width:100%; }
.tab-list:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#999;z-index: 10;}
.tab-list li {margin:0 10px 0 0;}
.tab-list li a {display: inline-block;width:100%; border:2px solid #f7f7f7; border-bottom:2px solid #999;vertical-align:middle; background-color:#f7f7f7;border-radius:10px 10px 0 0;font-size:18px;}
.tab-list li a span {display:table-cell; width:1%; height:58px; padding:1px 10px 0; text-align:center; vertical-align:middle;color:#666;}
.tab-list li.on a{position: relative;z-index: 100;background:#fff;border:2px solid #999;border-bottom:2px solid #fff;font-weight:700;}
.tab-list li.on a span {padding-top:0;  color:#000;}
.tab-cont {display:none;}
.tab-list.col2 li{width:230px;}

/* checkbox radio */
.checks {position: relative;display:inline-block;vertical-align:middle;line-height:20px;} 
.checks input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
.checks input[type="radio"] + label {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
} 
.checks input[type="radio"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: -2px;
	width: 24px;
	height: 24px;
	text-align: center;
	background: #fff;
	border: 1px solid #c2c2c2;
	border-radius: 100%;
	/*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
} 
.checks input[type="radio"] + label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 6px;
	width: 14px;
	height: 14px;
	background: #c2c2c2;
	border-radius: 100%;
	/*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
}
.checks input[type="radio"] + label:active:before, 
.checks input[type="radio"]:checked + label:active:before { 
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
} 
.checks input[type="radio"]:checked + label:before { 
	background: #fff; 
	border-color: #346fef; 
} 
.checks input[type="radio"]:checked + label:after {
	background: #346fef;
	border-radius: 100%;
	/*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
}
.checks input[type="radio"]:focus-within + label:before{
	border: 1px dashed #346fef; 
}
.checks input[type="checkbox"]:disabled + label:before {
    background: #cacece;
    cursor: default;
}
.checks input[type="checkbox"]:disabled + label {
    cursor: default;
}
.checks input[type="checkbox"] {
	position: absolute; 
	width: 1px; 
	height: 1px;
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); border: 0 
} 
.checks input[type="checkbox"] + label { 
	display: inline-block; 
	position: relative; 
	padding-left: 30px; 
	cursor: pointer; 
	-webkit-user-select: none; 
	-moz-user-select: none; -ms-user-select: none;
	width: auto; 
	height: 20px;
	vertical-align:middle;
} 
.table-list .checks input[type="checkbox"] + label { 
	width: 20px; 
} 
.checks input[type="checkbox"] + label:before {
	content:""; 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 26px;  
	height: 26px; 
	line-height: 26px; 
	text-align: center; 
	background: #fff;
	border: 1px solid #ccc; 
	border-radius : 5px; 
	/*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
} 
.checks input[type="checkbox"]:focus-within + label:before{
	border: 1px dashed #346fef; 
}
.checks input[type="checkbox"] + label:active:before, 
.checks input[type="checkbox"]:checked + label:active:before { 
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); 
} 
.checks input[type="checkbox"]:checked + label:before {
	/*content: '\2714'; */ 
	/*color: #99a1a7; 
	text-shadow: 1px 1px #fff; */ 
	background:#346fef url(../images/common/icon-check.png) no-repeat 50% 50%; 
	background-size:cover;
	border-color:#346fef;
	/*border-color: #adb8c0; 
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); */ 
}

.radio-wrap label {
  display: inline-block;
  margin: 0px 15px 0 5px;
  vertical-align: middle;
}
.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.filebox label {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    background-color: #666;
    cursor: pointer;
    border: 1px solid #666;
	height:42px;
	line-height: 38px;
	min-width:110px;
	padding: 0 20px;
    text-align: center;
    border-radius: 5px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f8f8f8;
	border: 1px solid #e7e7e7;
	border-radius: .25em;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.filebox.bs3-primary label {
  color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
/* modal */
.overlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); z-index:2000; transform:translateZ(0);}
.modal-opened {overflow:hidden;}
.layer-popup {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:2050; transform:translateZ(0); overflow-y:scroll;}
.layer-popup .popup-title{font-size:15px;color:#fff;padding:0 0 0 18px;height:45px;line-height:45px;font-weight:500;background:#333;}
.layer-popup .popup-inner {position:relative; width:calc(100% - 35px);max-width:700px;margin:200px auto 100px; box-shadow:3px 5px 5px rgba(0,0,0,.3); background-color:#fff;/*border:1px solid #000;*/}
.layer-popup .popup-inner.id-ask{margin:0 auto;width:100%;}
.layer-popup .popup-inner.id-ask .popup-body{background:#fafafa;}
.layer-popup .popup-inner .popup-body{padding:30px;min-height:100px;border:2px solid #333;}
.layer-popup .popup-inner.id-ask .btn-close-popup{position:absolute;right:10px;top:10px;}
.layer-popup .btn-close-popup{position:absolute;right:15px;top:11px;}

.popup-wrap{position:relative;border:3px solid #005297;}
.popup-wrap .popup-title{padding:15px 20px;}
.popup-wrap .popup-title p{padding:0 0 20px 0;font-weight:bold;font-size:20px;border-bottom:1px solid #dcdcdc;}
.popup-wrap .popup-title h1{font-size:20px;font-weight:bold;color:#fff;}
.popup-wrap .popup-contents{padding:20px 17px;;}
.popup-wrap .popup-contents p{line-height:26px;}
.popup-wrap .popup-contents .btn-area{padding-top:20px;margin-bottom:0;border-top:1px solid #dcdcdc}
.popup-wrap .popup-close{position:absolute;top:10px;right:22px;width:19px;height:19px;}

/* margin */
.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !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;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb90{margin-bottom:90px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/* padding */
.pt0{padding-top:0 !important;}
.pt3{padding-top:3px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

.wrap-layer-popup {
  display: none;
  justify-content: center;
  position: fixed;
  z-index: 991;
  left: 0;
  top:0;
  padding:5% 0 0 0;
  width: 100%;
  height:100%;
}
.wrap-layer-popup.popup-open {
  display: flex;
}
.wrap-layer-popup.study-layer{
	pointer-events: none;
}
.study-layer .btn-layer-close{
	pointer-events: auto;
}
.wrap-layer-popup.study-layer .layer-popup-contents{
	overflow:hidden;
	background: none;
	max-height: none;
}
.wrap-layer-popup.study-layer .inner-layer-popup{
	width:800px;
}
.wrap-layer-popup.popup-open > .inner-layer-popup {
  opacity: 1;
}
.wrap-layer-popup.prev-popup {
  z-index: 989;
}
.wrap-layer-popup > .inner-layer-popup {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  width: 1000px;
  max-height:600px;
  height: 100%;
  opacity: 0;
  border-radius: 5px;
  overflow: hidden;
}
.wrap-layer-popup.email-layer > .inner-layer-popup {
  width: 600px;
  max-height:300px;
}
.wrap-layer-popup.section03-layer > .inner-layer-popup {
  width: 600px;
  max-height:300px;
}
.wrap-layer-popup .wrap-layer-popup-title {
  width: 100%;
  max-height:70px;
  padding: 20px 20px 20px 30px;
  background-image: -moz-linear-gradient( 0deg, rgb(43,101,155) 0%, rgb(56,122,117) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(43,101,155) 0%, rgb(56,122,117) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(43,101,155) 0%, rgb(56,122,117) 100%);
}
.wrap-layer-popup .wrap-layer-popup-title .title {
  margin: 0;
  font-weight: 700;
  line-height: 30px;
  font-size:20px;font-weight:700;color:#fff;
}
.wrap-layer-popup .layer-popup-contents {
  position: relative;
  width: 100%;
  /*height: 100%;*/
  overflow-y: auto;
  background-color: #fff;
  max-height:530px;
}
.wrap-layer-popup .layer-popup-contents > .inner-wrap {
  /*max-height:500px;*/
  box-sizing: border-box;
  padding: 20px;
}
.wrap-layer-popup .layer-popup-contents  .inner {
  padding:0 0 20px 0;
}
.wrap-layer-popup .layer-popup-bottom {
  display: flex;
  width: 100%;
  background: #fff;
}
.wrap-layer-popup .layer-popup-bottom button {
  /* width: 100%; */
  /* height: 40px; */
  border: 0;
  background-color: #fff;
  color: #333;
  box-sizing: border-box;
  border: 1px solid #ccc;
  /* border: 1px solid transparent; */
  padding: 10px 20px;
  margin: 0 auto 20px;
  background: #f8f8f8;
  font-weight: 700;
  border-radius: 5px;
}
.wrap-layer-popup .layer-popup-bottom button[popup-cancle] {
  background-color: #fff;
  color: #000;
  border-top-color: #ccc;
}
.wrap-layer-popup .inner-bottom{
	background:#f8f8f8;
	padding:15px;
	border-top:1px solid #ccc;
}
.wrap-layer-popup .inner-bottom .btn-area{
	margin:0;
}
.popup-dimmed {
  position: fixed;
  z-index: 990;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  transition: opacity .2s;
}
.scroll-lock {
  overflow: hidden;
}
.wrapper {
  width: 900px;
  margin: 0 auto;
}
.hidden {
	display:none;
  position: relative;
  display: inline-block;
  text-indent:-9999px;
}

.btn-layer-close {
	position: absolute;
	right: 34px;
	top: 22px;
	width: 62px;
	height: 26px;
	z-index:100;
	background:#555 url(../images/common/icon-close-white.png) no-repeat 80% 50%; 
	background-size:13px auto;
	color:#fff;
	border-radius:50px; 
	padding-right: 16px;
	font-size: 14px;
}
.btn-layer-close:before{
	content:"닫기"
}
/* .btn-layer-close:focus:before{
	border:2px dashed #fff;
	border-top:5px solid #4b6dba;
} */
/*.btn-layer-close:before{
	content:"";
	position:absolute;
	top: -10px;
	left: -8px;
	width:40px;
	background:#555 url(../images/common/icon-close-white.png) no-repeat 50% 50%;
	background-size:20px auto;
	height:60px;
	border-radius:0 0 20px 20px;
	z-index:0;
	border:2px dashed #555;
	border-top:5px solid #4b6dba;
}*/
/* datepicker */
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 235px;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 10px;
	width: 7px;
	height: 1.8em;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	border: none !important;
}
.ui-datepicker .ui-datepicker-prev {
	left: 22px;
	background:url(../images/common/pagination-prev02.png) no-repeat 50% 50%;
	background-size:7px;
	transform:rotate(360deg);
}
.ui-datepicker .ui-datepicker-next {
	right: 22px;
	background:url(../images/common/pagination-prev02.png) no-repeat 50% 50%;
	background-size:7px;
	transform:rotate(180deg);
}
/* .ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
} */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px; 
}
.ui-datepicker .ui-datepicker-title {
	padding-top:10px;
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 13px;
	margin: 12px 0;
	color: #333;
    border: none;
    border-radius: 5px;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	min-width: 70px;
    height: 25px;
}
.ui-datepicker select.ui-datepicker-year{margin-right:4px;}
.ui-datepicker select.ui-datepicker-month{margin-left:4px;}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 400;
	border: 0;
	color: #7e8da3;
	font-size:12px;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	width: 21px;
    height: 21px;
	display: block;
	padding: .2em;
	text-align: center;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #346fef;
}
.ui-widget-content {
	overflow:hidden;
	border: 1px solid #346fef;
	background: #ffffff;
	color: #333333;
	border-radius:5px;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	background: #f4f8fd;
	color: #333333;
	font-weight: bold;
	height:45px;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid transparent;
	font-weight: normal;
	color: #697685;
	font-size:12px;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #346fef;
	border-radius:50%;
	background-color: transperant;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border-radius: 50%;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #c0d3fc;
	border-radius:50%;
	background: #c0d3fc;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}