@charset "utf-8";

/* reset */
@font-face{
    font-family:"NotoSans";
    font-weight:300;
    src:url('../fonts/NotoSansKR-Light.eot');
    src:url('../fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansKR-Light.woff') format('woff'),
    url('../fonts/NotoSansKR-Light.ttf') format('truetype');
}
@font-face{
    font-family:"NotoSans";
    font-weight:400;
    src:url('../fonts/NotoSansKR-Regular.eot');
    src:url('../fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansKR-Regular.woff') format('woff'),
    url('../fonts/NotoSansKR-Regular.ttf') format('truetype');
}
@font-face{
    font-family:"NotoSans";
    font-weight:500;
    src:url('../fonts/NotoSansKR-Medium.eot');
    src:url('../fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansKR-Medium.woff') format('woff'),
    url('../fonts/NotoSansKR-Medium.ttf') format('truetype');
}

@font-face{
    font-family:"NotoSans";
    font-weight:700;
    src:url('../fonts/NotoSansKR-Bold.eot');
    src:url('../fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/NotoSansKR-Bold.woff') format('woff'),
    url('../fonts/NotoSansKR-Bold.ttf') format('truetype');
}
* {box-sizing:border-box; margin:0; padding:0;}
html,body{width:100%;height:100% }
html {-webkit-text-size-adjust:none;}
body {-webkit-font-smoothing: subpixel-antialiased;word-break:keep-all; overflow-wrap:break-word;font-family:'NotoSans', /* 'Apple SD Gothic Neo', */sans-serif, Arial;font-size:16px;letter-spacing:-0.38px;line-height:inherit;font-weight:400;color:#000;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;}
.article-con img {max-width: 600px; height: auto;}
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;}

