@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700;900&family=Noto+Sans+KR:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap');
/*checkbox*/
.checkbox {display: inline-block; position: relative;  font-size: 0;color:#666; vertical-align: middle;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    box-sizing: border-box;
}
.checkbox label{
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
	line-height:15px;
}
.check-type1 label i{}
.check-type1 label .check-image{display:inline-block; width:16px; height:16px; background-image: url(../images/common/ico/ico_chk_type1_unchecked.png);
background-repeat: no-repeat; cursor: pointer; vertical-align:middle; background-size:16px; margin-right:5px}
.check-type1 label span{word-break: break-all; vertical-align: middle;}
.check-type1 input[type="checkbox"]:checked ~ label i {background-image: url(../images/common/ico/ico_chk_type1_checked.png);}


/*yongsan check type1*/
a.ckbox-label {display: inline-block; color: #333;font-size: 16px; line-height: 19px; padding-left: 24px; font-family:'notokr-DemiLight';
vertical-align: top;background: url('/images/common/ico/ico_none_check_type1.png') no-repeat left center; background-size:18px;}
a.ckbox-label.on {background: url('/images/common/ico/ico_check_type1.png') no-repeat left center; background-size:18px;}

a.ckbox-label2 {display: inline-block;color: #666;font-size: 18px;line-height: 17px;padding-left: 30px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center; background-size:16px;}
a.ckbox-label2.on {background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size:16px;}
a.ckbox-label2.ckbox-label-2{font-size: 16px; padding-left:20px;}
a.ckbox-label2.ckbox-label-3{font-size: 17px; color:#222; font-family:'notokr-medium'; line-height:40px; }

a.radio-label {display: inline-block;color: #666;font-size: 16px;line-height:18px;padding-left: 30px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type2_unchecked.png') no-repeat left top; background-size:18px;}
a.radio-label.on {background: url('../images/common/ico/ico_chk_type2_checked.png') no-repeat left top;background-size:18px;}

a.radio-label-2 {display: inline-block;color: #666;font-size:18px;line-height:20px;padding-left: 30px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type3_unchecked.png') no-repeat left top; background-size:20px;}
a.radio-label-2.on {background: url('../images/common/ico/ico_chk_type3_checked.png') no-repeat left top;background-size:20px;}
.all-check-box{padding:0 15px; border:1px solid #202020; background:#fff;}

a.rckbox-label {display: inline-block; color: #333;font-size: 16px; line-height: 19px; padding-left: 24px; font-family:'notokr-DemiLight';
vertical-align: top;background: url('/images/common/ico/ico_none_check_type2.png') no-repeat left center; background-size:18px;}
a.rckbox-label.on {background: url('/images/common/ico/ico_check_type2.png') no-repeat left center; background-size:18px;}

/*font*/
.f-num {font-family: 'Lato';}

/*txt color*/
.red-txt-type1{color:#970119 !important}
.red-txt-type2{color:#b50938 !important}
.red-txt-type3{color:#ff755e !important}
.red-txt-type4{color:#f3705a !important}
.red-txt-type5{color:#e7573f !important}

.gray-txt-type1{color:#777}
.purple-txt-type1{color:#7965c9 !important}
.black-txt-type1{color:#444444}
.black-txt-type2{color:#222}
.black-txt-type3{color:#000}
.black-txt-type4{color:#666}
.blue-txt-type1{color:#3f89dd }
.blue-txt-type2{color:#148bb5 }
.blue-txt-type3{color:#0000ff }

.font-b{font-family:'notokr-medium';}
.font-b2{font-family:'notokr-bold' !important;}

/*에러문구*/
.form-error{color: #970119 !important}

/*tab style*/
.page-tab-type1{clear:both; padding-top:50px;}
.tab-type1{/*border-bottom:1px solid #ddd*/}
.tab-type1 ul li{float:left; margin-right:3px;}
.tab-type1 ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-type1 ul li > a{display:block; padding:20px 40px; color:#555555; font-size:25px; font-family:'notokr-light'; border-bottom:4px solid #aaaaaa; box-sizing: border-box}
.tab-type1 ul li > a.on{color:#000; font-weight:700; border-bottom: 4px solid #000}


/*btn*/
.btn{display:inline-block;}
.btn-lg{padding:12px 2px; font-size:26px; font-family:'notokr-bold';}
.btn-middle{padding:11px 30px; font-size:20px;}
.btn-black-line{color:#333; border:1px solid #000; border-radius: 3px;}
.btn-white-line{color:#fff; border:2px solid #fff; border-radius: 3px;}
.btn-sm{padding:10px 18px; font-size:15px;}

.btn-type1{font-size:20px; padding:10px 37px; color:#000; display:inline-block; font-family:'notokr-regular'; border:1px solid #333; box-sizing: border-box;}
.btn-type1:hover{color: #fff; background: #f3705a; border: 1px solid #f3705a;}


/*label*/
.label-type{}
.label-type {min-width:46px; height:26px; display:inline-block; font-size:16px; text-align:center; line-height:26px; box-sizing:border-box; vertical-align: middle;
border-radius: 3px; font-family: 'notokr-medium';}
.reservation-label-type{height:inherit; border-radius: 3px !important;}
.label-type.label-purple{color:#fff; background-color: #7769af}
.label-type.label-green{color:#fff; background-color: #4abe9d}
.label-type.label-org{color:#fff; background-color: #ed6a53}
.label-type.label-yellow{color:#fff; background-color: #f8ad38}
.label-lg{min-width:66px; height:38px; line-height:38px; font-size:18px; margin-right:2px;}
.label-lg.type2{padding:0 15px }
/*depth tit type*/
h3.depth-tit-1{color:#202020; font-size:24px; font-family:'notokr-medium'; font-weight:normal;}

/*input type*/
select{
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;	
}
select::-ms-expand {display:none}
.select-box-type{
padding:0 100px 0 30px;
background: url(/images/common/btn/btn_select.png) no-repeat 90% center;
height: 52px;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
font-size:18px; color:#555; font-family:'notokr-medium'; vertical-align: middle; background-color:#f3f5f7; border:1px solid #ddd}

.inpt{height: 40px; line-height:40px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px !important;}
.inpt02{height: 50px; line-height:50px; padding-left:10px; font-size:18px; border: 1px solid #bbb; box-sizing: border-box;}
.inpt03{height: 50px; line-height:50px; padding-left:10px; width:100%; font-size:18px; border: 1px solid #bbb; box-sizing: border-box; background:#f3f5f7}

/*size type*/
.sFull {width:100% !important}
.size50 {width:50% !important}
.size70 {width:70% !important}

/*파일 첨부*/
.filebox label {display: inline-block; width:124px; vertical-align: middle; text-align: center;background-color: #ffffff; font-family:'notokr-medium';
color: #202020; border: 1px solid #202020; box-sizing: border-box;}
.filebox label.on {background-color: #3f0b9f; color: #ffffff;}
.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 button{border:0;  background: transparent; color:#666; font-size:16px; outline: none; font-family: 'notokr-regular';}

/*list*/
.list-type1{}
.list-type1 > li{position: relative; padding-left:12px; margin-bottom:10px; line-height:26px;}
.list-type1 > li:last-child{margin-bottom:0}
.list-type1 > li:before{position: absolute; top:10px; left:0; width:2px; height:2px; content: ""; background: #202020;}

/*table*/
.tbl-type1{width:100%; border-top:2px solid #000000; border-bottom:1px solid #cccccc}
.tbl-type1 thead th{padding:16px 0; font-weight:normal; border-bottom:2px solid #000000; color:#000; font-size:18px;font-family: 'notokr-medium'; background:#e8ecf0}
.tbl-type1 tbody td{padding:13px 5px; border-bottom:1px solid #e5e5e5; text-align:center; color:#555555; font-size:16px; } 
.tbl-type1 tbody tr:last-child td{border-bottom:0} 
.tbl-type1 tbody tr td.str{color:#222222; font-size:24px;font-family:'notokr-medium'; padding: 13px 30px; word-break: keep-all;} 
.m-tbl-type1{display:none;}


@media screen and (min-width:992px) and (max-width:1390px){

}

 /*************************************************모바일&태블릿*************************************************/
@media screen and (max-width:991px){
/*label*/
.label-type {min-width:100px; height:50px; font-size:27px; line-height:50px; border-radius: 3px;}
.reservation-label-type{min-width:100px; height:50px; padding: 0 15px !important;}

/*btn*/
.btn-middle{padding:15px 34px; font-size:30px;}
.btn-type1{font-size:30px; padding:10px 50px; }

/*yongsan check type1*/
a.ckbox-label {display: inline-block; color: #333;font-size: 26px; line-height: 30px; padding-left: 50px; font-family:'notokr-DemiLight';
    vertical-align: top;background: url('/images/common/ico/ico_none_check_type1.png') no-repeat left center; background-size:30px;}
a.ckbox-label.on {background: url('/images/common/ico/ico_check_type1.png') no-repeat left center; background-size:30px;}

a.rckbox-label {display: inline-block; color: #333;font-size: 28px; line-height: 29px; padding-left: 40px; font-family:'notokr-DemiLight';
vertical-align: top;background: url('/images/common/ico/ico_none_check_type2.png') no-repeat left center; background-size:29px;}
a.rckbox-label.on {background: url('/images/common/ico/ico_check_type2.png') no-repeat left center; background-size:29px;}


.tbl-type1 {margin: 0 auto;width: 100%;border-spacing: 0;background-color: #f3f5f7;}
.tbl-type1 thead {position: absolute;clip: rect(1px, 1px, 1px, 1px);padding: 0;border: 0;height: 1px;width: 1px;overflow: hidden;}
.tbl-type1 tbody, .tbl-type1 tr, .tbl-type1 th, .tbl-type1 td {display: block;padding: 0;text-align: left;white-space: normal;}
.tbl-type1 tr th{background-color: #f3f5f7;}
.tbl-type1 tr td, .tbl-type1 tr th {padding: 0;vertical-align: middle;overflow: hidden;position: relative;vertical-align: top;border:0;border-top: none;width: 100%;white-space: normal;  
font-size:24px;font-weight:normal;}
.tbl-type1 th[scope="row"] {width: 100%;text-align: center;display: block;background-color: #B3BFC6;margin: 0 auto;}
.tbl-type1 td[data-header] {color:#000; font-family: 'notokr-medium';}
.tbl-type1 td.str[data-header]{border-top:1px solid #e5e5e5; padding: 0;}
.tbl-type1 td[data-header]:before {content: attr(data-header);display: block;float: left;width: 30%;text-align: left;padding: 15px;box-sizing: border-box;}
.tbl-type1 td[data-header] > * {display: block;width: 70%;float: right;clear: right;margin-top: 0;padding-left:35px;box-sizing: border-box;text-align: left;background: #fff;
padding:15px 35px 15px 15px;}
.tbl-type1 td[data-header] .organ-list>li{ font-size:24px !important}
.tbl-type1 td[data-header]:after {content: "";position: absolute;left: 0;top: 0;width: 30%;border-right: 1px solid #EDF0F1;padding-bottom: 200%;display: block;}
.tbl-type1 td[data-header] span.txt1{font-size:34px; font-family:'notokr-medium'; color:#000}
.tbl-type1 td[data-header] span{color:#555; font-family:'notokr-DemiLight'}

.table-area.table-set-type01 .tbl-type1 td[data-header] span.top-size{padding-top:4px;}


.inpt02{height: 70px; line-height:70px; padding-left:10px;}
.inpt03{height: 70px; line-height:70px; padding-left:10px;}

.select-box-type{
    padding:0 144px 0 44px;
    background: url(/images/common/btn/btn_select.png) no-repeat 90% center;
    height: 68px;
    font-size:30px; background-color: #f3f5f7;}

}



/*************************************************태블릿*************************************************/
@media screen and (min-width:768px) and (max-width:991px){


}
/*************************************************모바일*************************************************/
@media screen and (max-width:767px){
/*label*/
.label-type {min-width:50px; height:25px; font-size:14px; line-height:26px; border-radius: 3px;}
.reservation-label-type{min-width:50px; height:25px; font-size:14px !important; line-height:26px; border-radius: 3px !important;  padding: 0 15px !important;}
.label-lg{min-width:50px; height:25px; line-height:25px; font-size:14px; margin-right:10px;}

/*btn*/
.btn-middle{padding:7px 18px; font-size:16px;}
.btn-type1{font-size:15px; padding:5px 25px; }

/*yongsan check type1*/
a.ckbox-label {display: inline-block; color: #333;font-size: 15px; line-height: 17px; padding-left: 25px; font-family:'notokr-DemiLight';
    vertical-align: top;background: url('/images/common/ico/ico_none_check_type1.png') no-repeat left center; background-size:15px;}
a.ckbox-label.on {background: url('/images/common/ico/ico_check_type1.png') no-repeat left center; background-size:15px;}

a.rckbox-label {display: inline-block; color: #333;font-size: 16px; line-height: 15px; padding-left: 20px; font-family:'notokr-DemiLight';
vertical-align: top;background: url('/images/common/ico/ico_none_check_type2.png') no-repeat left center; background-size:15px;}
a.rckbox-label.on {background: url('/images/common/ico/ico_check_type2.png') no-repeat left center; background-size:15px;}


/*table*/
.tbl-type1 tr th{background-color: #f3f5f7;}
.tbl-type1 tbody tr td.str{font-size:14px}
.tbl-type1 tr td,
.tbl-type1 tr th {font-size:14px;}
.tbl-type1 td[data-header]:before {padding: 10px;}
.tbl-type1 td[data-header] > * {padding:10px 20px 10px 10px;}
.tbl-type1 td[data-header] .organ-list>li{ font-size:14px !important}
.tbl-type1 td[data-header] .organ-list>li::before{top:11px}
.tbl-type1 td[data-header] span.txt1{font-size:18px}
.table-area.table-set-type01 .tbl-type1 td[data-header] span.top-size{padding-top:5px;}

.inpt02{height: 35px; line-height:35px; padding-left:5px;}
.inpt03{height: 35px; line-height:35px; padding-left:5px;}

.select-box-type{
    padding:0 72px 0 22px;
    background: url(/images/common/btn/btn_select.png) no-repeat 90% center;
    height: 34px;
    font-size:15px; background-color: #f3f5f7;}

}

}

@media screen and (max-width:410px){

}