@charset "utf-8";

/* reset */
/* reset */
@font-face{
	font-family:"NanumSquare";
	font-weight:300;
	src:url('/fonts/NanumSquareL.eot');
	src:url('/fonts/NanumSquareL.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareL.woff') format('woff'),
	url('/fonts/NanumSquareL.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:600;
	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');
}

@font-face{
	font-family:"NanumSquare";
	font-weight:600;
	src:url('/fonts/NanumSquareB.eot');
	src:url('/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	url('/fonts/NanumSquareB.woff') format('woff'),
	url('/fonts/NanumSquareB.ttf') format('truetype');
}


*{box-sizing:border-box;margin:0; padding:0;}
body {-webkit-font-smoothing: subpixel-antialiased; }
html {-webkit-text-size-adjust:none;font-size:14px;}
body {color:#333; font-size:15px; line-height:1.4; letter-spacing:-0.45px; word-break:keep-all; overflow-wrap:break-word; font-family: 'NotoSans', sans-serif; }
a, select, button, pre, input, textarea {}
header, section, article, aside, footer, nav {display:block;}
th, strong, b {font-weight:500;}
dt, th {color:#222;}
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 {color:inherit; text-decoration:none;}
.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:#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:500;}

.hid{display:none;font-size:0;}
.hidden-text{position:absolute; left:-10000px; top:auto; height:1px; overflow:hidden; }
.checks input[type="checkbox"] + label.hid{padding:0 0 0 20px;}

.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;}
.caution-text{background:url(/images/user/common/icon-caution.png) no-repeat 0 1px;padding:0 0 0 28px;color:#666;}
.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:#027f7b !important;}
.color-white{color:#fff !important;}
.color-black{color:#000 !important;}
.color-yellow{color:#f8ef00 !important;}
.both-contents{position:relative;width:100%;}
.both-contents:after{content:"";display:block;clear:both;}
.both-contents .left-contents{float:left;}
.both-contents .right-contents{float:right;}

.btn-area{overflow:hidden;width:100%;margin:20px 0 60px 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 2px;}
.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-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: #999;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #999 !important;
}

/* input */
input, select, textarea{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;border:1px solid #b5b5b5;color:#999;}
lable, 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;font-family: 'NanumSquare', sans-serif;}
button:active span, button:focus span {
    position:relative;
    top: 0;
    left: 0;
}
input[type="text"], input[type="password"]{line-height:26px;height:25px;padding:0 10px;}
input[type="radio"], input[type="checkbox"]{line-height:26px;height:25px;}
select{height:25px;width:130px;padding:0 0 0 5px;background:#fff;font-size: 12px;color: #999;}
select option{padding:0 10px 0 0;}
textarea.textarea{padding:10px; color: #999;}

/* 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;font-weight:500;}
.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:30px;font-size:14px;min-width:80px;}
.button.button-large{line-height:40px;font-size:18px;min-width:140px;}
.button.button-round{border-radius:30px;}
.button-red{background-color:#dd5860;border:1px solid #dd5860;transition: all .2s linear;}
.button-blue{background-color:#005b9e;border:1px solid #005b9e;transition: all .2s linear;}
/* .button-blue:hover{background-color:#258dd9;border:1px solid #258dd9;transition: all .2s linear;color:#fff !important;} */
.button-blue02{border:1px solid #005b9e;color:#005b9e;transition: all .2s linear;}
/* .button-blue02:hover{background-color:#258dd9;border:1px solid #258dd9;transition: all .2s linear;color:#fff !important;} */
.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;color:#fff !important;}
.button-green{background-color:#009a9c;border:1px solid #009a9c;transition: all .2s linear;}
.button-green:hover{background-color:#007a7c;border:1px solid #007a7c;transition: all .2s linear;}
.button-gray{background-color:#666;border:1px solid #666;transition: all .2s linear;}
/* .button-gray:hover{background-color:#717171;border:1px solid #717171;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-arrow{background-color:#000;border:1px solid #000;color:#fef200;transition: all .2s linear;}
.button-arrow span{position:relative;padding:0 10px 0 0;}
.button-arrow:hover{background-color:#000;border:1px solid #000;color:#fef200;transition: all .2s linear;}
.button-arrow span:after{background:url(/images/user/common/icon-arrow-right.png) no-repeat right 0 top 0;content:"";position:absolute;right:-4px;top:50%;width:7px;height:13px;margin-top:-6px;}
.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-location:after{background:url(/images/user/common/icon-location.png) no-repeat 0 0;content:"";position:absolute;left: 29px;top:50%;width:14px;height:19px;margin-top:-9px;}
.button.button-location:hover:after{background:url(/images/user/common/icon-location_over.png) no-repeat 0 0;}
.button.button-small.button-white{border:1px solid #b5b5b5;color:#666;transition: all .2s linear;}
/* .button.button-small.button-white:hover{background-color:#258dd9;border:1px solid #258dd9;color:#fff !important;transition: all .2s linear;} */
.button.button-empty{color:#416ea9;border:1px solid #416ea9;}
.button-download{position:relative;color:#222;padding-right:40px;}
.button-download:after{background:url(/images/user/common/icon-download.png) no-repeat 0 0;content:"";position:absolute;right:12px;top:5px;width:20px;height:18px;}

/* table */
.table-scroll-wrap{width:100%;overflow-x:auto;margin:0 0 20px 0;}
.table-scroll-wrap > div{min-width:900px;}
.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 thead.th-blind{display:none;}
table{border-spacing:0;border-collapse:collapse;width:100%;}
.table-list table{width:100%;border-top:2px solid #333;font-size: 14px;}
.table-list table th{background:#fafafa;border-bottom:1px solid #333;padding:10px;text-align:center;display:table-cell;font-weight: 600;}
.table-list table td{border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;padding:10px;text-align:center;color:#7a7a7a;display:table-cell;font-weight: 500;}
.table-list table td:first-of-type{border-left:0;}
.table-list.field table td:first-of-type{color: #333;}
.table-list table td.no-data{padding:100px 0;font-size:16px;}
.table-list table tr:hover{background:#f5f5f5;}
.table-list table td.board-bg{width: 20px;height: 15px; background: url(/images/user/common/board-con.png) no-repeat 50% 50%;}
.table-list a:hover{text-decoration:underline;}
.table-list a.button:hover{text-decoration:none !important;}

.table-view{border-top:2px solid #585858;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;}
.table-view table{width:100%;}
.table-view table th{background:#f0f6fb;border-bottom:1px solid #dfdfdf;padding:15px 25px 10px;text-align:left;font-size: 14px;font-weight: 600;}
.table-view table th:first-child{border-left:none;}
.table-view table tr:first-child td{font-size: 15px;}
.table-view table td{border-bottom:1px solid #dfdfdf;padding:13px 25px 10px;text-align:left;color:#333;font-weight: 500;}
.table-view table tr:last-child th{border-bottom:0;}
.table-view table tr:last-child td{border-bottom:0;color: #666;}
.table-view table td.view-con{padding: 40px;color: #666;font-weight: 400;}
.table-view table td.view-con strong{color: #333;font-weight: 600;}

.table-view.brd-add table th{border:1px solid #dadada;border-top:none;}
.table-view.brd-add table td{border:1px solid #dadada}
.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:2px solid #585858;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:#fafafa;padding:12px 10px;border-bottom:1px solid #dbdbdb;border-right:1px solid #dbdbdb;height:45px;}
.table-view.responsive td {padding:10px 10px 11px 10px;border-bottom:1px solid #dbdbdb;height:45px;color:#666;}
.table-view .radio-bg01{background-color:#e2f1df;}
.table-view .radio-bg02{background-color:#f3e7e7;}
.table-view .radio-bg03{background-color:#f6f5ea;}
.table-view.center-type table td{text-align:center;}
.table-view.center-type table td:first-child{border-left:none;}
@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}/* ??????? ??? ???? block? ???*/
	.table-view.responsive {border-top:2px solid #000;}
	.table-view.responsive tr:after {content:"";display:block;clear:both}/* th,td?? ?��????? */
	.table-view.responsive th {position:relative;border-top:0 none;float:left;width:100%;border-right:0;box-sizing:border-box;text-align:left;}/* ie9???? float?? ????? */
	.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;}/* relative?? ??? ???��????? ??? ???????, ?????*/
}

.table-write{border-top:2px solid #585858;}
.table-write table{width:100%;margin:0 0 20px 0;}
.table-write table th{background:#fafafa;border-bottom:1px solid #dadada;padding:12px 10px;text-align:center;font-size:16px;}
.table-write table td{border-bottom:1px solid #dadada;border-left:1px solid #dadada;padding:15px 10px;text-align:left;color:#666;font-size:16px;}
.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:#fafafa;padding: 9px 10px 9px 23px;border-bottom:1px solid #dbdbdb;border-right:none;/* height: 46px; */text-align:left;}
.table-write.responsive td {padding: 9px 10px 9px 10px;border-bottom:1px solid #dbdbdb;/* height: 47px; */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;background:#fff;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:28px}
	.table-write.responsive .button.button-middle{line-height:28px;font-size:14px;}
	.table-write.responsive td dl dd{line-height:20px;}
}
.width-btn{overflow:hidden;}
.width-btn input{float:left;width:calc(100% - 160px);}
.width-btn .button{float:left;width:122px;height:28px;color:#000;line-height:26px;border-radius:0;border:1px solid #000;}
.width-btn .button{display:inline-block;vertical-align:middle;margin:0 0 0 10px;}
.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%);}
.board-view .board-view-con{padding:20px 10px;}
.board-view .board-info{overflow:hidden;padding:12px 10px;}
.board-view .board-info > div{display:block;position:relative;float:left;padding:0 20px 0 0;margin:0 20px 0 0;color:#666;font-size:16px;}
.board-view .board-info > div + div{float:right;}
.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{margin:0 8px 0 0;color:#222;}
.board-view .board-info > div i{position:relative;margin:0 10px 0 0;font-style:normal;padding:0 14px 0 0;}
.board-view .board-info > div i:after{content:"";position:absolute;right:0;top:6px;background:#dadada;width:1px;height:16px;}
.board-view .board-info > div i:last-child{margin:0;padding:0;}
.board-view .board-info > div i:last-child:after{background:none;}
.board-view .board-info.research dl{overflow:hidden;background:#fafafa;border-bottom:1px solid #dfdfdf;font-size:16px;}
.board-view .board-info.research dl dt{float:left;width:140px;text-align:left;padding:10px 10px 10px 30px;color:#222;}
.board-view .board-info.research dl dd{float:left;width:calc(100% - 140px);padding:10px;color:#666;}
.board-view .board-info.research dl:nth-child(1){border-top:1px solid #dfdfdf;}
.board-view .board-info.research dl:last-child{border-bottom:1px solid #454545;}
.board-view .board-info.research{padding:0;margin:10px 0 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:#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 #454545;}
.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{position:relative;margin:30px 0;min-height:50px;}
.board-navi:after{content:"";display:block;clear:both;}
.board-navi dl{float:left;width:calc(50% - 38px);height:50px;text-align:right;padding:0 40px 0 0;}
.board-navi dl dt{position:relative;font-weight:bold;display:inline-block;}
.board-navi dl dt:after{content:"";position:absolute;top:6px;left:-27px;width:8px;height:11px;background:url(/images/user/common/icon-board-arrow03.png) no-repeat 0 50%;}
.board-navi dl + div + dl{text-align:left;padding:0 0 0 40px;}
.board-navi dl + div + dl dt:after{content:"";position:absolute;top:6px;left:auto;right:-27px;width:8px;height:11px;background:url(/images/user/common/icon-board-arrow04.png) no-repeat 0 50%;}
.board-navi .center-area{float:left;width:76px;margin:4px 0 0 0;text-align:center;}
.board-navi .center-area a{min-width:76px;line-height:34px;}

.bg-none{background:none !important;}
.list-dot > li{position:relative;padding:0 0 0 12px;line-height:21px;}
.list-dot > li:after{content:"";position:absolute;top:8px;left:0;width:3px;height:3px;background:#d8d8d8;}
.list-dot.dot-blue > li{position:relative;padding:0 0 0 11px;line-height:21px;}
.list-dot.dot-blue > li:after{content:"";position:absolute;top:11px;left:0;width:2px;height:2px;background:#0078cf;}
.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";}
p.list-dot{position:relative;padding:0 0 0 12px;}
p.list-dot:after{content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#666;}
.list-bar > li{position:relative;padding:0 0 0 12px;line-height:26px;}
.list-bar > li:after{content:"";position:absolute;top:14px;left:0;width:7px;height:1px;background:#666;}
.list-arrow > li{position:relative;padding:0 0 0 14px;line-height:26px;}
.list-arrow > li:after{content:"";position:absolute;top:9px;left:0;width:7px;height:11px;background:url(/images/user/common/icon-arrow-green.png) no-repeat 0 0;}
.list-arrow02 > li{position:relative;padding:0 0 0 14px;line-height:26px;}
.list-arrow02 > li:after{content:"";position:absolute;top:10px;left:0;width:5px;height:7px;background:url(/images/user/common/icon-arrow-right02.png) no-repeat 0 0;}
.num-indent > li{text-indent:-15px;padding:0 0 0 15px;line-height:26px;}
.num-indent > li:after{background:none;}
.indent-text{text-indent:-20px;padding:0 0 0 20px;line-height:26px;}
.indent-none > li{text-indent:0;}
.list-star li{position:relative;padding:0 0 0 12px;line-height:26px;}
.list-star li:before{content:"*";position:absolute;top:4px;left:0;width:3px;height:3px;}
.list-dashed > li{position:relative;padding:0 0 0 12px;line-height:26px;}
.list-dashed > li:after{content:"";position:absolute;top:10px;left:0;width:5px;height:1px;background:#666;}
.step-array > li{position:relative;padding:0 12px 0 0 ;margin:0 12px 0 0;line-height:21px;display:inline-block;}
.step-array > li:after{content:"";position:absolute;top:4px;right:0;width:1px;height:13px;background:#444;}
.step-array > li:last-child{margin:0;padding:0;}
.step-array > li:last-child:after{background:none;}

.biz-dashed{overflow:hidden;margin:0 0 40px 0;}
.biz-dashed > dt{clear:both;float:left;width:78px;position:relative;padding:0 0 0 12px;line-height:21px;color:#666;}
.biz-dashed > dt:after{content:"";position:absolute;top:10px;left:0;width:5px;height:1px;background:#666;}
.biz-dashed dd{float:left;width:calc(100% - 78px);line-height:21px;}

/* pagination */
.pagination{margin-bottom: 60px;text-align:center;display:flex;flex-wrap:wrap;justify-content: center;}
.pagination ul{display: contents;}
.pagination strong{float:left;margin:0 4px;}
.pagination strong, .pagination span a, .pagination img{vertical-align:middle;text-align:center;}
.pagination img{height:24px;width:24px;}
.pagination span{float:left;display:inline-block;margin:0 4px;}
.pagination span a{display:inline-block;background:#fff;height:24px;width:24px;padding-top: 4px;font-size:14px;line-height: 17px;}
.pagination strong{display:inline-block;vertical-align:top;background:#044063;color:#fff;height:24px;width:24px;padding-top: 4px;border-radius: 3px;line-height: 17px;}
.pagination .next02, .pagination .prev02{display:inline-block;margin:0 4px;}
.pagination .next{display:inline-block;margin-left: 10px;}
.pagination .prev{display:inline-block;margin-right: 10px;}
.pagination .mobile-num strong{background:none;color:#000;border:none;height:37px;width:initial;padding:8px 4px 0 4px;font-size:14px;}
.pagination .mobile-num{margin:0 14px;}
.pagination .mobile-num span{display:inline-block;background:#fff;height:37px;padding:8px 4px 0 4px;font-size:14px;}
.pagination .pc-num, .pagination .mobile-num{overflow:hidden;}
/* tab */
.tab-list {margin-bottom:35px; border-collapse:collapse; border-bottom:1px solid #dadada; font-size:16px; line-height:1.3; word-break:keep-all; overflow:hidden;border-radius: 10px;}
.tab-list:after {display:block; clear:both; content:'';}
.tab-list li {display:table-cell; float:none; margin:0; vertical-align:middle; background-color:#fff;}
.tab-list li a {display:table; width:100%; text-decoration:none;
	/* background:
	linear-gradient(
	to top,
	#fff 0, 
	#fff 33.3%,
	#dbdbdb 33.3%, 
	#dbdbdb 66.6%, 
	#fff 66.6%, 
	#fff )no-repeat;
	 background-size:1px 68px ; */
 }
.tab-list li:first-child a{background:none;}
.tab-list li a span {display:block; width:100px; height:50px;margin: auto; text-align:center; line-height: 50px; color:#333;font-weight: 600;position: relative;}
.tab-list li.on {background: #fff;border: 0;}
.tab-list li.on a span::after {display: block;content:""; width: 100%;height: 4px;background: #005b9e;position: absolute;left: 0;bottom: 0;border-radius: 5px 5px 0 0;}
.tab-list {width:100%; min-width:100%; border-bottom:0;border: 1px solid #eee;box-shadow: 3px 3px 5px #eee;}
.tab-list li {display:table-cell; width:1%; border-bottom-width:1px;}
.tab-list.square{margin:0;}
.tab-list.square a span{border:1px solid #dbdbdb;background:#f5f5f5;height:50px;}
.tab-list.square li{border-bottom:0;width:262px;}
.tab-list.square li.on{border-bottom:1px solid #fff;}
.tab-list.square li.on a{background:#fff;}
.tab-list.square li.on a span{border:1px solid #333;background:#fff;}
.tab-area.festival .tab-cont{background:#f9f9f9;padding:50px 40px;border-top:1px solid #333;margin-top:-2px;position:relative;}
.tab-list-matrix {margin-bottom:60px; border-top:1px solid #dadada; font-size:18px; line-height:1.3; word-break:keep-all; background:url(/images/user/common/bg-tab-matrix.png);}
.tab-list-matrix:after {display:block; clear:both; content:'';}
.tab-list-matrix li {float:left; width:232px; height:69px; padding:1px;}
.tab-list-matrix li:nth-child(5n+1) {border-left:1px solid #dadada;}
.tab-list-matrix li a {display:table; width:100%; text-decoration:none; background-color:#fff;}
.tab-list-matrix li a span {display:table-cell; width:1%; height:67px; padding:0 30px; text-align:center; vertical-align:middle;}
.tab-list-matrix li.on {font-weight:500; color:#fff; background-color:#4400aa;}
.tab-list-matrix li.on a {background-color:transparent;}
.tab-cont {display:none;}

/* checkbox radio */
.chk-btn-wrap label{margin:0 10px 0 5px;vertical-align:middle;}
.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"] { /* ???? u?????? ????? ???? */ 
	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; /* ????? u???? ?????? ?????? ???? */ 
	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 { /* ??￥ u???? */ 
	content:""; 
	position: absolute; 
	left: 0; 
	top: 0; /* ?? ???? ??????? ??????? ???? */ 
	width: 18px; /* u?????? ??? ???? */ 
	height: 18px; /* u?????? ????? ???? */ 
	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 {
	/*content: '\2714'; 
	/*color: #99a1a7; 
	text-shadow: 1px 1px #fff; */ 
	background:#fff url(/images/user/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;
}
/* slider */
.slick-slider{position: relative;display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list{position: relative;display: block;overflow: hidden; margin: 0; padding: 0;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-next, .slick-prev{position:absolute;top:0;left:0;z-index:99999}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;/*height:100%;*/height: fit-content;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left; height: 100%;min-height: 1px;}
.slick-slide img{margin:0 auto;}
.slick-slide.slick-active{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.slick-dotted.slick-slider{}
.slick-dots{position: absolute;bottom: 25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{float:left;width:36px;position: relative;display: inline-block;padding: 0;cursor: pointer;margin-right: 5px;}
.slick-dots li button{font-size: 0;line-height: 0;width:36px;height:5px;display: block;padding: 0;margin:0;cursor: pointer;color: transparent;border: 0;background: #fff;}
.slick-dots li.slick-active{width:36px;}
.slick-dots li.slick-active button:before,
.slick-dots li button:hover:before{
	width:36px;
	height:5px;
	background:#e60012;
	border:none;
}
.slick-dots li button:before{
    font-size: 6px;
    line-height:5px;
    position: absolute;
    top: 0;
    left: 0;
    width:36px;
    height:5px;
    content: ' ';
    text-align: center;
    color: black;
	background:transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{color: black;}

.control-wrap.circle .slick-dots li{width:8px;margin:0 2px;}
.control-wrap.circle .slick-dots li button{width:8px;height:8px;border-radius:100%;}
.control-wrap.circle .slick-dots li.slick-active{width:8px;}
.control-wrap.circle .slick-dots li.slick-active button:before,
.control-wrap.circle .slick-dots li button:hover:before{width:8px;height:8px;border-radius:100%}
.control-wrap.circle .slick-dots li button:before{width:8px;height:8px;}

/* 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;min-width:500px;border:2px solid #005297;}
.popup-wrap .popup-title{background-image:url(/images/user/common/popup-bg.png);background-position:0 0;background-repeat:no-repeat;background-size:cover;height:48px;line-height:48px;padding:0 22px;}
.popup-wrap .popup-title h1{font-size:20px;font-weight:bold;color:#fff;}
.popup-wrap .popup-contents{padding:30px 17px;}
.popup-wrap .popup-contents.pad0{padding:0;}
.popup-wrap .popup-close{position:absolute;top:10px;right:22px;width:19px;height:19px;}

/* margin */
.mt0 {margin-top:0px !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;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !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;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}
.ml0 {margin-left:0px !important;}
.ml2 {margin-left:2px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !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;}
.mr0 {margin-right:0px !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;}
.mtb05{margin:5px 0 !important;}

/* padding */
.pd10{padding:10px !important;}
.pt16{padding-top:16px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pb0{padding-bottom:0px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pr30{padding-right:30px !important;}