@charset "utf-8";

/*****  *****/

._tabMenu{margin-bottom: 80px;}
._tabMenu ul{display: flex;}
._tabMenu ul li{text-align: center;position: relative;width: 100%;}
._tabMenu ul li + li{margin-left:-1px;}
._tabMenu ul li a{display: block;color: #444;font-size: 18px; border-color: #f8f8f8; font-family: Noto Light;padding: 20px 0;border: 1px solid #ddd;}
._tabMenu ul li.on{}
._tabMenu ul li.on a{color:#8b0029; font-family: Noto Medium; background-color: #fff;}
._tabMenu ul li.on a:before{content: '';width: 100%;display: block;position: absolute;top: -1px;left: 0;height: 5px;background: #8b0029;}

._consent{margin-bottom: 70px; overflow: auto;}
._consent table {min-width:800px; border-bottom: 1px solid #000; border-top: 2px solid #000;width:100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;text-align: center;font-size:14px;}
._consent::-webkit-scrollbar {height:5px;}
._consent::-webkit-scrollbar-thumb {background-color: #8b0029;border: 2px solid transparent;}
._consent::-webkit-scrollbar-track {background-color: #ddd;}

._consent table caption{display:none;}
._consent table col.col-num{width:100px;}
._consent table col.col-pro{}
._consent table col.col-lic{}
._consent table col.col-file{}

._consent table th {background-color: #f8f8f8;color:#333;font-weight: normal;border-bottom: 1px solid #ddd;padding: 20px 5px;font-size: 18px;font-family: 'Noto Medium';}
._consent table td {border-bottom: 1px solid #ddd; padding: 17px 10px;font-family: 'Noto Light';font-size: 17px;position:relative; font-family: 'Noto Regular';}
._consent table td a.fileDown{background:#fff url(./../images/down-icon.png) 12px 8px no-repeat; font-family: 'Noto Regular'; border: 1px solid #b2b2b2;padding: 0 10px 0 40px;border-radius: 3px;font-size: 15px;line-height: 35px;height: 35px;display: inline-block;vertical-align: middle;margin-left: 10px;color: #4b4b4b;}
._consent th + th,
._consent td + td{border-left:1px solid #ddd;}

.use{background: #f9f9f9;padding:25px 80px;padding-bottom: 15px;display: grid;grid-template-columns: 1fr 1fr;margin-top: 55px;position:relative;}
.use:before{content: '';width: 1px; height:calc(100% - 50px); top:25px; display: block; position: absolute;left: 50%;background: #e4e4e4;}
.use dl{display: flex;align-items: center;font-size:18px;position:relative;margin-bottom: 12px;}
.use dl:nth-child(even){padding-left:65px;}
.use dl dt{font-family: 'Noto Regular';}
.use dl dt:after{content:'';width: 100px;display: inline-block;height: 1px;background: #000;vertical-align: middle;margin-top: -0.5px;margin-left: 35px;margin-right: 35px;}
.use dl dd{font-family: 'Noto Light'; background: url(./../images/use-icon01.png) left center no-repeat; padding: 5px 0 5px 40px;}
.use dl + dl dd{background: url(./../images/use-icon02.png) left center no-repeat;}

._profLayerPopup{position: fixed;z-index: 1;top: 0;left: 0; padding-top:150px; height: 100vh; width: 100%; background: rgba(0,0,0,.3);}
._profLayerPopup ._inner{background-color: #fff; max-width:980px; margin:0 auto; position: relative;padding:50px 35px 0;border-radius:15px;}


.agreeBox .inner{display: grid; background:#f9f9f9;padding: 50px; grid-template-columns: 200px 1fr;}
.agreeBox .thum span{display: block;background: #fff;border-radius: 100%;padding-top: 35px;width: 140px;height: 140px;text-align: center;position: relative;}
.agreeBox .thum span:before{content: '';width: calc(100% + 20px);display: block;border: 1px solid #fff;height: calc(100% + 20px);position: absolute;left: -10px;top: -10px;border-radius: 100%;}
.agreeBox .exBox{height: 250px; overflow:auto; padding-right: 10px;}
.agreeBox .exBox::-webkit-scrollbar {width: 5px;}
.agreeBox .exBox::-webkit-scrollbar-thumb {background: #8b0029;border-radius: 10px;}
.agreeBox .exBox::-webkit-scrollbar-track {background: rgba(220, 20, 60, .1);}
.agreeBox .exBox .tit{color: #8b0029;font-size:26px;font-family: 'Noto Medium';margin-bottom: 30px;}
.agreeBox .exBox strong{color:#333;font-size: 20px;font-family: 'Noto Regular';margin-bottom: 15px; display: block;}
.agreeBox .exBox p{font-size:16px; color:#666; margin-bottom:40px;}
.agreeBox .check{display: flex; justify-content: space-between; align-items: center; margin-top:30px;}
.agreeBox .check .c-i{color:#666; padding-left:45px;}

@media screen and (max-width:1350px){
    .use{padding:25px 35px;}
    .use dl dt{padding-right:30px;}
    .use dl dt:after{display:none;}
}

@media screen and (max-width:1024px){
    .use{display:block; padding:15px 20px;}
    .use:before{display:none;}
    .use dl:nth-child(even){padding-left:0; margin-top:10px;}
    ._profLayerPopup ._inner{max-width:90%;padding:20px 15px 0;}
}

@media screen and (max-width:767px){
.agreeBox .inner{display:block; padding:35px;}
.agreeBox .thum{display: none;}
._tabMenu ul{flex-wrap:wrap;}
._tabMenu ul li{width:50%;}    
._tabMenu ul li a{font-size:14px;border: 0;border-top: 1px solid #ddd;padding: 12px 0;}    
}




.ctgrAlt{font-family: 'Noto Medium';margin-bottom:10px;color: #8b0029;}

/**
.ctgrAlt .type1:before{content:'※';display:inline-block;margin-right:3px;}
.ctgrAlt .type2:before{content:'○';display:inline-block;margin-right:3px;}
.ctgrAlt .type3:before{content:'●';display:inline-block;margin-right:3px;}
.ctgrAlt .type4:before{content:'◎';display:inline-block;margin-right:3px;}
.ctgrAlt .type5:before{content:'□';display:inline-block;margin-right:3px;}
.ctgrAlt .type6:before{content:'■';display:inline-block;margin-right:3px;}
.ctgrAlt .type7:before{content:'☆';display:inline-block;margin-right:3px;}
.ctgrAlt .type8:before{content:'★';display:inline-block;margin-right:3px;}
.ctgrAlt .type9:before{content:'▽';display:inline-block;margin-right:3px;}
.ctgrAlt .type10:before{content:'▼';display:inline-block;margin-right:3px;}
.ctgrAlt .type11:before{content:'▷';display:inline-block;margin-right:3px;}
.ctgrAlt .type12:before{content:'▶';display:inline-block;margin-right:3px;}
.ctgrAlt .type13:before{content:'▣';display:inline-block;margin-right:3px;}
.ctgrAlt .type14:before{content:'◈';display:inline-block;margin-right:3px;}**/