@charset "utf-8";
/* 웹 접근성 focus 영역 조절 */
:focus {outline-color: red;}
a:focus {outline-offset: -1px;}
/*btn 오버 효과*/
/* .btn-over{color:#3f0b9f; border-bottom:2px solid #3f0b9f; box-sizing: border-box; transition: background 0.5s, color 0.5s; -webkit-transition: background 0.5s, color 0.5s,}
.btn-over:hover{ background:#3f0b9f;color:#fff;} */
.btn-over{color: #3f0b9f; border-bottom:2px solid #3f0b9f; display: inline-block; text-decoration: none; transition: color 0.25s ease-in-out; transform: translateZ(0);}
.btn-over::after {content: ""; background-color: #3f0b9f; width:100%; height: 100%; position: absolute; bottom: 0; left: 0; transform: scaleY(0); transform-origin: 0 100%;
transition: all 0.25s ease-in-out; z-index: -1; }
.btn-over:hover,.btn-over:focus{color:#fff;}
.btn-over:hover::after,.btn-over:focus::after { transform: scaleY(1); }

.btn-over.bk{color:#333 !important; border-bottom:2px solid #333 !important; box-sizing: border-box;}
.btn-over.bk:hover,.btn-over.bk:focus{color:#fff !important;}
.btn-over.bk::after {background-color: #333;}

.btn-over.purple-type1{color:#a184ff !important; border-bottom:1px solid #a184ff !important; box-sizing: border-box;}
.btn-over.purple-type1:hover{color:#fff !important;}
.btn-over.purple-type1::after {background-color: #a184ff;}

.btn-over.white{color:#ffffff !important; border-bottom:1px solid #ffffff !important;  box-sizing: border-box;}
.btn-over.white:hover{color:#a184ff !important;}
.btn-over.white::after {background-color: #ffffff;}

.btn-over-type2{color: #3f0b9f !important; border-bottom:2px solid #3f0b9f !important; display: inline-block !important; text-decoration: none !important;
 transition: color 0.25s ease-in-out !important; transform: translateZ(0) !important; background: none !important; border-radius: 0 !important;
border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important;}
.btn-over-type2::after {content: "" !important; background-color: #3f0b9f !important; width:100% !important; height: 100% !important; position: absolute !important; bottom: 0 !important; left: 0 !important;
transform: scaleY(0) !important; transform-origin: 0 100% !important;
transition: all 0.25s ease-in-out !important; z-index: -1 !important;}
.btn-over-type2:hover{color:#fff !important;}
.btn-over-type2:hover::after { transform: scaleY(1) !important; }

.btn-over-type2.bk{color:#333 !important; border-bottom:2px solid #333 !important; box-sizing: border-box !important;}
.btn-over-type2.bk:hover{color:#fff !important;}
.btn-over-type2.bk::after {background-color: #333 !important;}

/*checkbox*/
.checkbox {display: inline-block; position: relative;  font-size: 0;color:#666; vertical-align: top;}
.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;
}
.checkbox label.blind{position: absolute;}
.check-type1 label{font-size: 16px; line-height: 20px; padding-left: 21px;}
.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;background-size:16px; position: absolute;top: 2px; left: 0;}
.check-type1 label span{word-break: break-all; vertical-align: middle;}
.check-type1 input[type="checkbox"]:checked ~ label i, .check-type1 input:checked + label .check-image{background-image: url(../images/common/ico/ico_chk_type1_checked.png);}

.check-type2 label{font-size: 18px; line-height: 22px; padding-left: 26px;}
.check-type2 label .check-image{display:inline-block; width:18px;height:18px; background-image: url(../images/common/ico/ico_chk_type2_unchecked.png); background-repeat: no-repeat; cursor: pointer; background-size:18px; position: absolute;top: 2px; left: 0;}
.check-type2 label span{word-break: break-all; vertical-align: middle;}
.check-type2 input[type="checkbox"]:checked ~ label i, .check-type2 input:checked + label .check-image{background-image: url(../images/common/ico/ico_chk_type2_checked.png);}
.check-type1 input[type="checkbox"], .check-type2 input[type="radio"] { width:100%; height:100%; }
.check-type1 input[type="checkbox"]:focus + label, .check-type2 input[type="radio"]:focus + label{ outline: 2px solid black; outline-offset: 2px; }

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.ckbox-label {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-label.on {background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size:16px;}
a.ckbox-label.ckbox-label-2{font-size: 16px; padding-left:20px;}
a.ckbox-label.ckbox-label-2:focus{outline: 2px solid black; outline-offset: 2px;}
a.ckbox-label.ckbox-label-3{font-size: 17px; color:#222; font-family:'notokr-medium'; line-height:40px; }

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;}
.all-check-box label { line-height: 40px; }

/* 웹 접근성 */
.flex-table-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; }
.flex-table-wrap .flex-table-title { flex-basis: 170px; flex-shrink: 0; text-align: center; font-size: 18px; color: #222; font-family: 'notokr-medium'; }
.flex-table-wrap .flex-table-contents { padding: 2px 0; }
.flex-table-wrap .flex-table-contents .service-area { margin: 20px 0; }

.access-radio-group { display: inline-flex; flex-direction: row; flex-wrap: wrap; gap: 20px; }
.access-radio-item { display: inline-flex; flex-direction: row; align-items: center; gap: 5px; }
.access-radio-item input.access-radio { width: 18px; height: 18px; cursor: pointer; appearance: none; background: url('../images/common/ico/ico_chk_type2_unchecked.png') no-repeat left top; background-size:18px; }
.access-radio-item input:checked.access-radio { background: url('../images/common/ico/ico_chk_type2_checked.png') no-repeat left top; background-size:18px; }
.access-radio-item label { cursor: pointer; }

.access-check-group { display: inline-flex; flex-direction: row; flex-wrap: wrap; gap: 12px; }
.access-check-item { display: inline-flex; flex-direction: row; align-items: center; gap: 5px; flex-shrink: 0; }
.access-check-item input.access-check { flex-shrink: 0; width: 16px; height: 16px; cursor: pointer; appearance: none; background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center; background-size:16px; }
.access-check-item input:checked.access-check { background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size:16px; }
.access-check-item label { cursor: pointer; }
.access-label-bold { font-size: 17px; color: #222; font-family: 'notokr-medium'; }

.check-group-flex { display: flex; flex-direction: row; flex-wrap: nowrap; }
.check-group-flex span { flex-shrink: 0; word-break: keep-all; padding-right: 10px; }

/*txt color*/
.red-txt-type1{color:#970119 !important}
.red-txt-type2{color:#b50938 !important}
.red-txt-type3{color:#ff0000 !important}
.gray-txt-type1{color:#777}
.purple-txt-type1{color:#3f0b9f !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 }

.gray-t{color:#aaa !important; border:1px solid #aaa !important; box-sizing:border-box !important;}

.font-b{font-family:'notokr-medium';}
.font-b2{font-family:'notokr-bold';}
.font-other-size{font-size:18px;}
.font-20-size{font-size:20px;}


/*에러문구*/
.cor_02{color:#3f0b9f !important}
.cor_01{color:#970119 !important}
.c_blue{color: #3f0b9f !important}
.c_red{color: #970119 !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;  font-family: ‘notokr-bold’; position: relative;}
.tab-type1 > ul > li > a.on:after{ content: '';  width: 100%;  height: 4px; background: #000; position: absolute;  left: 0;  bottom: 0;}


.tab-type2{display:block;}
.tab-type2 > ul{ display: flex; flex-wrap: wrap; }

.tab-type3{margin:40px 0 35px 0}
.tab-type3 > ul > li{float:left; width:20%; min-width: 130px;}
.tab-type3 > ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-type3 > ul > li > a{display:block; padding:18px 0; color:#666; font-size:18px; text-align:center; box-sizing: border-box; background:#f8f8f8; position: relative;}
.tab-type3 > ul > li > a:after{width:1px; height:20px; position:absolute; right:0; top:22px; content:""; background:#cccccc}
.tab-type3 > ul > li:last-child > a:after{display:none}
.tab-type3 > ul > li > a.on{color:#000; padding:17px 0;  font-family:'notokr-medium';}

/*label-list*/
.label-list{}
.label-type{display:inline-block; min-width:60px; padding:5px 15px; color:#fff; text-align:center;box-sizing: border-box; vertical-align:middle;}
.label-type.red{background: #b50938;}
.label-type.black{background: #000;}
.label-type.red-2{border:1px solid #b50938; color:#b50938 }
.label-type.black-2{border:1px solid #444; color:#444}
.label-type.black-3{border:1px solid #222; color:#222}
.label-type.black-4{border:1px solid #000; color:#000}
.label-type.purple{border:1px solid #3f0b9f; color:#3f0b9f}
.label-type.purple-2{background:#3f0b9f; color:#fff}
.label-type.blue{background:#148bb5; color:#fff}
.label-type.light-purple{background:#9f0b93; color:#fff}
.label-type.b{font-family:'notokr-medium';}
.label-type.line{padding:4px 15px}
.label-type.gray{background:#8c8c8c; color:#fff}
.label-type.red2{background:#b50938; color:#fff}

/*table*/
.tbl-type1{width:100%; border-top:1px solid #000000; border-bottom:1px solid #cccccc}
.tbl-type1 thead th{padding:12px 0; font-weight:normal; border-bottom:1px solid #ccc; color:#202020;}
.tbl-type1 thead th .small{font-size:14px}
.tbl-type1 tbody td{padding:13px 5px; border-bottom:1px solid #efefef; text-align:center; }
.tbl-type1 tbody tr:last-child td{border-bottom:0}

.tbl-type2{width:100%; border-top:1px solid #000000;}
.tbl-type2 thead th{padding:15px 0; font-weight:normal; border-bottom:1px solid #ccc; color:#202020; position: relative}
.tbl-type2 thead th:before{width:1px; height:16px; position: absolute; top:50%; right:0; margin-top:-8px; content:""; background: #ccc;}
.tbl-type2 thead th:last-child:before{display: none}
.tbl-type2 tbody td{padding:15px 5px; border-bottom:1px solid #ccc; text-align:center; /*font-family:'notokr-DemiLight';*/}

.tbl-type4{width:100%; border-top:1px solid #000000; border-bottom:1px solid #ccc}
.tbl-type4 tbody th{width:100px; padding:14px 0 14px 20px; color:#202020; text-align:left; font-weight: normal; vertical-align: top; border-bottom:1px solid #efefef}
.tbl-type4 tbody td{padding:14px 0 14px 0; border-bottom:1px solid #efefef}

.tbl-type6{width:100%; border-top:1px solid #000000; border-bottom: solid 1px #cccccc; border-collapse: collapse; text-align: center;}
.tbl-type6 thead th{ padding: 22px 0; font-family:'notokr-regular'; font-weight:normal; font-size: 16px; color: #202020; background: #f8f8f8; border-bottom: solid 1px #cccccc}
.tbl-type6 thead th.left-br{border-top: solid 1px #dddddd; border-left: solid 1px #dddddd;}
.tbl-type6 tbody td{border-bottom: solid 1px #efefef; border-left: solid 1px #efefef; font-family:'notokr-DemiLight'; font-size: 16px; padding: 22px 0; color: #666666}
.tbl-type6 tbody td:first-child{border-left: 0;}
.tbl-type6>tbody>tr:last-child>td{border-bottom: 0;}
.tbl-type6 tbody td.str{font-family:'notokr-regular';font-size: 18px; color: #444444}
.tbl-type6 tbody td.l{padding-left:20px;}
.tbl-type6>tbody>tr>td.line{border-bottom:1px solid #ccc}

.tbl-type7{width:100%; border-top:1px solid #000000; border-bottom: solid 1px #cccccc; border-collapse: collapse; text-align: center;border-top: solid 2px #000000}
.tbl-type7 tbody th{font-size: 28px; font-family:'notokr-regular'; font-weight: normal; color: #202020; padding: 22px 0; background: #f8f8f8; border-bottom: solid 1px #efefef}
.tbl-type7 tbody td{font-size: 26px; font-family:'notokr-DemiLight'; font-weight: normal; color: #666666; padding: 22px 0;border-bottom: solid 1px #efefef}
.tbl-type7>tbody>tr:last-child>th{border-bottom: 0;}
.tbl-type7>tbody>tr>td.red-txt-type1.line{border-bottom: 0;}
.tbl-type7>tbody>tr>td.line{border-bottom:1px solid #ccc;}

/*input type table*/
.tbl-type3{width:100%; border-top:1px solid #000000; border-bottom:1px solid #ccc}
.tbl-type3 thead th{padding:15px 0; font-weight:normal; font-size:18px; border-bottom:1px solid #ccc;font-family:'notokr-medium'; color:#202020; position: relative}
.tbl-type3 > tbody > tr > th{padding:5px 0 5px 30px; line-height:40px; color:#222; text-align:left; font-weight: normal; vertical-align: top}
.tbl-type3 > tbody > tr > td{padding:5px 0 5px 0; line-height:40px;}
.tbl-type3 > tbody > tr:first-child > td{padding-top:20px;}
.tbl-type3 > tbody > tr:first-child > th{padding-top:20px;}
.tbl-type3 > tbody > tr:last-child > td{padding-bottom:20px;}
.tbl-type3 > tbody > tr:last-child > th{padding-bottom:20px;}
.tbl-type3 > tbody > tr > th span{position: relative; display:inline-block;}
.tbl-type3 > tbody > tr > th .imark:before{position: absolute; top:3px; left:-15px; color:#b50938; font-size:20px; content:"*"}
.tbl-type3.input-table1 tbody tr > th{width:185px; box-sizing: border-box}
.tbl-type3.input-table1 tbody tr > td{width: calc(100% - 185px)}
.tbl-type3.input-table1 tbody tr > td.order-padding{padding-left:18px;}

.tbl-type3.input-table2{border-top:2px solid #000000; background-color:#f8f8f8}
.tbl-type3.input-table2 > tbody > tr > th{width:170px; box-sizing: border-box}
.tbl-type3.input-table2 > tbody > tr > td{width: calc(100% - 170px); padding:5px 40px 5px 20px; box-sizing:border-box;}

/* [S] 250424 안전신고관리 */
.flex{ display: flex}
.tbl-type3.input-table2.ty_custom > tbody > tr:first-child > th,
.tbl-type3.input-table2.ty_custom > tbody > tr:first-child > td{ padding-top: 20px!important;}
.tbl-type3.input-table2.ty_custom > tbody > tr .imark{ flex-shrink: 0}
.tbl-type3.input-table2.ty_custom > tbody > tr input[type='text']{ padding: 0 10px}
.tbl-type3.ty_custom .filebox.md{ width: 100%; max-width: 500px}
.tbl-type3.ty_custom .filebox.md .add,
.tbl-type3.ty_custom .filebox.md .del,
.tbl-type3.ty_custom .phone .verification {
    display: inline-block; vertical-align: middle; text-align: center; font-family: 'notokr-medium'; box-sizing: border-box; height: 35px; border: 1px solid #202020;
}
.tbl-type3.ty_custom .textarea {height: 200px; line-height: 40px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px !important; width: 100%;}
.tbl-type3.ty_custom .filebox.md .wrap { width: 100%; display: flex; align-items: center}
.tbl-type3.ty_custom .filebox.md label {flex-shrink: 0}
.tbl-type3.ty_custom .filebox.md .file_names { width: calc(100% - 180px); text-align: left; overflow: hidden}
.tbl-type3.ty_custom .filebox.md .file_select_names { width: 100%; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tbl-type3.ty_custom .filebox.md .add {width: 55px; background-color: #ffffff; color: #202020; flex-shrink: 0}
.tbl-type3.ty_custom .filebox.md .del {width: 55px; background-color: #000000; color: #ffffff; flex-shrink: 0}
.tbl-type3.ty_custom .phone .verification {width: 100px; background-color: #ffffff; color: #202020;}
.table_info_txt {margin-top: 20px; border:solid 1px #cccccc; padding: 30px 10px 30px 10px;}

.tbl-type3.ty_line > tbody tr {border-bottom: 1px solid #000;}
.qna .tbl-type3.ty_line > tbody tr > th, .qna .tbl-type3.ty_line > tbody tr > td {line-height: 1.5; height: 50px; padding-top: 15px; padding-bottom: 15px}
.qna .tbl-type3.ty_line > tbody tr > th {width: 180px; word-break: keep-all;}
.qna .tbl-type3.ty_line > tbody tr > td {width: calc(100% - 180px); word-break: break-word;}
.tbl-type3.ty_line > tbody .sr_title { font-weight: 700;}
.qna .tbl-type3.input-table2.ty_line > tbody > tr > th.sr_title,
.qna .tbl-type3.input-table2.ty_line > tbody > tr:first-child > th.sr_title{ padding-top: 40px !important;}

.qna.ty_custom li .faq_q{ display: flex; background-position: right 15px top 26px; padding-right: 10px}
.qna.ty_custom li .faq_q > em { flex-shrink: 0}
.qna.ty_custom li .faq_q .faq_con { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 10px}
/* [E] 250424 안전신고관리 */

.input-table3{}
.input-table-area{max-width:545px; margin:0 auto;}
.input-table3.type1{width:100%;}
.input-table3.type1  > tbody > tr > th{width:140px;}
.input-table3.type2  > tbody > tr > th{width:160px;}
.input-table3 > tbody > tr > th{color:#202020; font-size:18px; font-family:'notokr-medium'; font-weight:normal; text-align:right; box-sizing: border-box; position: relative;}
.input-table3 > tbody > tr > th.lg{font-size:24px;}
.input-table3 > tbody > tr > th.top{vertical-align:top; padding-top:15px;}
.input-table3 > tbody > tr > td{width: calc(100% - 170px); padding:10px 0 10px 30px; box-sizing:border-box;}
.input-table3 > tbody > tr > th .imark{padding-right:10px; color: #b50938; font-size: 20px;}

/* input table 추가 2022 */
.input-table3.type2{width: 100%;}

/*주소 input추가 2021.06.29*/
.eduaddre > input{margin-bottom:7px;}
.eduaddre input{padding-left:10px;}
.edutbl-box{width:100%; margin-bottom:7px;}
.edutbl-box:after{clear:both; height:0; content:''; display:block;}
.edutbl-box > div{float:left;}
.edutbl-box > div:nth-child(1){width:calc(100% - 105px);}
.edutbl-box > div:nth-child(1) > input{width:100%}
.edutbl-box > div:nth-child(2){display:inline-block; width:95px; padding-left:10px;}
.edutbl-box > div:nth-child(2) > a{display:block; text-align:center; color: #222; height:40px; border: 1px solid #202020; font-size: 14px; font-family: 'notokr-medium'; box-sizing:border-box; }

/*btn*/
.btn{display:inline-block;}
/*btn over type 안에 bg가 차는 형태*/
.btn-lg{padding:12px 2px; font-size:26px; font-family:'notokr-bold';}
.btn-lg2{padding:12px 2px; font-size:36px; font-family:'notokr-bold';}
.btn-middle{padding:7px 2px; font-size:18px; font-family:'notokr-bold';}
.btn-middle2{padding:7px 25px; font-size:17px; font-family:'notokr-medium'; }
.btn-middle4{padding:7px 2px; font-size:32px; font-family:'notokr-bold';}
.btn-middle.btn-over{border-bottom:1px solid #3f0b9f;}
.btn-area.r{text-align:right}
.btn-middle3{padding:5px 2px; font-size:18px; font-family:'notokr-bold';}

.btn-lg-type{padding:12px 2px !important; font-size:26px !important; font-family:'notokr-bold' !important;}

/*btn 보더만 있는 경우*/
.btn-m-line{display:inline-block; min-width:90px; padding:9px 15px; text-align:center;box-sizing: border-box}
.btn-m-line.bk{color:#222; border:1px solid #000}
.btn-m-line.bk2{color:#222; border:1px solid #202020; font-size:17px; font-family:'notokr-medium';}
.btn-m-line.bk3{color:#fff; height: 40px; line-height: 40px; vertical-align: middle; padding: 0; margin-left: 5px; background-color: #3f0b9f;}

/*depth tit type*/
.depth-tit-header{position: relative;}
.depth-tit-header.next{margin-bottom:20px;}
.depth-tit-header > span{position: absolute; top:5px; right:0; font-family: 'notokr-DemiLight'; }
h3.depth-tit-1{color:#202020; font-size:24px; font-family:'notokr-medium'; font-weight:normal;}
h4.depth-tit-2{color:#202020; font-size:20px; font-family:'notokr-medium'; font-weight:normal; position: relative}
h4.depth-tit-2.imark{margin-left:10px;}
h4.depth-tit-2.imark:before{position: absolute; top:3px; left:-15px; color:#b50938; font-size:20px; content:"*"}
h4.depth-tit-2.next{margin-bottom:20px}
h3.depth-tit-3{color:#202020; font-size:32px; font-family:'notokr-medium'; font-weight:normal;}
h3.depth-tit-3 > span{font-size:24px;}
h3.depth-tit-4{color:#222; font-size:26px; 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 40px 0 10px;
background: url(../images/common/ico/ico_sm_black_open.png) no-repeat 98% center;
height: 46px;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
border-radius:2px; font-size:18px; color:#666;font-family: 'notokr-DemiLight'; vertical-align: middle; border:2px solid #ddd}

.select-box-type2{padding:0 40px 0 10px;
background: url(../images/common/ico/ico_sm_black_open.png) no-repeat 90% center;
height: 26px; font-family: 'notokr-regular';
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; font-size:18px; color:#444444;vertical-align: middle; border:0; border-right:1px solid #ddd}

.select-box-type3{padding:0 40px 0 10px;
background:#f5f5f5 url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;
height: 40px; font-family: 'notokr-regular';
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; font-size:16px; color:#666;vertical-align: middle; border:0; border-radius: 3px;}

.select-box-type4{background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center; border:1px solid #ddd !important}

.select-box-type5{padding:0 40px 0 10px;
background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;
height: 40px; font-family: 'notokr-regular';
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; font-size:16px; color:#666; vertical-align: middle; border:1px solid #ddd !important}


.inpt{height: 40px; line-height:40px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px !important;}
.inpt2{height: 40px; line-height:40px; box-sizing: border-box; background: #f5f5f5; border-radius: 3px !important; border:0}
.inpt2.type2{height:46px; line-height:46px;}
.inpt3{height:60px; line-height:60px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 3px !important;}

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

.step2-info textarea, .calendar-login-area textarea{border:0; box-sizing: border-box;background: #f5f5f5; border-radius: 3px !important; overflow:auto}
.focus_line:focus{ outline: dashed 2px #000;}
/*파일 첨부*/
.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';}

.input-list2{}
.input-list2 > li{position: relative; padding-left:20px; margin-bottom:10px;}
.input-list2 > li:last-child{margin-bottom:0}
.input-list2 > li:before{position: absolute; top:10px; left:0; width:3px; height:3px; content: ""; background: #000;}

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

@media all and (min-width:992px) and (max-width:1390px){
.depth-tit-header > span{font-size:1.17vw; font-family: 'notokr-regular'; }

.tbl-type3.input-table1 tbody th{width:120px; box-sizing: border-box;padding-left:10px; font-size:15px;}
.tbl-type3.input-table1 tbody td{width: calc(100% - 120px)}
.tbl-type3.input-table1 tbody tr > td.order-padding{padding-left:0;}


}

/*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
/*tab style*/
.tab-type1 ul li > a{padding:20px 40px; font-size:34px;}
.tab-type2 > ul{ flex-wrap: nowrap;}
.tab-type2 > ul{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}

.tab-type3{margin:50px 0 80px 0}
.tab-type3 ul li{float:left; width:50%; margin-bottom:4px}
.tab-type3 ul li > a{padding:24px 0 25px 0; font-size:28px;}
.tab-type3 ul li > a:after{width:1px; height:30px; position:absolute; right:0; top:22px; content:""; background:#cccccc}
.tab-type3 ul li:nth-child(2n+0) > a:after{display:none}
.tab-type3 ul li > a.on{color:#000; padding:24px 0;  font-family:'notokr-medium';}


/*label-list*/
.label-type{min-width:140px; padding:7px 22px; font-size:26px;}

/*btn*/
.btn-lg{padding: 0 0 20px 0;  font-size:46px;}
.btn-lg2{padding: 0 0 20px 0;; font-size:46px;}
.btn-middle{padding:7px 2px; font-size:26px; }
.btn-middle3{padding:8px 2px; font-size:26px;}
.btn-middle4{padding:7px 2px; font-size:42px;}

/*btn 보더만 있는 경우*/
.btn-m-line{min-width:98px; font-size:28px; padding:19px 15px;}
.btn-m-line.bk2{font-size:28px;}

/*input type*/
.select-box-type{
padding:0 70px 0 10px;
background: url(../images/common/ico/ico_lg_black_close.png) no-repeat 97% center;
height: 80px; font-size:24px;}
.inpt{height: 60px; line-height:60px;}
.inpt2{height: 60px; line-height:60px;}
.inpt4{height:80px !important; line-height:80px;}
.inpt2.type2{height:80px; line-height:80px;}

/*주소 input추가 2021.06.29*/
.edutbl-box > div{float:none;}
.edutbl-box > div:nth-child(1){width:100%; margin-bottom:7px;}
.edutbl-box > div:nth-child(2){width:100%; padding-left:0;}
.edutbl-box > div:nth-child(2) > a{display:inline-block; height:60px; width:120px; border: 2px solid #202020; font-size: 18px;}

.select-box-type3{padding:0 70px 0 10px;
background:#f5f5f5 url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;
height: 60px;
margin: 0; font-size:26px;}

.select-box-type4{background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;}

.select-box-type5{padding:0 70px 0 10px;
background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center;
height: 60px;
margin: 0; font-size:26px;}

/*size*/
.m-sFull{width:100% !important;}

/*depth tit type*/
h3.depth-tit-1{font-size:36px;}
.depth-tit-header > span{font-size:24px; }
h4.depth-tit-2{font-size:30px;}
h4.depth-tit-2.imark{margin-left:10px;}
h4.depth-tit-2.imark:before{position: absolute; top:3px; left:-15px; color:#b50938; font-size:30px; content:"*"}
h4.depth-tit-2.next{margin-bottom:20px}
h3.depth-tit-4{font-size:38px;}
h3.depth-tit-3{font-size:46px;}
h3.depth-tit-3 > span{font-size:36px;}

/*list*/
.list-type1 > li{margin-bottom:20px; font-size:26px; line-height:38px;}
.list-type1 > li:before{position: absolute; top:15px; left:0; width:4px; height:4px; content: ""; background: #202020;}

/*table*/
.tbl-type2 thead th{padding:22px 0;font-size:26px;}
.tbl-type2 thead th:before{width:1px; height:26px; position: absolute; top:50%; right:0; margin-top:-13px; content:""; background: #ccc;}
.tbl-type2 tbody td{padding:22px 5px;font-size:26px;}

/*input type table*/
.tbl-type3 thead th{padding:20px 0; font-size:28px;}
.tbl-type3 > tbody > tr > th{padding:10px 0 10px 30px; font-size:26px; line-height:60px;}
.tbl-type3 > tbody > tr > th.line{line-height:38px}
.tbl-type3 > tbody > tr > td{padding:10px 0 10px 0; line-height:60px; font-size:26px; }
.tbl-type3 > tbody > tr:first-child > td{padding-top:30px}
.tbl-type3 > tbody > tr:first-child > th{padding-top:30px}
.tbl-type3 > tbody > tr:last-child > td{padding-bottom:30px}
.tbl-type3 > tbody > tr:last-child > th{padding-bottom:30px}
.tbl-type3 tbody th .imark:before{position: absolute; top:3px; left:-15px; color:#b50938; font-size:20px; content:"*"}
.tbl-type3.input-table1 tbody th{width:230px;}
.tbl-type3.input-table1 tbody td{width: calc(100% - 230px)}

.tbl-type4 tbody th{width:130px; padding:21px 0 21px 20px;font-size:26px;}
.tbl-type4 tbody td{padding:21px 0 21px 0;font-size:26px;}

.tbl-type3.input-table2 > tbody > tr > th{width:155px;}
.tbl-type3.input-table2 > tbody > tr > td{width: calc(100% - 155px); padding:10px 40px 10px 10px;}

.input-table3{}
.input-table-area{width:100%; max-width:100% !important}
.input-table3.type1  > tbody > tr > th, .input-table3.type2  > tbody > tr > th{width:170px;}
.input-table3.type2  > tbody > tr > th > .br{display:block;}
.input-table3 > tbody > tr > th{font-size:28px;}
.input-table3 > tbody > tr > th.lg{font-size:38px; width:220px;}
.input-table3 > tbody > tr > th.top{vertical-align:top; padding-top:30px;}
.input-table3 > tbody > tr > td{padding:30px 0 30px 30px; }


/*파일 첨부*/
.filebox label {width:170px; font-size:26px;}
.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{font-size:26px;}

/*ckbox*/
a.ckbox-label {font-size: 26px;line-height: 30px;padding-left:50px; background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center; background-size:30px;}
a.ckbox-label.on {background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size:30px;}
a.radio-label {font-size: 26px;line-height:30px;padding-left: 50px; background: url('../images/common/ico/ico_chk_type2_unchecked.png') no-repeat left top; background-size:30px;}
a.radio-label.on {background: url('../images/common/ico/ico_chk_type2_checked.png') no-repeat left top;background-size:30px;}
a.ckbox-label.ckbox-label-2{padding-left:50px;}
a.radio-label-2 {font-size: 26px; line-height:30px; padding-left: 50px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type3_unchecked.png') no-repeat left top; background-size:30px;}
a.radio-label-2.on {background: url('../images/common/ico/ico_chk_type3_checked.png') no-repeat left top;background-size:30px;}

a.ckbox-label.ckbox-label-3{font-size:32px; line-height:80px;}
.all-check-box label { line-height: 60px; }

.input-list2 > li{ padding-left:30px; margin-bottom:20px; font-size:26px}
.input-list2 > li:before{position: absolute; top:15px; left:0; width:5px; height:5px; content: ""; background: #000;}

.font-other-size{font-size:28px;}

/* 웹 접근성 */
.flex-table-wrap { margin: 0 20px; flex-wrap: wrap; }
.flex-table-wrap .flex-table-title { font-size: 26px; text-align: left; }
.flex-table-wrap .flex-table-contents p.light { font-size: 24px; line-height: 38px; }
.flex-table-wrap .flex-table-contents p,
.flex-table-wrap .flex-table-contents span { font-size: 26px; }
.flex-table-wrap .flex-table-contents .service-area { margin: 20px 0; }

.access-radio-item { gap: 10px; }
.access-radio-item input.access-radio { width: 30px; height: 30px; background: url('../images/common/ico/ico_chk_type2_unchecked.png') no-repeat left top; background-size: 30px; }
.access-radio-item input:checked.access-radio { background: url('../images/common/ico/ico_chk_type2_checked.png') no-repeat left top; background-size: 30px; }
.access-radio-item label { font-size: 26px; }

.access-check-item { gap: 10px; }
.access-check-item input.access-check {  width: 30px; height: 30px; background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center; background-size: 30px; }
.access-check-item input:checked.access-check { background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size: 30px; }
.access-check-item label { font-size: 26px; }
.access-label-bold { font-size: 32px; }

}



/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){
    .btn-m-line.bk3{height: 80px; line-height: 80px;}

}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){
/*tab style*/
.page-tab-type1{padding-top:25px;}
.tab-type1 ul li > a{padding:10px 20px; font-size:17px;}
.tab-type3{margin:25px 0 40px 0}
.tab-type3 ul li{margin-bottom:2px}
.tab-type3 ul li > a{padding:12px 0; font-size:14px;}
.tab-type3 ul li > a:after{width:1px; height:15px; position:absolute; right:0; top:14px; content:""; background:#cccccc}
.tab-type3 ul li > a.on{padding:12px 0;}

.tbl-type6 thead th{padding:12px 0; font-size:14px;}
.tbl-type6 tbody td{ font-size: 14px; padding: 12px 0;}
.tbl-type6 tbody td.l{padding-left:12px;}

/*label-list*/
.label-type{min-width:70px; padding:5px 11px; font-size:14px;}

/*btn*/
.btn-lg{padding: 0 0 10px 0;  font-size:23px;}
.btn-lg2{padding: 0 0 10px 0;; font-size:23px;}
.btn-middle{padding:5px 2px; font-size:14px; font-family:'notokr-medium'; font-weight:normal}
.btn-middle3{padding:2px; font-size:14px;}
.btn-middle4{padding:7px 2px; font-size:21px;}

/*btn 보더만 있는 경우*/
.btn-m-line{min-width:49px; font-size:14px; padding:9px 8px;}
.btn-m-line.bk2{font-size:24px;}
.btn-m-line.btn-m-line-new{min-width:49px; font-size:14px; padding:9px 8px;}

/*input type*/
.select-box-type{padding:0 40px 0 10px; height: 40px; font-size:13px; border: 1px solid #ddd;
background: url(../images/common/ico/ico_lg_black_close.png) no-repeat 97% center; background-size:19px 11px;}
.select-box-type2 {padding: 0 20px 0 10px;  background: url(../images/common/ico/ico_sm_black_open.png) no-repeat 90% center;}
.inpt{height:30px; line-height:30px;}
.inpt2{height:30px; line-height:30px;}
.inpt3{height:40px; line-height:40px;}
.inpt4{height:40px !important; line-height:40px;}
.inpt2.type2{height:40px; line-height:40px;}
a.ckbox-label.ckbox-label-3{font-size:16px; line-height:40px;}
a.ckbox-label.ckbox-label-2{padding-left:25px}

.select-box-type3{padding:0 40px 0 10px; background:#f5f5f5 url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center; height:40px; font-size:14px;}
.select-box-type4{background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center; height:30px; padding:0 17px 0 10px}
.select-box-type5{padding:0 40px 0 10px; background:#fff url(../images/common/ico/ico_sm_black_open.png) no-repeat 95% center; height:40px; font-size:14px;}

/*depth tit type*/
h3.depth-tit-1{font-size:18px;}
.depth-tit-header > span{font-size:12px; font-family: 'notokr-regular';}
h4.depth-tit-2{font-size:16px;}
h3.depth-tit-3{font-size:23px}
h3.depth-tit-4{font-size:19px;}
h3.depth-tit-3{font-size:23px;}
h3.depth-tit-3 > span{font-size:18px;}

/*list*/
.list-type1 > li{margin-bottom:10px; font-size:14px; line-height:21px;}
.list-type1 > li:before{position: absolute; top:8px; left:0; width:2px; height:2px; content: ""; background: #202020;}


/*table*/
.tbl-type2 thead th{padding:11px 0;font-size:14px;}
.tbl-type2 thead th:before{width:1px; height:13px; position: absolute; top:50%; right:0; margin-top:-6.5px; content:""; background: #ccc;}
.tbl-type2 tbody td{padding:11px 3px;font-size:14px;}
.tbl-type4 tbody th{width:75px; padding:11px 0 11px 1.2vw;font-size:14px;}
.tbl-type4 tbody td{padding:11px 0 11px 0;font-size:14px;}

.tbl-type7{border-top: solid 1px #000000}
.tbl-type7 tbody th{font-size: 14px;  padding: 11px 0;}
.tbl-type7 tbody td{font-size: 13px;  padding: 11px 0;}

/*input type table*/
.tbl-type3 > thead > tr > th{padding:10px 0; font-size:14px;}
.tbl-type3 > tbody > tr > th{padding:5px 0 5px 10px; font-size:14px; line-height:30px;}
.tbl-type3 > tbody > tr > td{padding:5px 0 5px 0; line-height:30px; font-size:14px; }
.tbl-type3 > tbody > tr:first-child > td{padding-top:15px}
.tbl-type3 > tbody > tr:first-child > th{padding-top:15px}
.tbl-type3 > tbody > tr:last-child > td{padding-bottom:15px}
.tbl-type3 > tbody > tr:last-child > th{padding-bottom:15px}
.tbl-type3 > tbody th .imark:before{position: absolute; top:3px; left:-9px; color:#b50938; font-size:14px; content:"*"}
.tbl-type3.input-table1 tbody th{width:90px;}
.tbl-type3.input-table1 tbody td{width: calc(100% - 90px)}

.tbl-type3.input-table2 > tbody > tr > th{width:80px;}
.tbl-type3.input-table2 > tbody > tr > td{width: calc(100% - 80px); padding:5px 20px 5px 5px;}
.tbl-type3 > tbody > tr > th.line{line-height:20px;}

.input-table3.type1  > tbody > tr > th, .input-table3.type2  > tbody > tr > th{width:85px;}
.input-table3 > tbody > tr > th{font-size:14px;}
.input-table3 > tbody > tr > th.lg{font-size:19px; width:110px;}
.input-table3 > tbody > tr > th.top{padding-top:15px;}
.input-table3 > tbody > tr > td{padding:10px 0 10px 15px; }

/*주소 input추가 2021.06.29*/
.edutbl-box > div:nth-child(2) > a{display:inline-block; height:30px; width:90px; border: 1px solid #202020; font-size: 14px;}


/*파일 첨부*/
.filebox label {width:85px; font-size:14px;}
.filebox button{font-size:14px;}

/*ckbox*/
a.ckbox-label {font-size:14px;line-height:15px;padding-left:25px; background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center;
background-size:15px;}
a.ckbox-label.on {background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size:15px;}
a.radio-label {font-size:14px;line-height:15px;padding-left: 25px; background: url('../images/common/ico/ico_chk_type2_unchecked.png') no-repeat left top;
background-size:15px;}
a.radio-label.on {background: url('../images/common/ico/ico_chk_type2_checked.png') no-repeat left top;background-size:15px;}

a.radio-label-2 {font-size:14px;line-height:15px;padding-left: 25px;
vertical-align: top;background: url('../images/common/ico/ico_chk_type3_unchecked.png') no-repeat left top; background-size:15px;}
a.radio-label-2.on {background: url('../images/common/ico/ico_chk_type3_checked.png') no-repeat left top;background-size:15px;}

.all-check-box label { line-height: 40px; }

.input-list2 > li{ padding-left:10px; margin-bottom:10px; font-size:14px}
.input-list2 > li:before{position: absolute; top:8px; left:0; width:2px; height:2px; content: ""; background: #000;}

.font-other-size{font-size:16px;}

/* 웹 접근성 */
.flex-table-wrap .flex-table-title { font-size: 18px; text-align: left; }
.flex-table-wrap .flex-table-contents p.light { font-size: 14px; line-height: 21px; }
.flex-table-wrap .flex-table-contents p,
.flex-table-wrap .flex-table-contents span { font-size: 14px; }
.flex-table-wrap .flex-table-contents .service-area { margin: 20px 0; }

.access-radio-item { gap: 5px; }
.access-radio-item input.access-radio { width: 15px; height: 15px; background: url('../images/common/ico/ico_chk_type2_unchecked.png') no-repeat left top; background-size: 15px; }
.access-radio-item input:checked.access-radio { background: url('../images/common/ico/ico_chk_type2_checked.png') no-repeat left top; background-size: 15px; }
.access-radio-item label { font-size: 16px; }

.access-check-item { gap: 5px; }
.access-check-item input.access-check {  width: 15px; height: 15px; background: url('../images/common/ico/ico_chk_type1_unchecked.png') no-repeat left center; background-size: 15px; }
.access-check-item input:checked.access-check { background: url('../images/common/ico/ico_chk_type1_checked.png') no-repeat left center; background-size: 15px; }
.access-check-item label { font-size: 16px; }
.access-label-bold { font-size: 16px; }

}

.dis_none{display: none;}

@media all and (max-width:410px){
/*논문투고*/
.treatiseauthor .sort-table a.ckbox-label{font-size:12px; }
.treatiseauthor .sort-table .checkbox{width:75px; }
}


.loading .inner-loading{position: fixed !important;
left: 50% !important;
top: 50% !important;
-webkit-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
-moz-transform: translate(-50%, -50%) !important;
-o-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important; background:#fff}
.loading_img{padding-top:0 !important}

/* 접근성 안내 */
.aTap2_map_img_zoom.fullpage .map_buttons { display: flex!important; gap: 5px; flex-direction: column; top: 20px; right: 20px; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 0.55 }

.datepicker td, .datepicker th{ border-radius: 0}
.datepicker table tr td span{ height: auto;}
.calendar-choice-box .ui-datepicker .ui-datepicker-next span{ background-image: url(/design/content/museum/images/img_center/btn/next.jpg) !important;}
.calendar-choice-box .ui-datepicker .ui-datepicker-prev span{ background-image: url(/design/content/museum/images/img_center/btn/prev.jpg) !important;}

/*알림배너 닫기 버튼 위치*/
header.header .inner-header .txt-top-banner .banner-close{ top: auto !important; bottom: 15px !important; transform: none !important; display: flex; align-items: center;}
header.header .inner-header .txt-top-banner .banner-close button{ cursor: pointer !important;}
header.header .inner-header .txt-top-banner .banner-close .check-type1 label span{ margin-right: 10px;}
header.header .inner-header .top-banner .banner-close > button > i{ width: 20px; height: 20px; background: url(/ux/content/images/common/btn/btn_black_close.png) no-repeat center / 100% auto}
header.header .inner-header .txt-top-banner .banner-close .check-type1 label .check-image{ top: 3px}

.m-txt-top-banner .banner-close{  display: flex; align-items: center;}
.m-top-banner .banner-close > button > i{ background: url(/ux/content/images/common/btn/btn_black_close.png) no-repeat center / 100% auto !important;}

@media (max-width: 767px){
	.m-top-banner .banner-close > .checkbox{ margin-right: 5px !important;}
}

/* display */
.show_tab{ display: none;}
.show_mo{ display: none;}

@media all and (max-width: 991px) {
    .show_tab { display: block;}
}
@media all and (max-width: 767px) {
    .show_mo { display: block;}
}