/* 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;}

.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:#ee2e24 !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:#d76b30 !important;}
.color-green{color:#31a580 !important;}
.color-white{color:#fff !important;}
.color-black{color:#000 !important;}
.color-yellow{color:#f8ef00 !important;}
.subway-line2{color:#02a03d !important;border: 2px solid #02a03d;width: 20px;height: 20px;border-radius:100%;display:inline-block;text-align:center;line-height: 16px;font-size: 13px;}
.subway-line3{color:#e9592a !important;border: 2px solid #e9592a;width: 20px;height: 20px;border-radius:100%;display:inline-block;text-align:center;line-height: 16px;font-size: 13px;}
.subway-line7{color:#696f25 !important;border: 2px solid #696f25;width: 20px;height: 20px;border-radius:100%;display:inline-block;text-align:center;line-height: 16px;font-size: 13px;}
.bus-green-bg{background:#4fa031;display:inline-block;line-height:19px;width:30px;height:19px;font-size:12px;text-align:center;color:#fff;}
.bus-blue-bg{background:#385ab0;display:inline-block;line-height:19px;width:30px;height:19px;font-size:12px;text-align:center;color:#fff;}
.bus-red-bg{background:#e0121a;display:inline-block;line-height:19px;width:30px;height:19px;font-size:12px;text-align:center;color:#fff;}
.highlight{position:relative;}
.highlight:after{content:"";background:#fff200;width:100%;height:6px;position:absolute;bottom:2px;left:0;z-index:-1;}

.both-contents{display:flex;justify-content: space-between;width:100%;}
.both-contents > div{width:48%;}

.btn-area{overflow:hidden;width:100%;margin:50px 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:30px;}
.basic-text01{font-size:16px;line-height:22px;}
.basic-text02{font-size:20px;line-height:26px;color:#333;font-weight:500;}
.square-title{position:relative;padding:0 0 0 12px;font-size:20px;margin:0 0 15px 0;}
/*.square-title:after{content:"";position:absolute;top:9px;left:0;width:11px;height:11px;background:#000;}
.square-title:before{content:"";position:absolute;top:10px;left:1px;width:7px;height:7px;background:#000;border:1px solid #fff;z-index:10;}*/
.square-title:after{content:"";position:absolute;top:12px;left:0px;width:6px;height:6px;background:#333;z-index:10;border-radius:6px}
/*.square-title:before{content:"";position:absolute;top:10px;left:0;width:8px;height:8px;background:#fff200;border:2px solid #58585a;z-index:20;border-radius:8px}*/

.bar-title{position:relative;padding:0 0 0 20px;font-size:26px;margin:0 0 30px 0;font-weight:500;}
.bar-title:after{content:"";position:absolute;top:6px;left:0;width:5px;height:12px;background:#333;}
.bar-title:before{content:"";position:absolute;top:18px;left:0;width:5px;height:18px;background:#fff407;}
.bar-title.bg-none{padding:0;}
.bar-title.bg-none:after, .bar-title.bg-none:before{background:none;}

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

/* input */
input, select, textarea{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;border:1px solid #dbdbdb;color:#111;}
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;}
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="radio"], input[type="checkbox"]{line-height:28px;height:40px;}
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{display:inline-block;line-height:48px;font-size:16px;color:#fff;min-width:150px;border:1px solid #dbdbdb;padding:0 20px;text-align:center;}
.button.button-full{min-width:auto;width:100%;}
.button.button-small{line-height:28px;font-size:14px;min-width:68px;}
.button.button-middle{line-height:38px;font-size:16px;min-width:78px;}
.button.button-large{line-height:50px;font-size:18px;min-width:150px;font-weight:600;}
.button.button-round{border-radius:30px;}
.button-blue{background-color:#16407c;border:1px solid #16407c;transition: all .2s linear;}
.button-blue:hover{background-color:#1c6ea1;border:1px solid #1c6ea1;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:#697278;border:1px solid #697278;transition: all .2s linear;color:#fff;}
.button-gray:hover{background-color:#3d4245;border:1px solid #3d4245;transition: all .2s linear;}
.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 #585858;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 #585858;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%;}

/* table */
.table-scroll-wrap{overflow-x:auto;margin:0 0 40px 0;}
.table-scroll-wrap > div{min-width:768px;}
.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-list table{width:100%;border-top:1px solid #999;}
.table-list table th{background:#ededed;padding:15px 10px;text-align:center;display:table-cell;font-weight:normal;font-size:15px;color:#000;font-weight:400;}
.table-list table td{border:1px solid #f2f2f2;border-bottom:1px solid #dbdbdb;padding:15px 10px;text-align:center;color:#212121;display:table-cell;}
.table-list table td:first-child{border-left:none;}
.table-list table td:last-child{border-right:none;}
.table-list table td.no-data{padding:100px 0;font-size:16px;}
.table-list table tr:hover{background:#f5f5f5;}

.table-view{border-top:1px solid #333;}
.table-view table{width:100%;}
.table-view table th{background:#f8f8f8;border:1px solid #dcdcdc;padding:12px 10px;font-size:18px;text-align:center;}
.table-view table th:first-child{border-left:none;}
.table-view table th:last-child{border-right:none;}
.table-view table td{border:1px solid #dcdcdc;padding:13px 20px;text-align:center;color:#7d7d7d;}
.table-view table td:first-child{border-left:none;}
.table-view table td:last-child{border-right:none;}
.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 table td.bg01{background:#f5f5f5;}
.table-view.responsive {width:100%;border-top:1px solid #333;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:#f8f8f8;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);}
@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:#ededed;border-bottom:1px solid #dadada;padding:12px 10px;text-align:center;font-size:15px;color:#000;font-weight:400;}
.table-write table td{border-bottom:1px solid #dbdbdb;border-left:1px solid #dbdbdb;padding:15px 10px;text-align:left;color:#666;}
.table-write.brd-add table th{border-left:1px solid #dbdbdb}
.table-write.brd-add table td{border-right:1px solid #dbdbdb}
.table-write.responsive {width:100%;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 {height:62px;}
.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:10px 5px;}
	.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{position:relative;border-top:2px solid #585858;padding:10px;}
.board-view .board-title p{font-weight:bold;font-size:18px;width:calc(100% - 160px);}
.board-view .board-title span{font-size:16px;color:#666;position: absolute;top: 20px;right: 20px;}
.board-view .board-view-con{padding:30px 20px;}
.board-view .board-info{overflow:hidden;padding:12px 10px;background:#f9f9f9;border-top:1px solid #dbdbdb;}
.board-view .board-info > div{display:block;position:relative;float:left;padding:0 20px 0 0;margin:0 20px 0 0;color:#666;}
.board-view .board-info > div:last-child{margin:0;padding:0;}
.board-view .board-info > div:last-child:after{background:none;}
.board-view .board-info > div ul{display:inline-block;}
.board-view .board-info > div ul li{display:inline-block;margin:0 10px 0 0;}
.board-view .board-info > div ul li img{vertical-align:sub;}
.board-view .board-info strong{font-weight:400;margin:0 8px 0 0;color:#2e2e2e;}
.board-view .board-info > div:after{content:"";position:absolute;right:0;top:4px;background:#dadada;width:1px;height:16px;}
.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:#f9f9f9;}
.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-top:1px solid #dadada;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;position:relative;padding:20px 0;border-bottom:1px solid #ccc;}
.board-navi > div{width:50%;padding:0 20px 0 50px;background:url(../images/common/board-navi-left.png) no-repeat left 15px top 50%;}
.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%;}
.board-navi:after{content:"";position:absolute;top:0;left:50%;height:100%;width:1px;background:#dcdcdc;}
.board-navi  div .text01{font-size:12px;font-weight:600;color:#999;}
.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;}

.bg-none{background:none !important;}
.list-dot > li{position:relative;padding:0 0 0 15px;line-height:30px;margin:0 0 9px 0;}
.list-dot > li:after{content:"";position:absolute;top:12px;left:0;width:5px;height:5px;border-radius:100%;background:#7d7d7d;}
.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-dashed.bg-none > li:after, .list-dashed > li.bg-none:after{background:none;}
.list-dot > li .list-num{margin:10px 0 0 -12px;}
.list-num li{position:relative;padding:0 0 0 23px;margin:0 0 8px 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:30px;}
p.list-dot:after{content:"";position:absolute;top:12px;left:0;width:5px;height:5px;border-radius:100%;background:#7d7d7d;}
.list-bar > li{position:relative;padding:0 0 0 8px;line-height:21px;margin:0 0 6px 0;}
.list-bar > li:after{content:"";position:absolute;top:10px;left:0;width:4px;height:1px;background:#333;}
.indent-text{text-indent:-20px;padding:0 0 0 20px;line-height:21px;}
.indent-none > li{text-indent:0;}

/* pagination */
.pagination{margin:50px 0 60px 0;text-align:center;display:flex;flex-wrap:wrap;justify-content: center;}
.pagination strong{}
.pagination strong, .pagination span a, .pagination img{vertical-align:middle;text-align:center;}
.pagination img{padding:8px 0 0 0;}
.pagination span{display:inline-block;}
.pagination span a{display:inline-block;color:#999;height:37px;width:37px;padding:8px 0 0 0;font-size:14px;margin:0 4px;border:1px solid #cdcdcd;}
.pagination strong{display:inline-block;vertical-align:top;background:#cdcdcd;color:#fff;height:37px;width:37px;padding:5px 0 0 0;margin:0 4px;border:2px solid  #cdcdcd;}
.pagination .next, .pagination .prev, .pagination .next02, .pagination .prev02{display:inline-block;width:37px;height:37px;border:1px solid #cdcdcd;margin:0 4px;}

/* tab */
.tab-list {margin-bottom:50px; border-collapse:collapse; border:1px solid #dcdcdc; line-height:1.3; word-break:keep-all; overflow:hidden;}
.tab-list:after {display:block; clear:both; content:'';}
.tab-list li {display:table-cell; float:none; margin:0; border:1px solid #dcdcdc; vertical-align:middle; background-color:#fff;}
.tab-list li a {display:table; width:100%; text-decoration:none;}
.tab-list li:first-child a{background:none;}
.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 {background:#31a580;}
.tab-list li.on a span {padding-top:0;  color:#fff;}
.tab-list {width:100%; min-width:100%; border-bottom:0;}
.tab-list li {display:table-cell; width:1%; border-bottom-width:1px;}
.tab-cont {display:none;}
.tab-list.half{border:none;}
.tab-list.half li{float:left;width:50%;border:none;text-align:center;height:60px;}
.tab-list.half li a span, .tab-list.half li span{height:60px;color:#fff;padding:0 10px;}
.tab-list.link-none li{display:table;}
.tab-list.link-none li span{display:table-cell;vertical-align:middle;}
.tab-list.col2{border-right:none;border-bottom:none;}
.tab-list.col2 li{display:block;float:left;width:50%;border-top:none;border-left:none;}
.tab-list.col2 li a span{height:60px;}
.tab-list.col4{border-right:none;border-bottom:none;}
.tab-list.col4 li{display:block;float:left;width:25%;border-top:none;border-left:none;}
.tab-list.col4 li a span{height:60px;}
.tab-list-wrap .tab-list.col4 li a span{height:90px;}
.tab-list.type02{border:none;}
.tab-list.type02 li{width:auto;border:none;}
.tab-list.type02 li.on{background:none;}
.tab-list.type02 li.on a{background:#000;border:1px solid #000;}
.tab-list.type02 li.on a span{color:#fff;}
.tab-list.type02 li a{display:block;border:1px solid #dcdcdc; }
.tab-list.type02 li a span{height:50px;padding:0 30px;font-size:14px;color:#999;}
.tab-list.type02 li:nth-child(1) a{border-radius:50px 0 0 50px;}
.tab-list.type02 li:last-child a{border-radius:0 50px 50px 0;}
/* 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: -1px; 
	width: 18px;
	height: 18px;
	text-align: center; 
	background: #fff; 
	border: 2px 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: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: #c2c2c2; 
} 
.checks input[type="radio"]:checked + label:after { 
	content: ''; 
	position: absolute;
	top: 4px; 
	left: 5px; 
	width: 12px; 
	height: 12px; 
	background: #000; 
	border-radius: 100%; 
	/*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
}

.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: 18px; 
	height: 18px;
	line-height: 18px; 
	text-align: center; 
	background: #fff;
	border: 1px solid #cacece; 
	/*border-radius : 3px; 
	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"] + 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 { 
	text-shadow: 1px 1px #fff; */ 
	/*background:#fff url(../images/common/icon-check.png) no-repeat 50% 50%;  */
	border-color:#dfdfdf;
	/*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); */ 
}

.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;
    padding: .5em .75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
}

/* 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: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  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;}

.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;}

.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;}
.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;}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; 
}