@charset "utf-8";
.bg-no-image{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #ddd;background-size: auto;background-position: 50% 50%;background-image: url(../images/v3/no_image.png);background-repeat: no-repeat;opacity: 0.5;text-align: left;text-indent: -9999px;}




/* padding&margin start */

.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;} .mb55{margin-bottom: 55px !important;} .mb60{margin-bottom: 60px !important;} .mb65{margin-bottom: 65px !important;} .mb70{margin-bottom: 70px !important;} .mb75{margin-bottom: 75px !important;} .mb80{margin-bottom: 80px !important;} .mb85{margin-bottom: 85px !important;} .mb90{margin-bottom: 90px !important;} .mb95{margin-bottom: 95px !important;} .mb100{margin-bottom: 100px !important;} .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;} .mt45{margin-top: 45px !important;} .mt50{margin-top: 50px !important;} .mt55{margin-top: 55px !important;} .mt60{margin-top: 60px !important;} .mt65{margin-top: 65px !important;} .mt70{margin-top: 70px !important;} .mt75{margin-top: 75px !important;} .mt80{margin-top: 80px !important;} .mt85{margin-top: 85px !important;} .mt90{margin-top: 90px !important;} .mt95{margin-top: 95px !important;} .mt100{margin-top: 100px !important;} .ml0{margin-left: 0px !important;} .ml5{margin-left: 5px !important;} .ml10{margin-left: 10px !important;} .ml15{margin-left: 15px !important;} .ml20{margin-left: 20px !important;} .ml25{margin-left: 25px !important;} .ml30{margin-left: 30px !important;} .ml35{margin-left: 35px !important;} .ml40{margin-left: 40px !important;} .ml45{margin-left: 45px !important;} .ml50{margin-left: 50px !important;} .ml55{margin-left: 55px !important;} .ml60{margin-left: 60px !important;} .ml65{margin-left: 65px !important;} .ml70{margin-left: 70px !important;} .ml75{margin-left: 75px !important;} .ml80{margin-left: 80px !important;} .ml85{margin-left: 85px !important;} .ml90{margin-left: 90px !important;} .ml95{margin-left: 95px !important;} .ml100{margin-left: 100px !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;} .mr35{margin-right: 35px !important;} .mr40{margin-right: 40px !important;} .mr45{margin-right: 45px !important;} .mr50{margin-right: 50px !important;} .mr55{margin-right: 55px !important;} .mr60{margin-right: 60px !important;} .mr65{margin-right: 65px !important;} .mr70{margin-right: 70px !important;} .mr75{margin-right: 75px !important;} .mr80{margin-right: 80px !important;} .mr85{margin-right: 85px !important;} .mr90{margin-right: 90px !important;} .mr95{margin-right: 95px !important;} .mr100{margin-right: 100px !important;}

.pb0{padding-bottom: 0px !important;} .pb5{padding-bottom: 5px !important;} .pb10{padding-bottom: 10px !important;} .pb15{padding-bottom: 15px !important;} .pb20{padding-bottom: 20px !important;} .pb25{padding-bottom: 25px !important;} .pb30{padding-bottom: 30px !important;} .pb35{padding-bottom: 35px !important;} .pb40{padding-bottom: 40px !important;} .pb45{padding-bottom: 45px !important;} .pb50{padding-bottom: 50px !important;} .pb55{padding-bottom: 55px !important;} .pb60{padding-bottom: 60px !important;} .pb65{padding-bottom: 65px !important;} .pb70{padding-bottom: 70px !important;} .pb75{padding-bottom: 75px !important;} .pb80{padding-bottom: 80px !important;} .pb85{padding-bottom: 85px !important;} .pb90{padding-bottom: 90px !important;} .pb95{padding-bottom: 95px !important;} .pb100{padding-bottom: 100px !important;} .pt0{padding-top: 0px !important;} .pt5{padding-top: 5px !important;} .pt10{padding-top: 10px !important;} .pt15{padding-top: 15px !important;} .pt20{padding-top: 20px !important;} .pt25{padding-top: 25px !important;} .pt30{padding-top: 30px !important;} .pt35{padding-top: 35px !important;} .pt40{padding-top: 40px !important;} .pt45{padding-top: 45px !important;} .pt50{padding-top: 50px !important;} .pt55{padding-top: 55px !important;} .pt60{padding-top: 60px !important;} .pt65{padding-top: 65px !important;} .pt70{padding-top: 70px !important;} .pt75{padding-top: 75px !important;} .pt80{padding-top: 80px !important;} .pt85{padding-top: 85px !important;} .pt90{padding-top: 90px !important;} .pt95{padding-top: 95px !important;} .pt100{padding-top: 100px !important;} .pl0{padding-left: 0px !important;} .pl5{padding-left: 5px !important;} .pl10{padding-left: 10px !important;} .pl15{padding-left: 15px !important;} .pl20{padding-left: 20px !important;} .pl25{padding-left: 25px !important;} .pl30{padding-left: 30px !important;} .pl35{padding-left: 35px !important;} .pl40{padding-left: 40px !important;} .pl45{padding-left: 45px !important;} .pl50{padding-left: 50px !important;} .pl55{padding-left: 55px !important;} .pl60{padding-left: 60px !important;} .pl65{padding-left: 65px !important;} .pl70{padding-left: 70px !important;} .pl75{padding-left: 75px !important;} .pl80{padding-left: 80px !important;} .pl85{padding-left: 85px !important;} .pl90{padding-left: 90px !important;} .pl95{padding-left: 95px !important;} .pl100{padding-left: 100px !important;} .pr0{padding-right: 0px !important;} .pr5{padding-right: 5px !important;} .pr10{padding-right: 10px !important;} .pr15{padding-right: 15px !important;} .pr20{padding-right: 20px !important;} .pr25{padding-right: 25px !important;} .pr30{padding-right: 30px !important;} .pr35{padding-right: 35px !important;} .pr40{padding-right: 40px !important;} .pr45{padding-right: 45px !important;} .pr50{padding-right: 50px !important;} .pr55{padding-right: 55px !important;} .pr60{padding-right: 60px !important;} .pr65{padding-right: 65px !important;} .pr70{padding-right: 70px !important;} .pr75{padding-right: 75px !important;} .pr80{padding-right: 80px !important;} .pr85{padding-right: 85px !important;} .pr90{padding-right: 90px !important;} .pr95{padding-right: 95px !important;} .pr100{padding-right: 100px !important;}

.w100p{width: 100% !important;}

@media screen and (max-width: 1280px){
.mb0-pc{margin-bottom: 0px !important;} .mb5-pc{margin-bottom: 5px !important;} .mb10-pc{margin-bottom: 10px !important;} .mb15-pc{margin-bottom: 15px !important;} .mb20-pc{margin-bottom: 20px !important;} .mb25-pc{margin-bottom: 25px !important;} .mb30-pc{margin-bottom: 30px !important;} .mb35-pc{margin-bottom: 35px !important;} .mb40-pc{margin-bottom: 40px !important;} .mb45-pc{margin-bottom: 45px !important;} .mb50-pc{margin-bottom: 50px !important;} .mb55-pc{margin-bottom: 55px !important;} .mb60-pc{margin-bottom: 60px !important;} .mb65-pc{margin-bottom: 65px !important;} .mb70-pc{margin-bottom: 70px !important;} .mb75-pc{margin-bottom: 75px !important;} .mb80-pc{margin-bottom: 80px !important;} .mb85-pc{mafzrgin-bottom: 85px !important;} .mb90-pc{margin-bottom: 90px !important;} .mb95-pc{margin-bottom: 95px !important;} .mb100-pc{margin-bottom: 100px !important;} .mt0-pc{margin-top: 0px !important;} .mt5-pc{margin-top: 5px !important;} .mt10-pc{margin-top: 10px !important;} .mt15-pc{margin-top: 15px !important;} .mt20-pc{margin-top: 20px !important;} .mt25-pc{margin-top: 25px !important;} .mt30-pc{margin-top: 30px !important;} .mt35-pc{margin-top: 35px !important;} .mt40-pc{margin-top: 40px !important;} .mt45-pc{margin-top: 45px !important;} .mt50-pc{margin-top: 50px !important;} .mt55-pc{margin-top: 55px !important;} .mt60-pc{margin-top: 60px !important;} .mt65-pc{margin-top: 65px !important;} .mt70-pc{margin-top: 70px !important;} .mt75-pc{margin-top: 75px !important;} .mt80-pc{margin-top: 80px !important;} .mt85-pc{margin-top: 85px !important;} .mt90-pc{margin-top: 90px !important;} .mt95-pc{margin-top: 95px !important;} .mt100-pc{margin-top: 100px !important;} .ml0-pc{margin-left: 0px !important;} .ml5-pc{margin-left: 5px !important;} .ml10-pc{margin-left: 10px !important;} .ml15-pc{margin-left: 15px !important;} .ml20-pc{margin-left: 20px !important;} .ml25-pc{margin-left: 25px !important;} .ml30-pc{margin-left: 30px !important;} .ml35-pc{margin-left: 35px !important;} .ml40-pc{margin-left: 40px !important;} .ml45-pc{margin-left: 45px !important;} .ml50-pc{margin-left: 50px !important;} .ml55-pc{margin-left: 55px !important;} .ml60-pc{margin-left: 60px !important;} .ml65-pc{margin-left: 65px !important;} .ml70-pc{margin-left: 70px !important;} .ml75-pc{margin-left: 75px !important;} .ml80-pc{margin-left: 80px !important;} .ml85-pc{margin-left: 85px !important;} .ml90-pc{margin-left: 90px !important;} .ml95-pc{margin-left: 95px !important;} .ml100-pc{margin-left: 100px !important;} .mr0-pc{margin-right: 0px !important;} .mr5-pc{margin-right: 5px !important;} .mr10-pc{margin-right: 10px !important;} .mr15-pc{margin-right: 15px !important;} .mr20-pc{margin-right: 20px !important;} .mr25-pc{margin-right: 25px !important;} .mr30-pc{margin-right: 30px !important;} .mr35-pc{margin-right: 35px !important;} .mr40-pc{margin-right: 40px !important;} .mr45-pc{margin-right: 45px !important;} .mr50-pc{margin-right: 50px !important;} .mr55-pc{margin-right: 55px !important;} .mr60-pc{margin-right: 60px !important;} .mr65-pc{margin-right: 65px !important;} .mr70-pc{margin-right: 70px !important;} .mr75-pc{margin-right: 75px !important;} .mr80-pc{margin-right: 80px !important;} .mr85-pc{margin-right: 85px !important;} .mr90-pc{margin-right: 90px !important;} .mr95-pc{margin-right: 95px !important;} .mr100-pc{margin-right: 100px !important;}

.pb0-pc{padding-bottom: 0px !important;} .pb5-pc{padding-bottom: 5px !important;} .pb10-pc{padding-bottom: 10px !important;} .pb15-pc{padding-bottom: 15px !important;} .pb20-pc{padding-bottom: 20px !important;} .pb25-pc{padding-bottom: 25px !important;} .pb30-pc{padding-bottom: 30px !important;} .pb35-pc{padding-bottom: 35px !important;} .pb40-pc{padding-bottom: 40px !important;} .pb45-pc{padding-bottom: 45px !important;} .pb50-pc{padding-bottom: 50px !important;} .pb55-pc{padding-bottom: 55px !important;} .pb60-pc{padding-bottom: 60px !important;} .pb65-pc{padding-bottom: 65px !important;} .pb70-pc{padding-bottom: 70px !important;} .pb75-pc{padding-bottom: 75px !important;} .pb80-pc{padding-bottom: 80px !important;} .pb85-pc{padding-bottom: 85px !important;} .pb90-pc{padding-bottom: 90px !important;} .pb95-pc{padding-bottom: 95px !important;} .pb100-pc{padding-bottom: 100px !important;} .pt0-pc{padding-top: 0px !important;} .pt5-pc{padding-top: 5px !important;} .pt10-pc{padding-top: 10px !important;} .pt15-pc{padding-top: 15px !important;} .pt20-pc{padding-top: 20px !important;} .pt25-pc{padding-top: 25px !important;} .pt30-pc{padding-top: 30px !important;} .pt35-pc{padding-top: 35px !important;} .pt40-pc{padding-top: 40px !important;} .pt45-pc{padding-top: 45px !important;} .pt50-pc{padding-top: 50px !important;} .pt55-pc{padding-top: 55px !important;} .pt60-pc{padding-top: 60px !important;} .pt65-pc{padding-top: 65px !important;} .pt70-pc{padding-top: 70px !important;} .pt75-pc{padding-top: 75px !important;} .pt80-pc{padding-top: 80px !important;} .pt85-pc{padding-top: 85px !important;} .pt90-pc{padding-top: 90px !important;} .pt95-pc{padding-top: 95px !important;} .pt100-pc{padding-top: 100px !important;} .pl0-pc{padding-left: 0px !important;} .pl5-pc{padding-left: 5px !important;} .pl10-pc{padding-left: 10px !important;} .pl15-pc{padding-left: 15px !important;} .pl20-pc{padding-left: 20px !important;} .pl25-pc{padding-left: 25px !important;} .pl30-pc{padding-left: 30px !important;} .pl35-pc{padding-left: 35px !important;} .pl40-pc{padding-left: 40px !important;} .pl45-pc{padding-left: 45px !important;} .pl50-pc{padding-left: 50px !important;} .pl55-pc{padding-left: 55px !important;} .pl60-pc{padding-left: 60px !important;} .pl65-pc{padding-left: 65px !important;} .pl70-pc{padding-left: 70px !important;} .pl75-pc{padding-left: 75px !important;} .pl80-pc{padding-left: 80px !important;} .pl85-pc{padding-left: 85px !important;} .pl90-pc{padding-left: 90px !important;} .pl95-pc{padding-left: 95px !important;} .pl100-pc{padding-left: 100px !important;} .pr0-pc{padding-right: 0px !important;} .pr5-pc{padding-right: 5px !important;} .pr10-pc{padding-right: 10px !important;} .pr15-pc{padding-right: 15px !important;} .pr20-pc{padding-right: 20px !important;} .pr25-pc{padding-right: 25px !important;} .pr30-pc{padding-right: 30px !important;} .pr35-pc{padding-right: 35px !important;} .pr40-pc{padding-right: 40px !important;} .pr45-pc{padding-right: 45px !important;} .pr50-pc{padding-right: 50px !important;} .pr55-pc{padding-right: 55px !important;} .pr60-pc{padding-right: 60px !important;} .pr65-pc{padding-right: 65px !important;} .pr70-pc{padding-right: 70px !important;} .pr75-pc{padding-right: 75px !important;} .pr80-pc{padding-right: 80px !important;} .pr85-pc{padding-right: 85px !important;} .pr90-pc{padding-right: 90px !important;} .pr95-pc{padding-right: 95px !important;} .pr100-pc{padding-right: 100px !important;}
}

@media screen and (max-width: 840px){
.mb0-mo{margin-bottom: 0px !important;} .mb5-mo{margin-bottom: 5px !important;} .mb10-mo{margin-bottom: 10px !important;} .mb15-mo{margin-bottom: 15px !important;} .mb20-mo{margin-bottom: 20px !important;} .mb25-mo{margin-bottom: 25px !important;} .mb30-mo{margin-bottom: 30px !important;} .mb35-mo{margin-bottom: 35px !important;} .mb40-mo{margin-bottom: 40px !important;} .mb45-mo{margin-bottom: 45px !important;} .mb50-mo{margin-bottom: 50px !important;} .mb55-mo{margin-bottom: 55px !important;} .mb60-mo{margin-bottom: 60px !important;} .mb65-mo{margin-bottom: 65px !important;} .mb70-mo{margin-bottom: 70px !important;} .mb75-mo{margin-bottom: 75px !important;} .mb80-mo{margin-bottom: 80px !important;} .mb85-mo{mafzrgin-bottom: 85px !important;} .mb90-mo{margin-bottom: 90px !important;} .mb95-mo{margin-bottom: 95px !important;} .mb100-mo{margin-bottom: 100px !important;} .mt0-mo{margin-top: 0px !important;} .mt5-mo{margin-top: 5px !important;} .mt10-mo{margin-top: 10px !important;} .mt15-mo{margin-top: 15px !important;} .mt20-mo{margin-top: 20px !important;} .mt25-mo{margin-top: 25px !important;} .mt30-mo{margin-top: 30px !important;} .mt35-mo{margin-top: 35px !important;} .mt40-mo{margin-top: 40px !important;} .mt45-mo{margin-top: 45px !important;} .mt50-mo{margin-top: 50px !important;} .mt55-mo{margin-top: 55px !important;} .mt60-mo{margin-top: 60px !important;} .mt65-mo{margin-top: 65px !important;} .mt70-mo{margin-top: 70px !important;} .mt75-mo{margin-top: 75px !important;} .mt80-mo{margin-top: 80px !important;} .mt85-mo{margin-top: 85px !important;} .mt90-mo{margin-top: 90px !important;} .mt95-mo{margin-top: 95px !important;} .mt100-mo{margin-top: 100px !important;} .ml0-mo{margin-left: 0px !important;} .ml5-mo{margin-left: 5px !important;} .ml10-mo{margin-left: 10px !important;} .ml15-mo{margin-left: 15px !important;} .ml20-mo{margin-left: 20px !important;} .ml25-mo{margin-left: 25px !important;} .ml30-mo{margin-left: 30px !important;} .ml35-mo{margin-left: 35px !important;} .ml40-mo{margin-left: 40px !important;} .ml45-mo{margin-left: 45px !important;} .ml50-mo{margin-left: 50px !important;} .ml55-mo{margin-left: 55px !important;} .ml60-mo{margin-left: 60px !important;} .ml65-mo{margin-left: 65px !important;} .ml70-mo{margin-left: 70px !important;} .ml75-mo{margin-left: 75px !important;} .ml80-mo{margin-left: 80px !important;} .ml85-mo{margin-left: 85px !important;} .ml90-mo{margin-left: 90px !important;} .ml95-mo{margin-left: 95px !important;} .ml100-mo{margin-left: 100px !important;} .mr0-mo{margin-right: 0px !important;} .mr5-mo{margin-right: 5px !important;} .mr10-mo{margin-right: 10px !important;} .mr15-mo{margin-right: 15px !important;} .mr20-mo{margin-right: 20px !important;} .mr25-mo{margin-right: 25px !important;} .mr30-mo{margin-right: 30px !important;} .mr35-mo{margin-right: 35px !important;} .mr40-mo{margin-right: 40px !important;} .mr45-mo{margin-right: 45px !important;} .mr50-mo{margin-right: 50px !important;} .mr55-mo{margin-right: 55px !important;} .mr60-mo{margin-right: 60px !important;} .mr65-mo{margin-right: 65px !important;} .mr70-mo{margin-right: 70px !important;} .mr75-mo{margin-right: 75px !important;} .mr80-mo{margin-right: 80px !important;} .mr85-mo{margin-right: 85px !important;} .mr90-mo{margin-right: 90px !important;} .mr95-mo{margin-right: 95px !important;} .mr100-mo{margin-right: 100px !important;}

.pb0-mo{padding-bottom: 0px !important;} .pb5-mo{padding-bottom: 5px !important;} .pb10-mo{padding-bottom: 10px !important;} .pb15-mo{padding-bottom: 15px !important;} .pb20-mo{padding-bottom: 20px !important;} .pb25-mo{padding-bottom: 25px !important;} .pb30-mo{padding-bottom: 30px !important;} .pb35-mo{padding-bottom: 35px !important;} .pb40-mo{padding-bottom: 40px !important;} .pb45-mo{padding-bottom: 45px !important;} .pb50-mo{padding-bottom: 50px !important;} .pb55-mo{padding-bottom: 55px !important;} .pb60-mo{padding-bottom: 60px !important;} .pb65-mo{padding-bottom: 65px !important;} .pb70-mo{padding-bottom: 70px !important;} .pb75-mo{padding-bottom: 75px !important;} .pb80-mo{padding-bottom: 80px !important;} .pb85-mo{padding-bottom: 85px !important;} .pb90-mo{padding-bottom: 90px !important;} .pb95-mo{padding-bottom: 95px !important;} .pb100-mo{padding-bottom: 100px !important;} .pt0-mo{padding-top: 0px !important;} .pt5-mo{padding-top: 5px !important;} .pt10-mo{padding-top: 10px !important;} .pt15-mo{padding-top: 15px !important;} .pt20-mo{padding-top: 20px !important;} .pt25-mo{padding-top: 25px !important;} .pt30-mo{padding-top: 30px !important;} .pt35-mo{padding-top: 35px !important;} .pt40-mo{padding-top: 40px !important;} .pt45-mo{padding-top: 45px !important;} .pt50-mo{padding-top: 50px !important;} .pt55-mo{padding-top: 55px !important;} .pt60-mo{padding-top: 60px !important;} .pt65-mo{padding-top: 65px !important;} .pt70-mo{padding-top: 70px !important;} .pt75-mo{padding-top: 75px !important;} .pt80-mo{padding-top: 80px !important;} .pt85-mo{padding-top: 85px !important;} .pt90-mo{padding-top: 90px !important;} .pt95-mo{padding-top: 95px !important;} .pt100-mo{padding-top: 100px !important;} .pl0-mo{padding-left: 0px !important;} .pl5-mo{padding-left: 5px !important;} .pl10-mo{padding-left: 10px !important;} .pl15-mo{padding-left: 15px !important;} .pl20-mo{padding-left: 20px !important;} .pl25-mo{padding-left: 25px !important;} .pl30-mo{padding-left: 30px !important;} .pl35-mo{padding-left: 35px !important;} .pl40-mo{padding-left: 40px !important;} .pl45-mo{padding-left: 45px !important;} .pl50-mo{padding-left: 50px !important;} .pl55-mo{padding-left: 55px !important;} .pl60-mo{padding-left: 60px !important;} .pl65-mo{padding-left: 65px !important;} .pl70-mo{padding-left: 70px !important;} .pl75-mo{padding-left: 75px !important;} .pl80-mo{padding-left: 80px !important;} .pl85-mo{padding-left: 85px !important;} .pl90-mo{padding-left: 90px !important;} .pl95-mo{padding-left: 95px !important;} .pl100-mo{padding-left: 100px !important;} .pr0-mo{padding-right: 0px !important;} .pr5-mo{padding-right: 5px !important;} .pr10-mo{padding-right: 10px !important;} .pr15-mo{padding-right: 15px !important;} .pr20-mo{padding-right: 20px !important;} .pr25-mo{padding-right: 25px !important;} .pr30-mo{padding-right: 30px !important;} .pr35-mo{padding-right: 35px !important;} .pr40-mo{padding-right: 40px !important;} .pr45-mo{padding-right: 45px !important;} .pr50-mo{padding-right: 50px !important;} .pr55-mo{padding-right: 55px !important;} .pr60-mo{padding-right: 60px !important;} .pr65-mo{padding-right: 65px !important;} .pr70-mo{padding-right: 70px !important;} .pr75-mo{padding-right: 75px !important;} .pr80-mo{padding-right: 80px !important;} .pr85-mo{padding-right: 85px !important;} .pr90-mo{padding-right: 90px !important;} .pr95-mo{padding-right: 95px !important;} .pr100-mo{padding-right: 100px !important;}

.w100p-mo{width: 100% !important;}
}

.w0p{width: 0% !important;}
.w5p{width: 5% !important;}
.w10p{width: 10% !important;}
.w15p{width: 15% !important;}
.w20p{width: 20% !important;}
.w25p{width: 25% !important;}
.w30p{width: 30% !important;}
.w35p{width: 35% !important;}
.w40p{width: 40% !important;}
.w45p{width: 45% !important;}
.w50p{width: 50% !important;}
.w55p{width: 55% !important;}
.w60p{width: 60% !important;}
.w65p{width: 65% !important;}
.w70p{width: 70% !important;}
.w75p{width: 75% !important;}
.w80p{width: 80% !important;}
.w85p{width: 85% !important;}
.w90p{width: 90% !important;}
.w95p{width: 95% !important;}
.w100p{width: 100% !important;}

@media screen and (max-width: 840px){
    .w0p_mo{width: 0% !important;}
    .w5p_mo{width: 5% !important;}
    .w10p_mo{width: 10% !important;}
    .w15p_mo{width: 15% !important;}
    .w20p_mo{width: 20% !important;}
    .w25p_mo{width: 25% !important;}
    .w30p_mo{width: 30% !important;}
    .w35p_mo{width: 35% !important;}
    .w40p_mo{width: 40% !important;}
    .w45p_mo{width: 45% !important;}
    .w50p_mo{width: 50% !important;}
    .w55p_mo{width: 55% !important;}
    .w60p_mo{width: 60% !important;}
    .w65p_mo{width: 65% !important;}
    .w70p_mo{width: 70% !important;}
    .w75p_mo{width: 75% !important;}
    .w80p_mo{width: 80% !important;}
    .w85p_mo{width: 85% !important;}
    .w90p_mo{width: 90% !important;}
    .w95p_mo{width: 95% !important;}
    .w100p_mo{width: 100% !important;}
    .maw-none-mo{ max-width:none !important;}
}

.hide-m{}
.view-m{display: none !important;}
@media screen and (max-width: 840px){
    .hide-m{display: none !important;}
    .hide-mo{display: none !important;}
    .view-m{display: block !important;}
}


.bdt0{border-top: 0 !important;}
.bdb0{border-bottom: 0 !important;}
.bdl0{border-left: 0 !important;}
.bdr0{border-right: 0 !important;}
.bdt1{border-top-width: 1px !important;}
.bdb1{border-bottom-width: 1px !important;}
.bdl1{border-left-width: 1px !important;}
.bdr1{border-right-width: 1px !important;}
.bd-gray{border: 1px solid #ddd;}
.bd-black{border-color: #222;}
.bdrs5{border-radius: 5px !important;}
.bdrs10{border-radius: 10px !important;}

.ta-l{ text-align: left !important; }
.ta-c{ text-align: center !important; }
.ta-r{ text-align: right !important; }


@media screen and (max-width: 1280px){
.ta-l-pc{ text-align: left !important; }
.ta-c-pc{ text-align: center !important; }
.ta-r-pc{ text-align: right !important; }
}

@media screen and (max-width: 840px){
.ta-l-mo{ text-align: left !important; }
.ta-c-mo{ text-align: center !important; }
.ta-r-mo{ text-align: right !important; }
}

.d-ib{display: inline-block;}
.d-flex{ display: flex !important; }
.d-iflex{ display: inline-flex !important; }
.jc-fs{ justify-content: flex-start !important; }
.jc-fe{ justify-content: flex-end !important; }
.jc-c{justify-content: center;}
.jc-sb{justify-content: space-between;}
.ai-c{align-items: center;}
.ai-fe{align-items: flex-end;}
.ai-fe{align-items: flex-end; }
.flw-w{ flex-wrap:wrap; }
.fd-rr{ flex-direction: row-reverse; }
.fd-col{ flex-direction:column; }

@media screen and (max-width: 1280px){
  .d-b-pc{display: block  !important; }
}


@media screen and (max-width: 840px){
    .d-b-mo{ display: block  !important; }
    .d-ib-mo{display: inline-block  !important;}
    .d-flex-mo{ display: flex  !important; }
    .jc-sf-mo{ justify-content: flex-start !important; }
    .jc-c-mo{justify-content: center  !important;}
    .jc-sb-mo{justify-content: space-between  !important;}
    .ai-c-mo{align-items: center  !important;}
    .ai-fs-mo{align-items: flex-start  !important;}
    .ai-fe-mo{align-items: flex-end  !important;}
    .fd-c-mo{ flex-direction:column !important;  }
    .fd-rr-mo{ flex-direction: row-reverse !important; }
    .flw-w-mo{ flex-wrap:wrap !important; }

}

.pos-r{ position: relative; }

.ico_{ display: inline-block; background-image: url(../images/common/ico_common.png); background-repeat: no-repeat; text-align: left; text-indent: -9999px; }

.ico_.hart2{
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.807 7.863a5.777 5.777 0 0 0-8.172 0L16 9.497l-1.635-1.634a5.779 5.779 0 1 0-8.173 8.172l1.634 1.634 7.466 7.467a1 1 0 0 0 1.415 0s0 0 0 0l7.466-7.467h0l1.634-1.634a5.777 5.777 0 0 0 0-8.172z' stroke='%23f87b0d' stroke-width='1.6' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    width: 32px; height: 32px;
}

.ico_.ch_down{
    background-position: 0 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    width: 24px; height: 24px;
}

.ico_.youtube{background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.95 25.17'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236b6b6b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M36,7.89A7.89,7.89,0,0,0,28.06,0H7.89A7.89,7.89,0,0,0,0,7.89v9.39a7.89,7.89,0,0,0,7.89,7.89H28.06A7.89,7.89,0,0,0,36,17.28Zm-11.86,5.4-9,4.47c-.35.19-1.56-.06-1.56-.47V8.11c0-.41,1.22-.67,1.57-.47l8.66,4.72C24.07,12.56,24.46,13.09,24.09,13.29Z'/%3E%3C/svg%3E");width: 14px;height: 11px;}
.ico_.youtube_type2{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 183.96 128.77'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D .cls-2 %7B fill: %23ed2224; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='m180.11,20.11c-2.12-7.91-8.35-14.15-16.26-16.26C149.5,0,91.98,0,91.98,0c0,0-57.53,0-71.87,3.85C12.19,5.96,5.96,12.19,3.84,20.11,0,34.45,0,64.39,0,64.39c0,0,0,29.93,3.84,44.28,2.12,7.92,8.35,14.15,16.27,16.26,14.35,3.84,71.87,3.84,71.87,3.84,0,0,57.52,0,71.87-3.84,7.91-2.12,14.15-8.35,16.26-16.26,3.84-14.35,3.84-44.28,3.84-44.28,0,0,0-29.93-3.84-44.28'/%3E%3Cpolygon class='cls-1' points='73.58 91.98 121.38 64.39 73.58 36.79 73.58 91.98'/%3E%3C/svg%3E");
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 69.5%;
    display: block;
    }

.ico_.linkedin{background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.89 33.54'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236b6b6b;%7D%3C/style%3E%3C/defs%3E%3Cg id='LinkedIn'%3E%3Crect class='cls-1' x='0.93' y='10.75' width='7.19' height='22.78'/%3E%3Cpath class='cls-1' d='M27.77,10.54c-4.12,0-6.7,2.23-7.18,3.79V10.75H12.51c.1,1.9,0,22.79,0,22.79h8.08V21.21a5.36,5.36,0,0,1,.17-1.86,4.13,4.13,0,0,1,3.9-2.8c2.8,0,4.08,2.11,4.08,5.2V33.54h8.15V20.87C36.89,13.81,32.88,10.54,27.77,10.54Z'/%3E%3Cpath class='cls-1' d='M4.39,0C1.74,0,0,1.71,0,4A4,4,0,0,0,4.29,7.9h0C7,7.9,8.73,6.16,8.73,4A4,4,0,0,0,4.39,0Z'/%3E%3C/g%3E%3C/svg%3E");width: 12px;height: 11px;}
.ico_.facebook{background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.95 35.38'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236b6b6b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17.71,19.9l1-6.4H12.55V9.34c0-1.75.86-3.46,3.61-3.46H19V.43A34.18,34.18,0,0,0,14,0C8.93,0,5.62,3.07,5.62,8.62V13.5H0v6.4H5.62V35.38h6.93V19.9Z'/%3E%3C/svg%3E");width: 7px;height: 15px;}
.ico_.insta{background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.38 35.38'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%236b6b6b;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M27.06,6.32a2.08,2.08,0,1,0,2.07,2.07A2.08,2.08,0,0,0,27.06,6.32Z'/%3E%3Cpath class='cls-1' d='M17.84,9a8.71,8.71,0,1,0,8.71,8.71A8.73,8.73,0,0,0,17.84,9Zm0,14.29a5.58,5.58,0,1,1,5.58-5.58A5.59,5.59,0,0,1,17.84,23.27Z'/%3E%3Cpath class='cls-1' d='M24.75,35.38H10.63A10.64,10.64,0,0,1,0,24.75V10.63A10.64,10.64,0,0,1,10.63,0H24.75A10.64,10.64,0,0,1,35.38,10.63V24.75A10.64,10.64,0,0,1,24.75,35.38ZM10.63,3.33a7.3,7.3,0,0,0-7.3,7.3V24.75a7.3,7.3,0,0,0,7.3,7.3H24.75a7.3,7.3,0,0,0,7.3-7.3V10.63a7.3,7.3,0,0,0-7.3-7.3Z'/%3E%3C/svg%3E");width: 14px;height: 14px;}
.ico_.arrdown{ background-position: -14px -110px; width: 18px; height: 19px; }
@media (hover: hover) {
    a:hover .ico_.arrdown{ background-position: -14px -140px; }
}

@media screen and (max-width: 840px){
  .ico_.youtube{width: 4vw;height: 3vw; }
  .ico_.linkedin{width: 3.2vw;height: 3.2vw;}
  .ico_.facebook{width: 2.3vw;height: 4.2vw;}
  .ico_.insta{width: 4vw;height: 4vw;}
}


.box-gray{ border: 1px solid #e8edf6; padding: 25px; }
.box-gray.bdrs1{ border-radius: 10px; }
.box-gray.pa2{ padding: 40px 20px; }
.box-gray.pa3{ padding: 40px 40px; }
.box-gray.pv2{ padding: 60px 40px; }
.box-gray2{background-color: #f4f4f4;padding: 40px;color: #666;}
.box-gray.bc2{background-color: #f8fafb; border-color: #f0f0f0;}
.mih430{min-height: 430px;}
@media screen and (max-width: 840px){
  .box-gray{ padding: 4vw; }
  .box-gray.pa2{ padding: 4vw 3vw; }
  .box-gray.pa3{padding: 4vw 4vw;}
  .box-gray.pv2{ padding: 5vw 5vw; }
  .box-gray2{ padding: 4vw;}
  .mih430{min-height: 430px;}
}

[class*="line_top"]{border-color: #ddd; border-style: solid; border-width: 1px 0 0;}
.line_top_pop{ padding-top: 50px; margin-top: 20px;}

.pos-r{ position: relative; }

.fw-b{font-weight: bold;}

.btn_txtline1{display: flex;line-height: 1.3;color: #222;align-items: flex-start;}
.btn_txtline1 .t{margin-top: 2px;border-bottom: 1px solid #222;}
.btn_txtline1 i{margin-right: 10px;}
@media screen and (max-width: 840px){
  .btn_txtline1 {font-size: 3.4vw;}
  .btn_txtline1 .t{margin-top: 0.6vw;}
  .btn_txtline1 i{margin-right: 2vw;}
}

.color-orange{color: #ff6600 !important;}
.color-purple{color: #9352e3 !important;}
.color-red{color: #ff3232 !important;}
.color-point{ color: #00b8ff !important; }
.color-point2{ color: #296ae1 !important; }
.color-point3{ color: #26abff !important; }
.color-blue{ color: #0082cf !important; }
.color-blue-dark{ color: #05507d !important; }
.color-blue-dark2{ color: #005793 !important; }
.color-blue2{ color: #5294ff !important; }
.color-black{ color: #222 !important; }
.color-black2{ color: #333 !important; }
.color-green{ color: #50ad25 !important; }
.color-green-dark{ color: #718e83 !important; }
.color-green-dark2{ color: #134d34 !important; }
.color-yellow{ color: #f39800 !important; }

.p_dot1{ display: flex; }
.p_dot1 > .dot{ min-width: 15px; max-width:15px; }
.p_dot1_dep2{margin-left: 15px;}
.p_dot1.sz_l > .dot{ min-width: 35px; max-width:35px; }

.p_dot2{ display: flex; }
.p_dot2 > .dot{ min-width: 25px; max-width:25px; }
.p_dot2_dep2{margin-left: 23px;}

.ico_circle{ margin-top: 2px; width: 18px; height: 18px; border-radius: 18px; display: inline-flex; align-items: center; justify-content: center; }

@media screen and (max-width: 840px){
  .p_dot1 > .dot{ min-width: 4vw; max-width:4vw; }
  .p_dot1.sz_l > .dot{ min-width: 8vw; max-width:8vw; }
  .p_dot1.sz_l > .dot img{ width:70%; }

  .p_dot2 > .dot{ min-width: 6vw; max-width:6vw; }
  .p_dot2_dep2{margin-left: 6vw;}
}

.group_txt1 p{ margin-top: 10px;  }
.group_txt1 p:first-child{margin-top: 0;}


.p_summary1{font-size: 14px; color: #666666;}
@media screen and (max-width: 840px){
  .p_summary1{font-size: 2.7vw;}
}
.ovh{overflow: hidden;}



button{margin:0;padding:0;border:0;background:none;appearance:none;moz-appearance:none}
label{cursor: pointer; line-height: 1;}


@media (min-width:769px) {
    .custom-scrollbars * {
        -ms-overflow-style: -ms-autohiding-scrollbar;
        scrollbar-width: thin;
        scrollbar-color: #999 #eee
    }
    ::-webkit-scrollbar,
    .custom-scrollbars ::-webkit-scrollbar {
        height: .8rem;
        width: .4rem;

    }
    ::-webkit-scrollbar-track,
    .custom-scrollbars ::-webkit-scrollbar-track {
        background: #eee
    }
    ::-webkit-scrollbar-thumb,
    .custom-scrollbars ::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: .9rem;
        cursor: pointer !important;
    }
}


.pr-top-margin{margin-top: 100px; margin-bottom: 130px;}

.pr-mt-xxl{margin-top: 160px !important;}
.pr-pt-xxl{padding-top: 160px !important;}
.pr-mb-xxl{margin-bottom: 160px !important;}
.pr-pb-xxl{padding-bottom: 160px !important;}

.pr-mt-xl{margin-top: 120px !important;}
.pr-pt-xl{padding-top: 120px !important;}
.pr-mb-xl{margin-bottom: 120px !important;}
.pr-pb-xl{padding-bottom: 120px !important;}

.pr-mt-l{margin-top: 80px !important;}
.pr-pt-l{padding-top: 80px !important;}
.pr-mb-l{margin-bottom: 80px !important;}
.pr-pb-l{padding-bottom: 80px !important;}

.pr-mt-n{margin-top: 60px !important;}
.pr-pt-n{padding-top: 60px !important;}
.pr-mb-n{margin-bottom: 60px !important;}
.pr-pb-n{padding-bottom: 60px !important;}

.pr-mt-s{margin-top: 40px !important;}
.pr-pt-s{padding-top: 40px !important;}
.pr-mb-s{margin-bottom: 40px !important;}
.pr-pb-s{padding-bottom: 40px !important;}

.pr-mt-sn{margin-top: 30px !important;}
.pr-pt-sn{padding-top: 30px !important;}
.pr-mb-sn{margin-bottom: 30px !important;}
.pr-pb-sn{padding-bottom: 30px !important;}


.pr-mt-ss{margin-top: 20px !important;}
.pr-pt-ss{padding-top: 20px !important;}
.pr-mb-ss{margin-bottom: 20px !important;}
.pr-pb-ss{padding-bottom: 20px !important;}

.pr-mt-sss{margin-top: 10px !important;}
.pr-pt-sss{padding-top: 10px !important;}
.pr-mb-sss{margin-bottom: 10px !important;}
.pr-pb-sss{padding-bottom: 10px !important;}


@media screen and (max-width: 1280px){

    .pr-top-margin{margin-top: 70px; margin-bottom: 100px;}

    .pr-mt-xxl{margin-top: 100px !important;}
    .pr-pt-xxl{padding-top: 100px !important;}
    .pr-mb-xxl{margin-bottom: 100px !important;}
    .pr-pb-xxl{padding-bottom: 100px !important;}

    .pr-mt-xl{margin-top: 80px !important;}
    .pr-pt-xl{padding-top: 80px !important;}
    .pr-mb-xl{margin-bottom: 80px !important;}
    .pr-pb-xl{padding-bottom: 80px !important;}

    .pr-mt-l{margin-top: 60px !important;}
    .pr-pt-l{padding-top: 60px !important;}
    .pr-mb-l{margin-bottom: 60px !important;}
    .pr-pb-l{padding-bottom: 60px !important;}

    .pr-mt-n{margin-top: 40px !important;}
    .pr-pt-n{padding-top: 40px !important;}
    .pr-mb-n{margin-bottom: 40px !important;}
    .pr-pb-n{padding-bottom: 40px !important;}

    .pr-mt-s{margin-top: 30px !important;}
    .pr-pt-s{padding-top: 30px !important;}
    .pr-mb-s{margin-bottom: 30px !important;}
    .pr-pb-s{padding-bottom: 30px !important;}

    .pr-mt-sn{margin-top: 20px !important;}
    .pr-pt-sn{padding-top: 20px !important;}
    .pr-mb-sn{margin-bottom: 20px !important;}
    .pr-pb-sn{padding-bottom: 20px !important;}

    .pr-mt-ss{margin-top: 15px !important;}
    .pr-pt-ss{padding-top: 15px !important;}
    .pr-mb-ss{margin-bottom: 15px !important;}
    .pr-pb-ss{padding-bottom: 15px !important;}

}

@media screen and (max-width: 840px){
    .pr-top-margin{margin-top: 10vw;margin-bottom: 12vw;}

    .pr-mt-xxl{margin-top: 15vw !important;}
    .pr-pt-xxl{padding-top: 15vw !important;}
    .pr-mb-xxl{margin-bottom: 15vw !important;}
    .pr-pb-xxl{padding-bottom: 15vw !important;}

    .pr-mt-xl{margin-top: 12vw !important;}
    .pr-pt-xl{padding-top: 12vw !important;}
    .pr-mb-xl{margin-bottom: 12vw !important;}
    .pr-pb-xl{padding-bottom: 12vw !important;}

    .pr-mt-l{margin-top: 9vw !important;}
    .pr-pt-l{padding-top: 9vw !important;}
    .pr-mb-l{margin-bottom: 9vw !important;}
    .pr-pb-l{padding-bottom: 9vw !important;}

    .pr-mt-n{margin-top: 8vw !important;}
    .pr-pt-n{padding-top: 8vw !important;}
    .pr-mb-n{margin-bottom: 8vw !important;}
    .pr-pb-n{padding-bottom: 8vw !important;}


    .pr-mt-s{margin-top: 7vw !important;}
    .pr-pt-s{padding-top: 7vw !important;}
    .pr-mb-s{margin-bottom: 7vw !important;}
    .pr-pb-s{padding-bottom: 7vw !important;}

    .pr-mt-sn{margin-top: 4vw !important;}
    .pr-pt-sn{padding-top: 4vw !important;}
    .pr-mb-sn{margin-bottom: 4vw !important;}
    .pr-pb-sn{padding-bottom: 4vw !important;}

    .pr-mt-ss{margin-top: 3vw !important;}
    .pr-pt-ss{padding-top: 3vw !important;}
    .pr-mb-ss{margin-bottom: 3vw !important;}
    .pr-pb-ss{padding-bottom: 3vw !important;}

    .pr-mt-xxxl-mo{margin-top: 18vw !important;}
    .pr-pt-xxxl-mo{padding-top: 18vw !important;}
    .pr-mb-xxxl-mo{margin-bottom: 18vw !important;}
    .pr-pb-xxxl-mo{padding-bottom: 18vw !important;}

    .pr-mt-xxl-mo{margin-top: 15vw !important;}
    .pr-pt-xxl-mo{padding-top: 15vw !important;}
    .pr-mb-xxl-mo{margin-bottom: 15vw !important;}
    .pr-pb-xxl-mo{padding-bottom: 15vw !important;}

    .pr-mt-xl-mo{margin-top: 12vw !important;}
    .pr-pt-xl-mo{padding-top: 12vw !important;}
    .pr-mb-xl-mo{margin-bottom: 12vw !important;}
    .pr-pb-xl-mo{padding-bottom: 12vw !important;}

    .pr-mt-l-mo{margin-top: 7vw !important;}
    .pr-pt-l-mo{padding-top: 7vw !important;}
    .pr-mb-l-mo{margin-bottom: 7vw !important;}
    .pr-pb-l-mo{padding-bottom: 7vw !important;}

    .pr-mt-n-mo{margin-top: 7vw !important;}
    .pr-pt-n-mo{padding-top: 6vw !important;}
    .pr-mb-n-mo{margin-bottom: 6vw !important;}
    .pr-pb-n-mo{padding-bottom: 6vw !important;}


    .pr-mt-s-mo{margin-top: 5vw !important;}
    .pr-pt-s-mo{padding-top: 5vw !important;}
    .pr-mb-s-mo{margin-bottom: 5vw !important;}
    .pr-pb-s-mo{padding-bottom: 5vw !important;}

    .pr-mt-sn-mo{margin-top: 4vw !important;}
    .pr-pt-sn-mo{padding-top: 4vw !important;}
    .pr-mb-sn-mo{margin-bottom: 4vw !important;}
    .pr-pb-sn-mo{padding-bottom: 4vw !important;}

    .pr-mt-ss-mo{margin-top: 3vw !important;}
    .pr-pt-ss-mo{padding-top: 3vw !important;}
    .pr-mb-ss-mo{margin-bottom: 3vw !important;}
    .pr-pb-ss-mo{padding-bottom: 3vw !important;}


}


/* table */
.table_inner table .bg_blue{background-color: #f0f8fc;}
.table_inner table tbody.number td{ text-align: right;  }
.table_inner table { border-top: 2px solid #333; width: 100%; }
.table_inner table th { border: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 28px 20px; color: #222; font-weight: 700; background: #f5f5f5; vertical-align: middle; text-align: center; line-height: 22px; }
.table_inner table tbody th { background: none; }
.table_inner table tbody th.bg { background: rgba(0, 88, 145, 0.08); }
.table_inner table tbody th.left { text-align: left; width:100%; }
.table_inner table td { border: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 27px 15px; vertical-align: middle; text-align: center; line-height: 24px; }
.table_inner table td .stroke { display: inline-block; line-height: 43px; border: 1px solid #005c9c; color: #005c9c; font-weight: 700; padding: 0 30px; float: right; }
.table_inner table td.bg { background: rgba(0, 88, 145, 0.08); }
.table_inner table td.title { text-align: left; font-weight: 700; color: #333; }
.table_inner table td.left { text-align: left; padding: 20px 30px; }

.table_inner table th.boR, .table_inner table td.boR { border-right: 1px solid #e5e5e5; }
.table_inner table td.bdright { border-right: 1px solid #e5e5e5; }
.table_inner table tfoot td { background: rgba(0, 88, 145, 0.08); }
.table_inner table caption { font-size: 0; height: 0; line-height: 0; width: 0; overflow: hidden; }

.table_inner.type2 thead th{ border-bottom-color: #222; padding-top: 22px; padding-bottom: 22px; background-color: #fafafa; }
.table_inner.type2 tbody th,
.table_inner.type2 tbody td{ padding: 21px 15px; }
.table_inner.type2.figure tbody td{text-align: right;}

@media screen and (max-width: 960px) {
    .table_inner.scroll { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .table_inner.scroll table { width: 800px; }
    .msg_touch_help { display: none !important; position: absolute; top: 50%; left: 50%; display: block; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
    .msg_touch_help img { width: 80px; height: 80px; }
}



.line-side-none table th,
.line-side-none table td{ border-width: 0 0 1px; }
.line-side-none table th:last-child, .line-side-none table td:last-child { border-right: none; }

table.investor td { text-align: right; padding: 20px 20px; }
table.investor-meet {border : 1px solid #666666;}
table.investor-meet td {text-align: center; border : 1px solid #666666;}
table.investor-meet th {font-weight: 400; border : 1px solid #666666;}

table.row th { background: #f5f5f5; }
table.row td { text-align: left; padding: 20px 30px; }

/* 배당내역 텍스트 */
.table_inner_text { padding:5px; }
.table_inner_text span {display:block; padding:1px;}
.table_inner_text span:nth-child(1) {font-size:15px;}

@media screen and (max-width: 960px) {
 .table_inner table {margin-top: 0;}
 .table_inner table th { padding: 14px 20px; /*font-size: 12px;*/ }
 .table_inner table th.left { padding: 10px; }
 .table_inner table td { padding: 14px 20px; /*font-size: 12px;*/ line-height: 17px; }
 .table_inner table td strong { /*font-size: 12px;*/ }
 .table_inner table td .stroke { /*font-size: 12px;*/ line-height: 35px; }
 .table_inner table td.left { padding: 10px; }
 .table_inner table.row td { padding: 14px 20px; }
.table_inner_text span:nth-child(1) {font-size:12px; }

}
/******************************     TABLE SCROLL     ******************************/
@media screen and (max-width: 960px) {
  .table_inner.scroll { position: relative; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.table_inner.scroll table {width: 150vw;overflow: hidden;overflow-x: scroll; }
.table_inner.scroll:before{margin-bottom:2vw;content:"* 좌우로 터치로 이동이 가능합니다.";font-size: 15px;color:#949494;display:block;}
.msg_touch_help { position: absolute; top: 50%; left: 50%; display: block; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.msg_touch_help img { width: 80px; height: 80px; } }



.ico_{ display: inline-block; background-image: url(../images/common/ico_common.png); background-repeat: no-repeat; }
.ico_.arr1{background-position: -68px -76px;width: 25px;height: 5px;}





.bg-cover{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}
.bg-pos{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat;  z-index: 0;}

.thumb{ position: relative; }
.thumb.bdrs_1{border-radius: 10px; overflow: hidden;}
.thumb.bdrs_2{border-radius: 15px; overflow: hidden;}
.thumb.bdrs_half{border-radius: 10px 10px 0 0; overflow: hidden;}
.thumb.n2_1{ display: block; padding-bottom: 50%; position: relative;  overflow: hidden;}
.thumb.n1_2{ display: block; padding-bottom: 200%; position: relative;  overflow: hidden;}
.thumb.n1_14{ display: block; padding-bottom: 140%; position: relative;  overflow: hidden;}
.thumb.n1_1{ display: block; padding-bottom: 100%; position: relative;  overflow: hidden;}
.thumb.n4_3{ display: block; padding-bottom: 75%; position: relative;  overflow: hidden;}
.thumb.n16_9{ display: block; padding-bottom: 56.25%; position: relative; overflow: hidden; }
.thumb.n16_9.cust1{ padding-bottom: 67.25%;}
.wrap_video{ position: relative; background-color: #ddd; }
.thumb iframe,
.thumb video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.thumb.bdt_c1{border-top: 1px solid #f1f1f1;}


.thumb.hv_type1 .bg-pos:after,
.thumb.hv_type1 .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1) rotate(0.001deg);
    -webkit-transform: scale(1) rotate(0.001deg);
    -o-transform: scale(1) rotate(0.001deg);
    -ms-transform: scale(1) rotate(0.001deg);
    transform: scale(1) rotate(0.001deg);
}
.thumb.hv_type1 .bg-pos:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1.0); content: ""; opacity: 0;
}
.item.hv_type:hover .thumb.hv_type1 .bg-pos,
.thumb.hv_type1:hover .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.item.hv_type:hover .bg-pos:after,
.thumb.hv_type1:hover .bg-pos:after{opacity: 0.3;}

.thumb.hv_type2 .summary{position: absolute;left: 0;bottom: 13px;z-index: 2;color: #fff;font-size: 15px;width: 100%;text-align: center;padding: 0 20px;box-sizing: border-box; opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.thumb.hv_type2 .bg-pos:after,
.thumb.hv_type2 .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1) rotate(0.001deg);
    -webkit-transform: scale(1) rotate(0.001deg);
    -o-transform: scale(1) rotate(0.001deg);
    -ms-transform: scale(1) rotate(0.001deg);
    transform: scale(1) rotate(0.001deg);
}
.thumb.hv_type2 .bg-pos:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.6) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.6) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); content: ""; opacity: 0;
}
.thumb.hv_type2:hover .bg-pos{
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.thumb.hv_type2:hover .bg-pos:after{opacity: 1;}
.thumb.hv_type2:hover .summary{opacity: 1;}

.wrap_card_type1{ background-color: #fff; overflow: hidden; cursor:pointer; border: 1px solid #eff0f1; }

.wrap_card_type1 > .thumb{margin: 0 30px 38px; border: 1px solid #f1f1f1; }
.wrap_card_type1 > .cont{ padding: 30px 38px;  box-sizing: border-box; }
.wrap_card_type1 .cate{ font-size: 16px; color: #296ae1; font-weight: 600; }
.wrap_card_type1 .h_1{ font-size: 22px; color: #222; font-weight: 700; line-height: 1.3; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; min-height: 84px; }
.wrap_card_type1 .date{ font-size: 16px; margin-top: 40px; }
@media screen and (max-width: 840px){
  .wrap_card_type1{ border-radius: 5vw;}
  .wrap_card_type1 > .cont{ min-height: 55vw; padding: 8vw 7vw;}
  .wrap_card_type1 .cate{ font-size: 3.6vw;}
  .wrap_card_type1 .h_1{ font-size: 4.6vw; margin-top: 4vw; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient:vertical; height: 12vw; }
  .wrap_card_type1 .date{ font-size: 3.6vw; margin-top: 12vw; }
}


.swiper-controls-type1{ display:flex;justify-content: center;align-items: center;margin-top: 65px;}
.swiper-pagination.type1{position: relative;margin: 0 30px;display: flex;align-items: center;justify-content: center;}
.swiper-pagination.type1 .swiper-pagination-bullet{ width:10px; height:10px; background:transparent; border:2px #9f9f9f solid; opacity:1;margin: 0 7px;}
.swiper-pagination.type1 .swiper-pagination-bullet-active{ background:#2336c0; border-color:#2336c0;}
.swiper-button-next.type1, .swiper-button-prev.type1{position: relative;left: auto;top: auto;width: auto;height: auto;color: #2336c0;bottom: auto;right: auto;margin-top: 0;}
.swiper-button-next.type1:after, .swiper-button-prev.type1:after{font-size: 16px;font-weight: bold;}

.swiper-controls-type2{position: relative;text-align:center;font-family: 'Shrikhand', cursive;display: flex;align-items: center;justify-content: center;}
.swiper-button-next.type2, .swiper-button-prev.type2{position: relative;width: auto;height: auto;color: #000;bottom: auto;right: auto;margin-top: 0;background: transparent;margin: 0 20px;line-height: 1;}
.swiper-button-prev.type2{left: auto;display:inline-flex;opacity:1;align-items:center;flex-direction: row-reverse;}
.swiper-button-next.type2{right: auto; display:inline-flex; opacity:1; align-items:center;}
.swiper-button-prev.type2:before{ content:"prev"; font-size:22px; margin-left:17px; }
.swiper-button-next.type2:before{ content:"next"; font-size:22px; margin-right:17px;  }
.swiper-button-next.type2:after, .swiper-button-prev.type2:after{font-size: 10px;font-weight: bold;}
.swiper-button-next.type2.swiper-button-disabled, .swiper-button-prev.type2.swiper-button-disabled{ opacity:0.1; pointer-events:auto;}
@media screen and (max-width: 840px){
    .swiper-controls-type2{ }
    .swiper-button-next.type2, 
    .swiper-button-prev.type2{ margin: 0 3vw;}
    .swiper-button-prev.type2:before{ font-size:4vw; margin-left:4vw; }
    .swiper-button-next.type2:before{ font-size:4vw; margin-right:4vw;  }
    .swiper-button-next.type2:after, .swiper-button-prev.type2:after{font-size: 3vw;}
    .swiper-button-next.type2.swiper-button-disabled, .swiper-button-prev.type2.swiper-button-disabled{ opacity:0.1; pointer-events:auto;}
}



.swiper-button-next.type3, .swiper-button-prev.type3{
    position: relative;
    width: auto;
    height: auto;
    color: #000;
    margin-top: 0;
    background: transparent;
    margin: 0;
    line-height: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px #ddd solid;
    position:absolute;
    left: -60px;
    top: calc(50% - 40px);
    background-color: #fff;
}
.swiper-button-prev.type3{display:inline-flex;opacity:1;align-items:center;flex-direction: row-reverse;}
.swiper-button-prev.type3:after,.swiper-button-next.type3:after{display:none;}
.swiper-button-next.type3{left: auto;display:inline-flex;opacity:1;align-items:center;right: -57px;z-index: 5;}
.swiper-button-next.type3.swiper-button-disabled, .swiper-button-prev.type3.swiper-button-disabled{ opacity:0.5; pointer-events:auto;}
@media screen and (max-width: 840px){
  .swiper-button-next.type3, .swiper-button-prev.type3{
      width: 8vw;
      height: 8vw;
      left: -10vw;
      top: calc(50% - 8vw);
      background-color: #fff;
  }
  .swiper-button-next.type3{left: auto;display:inline-flex;opacity:1;align-items:center;right: -10vw; }
}


@media screen and (max-width: 840px){

  .swiper-controls-type1{ margin-top: 7vw;}
  .swiper-pagination.type1{margin: 0 5vw;}
  .swiper-pagination.type1 .swiper-pagination-bullet{ width:4vw; height:4vw; border:1px #9f9f9f solid; opacity:1;margin: 0 1.2vw;}
  .swiper-button-next.type1:after, .swiper-button-prev.type1:after{font-size: 4vw;}

  .swiper-button-next.type2{right: 5vw;  width: 9vw;height: 9vw; }
  .swiper-button-prev.type2{left: 5vw; width: 9vw;height: 9vw;}
  .swiper-button-next.type2:after, .swiper-button-prev.type2:after{font-size: 3vw;font-weight: bold;}
  .wrap_bbs_banner2 .swiper-button-prev.type2,
  .wrap_bbs_banner2 .swiper-button-next.type2{ margin-top:-14vw;}

}



.lst-col{display: flex;flex-wrap: wrap;/* justify-content: space-between; */}
.lst-col.num2 > .item{width: 47.5%;margin-left: 4.8%;margin-top: 7%;}
.lst-col.num2 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2 > .item:nth-child(-n+2){ margin-top:0;}
.lst-col.num2.w49 > .item{width: 49%;margin-left: 1%;margin-top: 3%;}
.lst-col.num2.w49 > .item:nth-child(2n+1){ margin-left:0;}
.lst-col.num2.w49 > .item:nth-child(-n+2){ margin-top:0;}

.lst-col.num3 > .item{width: 31.7242%;margin-left: 2.3637%;margin-top: 1.3637%;}
.lst-col.num3.mg0 > .item{width: calc(33.333% - 3px);margin-left: 3px;margin-top: 5%;}
.lst-col.num3.mg1 > .item{width: 31.429%;margin-left: 2.8565%;margin-top: 5%;}

body .lst-col.num3 > .item:nth-child(3n+1){ margin-left:0;}
body .lst-col.num3 > .item:nth-child(-n+3){ margin-top:0;}
body .lst-col.num3.mg0 > .item:nth-child(3n+1){ width: 33.333%;}


.lst-col.num4 > .item{width: 22.918%;margin-left: 2.770%;margin-top: 3.4%;}
.lst-col.num4.sz2 > .item{width: 23.748%; margin-left: 1.6%; margin-top: 5%;}
.lst-col.num4 > .item:nth-child(4n+1){ margin-left:0;}
.lst-col.num4 > .item:nth-child(-n+4){ margin-top:0;}

.lst-col.num5 > .item{width: 22.918%;margin-left: 2.770%;margin-top: 3.4%;}
.lst-col.num5 > .item:nth-child(5n+1){ margin-left:0;}
.lst-col.num5 > .item:nth-child(-n+5){ margin-top:0;}

/* 홍보영상 리스트 */
.lst-col.num5 > .item{width: 17.73%;margin-left: 2.770%;margin-top: 3.4%;}
body .lst-col.num3.pr1 > .item:nth-child(3n+1){ margin-left:0;}
body .lst-col.num3.pr1 > .item:nth-child(-n+3){ margin-top:0;}
.lst-col.num2 .item.thumb1{width: calc(97.23% - 500px);}
.lst-col.num2 .item.cont1{ width: 470px; }


@media screen and (max-width: 840px){
.lst-col.num2 .item.thumb1{width: 100%;}
  .lst-col{display: flex;flex-wrap: wrap;}
  .lst-col.num2.w49 > .item,
  .lst-col.num2 > .item{width: 100%;margin-left: 0%;}
  .lst-col.num2.w49 > .item:nth-child(1n+1),
  .lst-col.num2 > .item:nth-child(1n+1){ margin-left:0; margin-top: 10vw;}
  .lst-col.num2.w49 > .item:first-child,
  .lst-col.num2 > .item:first-child{ margin-top:0;}

  .lst-col.num3 > .item{ width: auto;  margin-left: 0%; margin-top: 1.3637%; }
  .lst-col.num3.mg0 > .item{width: auto;margin-left: 0;margin-top: 0;}

  body .lst-col.num3 > .item:nth-child(1n+1){margin-top: 8vw; margin-left:0;}
  body .lst-col.num3 > .item:nth-child(1){margin-top: 0;}
  body .lst-col.num3.mg0 > .item{margin-top: 0;}
  body .lst-col.num3.mg0 > .item:nth-child(1n+1){ width: auto;}

  .lst-col.num4 > .item:nth-child(1n+1){width: 100%;margin-left: 0;margin-top: 5vw;}
  .lst-col.num4 > .item:first-child{ margin-top:0; }

  .lst-col.num4 > .item{width: 100%;margin-left: 0;margin-top: 5vw;}
  .lst-col.num4 > .item:first-child{ margin-top:0; }

  /* 홍보영상 리스트 */
    .lst-col.num3.pr1 > .item{ width: 100%;  margin-left: 0%; margin-top: 8vw; }
  body .lst-col.num3.pr1 > .item:nth-child(1n+1){ margin-left:0;   margin-left: 0%; margin-top: 8vw; }

  .lst-col.num3 > .item{width: 100%;margin-left: 1.3637%;margin-top: 1.3637%;}
  .lst-col.num3.mg0 > .item{width: calc(33.333% - 3px);margin-left: 3px;margin-top: 7%;}
  .lst-col.num3.mg1 > .item{width: 100%;margin-left: 0%;margin-top: 7%;}

  body .lst-col.num2-mo > .item:nth-child(1n+1){width: 47%;margin-left: 3%;margin-top: 11vw;}
  body .lst-col.num2-mo > .item:nth-child(2n+1){ margin-left:0;}
  body .lst-col.num2-mo > .item:nth-child(-n+2){ margin-top:0;}

}


.card-type1{ border: 1px solid #ddd; box-sizing: border-box; width: 100%;  }
.card-type1 .card-container{padding: 25px 30px 40px;}
.card-type1 .category{
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    align-items: center;
}
.card-type1 .category .txt{
    font-weight: 600;
}
.card-type1 .category .time{font-size: 0.8em;color: #8a8a8a;}
.card-type1 .h_1{
    font-size: 20px;
    margin-top: 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height: 59px;
}

.card-type1 .bg-pos{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transform: scale(1) rotate(0.001deg);
    -webkit-transform: scale(1) rotate(0.001deg);
    -o-transform: scale(1) rotate(0.001deg);
    -ms-transform: scale(1) rotate(0.001deg);
    transform: scale(1) rotate(0.001deg);
 }

 .card-type1:hover .bg-pos{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
 }
 .card-type1 .bg-pos:after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1.0); content: ""; opacity: 0; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.card-type1:hover .bg-pos:after{opacity: 0.3;}

.wrap_search_group{display: flex; align-items: center; justify-content: space-between;}
.bd-srch{ position: relative; display: flex;  border-bottom: 1px solid #ddd;}
.bd-srch input{   }
.bd-srch button{   }

.wrap_search_group{display: flex; align-items: center; justify-content: space-between;}
.wrap_search_group .lft{display: flex; align-items: center;}

.bd-srch{position: relative;display: inline-flex;border-bottom: 1px solid #ddd;}
.bd-srch input[type="text"]{border:1px #fff solid; border-width:0 0 3px;  width: 100%;height: 55px;line-height: 1;margin-right: 10px;}
.bd-srch input[type="text"]:focus{ border-color:#222; outline:0;}
.bd-srch button{min-width: 50px;font-size: 30px;}




@media screen and (max-width: 1080px) {
  .wrap_search_group{display: flex;flex-direction: column;align-items: flex-start;}
  .wrap_search_group .lft{display: flex;align-items: flex-start;}
  .wrap_search_group .rgh{ margin-top:30px; margin-left:auto;}

}

@media screen and (max-width: 840px) {

  .wrap_search_group{display: flex;flex-direction: column;align-items: flex-start;}
  .wrap_search_group .lft{display: flex;align-items: flex-start;flex-direction: column;}
  .wrap_search_group .rgh{ margin-top:30px; margin-left:auto;}
  .wrap_search_group .area_select3{ width:100%;  }
  .wrap_search_group .area_select3 > select{width: 100%;box-sizing: border-box;}


  .area_select3 > select {
    height: 10vw;
    padding: 1vw 12vw 1vw 3vw;
    padding:6px 9px 6px 15px\9;
    font-size: 4vw;
    min-width: 0;
  }
  .area_select3:after{
    right: 2.5vw;
    margin-top: -1.6vw;
    font-size: 4vw;
  }
}

.area_select3.box > select{border-width: 1px;height: 48px;padding-left: 20px;min-width: 178px;}
.area_select3.box:after{
   right: 17px;
   top: 50%;
   margin-top: -8px;
   color:#000;
   content:"\e9bb";
   font-size: 16px;
}





.wrap_input1.input-group-picker {
    border: 1px #e8edf3 solid;
    border-radius: 5px;
    width: 100%;
    padding: 13px 20px;
    box-sizing: border-box;
    color: #333d4b;
    font-weight: 500;
    width: 340px;
    height: auto;
    background: #fcfcfc;
    font-size: 0;
    display: inline-flex;
}
.wrap_input1.input-group-picker i{ min-width:30px;  }
.wrap_input1.input-group-picker input[type="text"] {
    font-size: 16px;
    line-height: 1;
    background: none !important;
    text-align: right;
    color: #333d4b;
    width: 100%;
    text-align: left;
    border: 0;
    height: auto;
    margin-left: 5px;
    padding: 0 10px;
    cursor: pointer;
}

.wrap_search_group .btns{margin-left: 10px;}
.wrap_search_group .btns a{display:inline-flex;border: 1px #ddd solid;width: 90px;height:55px;border-radius: 6px;justify-content: center;align-items: center;line-height: 1;background: #fcfcfc;}
.wrap_search_group .btns a:hover{ border-color:#222; }

.wrap_bbs_banner{width: 100%; height: auto; overflow: hidden; position: relative;}
.wrap_bbs_banner > .bg-pos{ width: 64vw; }
.wrap_bbs_banner .content{min-width: 650px;margin-right: 190px;min-height: 580px;position: relative;z-index: 1;}
.wrap_bbs_banner .content .cont{display: none;}
.wrap_bbs_banner .content .cont .ff-tit{ overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.wrap_bbs_banner .content .cont.on{display: block;}
.wrap-news-top .item:first-child{}
.wrap_bbs_banner > .inr-c2{display: flex;align-items: center;}
.wrap_bbs_banner  .swiper-container,
.wrap_bbs_banner  .banner{width: 50vw; position: relative;}
.wrap-news-top .item{ margin-right: 0; width: 440px; height: 540px; border-radius: 0 50px 0 50px;  overflow: hidden;  box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); -webkit-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); -moz-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); }


.wrap_bbs_banner .content{ color:#fff; display: flex; align-items: center; }
.wrap_bbs_banner .content .h_1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.wrap_bbs_banner .content .t_1{
    opacity: 0.7;
     overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}
.wrap_bbs_banner .content .btns{ margin-top:30px;}
.wrap_bbs_banner .content .btns a{
  color:#fff;
  display:inline-flex;
  align-items: center;
}
.wrap_bbs_banner .content .btns a i{ margin-left:10px;}
.wrap_bbs_banner  .banner .controller{position: absolute;left: -86px;top: calc(50% - 100px);z-index: 2; color:#fff; font-size: 16px; text-align: center; }
.wrap_bbs_banner  .banner .controller .num{display: block; margin-top: 20px;}
.wrap_bbs_banner  .banner .controller .num span{margin: 0 0; display: inline-block; min-width: 10px;}
.wrap_bbs_banner  .banner .controller button{
    height: 64px;
    width: 64px;
    border: 0;
    -webkit-transition:background-color .3s;
    transition:background-color .3s;
    cursor:pointer;
    border-radius: 50%;
    border: 1px rgba(255,255,255,0.4) solid;
    display: flex;
    color:#fff;
    align-items: center;
    justify-content: center;
    font-family: 'icomoon';
    src:  url('icomoon/icomoon.eot?1ki0q8');
    src:  url('icomoon/icomoon.eot?1ki0q8#iefix') format('embedded-opentype'),
      url('icomoon/icomoon.ttf?1ki0q8') format('truetype'),
      url('icomoon/icomoon.woff?1ki0q8') format('woff'),
      url('icomoon/icomoon.svg?1ki0q8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-size:24px;
    }
.wrap_bbs_banner  .banner .controller button.prev{background: transparent;margin-bottom: 19px;}
.wrap_bbs_banner  .banner .controller button.prev:after{content: "\ea0a";}
.wrap_bbs_banner  .banner .controller button.next{background: transparent;}
.wrap_bbs_banner  .banner .controller button.next:after{content: "\ea0b";}
.wrap_bbs_banner  .banner .controller button:hover{background-color: rgba(255,255,255,0.2);}

@media screen and (max-width: 1480px){

  .wrap_bbs_banner > .bg-pos{ width: 64vw; }
  .wrap_bbs_banner .content{width: 500px;margin-right: 140px;min-height: 500px;position: relative;z-index: 1;min-width: auto;}
  .wrap_bbs_banner .content .cont{display: none;}
  .wrap_bbs_banner .content .cont.on{display: block;}
  .wrap-news-top .item:first-child{}
  .wrap_bbs_banner > .inr-c2{display: flex;align-items: center;}
  .wrap_bbs_banner  .swiper-container,
  .wrap_bbs_banner  .banner{width: calc( 100vw - 581px);position: relative;margin-left: 4vw;}
  .wrap-news-top .item{ margin-right: 0; width: 35vw; height: 400px; border-radius: 0 50px 0 50px;  overflow: hidden;  box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); -webkit-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); -moz-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); }

}

@media screen and (max-width: 1280px){
  .wrap_bbs_banner  .banner{width: calc( 100vw - 581px);position: relative;margin-left: 4vw;}
  .wrap_bbs_banner .content{min-width: 330px;margin-right: 100px;min-height: 480px;width: 380px;}
  .wrap_bbs_banner  .banner{position: relative;margin-left: 0vw;}

}

@media screen and (max-width: 1080px){
  .wrap_bbs_banner{ padding-bottom:70px; }
  .wrap_bbs_banner  .swiper-container,
  .wrap_bbs_banner  .banner{width: 100%; position: relative;margin-left:0vw;}
  .wrap_bbs_banner  .banner{padding-left:120px;}
  .wrap_bbs_banner  .banner .controller{left: 0;}
  .wrap_bbs_banner > .bg-pos{width: 100vw;height: 100%;}
  .wrap_bbs_banner > .inr-c2{display: flex;align-items: flex-start;flex-direction: column;}
  .wrap_bbs_banner .content{min-width: 70vw;margin-right: 0;min-height: 430px;width: 380px;}

}

@media screen and (max-width: 840px){

  .wrap_bbs_banner  .banner .controller{left: 4vw; top: calc(50% - 20vw); font-size: 4vw; text-align: center; }
  .wrap_bbs_banner .content .btns{ margin-top:6vw;}
  .wrap_bbs_banner{padding-bottom:12vw;padding-top: 5vw;}
  .wrap_bbs_banner  .swiper-container,
  .wrap_bbs_banner  .banner{width: 100%; position: relative;margin-left:0vw;}
  .wrap_bbs_banner  .banner{padding-left:13vw;}
  .wrap_bbs_banner  .banner .controller{left: -1vw;}
  .wrap_bbs_banner .content{min-width: 70vw;margin-right: 0;min-height: 100vw;width: 100%;}
  .wrap-news-top .item{ width: 35vw; height: 60vw; border-radius: 0 8vw 0 8vw;}
  .wrap_bbs_banner  .banner .controller button{ height: 10vw; width: 10vw; font-size:4vw; }
  .wrap_input1.input-group-picker {border-radius: 1vw;width: 100%;padding: 3vw 4vw;margin-left: 0 !important;margin-top: 4vw;}
  .wrap_search_group .btns{margin-left: 0;margin-top:2vw;width: 100%;}
  .wrap_search_group .btns a{display:flex;width: 100%;height: 12vw;border-radius: 2vw;box-sizing: border-box;font-size: 4vw;}
  .wrap_input1.input-group-picker input[type="text"] { font-size: 4vw; margin-left: 2vw; }
  .wrap_input1.input-group-picker i img{ width:6vw; }

  .card-type1{ border: 1px solid #ddd; box-sizing: border-box; width: 100%;  }
  .card-type1 .card-container{padding: 5vw 4vw 5vw;}
  .card-type1 .category{ font-size: 4vw;}
  .card-type1 .category .time{font-size: 3.6vw;}
  .card-type1 .h_1{ font-size: 4vw; margin-top: 10vw; height: auto; }
}


.btn-bot{ margin: 80px 0 120px; text-align: center; }
.btn_more{ min-width: 260px; display: inline-flex; padding: 20px; border: 1px solid #d9d9d9; align-items: center; justify-content: center; font-size: 16px; }
.btn_more:hover{ background-color: #fbfbfb; }

.btn_type1{ min-width: 170px; padding: 8px 12px; background-color: #0082cf; color: #fff; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;}
[class*="btn_type"].miw_s{ min-width: 100px; }
[class*="btn_type"].wa{ min-width: auto; }
[class*="btn_type"].bdrs_s{border-radius: 5px;}
[class*="btn_type"].blue{background-color: #005c9c;}
@media (hover: hover) {
    .btn_type1:hover{ opacity: 0.8; }
}



@media screen and (max-width: 840px){
  .btn-bot{ margin: 5vw 0 8vw; text-align: center; }
  .btn_more{min-width: 100%;padding: 4vw 4vw;font-size: 4vw;box-sizing: border-box;}
  .btn_more:hover{ background-color: #fbfbfb; }
  .btn_type1{ min-width: auto; padding: 1vw 2vw;}
}

.wrap-news-top2{ margin:0 60px;}
.wrap-news-top2 .item{margin-right: 0;width: 1120px;height: 0;border-radius: 30px;overflow: hidden;position: relative;border-radius: 30px;padding-bottom: 27%;min-height: 420px;box-sizing: border-box;}
.wrap-news-top2 .item .cont{position: absolute;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.7);width: 100%;color: #fff;}
.wrap-news-top2 .item .cont > .inner{padding: 20px 40px;}
.wrap-news-top2 .item .cont .h_1{font-size: 20px;font-weight: 600;}
.wrap-news-top2 .item .cont .info{margin-top: 15px;font-size: 14px;display: flex;line-height: 1;overflow:hidden;}
.wrap-news-top2 .item .cont .info .inr{margin-left: -24px;display: block;}
.wrap-news-top2 .item .cont .info span{
    margin-left: 9px;
    padding-left: 9px;
    position: relative;
}
.wrap-news-top2 .item .cont .info span:after{position:absolute; left:0; top:calc(50% - 7px); width:1px; height:14px; background:#fff; content:""; opacity:0.6}

@media screen and (max-width: 1280px){
  .wrap-news-top2 .item{width: 1120px;height: 210px;border-radius: 20px;}
  .wrap-news-top2 .item .cont > .inner{padding: 30px 40px;}
  .wrap-news-top2 .item .cont .h_1{font-size: 20px;}
  .wrap-news-top2 .item .cont .info{margin-top: 25px;}
}

@media screen and (max-width: 840px){
  .wrap-news-top2{ margin:0 4vw;}
  .wrap-news-top2 .item{margin-right: 0;width: auto;height: 52vw;border-radius: 5vw;border-radius: 5vw;padding: 0;min-height: auto;}
  .wrap-news-top2 .cover-video:after{ top:calc(50% - 10vw)}
  .wrap-news-top2 .item .cont > .inner{padding: 4vw 5vw;}
  .wrap-news-top2 .item .cont .h_1{font-size: 4vw;}
  .wrap-news-top2 .item .cont .info{margin-top: 5vw;font-size: 3.6vw;}
  .wrap-news-top2 .item .cont .info .inr{margin-left: -5vw;}
  .wrap-news-top2 .item .cont .info span{ margin-left: 1vw; padding-left: 2vw;}
  .wrap-news-top2 .item .cont .info span:after{ top:calc(50% - 1.3vw); height:2.6vw;}
  .wrap-news-top2 .item .cont{display:none;}
  .wrap_bbs_banner2 .swiper-button-prev.type2,
  .wrap_bbs_banner2 .swiper-button-next.type2{margin-top: -7vw;}
}

.wrap_bbs_view{}

.wrap_bbs_view .top{
    border-bottom: 2px #222 solid;
    padding-bottom: 20px;
    line-height: 1;
    font-size: 22px;
}
.wrap_bbs_view .top .back{
    display: inline-flex;
    line-height: 1;
    align-items: center;
}
.wrap_bbs_view .top .back .ff-en{font-size: 28px;color:#222;font-weight: 500;}
.wrap_bbs_view .top .back i{
    color: #000;
    font-size: 34px;
    margin-right: 8px;
}
.wrap_bbs_view .head{
    text-align: center;
    margin-top: 55px;
}
.wrap_bbs_view .head .h_1{
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
}
.wrap_bbs_view .head .info{
    font-size: 16px;
    color: #646464;
    display: flex;
    justify-content: center;
    line-height: 1;

    align-items: center;
}
.wrap_bbs_view .group_info{  position: relative; display: flex; align-items: center; justify-content: center; margin-top: 40px; }
.wrap_bbs_view .sns_view{ margin-top: -5px; position: absolute; right: 0;top: 0; }

.wrap_bbs_view .head .info span{}
.wrap_bbs_view .head .info span.cate{color: #000;font-weight: 600;margin-right: 15px;padding-right: 15px;margin-top: 0;position: relative;}
.wrap_bbs_view .head .info span.cate:after{position:absolute;right:0;top: 1px;width:1px;height: 17px;background:#ddd;content:"";}
.wrap_bbs_view .cont{background-color: #f8f8f8;padding: 80px 40px 120px;border: 1px solid #e1e1e1;border-left: 0;border-right: 0;margin-top: 52px;}
.wrap_bbs_view .cont > .inner{ max-width: 980px; margin:0 auto; }

.page_direction{
    border: 1px #ddd solid;
    border-width: 1px 0;
}
.page_direction > .inner{
    padding: 50px;
    display: flex;
    justify-content: space-between;
}
.page_direction .dir{width: 33%;}
.page_direction .dir.rgh{text-align: left;}
.page_direction .dir .h{
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 16px;
}
.page_direction .dir.rgh .h{display: flex;justify-content: flex-start;flex-direction: row-reverse;align-items: center;}
.page_direction .dir .h i{
    margin-right: 8px;
    font-size: 18px;
}
.page_direction .dir.rgh .h i{
    margin-right: 0;
    margin-left: 8px;
}
.page_direction .dir .h .t1{}
.page_direction .dir .tit{
    display: inline-block;
    margin-top: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size: 16px;
    font-weight: 400;
}
.page_direction .dir .tit:hover{ color:#000; font-weight:500;}
.page_direction .dir.rgh .tit{ text-align:right;}
@media screen and (max-width: 840px){
    .wrap_bbs_view .group_info{margin-top: 0;}
    .wrap_bbs_view{}
    .wrap_bbs_view .top{
        padding-bottom: 5vw;
        font-size: 4vw;
    }
    .wrap_bbs_view .top .back{
    }
    .wrap_bbs_view .top .back .ff-en{font-size: 6vw;}
    .wrap_bbs_view .top .back i{
        font-size: 7vw;
        margin-right: 2vw;
    }
    .wrap_bbs_view .head{
        text-align: center;
        margin-top: 10vw;
    }
    .wrap_bbs_view .head .h_1{
        font-size: 6vw;
        line-height: 1.5;
    }
    .wrap_bbs_view .head .info{
        margin-top: 10vw;
        font-size: 3.7vw;
    }
    .wrap_bbs_view .head .info span{}
    .wrap_bbs_view .head .info span.cate{margin-right: 5vw;padding-right: 5vw;margin-top: -0.6vw;position: relative;}
    .wrap_bbs_view .head .info span.cate:after{top: 0vw;width:1px;height: 4.7vw;background:#ddd;content:"";}
    .wrap_bbs_view .cont{background-color: #f8f8f8;padding: 9vw 7vw 12vw;margin-top: 12vw;}
    .wrap_bbs_view .cont > .inner{ max-width: 980px; margin:0 auto; }

    .page_direction{
        border-width: 1px 0;
    }
    .page_direction > .inner{
        padding: 7vw;
        display: flex;
        flex-direction: column;
    }
    .page_direction .dir{width: 100%;box-sizing: border-box;}
    .page_direction .dir.rgh{text-align: left;margin-top: 10vw;}
    .page_direction .dir .h{
        font-size: 4vw;
    }
    .page_direction .dir.rgh .h{ display: flex; justify-content: flex-end; text-align:left; }
    .page_direction .dir .h i{
        margin-right: 2vw;
        font-size: 5vw;
    }
    .page_direction .dir.rgh .h i{
        margin-right: 0;
        margin-left: 8px;
    }
    .page_direction .dir .h .t1{}
    .page_direction .dir .tit{
        display: inline-block;
        margin-top: 4vw;
        font-size: 4vw;
    }

}


.swiper-pagination{ margin:0 20px; width: auto;text-align: center;display: inline-flex;position: relative;line-height: 1;}
.swiper-pagination-bullet{ width: 16px; height: 16px; border-radius: 50%; background-color: #000; margin: 0 7px; opacity: 0.2; }
.swiper-pagination-bullet-active{ background-color: #000; opacity:1; }
@media screen and (max-width: 840px){
    .swiper-pagination{ margin:0 10vw; }
    .swiper-pagination-bullet{ width: 4vw; height: 4vw; margin: 0 2vw; opacity: 0.2;  display:none; }
    .swiper-pagination-bullet-active{ background-color: #000; opacity:1; }
}

.cover-video{ cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); z-index: 3; }
.cover-video:after{
    font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    position: absolute; left: calc(50% - 45px); top: calc(50% - 45px);; width: 90px; height: 90px; border-radius: 50%; background-color: #f9f9f9; content:"\eabf"; color: #26abff; display: flex; align-items: center; justify-content: center; font-size: 30px;
    -webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.cover-video:hover:after{ opacity: 0.7; -moz-transform: scale(1.3);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }

/* 탭 스타일 s */
.tab_type1{border-bottom: 1px solid #e7e7e7;  }
.tab_type1 > .inner{display: flex; align-items: flex-end; justify-content: center;}
.tab_type1 li{margin-bottom: -1px;}
.tab_type1 a{font-size: 22px; min-width: 280px; padding: 25px; line-height: 1; display: flex; align-items: center; justify-content: center; border: 3px solid transparent; border-width: 0 0 3px;}
.tab_type1 a:hover{color: #00b8ff;}
.tab_type1 .on a{border-bottom-color: #00b8ff; color: #00b8ff;font-weight: 600;}
@media screen and (max-width: 1680px){
.tab_type1 a{font-size: 20px; min-width: 250px; padding: 20px; border-width: 0 0 3px;}
}
@media screen and (max-width: 1380px){
.tab_type1 a{font-size: 18px; min-width: 220px; padding: 20px; border-width: 0 0 2px;}
}
@media screen and (max-width: 1180px){
.tab_type1 a{font-size: 16px; min-width: 140px; padding: 20px; border-width: 0 0 2px;}
}
@media screen and (max-width: 840px){
  .tab_type1 li{margin-bottom: 0; width: 50vw; border-bottom:1px #ddd solid;}
  .tab_type1{width:100vw;border: 0;}
  .tab_type1 a{font-size: 4.2vw; min-width: auto; padding: 4vw 5vw; border: 2px solid transparent; border-width: 0 0 2px; white-space:nowrap }
  .tab_type1 > .inner{display: flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;}
  .cover-video:after{
    position: absolute; left: calc(50% - 7.5vw); top: calc(50% - 17.5vw);; width: 15vw; height: 15vw; font-size: 5vw;
  }

}

.tab_type2{ display: flex; align-items: center; justify-content: center; }
.tab_type2 li{margin-left: -1px; position: relative; z-index: 1;}
.tab_type2 a{ min-width: 273px; display: block; border: 1px solid #e5e5e5; padding: 25px 30px; color: #555; box-sizing: border-box; text-align: center; font-size: 16px; line-height: 1; }
.tab_type2.w_a li{width: 100%;}
.tab_type2.w_a a{min-width: 100%;}
.tab_type2 li:hover,
.tab_type2 li.on{z-index: 2;}
.tab_type2 li.on a{ color:#fff; background-color: #005c9c; }
@media (hover: hover) {
    .tab_type2 a:hover{ border-color: #005c9c; }
}
@media screen and (max-width: 1680px){
.tab_type2{ display: flex; align-items: center; justify-content: center; }
.tab_type2 li{margin-left: -1px; position: relative; z-index: 1;}
.tab_type2 a{ min-width: 273px; display: block; border: 1px solid #e5e5e5; padding: 25px 30px; color: #555; box-sizing: border-box; text-align: center; font-size: 16px; line-height: 1; }
.tab_type2.w_a li{width: 100%;}
.tab_type2.w_a a{min-width: 100%;}
.tab_type2 li:hover,
.tab_type2 li.on{z-index: 2;}
.tab_type2 li.on a{ color:#fff; background-color: #005c9c; }
}
@media screen and (max-width: 1380px){

}
@media screen and (max-width: 1180px){

}
@media screen and (max-width: 840px){
    .tab_type2{display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .tab_type2 li{margin-left: 0;position: relative;z-index: 1;width: 100%;}
    .tab_type2 a{min-width: 100%;padding: 4.5vw 5vw;font-size: 4vw;line-height: 1;}
    .tab_type2.w_a li{width: 100%;}
    .tab_type2.w_a a{min-width: 100%;}
    .tab_type2 li:hover,
    .tab_type2 li.on{z-index: 2;}
    .tab_type2 li.on a{ color:#fff; background-color: #005c9c; }
}


.tab_type4{}
.tab_type4 > .inner{display: flex;align-items: center;justify-content: center;}
.tab_type4 li{ width: 100%; padding: 0 20px; position:relative; box-sizing: border-box; }
.tab_type4 li:after{ position:absolute; left:0; top:calc(50% - 10px); width:2px; height:20px; background:#ddd; content:""; }
.tab_type4 li:first-child{ padding-left:0;; }
.tab_type4 li:first-child:after{display:none;}
.tab_type4 a{font-size: 17px;min-width: 100%;padding: 12px 18px;line-height: 1;display: flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 500px;text-align: center;line-height: 1.4;}
.tab_type4 .on a{border-color: #005c9c;color: #005c9c;font-weight: 600;}
.tab_type4.w2 li{ max-width:280px; }
@media (hover: hover) {
.tab_type4 a:hover{color: #005c9c;}
}
@media screen and (max-width: 1680px){
    .tab_type4{}
    .tab_type4 > .inner{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
    .tab_type4 li{width: 100%;padding: 0;position:relative;box-sizing: border-box;}
    .tab_type4 li:after{position:absolute;left:0;top:calc(50% - 10px);width:2px;height:20px;background:#ddd;content:"";display: none;}
    .tab_type4 li:first-child{ padding-left:0;; }
    .tab_type4 li:first-child:after{display:none;}
    .tab_type4 a{font-size: 17px;min-width: 100%;padding: 12px 18px;line-height: 1;display: flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 500px;text-align: center;line-height: 1.4;}
    .tab_type4 .on a{border-color: #005c9c;color: #005c9c;font-weight: 600;}
    .tab_type4.w2 li{max-width:280px;}
}
@media screen and (max-width: 1380px){

}
@media screen and (max-width: 1180px){

}
@media screen and (max-width: 840px){
    .tab_type4 li{ width: 100%; padding: 0 5vw; position:relative; box-sizing: border-box; }
    .tab_type4 li:after{ position:absolute; left:0; top:calc(50% - 2.5vw); width:2px; height:5vw; }
    .tab_type4 li:first-child{padding-left: 5vw;}
    .tab_type4 li:first-child:after{display:none;}
    .tab_type4 a{font-size: 4vw;min-width: 100%;padding: 2vw 4vw;border-color: #ddd;margin-bottom: 3vw;}
    .tab_type4.w2 li{max-width:50vw;}
}

.tab_type5{  }
.tab_type5 > ul{display: flex;position: relative;border-radius: 6px;border: 1px #c6d4e7 solid;}
.tab_type5 > ul > li{
    width: 100%;
    text-align: center;
    padding:0;
    height: 48px;
}
.tab_type5 > ul > li > a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% + 2px);
    height: calc(48px + 2px);
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500;
    -moz-transform: translateX(-1px) translateY(-1px);
    -webkit-transform: translateX(-1px) translateY(-1px);
    -o-transform: translateX(-1px) translateY(-1px);
    -ms-transform: translateX(-1px) translateY(-1px);
    transform: translateX(-1px) translateY(-1px);
}
.tab_type5 > ul > li:hover > a{ font-weight: 800; }
.tab_type5 > ul > li.on > a{ background-color: #000; color: #fff; font-weight: 700; }
.tab_type5 > ul > li > a span{ display: inline-block; }
.tab_type5 > ul > li > a .num{ margin-left: 5px; font-weight: 600;  }
.tab_type5.small{  max-width: 460px; margin-left: auto; margin-right: auto;  }
                     
@media screen and (max-width: 840px){
  .tab_type5{  }
  .tab_type5 > ul{display: flex;position: relative;border-radius: 1vw;border: 1px #c6d4e7 solid;flex-wrap: wrap;}
  .tab_type5 > ul > li{
      width: 50%;
      height: 12vw;
  }
  .tab_type5 > ul > li > a{
      display: flex;
      justify-content: center;
      align-items: center;
      width: calc(100% + 2px);
      height: calc(12vw + 2px);
      border-radius: 1vw;
      font-size: 3.8vw;
      font-weight: 500;
      -moz-transform: translateX(-1px) translateY(-1px);
      -webkit-transform: translateX(-1px) translateY(-1px);
      -o-transform: translateX(-1px) translateY(-1px);
      -ms-transform: translateX(-1px) translateY(-1px);
      transform: translateX(-1px) translateY(-1px);
  }
  .tab_type5 > ul > li:hover > a{ font-weight: 800; }
  .tab_type5 > ul > li.on > a{ background-color: #000; color: #fff; font-weight: 700; }
  .tab_type5 > ul > li > a span{ display: inline-block; }
  .tab_type5 > ul > li > a .num{ margin-left: 5px; font-weight: 600;  }
  .tab_type5.small{  max-width: 460px; margin-left: auto; margin-right: auto;  }
}


/* 탭 스타일 e */



.wrap_video2{ position: relative; height: 720px; }
.wrap_video2 .cont{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); padding: 35px 40px; box-sizing: border-box; color:#fff; }
.wrap_video2 .info .item .cont .info{margin-top: 34px;font-size: 15px;display: flex;line-height: 1; overflow:hidden;}
.wrap_video2 .info{margin-top: 20px;font-size: 15px;display: flex;line-height: 1; overflow:hidden;}
.wrap_video2 .info .inr{margin-left: -24px; display: block;}
.wrap_video2 .info span{
    margin-left: 9px;
    padding-left: 9px;
    position: relative;
}
.wrap_video2 .info span:after{position:absolute; left:0; top:calc(50% - 7px); width:1px; height:14px; background:#fff; content:""; opacity:0.6}
.wrap_video2 .h_1{font-size: 28px;}
@media screen and (max-width: 1280px){
  .wrap_video2{position: relative;height: 600px;}
  .wrap_video2 .h_1{font-size: 26px;}
}

@media screen and (max-width: 840px){
  .wrap_video2{ position: relative; height: 90vw; }
  .wrap_video2 .cont{ padding: 5vw 5vw;}
  .wrap_video2 .info .item .cont .info{margin-top: 5vw;font-size: 4vw;}
  .wrap_video2 .info{margin-top: 5vw;font-size: 3.6vw;}
  .wrap_video2 .info .inr{margin-left: -7.5vw;}
  .wrap_video2 .info span{ margin-left: 3vw; padding-left: 3vw;  }
  .wrap_video2 .info span:after{top:calc(50% - 2.5vw); width:1px; height:5vw;}
  .wrap_video2 .h_1{font-size: 5.5vw;}
}

.tab_type3{display: flex;justify-content: space-between;background: #f4f4f4;padding: 40px;align-items: center;}
.tab_type3 .lft{overflow: hidden; padding: 10px 0;}
.tab_type3 .lft ul{
    display: flex;
    font-size: 18px;
    margin-left: -45px;
}
.tab_type3 .lft ul > li{margin-left: 30px; padding-left: 15px; position: relative;}
.tab_type3 .lft ul > li:after{position: absolute; left: 0; top: calc(50% - 14px); width: 1px; height: 28px; background-color: #cecece; content:"";}
.tab_type3 .lft ul > li > a{padding-left: 17px;position: relative;color: #727272;}
.tab_type3 .lft ul > li > a:after{position: absolute; left: 0; top: -10px; width: 12px; height: 12px; border-radius: 50%; background-color: #26abff; content:""; opacity: 0;}
.tab_type3 .lft ul > li:hover > a,
.tab_type3 .lft ul > li.on > a{ color:#26abff; }
.tab_type3 .lft ul > li.on > a:after{ opacity: 1; }
.tab_type3 .rgh{}
.tab_type3  .area_select3 > select{background-color: transparent;}

@media screen and (max-width: 1180px){
  .tab_type3{ padding: 30px;}
  .tab_type3 .lft{overflow: hidden; padding: 10px 0;}
  .tab_type3 .lft ul{ display: flex; font-size: 16px;}
}


@media screen and (max-width: 1024px){
  .tab_type3{display: flex;justify-content: space-between;background: #f4f4f4;padding: 40px;align-items: flex-start;flex-direction: column;}
}

@media screen and (max-width: 840px){
  .tab_type3{padding: 5vw;}
  .tab_type3 .lft{overflow: hidden; padding: 5vw 0;}
  .tab_type3 .lft ul{
      display: flex;
      font-size: 4vw;
      margin-left: -2.8vw;
      flex-wrap: wrap;
  }
  .tab_type3 .lft ul > li{margin-left: 0;padding-left: 3.5vw;position: relative;width: 36vw;margin-top: 3.7vw;border-bottom: 1px #ddd solid;padding-bottom: 1.4vw;}
  .tab_type3 .lft ul > li:after{position: absolute;left: 0;top: calc(50% - 14px);width: 1px;height: 28px;background-color: #cecece;content:"";display: none;}
  .tab_type3 .lft ul > li > a{padding-left: 5vw;position: relative;color: #727272;}
  .tab_type3 .lft ul > li > a:after{position: absolute; left: 0; top: -10px; width: 12px; height: 12px; border-radius: 50%; background-color: #26abff; content:""; opacity: 0;}
  .tab_type3 .lft ul > li:hover > a,
  .tab_type3 .lft ul > li.on > a{ color:#26abff; }
  .tab_type3 .lft ul > li.on > a:after{ opacity: 1; }
  .tab_type3  .area_select3,
  .tab_type3  .area_select3 > select,
  .tab_type3 .rgh{width: 100%;box-sizing: border-box;}

  .tab_type3  .area_select3 > select{background-color: transparent;}

}

.lst-type2 .item{ display: flex;padding: 30px;border-top: 1px #d4d4d4 solid; position:relative; }
.lst-type2 .item:last-child{ border-bottom: 1px #d4d4d4 solid;}
.lst-type2 .item .thumb{ min-width: 380px;height: 210px;padding: 0; }
.lst-type2 .item .cont{ display: flex; align-items: center; margin-left: 50px; text-align: left; }
.lst-type2 .item .cont > .inner{}
.lst-type2 .item .cont .cate{margin-bottom: 10px;font-size: 18px;}
.lst-type2 .item .cont .h_1{ font-size: 20px; font-weight:500; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.lst-type2 .item .cont .h_1 span{border-bottom: 1px transparent  solid; display: inline-block; }
.lst-type2 .item .cont .t_1{ margin-top:16px; font-size: 16px;line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#6e6e6e; }
.lst-type2 .item .cont .date{ margin-top: 30px; font-size: 14px; color: #a5a5a5; }
.lst-type2 .item a.more{ position:absolute; left:0; top:0; width:100%; height:100%; }
@media (hover: hover) {
  .lst-type2 .item:hover .cont .h_1 span{ border-color: #000; }
}

@media screen and (max-width: 1280px){
  .lst-type2 .item{display: flex;padding: 25px;}
  .lst-type2 .item .thumb{min-width: 400px;height: 250px;}
  .lst-type2 .item .cont{ margin-left: 50px;}
  .lst-type2 .item .cont .cate{margin-bottom: 10px;font-size: 16px;}
  .lst-type2 .item .cont .h_1{font-size: 24px;}
  .lst-type2 .item .cont .date{ margin-top: 60px; font-size: 15px; color: #a5a5a5; }

}

@media screen and (max-width: 840px){
  .lst-type2 .item{display: flex;padding: 5vw 0;flex-direction: column;}
  .lst-type2 .item .thumb{min-width: 100%;height: 50vw;}
  .lst-type2 .item .cont{
      display: flex;
      align-items: center;
      margin-left: 0;
      margin-top: 7vw;
  }
  .lst-type2 .item .cont > .inner{}
  .lst-type2 .item .cont .cate{margin-bottom: 2vw;font-size: 3.8vw;}
  .lst-type2 .item .cont .h_1{font-size: 5.4vw;}
  .lst-type2 .item .cont .date{margin-top: 4vw;font-size: 3.6vw;color: #a5a5a5;}
}

.lst-type3 .item{ text-align: center; padding: 40px; background-color: #f8f8f8; border: 1px solid #d3d3d3; box-sizing: border-box; }
.lst-type3 .item .thumb{ font-size: 0; }
.lst-type3 .item .thumb img{box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); -webkit-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); -moz-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19);}
.lst-type3 .item .cont{margin-top: 25px; padding-top: 25px; border-top: 1px solid #d1d1d1;}
.lst-type3 .item .cont .date{font-size: 15px;}
.lst-type3 .item .cont .h_1{ margin-top: 5px; color: #222; font-size: 18px; font-weight: 700;  overflow: hidden;  display: -webkit-box;  -webkit-line-clamp:2; -webkit-box-orient:vertical; }

@media screen and (max-width: 840px){
  .lst-type3 .item{padding: 5vw;}
  .lst-type3 .item .thumb{ font-size: 0; }
  .lst-type3 .item .thumb img{box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); -webkit-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19); -moz-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19);}
  .lst-type3 .item .cont{margin-top: 8vw;padding-top: 8vw;}
  .lst-type3 .item .cont .date{font-size: 4vw;}
  .lst-type3 .item .cont .h_1{margin-top: 2vw;font-size: 5vw;}
}

 .hover_ty2,
 .hover_ty2 img{
 -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
 }

 a.hover_ty2:hover img,
 .hover_ty2:hover{
  -moz-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
 }

.wrap_ebook1{background-color: #f5f9fa;display: flex;background-image: url(../images/advertise/bg_ebook_pos.jpg);background-repeat: repeat-x;width: 100%;overflow: hidden;}
.wrap_ebook1 > .inner{ position: relative; width: 1260px; height: 668px; background: url('../images/advertise/bg_ebook1.jpg') no-repeat 0 0;  }
.wrap_ebook1 > .inner img{width: 30.96%;height: auto;position: absolute;left: 37%;top: 0%;box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19);-webkit-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19);-moz-box-shadow: 5px 7px 12px 0px rgba(0,0,0,0.19);
    -moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
-ms-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
}
.wrap_ebook1 > .inner img:hover{
    -moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}

.wrap_ebook1 .content{position: absolute;left: 950px;top: 110px; width: 500px;}

@media screen and (max-width: 1500px){
  .wrap_ebook1{background-color: #f5f9fa;display: flex;background-image: url(../images/advertise/bg_ebook_pos.jpg);background-repeat: repeat-x;width: 100%;overflow: hidden;}
  .wrap_ebook1 > .inner{position: relative;width: 73%;height: 505px;background: url('../images/advertise/bg_ebook1.jpg') no-repeat 0 0;background-size: 100%;}
  .wrap_ebook1 .content{position: absolute;left: 74%;top: 110px;width: 500px;}
}

@media screen and (max-width: 1320px){
  .wrap_ebook1 > .inner{position: relative;width: 70%;height: 37vw;}
  .wrap_ebook1 .content{position: absolute;left: 74%;top: 0;width: 44vw;}
}

@media screen and (max-width: 840px){
  .wrap_ebook1{
    background: #fff;
}
  .wrap_ebook1 > .inner{width: 100vw;height: 150vw;padding-top: 0;background-position: -15vw 100%;background-size: 130vw;}
  .wrap_ebook1 > .inner img{
      width: 50vw;
      height: auto;
      top: auto;
      left: 27vw;
      bottom: 16vw;
  }

  .wrap_ebook1 .content{position: absolute;left: 5vw;top: 0;width: 90vw;}
}

.modal.video{}
.modal.video .modal_header button.modal_close{right:20px;top:25px;margin:0;display:flex;align-items: center;font-size: 14px; cursor: pointer;}
.modal.video .modal_header button.modal_close i{font-size: 35px;margin-left: 5px;}
.modal.video .modal_close .ff-en{}
.modal.video .modal_close i{}
.modal.video .modal_content{}
.modal.video .modal_content .tit{color: #222; font-weight: 600;}


.wrap_caption_type1{ margin-top: 30px; }
.wrap_caption_type1 .head{display: flex;align-items: center;justify-content: space-between;padding: 20px 35px;border: 1px solid #e5e5e5;border-radius: 10px;background-color: #fff;position: relative;z-index: 2; box-shadow: 5px 7px 11px -4px rgba(0,0,0,0.1);
-webkit-box-shadow: 5px 7px 11px -4px rgba(0,0,0,0.1);
-moz-box-shadow: 5px 7px 11px -4px rgba(0,0,0,0.1);}
.wrap_caption_type1 .head .h_1{
    display: flex;
    align-items: center;
    line-height: 1;
}
.wrap_caption_type1 .head .h_1 .ico{
    margin-right: 15px;
}
.wrap_caption_type1 .head .h_1 .t{
    font-size: 15px;
    color: #222;
    font-weight: 600;
}

.wrap_caption_type1 .head .arr{
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #eee;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 1;
}
.wrap_caption_type1 .cont{background: #eeeeee;padding: 50px;font-size: 15px;line-height: 1.5;height: 250px;overflow-x: hidden;overflow-y: auto;margin-top: -10px;z-index: 0;position: relative;}
.wrap_caption_type1 .cont .inner{}

@media screen and (max-width: 840px){
.wrap_caption_type1{margin-top: 8vw;}
.wrap_caption_type1 .head{padding: 3vw 4vw;border-radius: 3vw;}
.wrap_caption_type1 .head .h_1 .ico{ margin-right: 4vw; }
.wrap_caption_type1 .head .h_1 .t{ font-size: 4vw;}

.wrap_caption_type1 .head .arr{ width: 7vw; height: 7vw; font-size: 4vw;}
.wrap_caption_type1 .cont{padding: 5vw;font-size: 4vw;height: 22vw;margin-top: -3vw;}
.wrap_caption_type1 .cont .inner{}

}

.btn-wrap{margin-top: 80px; text-align: center; display: flex; justify-content: center; align-items: center;}
.btn-wrap > *{margin:10px 5px;}
.btn-solid{ min-width: 300px; height: 60px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #aaa; color: #333; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
@media screen and (max-width: 840px){
  .btn-wrap{margin-top: 6vw; }
  .btn-wrap > *{margin:2vw 1vw;}
  .btn-solid{ min-width: 25vw; height: 12vw;  }
}


.btn-solid.full{background-color: #0082cf; color: #fff; }

.btn-solid:hover{border-color: #0082cf; color: #0082cf; }
.btn-solid.full:hover{background-color: #3aa2e0; color:#fff; }

.tlb_type1{border-top: 2px solid #222;padding-top: 0;}
.tlb_type1 .item{display: flex;flex-wrap: wrap;margin-top: 0;padding: 20px 0;border-bottom: 1px #f0f0f0 solid;}
.tlb_type1 .item > *{flex: none;}
.tlb_type1 .item .area_th{min-width: 250px;margin-right: 20px;padding-top: 0;font-weight: 600;font-size: 16px;display: flex;align-items: center;}
.tlb_type1 .item .area_td{width: calc(100% - 270px);}
.tlb_type1 .item .area_td.txt_space{ min-height: 50px; display: flex; align-items: center; }

.tlb_type1.sz2 .item .area_th{width: 150px; margin-right: 20px;  padding-top: 2px;}
.tlb_type1.sz2 .item .area_td{width: calc(100% - 170px);}

@media screen and (max-width: 840px){
  .tlb_type1 .item{display: flex;flex-wrap: wrap;margin-top: 0;padding: 5vw 0;flex-direction: column;}
  .tlb_type1 .item > *{flex: none;}
  .tlb_type1 .item .area_th{min-width: auto;margin-right: 0;padding-top: 0;font-size: 4vw;}
  .tlb_type1 .item .area_td{width: 100%;margin-top: 4vw;}
  .tlb_type1 .item .area_td.txt_space{ min-height: 50px; display: flex; align-items: center; }

  .tlb_type1.sz2 .item .area_th{width: 150px; margin-right: 20px;  padding-top: 2px;}
  .tlb_type1.sz2 .item .area_td{width: calc(100% - 170px);}
}


input[type="tel"],
input[type="text"],
input[type="password"],
input[type="file"] { padding: 0; margin: 0px; background: #fff; border: 1px solid #dddddd; width: auto; height: 50px; position: relative; line-height: 50px; padding:0 20px; box-sizing: border-box;  }
input[type="file"]::-webkit-file-upload-button { appearance: none; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; color: #fff; border: 0; background: #9e9e9e; line-height: 50px; position: absolute; right: 0; top: 0; margin: 0px; width: 100px; cursor: pointer; }
input[type="file"]::-ms-value { border: 0; height: 50px; }
input[type="file"]::-ms-browse { color: #fff; border: 0; background: #343f4e; width: 100px; }

a.btn_image_add { margin-left: 20px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; overflow: hidden; font-size:22px; vertical-align: middle; color:#afafaf; border: 1px solid #afafaf; border-radius: 50%; }
a.btn_remove { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-left: 4px; overflow: hidden; font-size:22px; vertical-align: middle;; color:#afafaf; border: 1px solid #afafaf; border-radius: 50%; }
a.btn_image_add:hover,
a.btn_remove:hover{border-color: #222; color: #222;}
@media screen and (max-width: 840px){
input[type="tel"],
input[type="text"],
input[type="password"],
input[type="file"] { height: 13vw; line-height: 13vw; padding:0 4vw;}
input[type="file"] { width:100%; }
input[type="file"]::-webkit-file-upload-button {line-height: 13vw; width: 24vw; cursor: pointer;  font-size:4vw; }
  a.btn_image_add { margin-top:2vw; margin-left: 0; width: 10vw; height: 10vw; font-size:5vw;}
  a.btn_remove { margin-top:2vw; width: 10vw; height: 10vw; font-size:5vw; margin-left: 1vw;}
}


.inp_tel{display: flex; align-items: center; max-width: 480px;}
.inp_tel input{ width: 100%; text-align: center; }
.inp_tel .phone-line{min-width: 30px; text-align: center; display: block;}
@media screen and (max-width: 840px){
  .inp_tel .phone-line{min-width: 5vw; font-size:4vw;}
}
.textarea1{border: 1px solid #ddd; line-height: 0;}
.textarea1 textarea{width: 100%;height: 150px;padding:15px 22px;box-sizing: border-box;border: 0;margin: 0;line-height: 1.3;font-size: 16px;line-height: 1.6;font-family: var(--ff-ori);}
.textarea1 textarea::placeholder { color: #459ed3; font-weight: 300;  }
.textarea1.h2 textarea{ height: 200px;  }
.textarea1.type1{border: 0;}
.textarea1.type1 textarea{ background-color: #f6f9fb; }

@media screen and (max-width: 840px){
  .textarea1 textarea{width: 100%; height: 25vw; padding:5vw 4vw;}
}

.checks{ display: flex; align-items: center; line-height: 1; font-size: 14px; }
body .checks > * {margin-right: 10px;}
body .checks > label{margin-right: 60px;}

@media screen and (max-width: 840px){
  .checks{ font-size: 3.4vw; }
  body .checks > * {margin-right: 2vw;}
  body .checks > label{margin-right: 10vw;}
}

.w_chk{display: inline-flex; align-items: center;}
.w_chk > label{margin-left:9px; font-size:15px; color:#838c97; cursor: pointer;}

.wrap_textarea1{ border: 1px solid #ddd; }
.wrap_textarea1 .textarea{width: 100%;height: 360px;border: 0;background-color: #fff;padding: 50px;box-sizing: border-box;overflow: hidden;overflow-y: auto; font-size: 16px;}
.wrap_textarea1 .checks{
    background: #f9f9f9;
    padding: 20px 40px;
    border-top: 1px #ddd solid;
}

@media screen and (max-width: 840px){
  .wrap_textarea1{ border: 1px solid #ddd; }
  .wrap_textarea1 .textarea{width: 100%;height: 70vw;padding: 5vw;font-size: 4vw;}
  .wrap_textarea1 .checks{ padding: 5vw 3vw; }
}

/* iCheck plugin Square skin, black
----------------------------------- */
.icheckbox_square,
.iradio_square{
  display: inline-block;
  margin: 0;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
  border: none;
  background: url(../images/common/ico_ick.png) no-repeat;
  *display: inline;
}

.icheckbox_square {
 background-size: 100% auto;
 background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140.69 140.69"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23c6d4e7;%7D%3C/style%3E%3C/defs%3E%3Cg id="_1_copy" data-name=" 1 copy"%3E%3Crect class="cls-1" x="2.97" y="2.97" width="134.76" height="134.76"/%3E%3Cpath class="cls-2" d="M137.72,140.69H3a3,3,0,0,1-3-3V3A3,15,0,0,1,3,0H137.72a3,3,0,0,1,3,3V137.72A3,3,0,0,1,137.72,140.69ZM5.93,134.76H134.76V5.93H5.93Z"/%3E%3C/g%3E%3C/svg%3E');
  width: 36px;
  height: 36px;
}
.icheckbox_square.small {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 840px){
    .icheckbox_square {
      width: 8vw;
      height: 8vw;
      min-width: 6vw;
    }
    .icheckbox_square.small {
      width: 24px;
      height: 24px;
    }
}



.icheckbox_square.cls-1{ border-radius: 5px; overflow:hidden;  }
.icheckbox_square.hover {
  background-size: 100% auto;
  background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140.69 140.69"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:% ;%7D%3C/style%3E%3C/defs%3E%3Cg id="_1_copy" data-name=" 1 copy"%3E%3Crect class="cls-1" x="2.97" y="2.97" width="134.76" height="134.76"/%3E%3Cpath class="cls-2" d="M137.72,140.69H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0H137.72a3,3,0,0,1,3,3V137.72A3,3,0,0,1,137.72,140.69ZM5.93,134.76H134.76V5.93H5.93Z"/%3E%3C/g%3E%3C/svg%3E');
}
.icheckbox_square.checked, .icheckbox_square.hover.checked {
  background-size: 100% auto;
  background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134.76 134.76"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23000000;%7D.cls-2%7Bfill:%23fff;fill-rule:evenodd;%7D%3C/style%3E%3C/defs%3E%3Crect class="cls-1" width="134.76" height="134.76"/%3E%3Cpolygon class="cls-2" points="39.19 56.86 29.23 66.66 57.13 95.01 109.2 43.24 99.35 33.33 57.28 75.16 39.19 56.86"/%3E%3C/svg%3E');
}
.icheckbox_square.disabled {
  background-size: 100% auto;
  background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140.69 140.69"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23c6d4e7;%7D%3C/style%3E%3C/defs%3E%3Cg id="_1_copy" data-name=" 1 copy"%3E%3Crect class="cls-1" x="2.97" y="2.97" width="134.76" height="134.76"/%3E%3Cpath class="cls-2" d="M137.72,140.69H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0H137.72a3,3,0,0,1,3,3V137.72A3,3,0,0,1,137.72,140.69ZM5.93,134.76H134.76V5.93H5.93Z"/%3E%3C/g%3E%3C/svg%3E');
  cursor: default;
}
.icheckbox_square.checked.disabled {
  background-size: 100% auto;
  background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140.69 140.69"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23c6d4e7;%7D%3C/style%3E%3C/defs%3E%3Cg id="_1_copy" data-name=" 1 copy"%3E%3Crect class="cls-1" x="2.97" y="2.97" width="134.76" height="134.76"/%3E%3Cpath class="cls-2" d="M137.72,140.69H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0H137.72a3,3,0,0,1,3,3V137.72A3,3,0,0,1,137.72,140.69ZM5.93,134.76H134.76V5.93H5.93Z"/%3E%3C/g%3E%3C/svg%3E');
  cursor: default;
}


.icheckbox_square.radius{
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 31.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23c7d4e7; stroke-miterlimit: 10; stroke-width: 1.5px; %7D .cls-2 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-2' x='.75' y='.75' width='30' height='30' rx='2' ry='2'/%3E%3Crect class='cls-1' x='.75' y='.75' width='30' height='30' rx='2' ry='2'/%3E%3C/svg%3E");
}

.icheckbox_square.hover{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 31.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: 1.5px; %7D .cls-2 %7B fill: %23fff; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-2' x='.75' y='.75' width='30' height='30' rx='2' ry='2'/%3E%3Crect class='cls-1' x='.75' y='.75' width='30' height='30' rx='2' ry='2'/%3E%3C/svg%3E");
}

.icheckbox_square.radius.checked{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.5 30.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-3, .cls-2 %7B opacity: .96; %7D .cls-2 %7B fill: %23fff; %7D .cls-4 %7B fill: none; stroke: %23000; stroke-miterlimit: 10; stroke-width: .5px; %7D %3C/style%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-1' x='.25' y='.25' width='30' height='30' rx='2' ry='2'/%3E%3Crect class='cls-4' x='.25' y='.25' width='30' height='30' rx='2' ry='2'/%3E%3C/g%3E%3Cpolyline class='cls-2' points='13.52 20.95 8.84 16.25 10.23 14.87 13.52 18.13 21.51 10.16 22.9 11.57 13.52 20.95 13.52 20.95'/%3E%3C/svg%3E");
}
.icheckbox_square.radius.disabled {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.5 31.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23c7d4e7; stroke-miterlimit: 10; stroke-width: 1.5px; %7D .cls-2 %7B fill: %23c7d4e7; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-2' x='.75' y='.75' width='30' height='30' rx='2' ry='2'/%3E%3Crect class='cls-1' x='.75' y='.75' width='30' height='30' rx='2' ry='2'/%3E%3C/svg%3E");
}
.icheckbox_square.radius.checked.disabled {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.5 30.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23c7d4e7; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-3, .cls-2 %7B opacity: .96; %7D .cls-2 %7B fill: %23fff; %7D .cls-4 %7B fill: none; stroke: %23c7d4e7; stroke-miterlimit: 10; stroke-width: .5px; %7D %3C/style%3E%3C/defs%3E%3Cg class='cls-3'%3E%3Crect class='cls-1' x='.25' y='.25' width='30' height='30' rx='2' ry='2'/%3E%3Crect class='cls-4' x='.25' y='.25' width='30' height='30' rx='2' ry='2'/%3E%3C/g%3E%3Cpolyline class='cls-2' points='13.52 20.95 8.84 16.25 10.23 14.87 13.52 18.13 21.51 10.16 22.9 11.57 13.52 20.95 13.52 20.95'/%3E%3C/svg%3E");
}





.iradio_square {
  /*background-position:  -10px -10px;*/
  width: 25px;
  height: 25px;
  background-size: 100% auto;
 background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 154.18 154.18"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23c6d4e7;%7D%3C/style%3E%3C/defs%3E%3Cg id="_2" data-name=" 2"%3E%3Ccircle class="cls-1" cx="77.09" cy="77.09" r="74.13"/%3E%3Cpath class="cls-2" d="M77.09,154.18a77.09,77.09,0,1,1,77.09-77.09A77.17,77.17,0,0,1,77.09,154.18Zm0-148.25a71.16,71.16,0,1,0,71.16,71.16A71.24,71.24,0,0,0,77.09,5.93Z"/%3E%3C/g%3E%3C/svg%3E');
}
.iradio_square.hover {
  /*background-position: -10px -10px;*/
  background-size: 100% auto;
 background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 154.18 154.18"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23c6d4e7;%7D%3C/style%3E%3C/defs%3E%3Cg id="_2" data-name=" 2"%3E%3Ccircle class="cls-1" cx="77.09" cy="77.09" r="74.13"/%3E%3Cpath class="cls-2" d="M77.09,154.18a77.09,77.09,0,1,1,77.09-77.09A77.17,77.17,0,0,1,77.09,154.18Zm0-148.25a71.16,71.16,0,1,0,71.16,71.16A71.24,71.24,0,0,0,77.09,5.93Z"/%3E%3C/g%3E%3C/svg%3E');
}
.iradio_square.checked {
  /*background-position: -70px -10px;*/
  background-size: 100% auto;
  background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 183.83 183.83"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bopacity:0;%7D.cls-2%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Cg class="cls-1"%3E%3Ccircle cx="91.92" cy="91.92" r="74.13"/%3E%3C/g%3E%3Cpath class="cls-2" d="M91.92,183.83a91.92,91.92,0,1,1,91.91-91.91A92,92,0,0,1,91.92,183.83Zm0-148.25a56.34,56.34,0,1,0,56.33,56.34A56.4,56.4,0,0,0,91.92,35.58Z"/%3E%3C/svg%3E');
}
.iradio_square.disabled {
  /*background-position: -100px -10px;*/
  cursor: default;
  background-size: 100% auto;
  background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 154.18 154.18"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23c6d4e7;%7D%3C/style%3E%3C/defs%3E%3Cg id="_2" data-name=" 2"%3E%3Ccircle class="cls-1" cx="77.09" cy="77.09" r="74.13"/%3E%3Cpath class="cls-2" d="M77.09,154.18a77.09,77.09,0,1,1,77.09-77.09A77.17,77.17,0,0,1,77.09,154.18Zm0-148.25a71.16,71.16,0,1,0,71.16,71.16A71.24,71.24,0,0,0,77.09,5.93Z"/%3E%3C/g%3E%3C/svg%3E');

}
.iradio_square.checked.disabled {
  /*background-position: -130px -10px;*/
  cursor: default;
  background-size: 100% auto;
  background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 154.18 154.18"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-2%7Bfill:%23c6d4e7;%7D%3C/style%3E%3C/defs%3E%3Cg id="_2" data-name=" 2"%3E%3Ccircle class="cls-1" cx="77.09" cy="77.09" r="74.13"/%3E%3Cpath class="cls-2" d="M77.09,154.18a77.09,77.09,0,1,1,77.09-77.09A77.17,77.17,0,0,1,77.09,154.18Zm0-148.25a71.16,71.16,0,1,0,71.16,71.16A71.24,71.24,0,0,0,77.09,5.93Z"/%3E%3C/g%3E%3C/svg%3E');
}

.iradio_square.type2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.63 62.63'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke: %23c9d5e8; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='31.31' cy='31.31' r='30.31'/%3E%3C/svg%3E");
    width: 34px; height: 34px;
}
.iradio_square.type2.hover {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.63 62.63'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; stroke: %23232323; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='31.31' cy='31.31' r='30.31'/%3E%3C/svg%3E");
}
.iradio_square.type2.checked {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.63 62.63'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23fff; stroke: %23c9d5e8; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='31.31' cy='31.31' r='30.31'/%3E%3Ccircle class='cls-1' cx='31.31' cy='31.31' r='16.71'/%3E%3C/svg%3E");
}
.iradio_square.type2.disabled {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.63 62.63'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23f2f2f3; stroke: %23c9d5e8; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='31.31' cy='31.31' r='30.31'/%3E%3C/svg%3E");
}
.iradio_square.type2.checked.disabled {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 62.63 62.63'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23dcdbdb; stroke-width: 0px; %7D .cls-2 %7B fill: %23f2f2f3; stroke: %23c9d5e8; stroke-miterlimit: 10; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Ccircle class='cls-2' cx='31.31' cy='31.31' r='30.31'/%3E%3Ccircle class='cls-1' cx='31.31' cy='31.31' r='16.71'/%3E%3C/svg%3E");
}




.wrap_noti_report1_2{ position: relative; overflow: hidden;  padding: 80px 0; }
.wrap_noti_report1_2 > .inner{display: flex;align-items: center;justify-content: center;position: relative;z-index: 2;}
.wrap_noti_report1_2 .inr-c2{ display: flex; align-items: center;  }
.wrap_noti_report1_2 .ico{ min-width: 200px; height: 200px; border-radius: 50%; background-color: #fff;box-shadow: 5px 5px 11px -6px rgba(0,0,0,0.22); -webkit-box-shadow: 5px 5px 11px -6px rgba(0,0,0,0.22); -moz-box-shadow: 5px 5px 11px -6px rgba(0,0,0,0.22); align-items: center; justify-content: center; display: inline-flex; }
.wrap_noti_report1_2 .cont{margin-left: 100px; font-size: 16px; line-height: 2; font-weight: 600;}

.wrap_noti_report2_1{ position: relative; overflow: hidden;  padding: 30px 0; background-color: #f4f4f4; border-radius: 0 30px 0 30px; }
.wrap_noti_report2_1 > .inner{ display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; }
.wrap_noti_report2_1 .inr-c2{ display: flex; align-items: center; width: 100%;  margin-left: 60px; margin-right: 60px; box-sizing: border-box; }
.wrap_noti_report2_1 .ico{ min-width: 130px; height: 130px; border-radius: 50%; background-color: #fff; align-items: center; justify-content: center; display: inline-flex; }
.wrap_noti_report2_1 .cont{margin-left: 40px; font-size: 16px; line-height: 2; font-weight: 600;}

@media screen and (max-width: 840px) {
  .wrap_noti_report1_2{ position: relative; overflow: hidden;  padding: 14vw 0; }
  .wrap_noti_report1_2 .inr-c2{display: flex;align-items: center;flex-direction: column;}
  .wrap_noti_report1_2 .ico{min-width: 45vw;height: 45vw;}
  .wrap_noti_report1_2 .ico img{ width:24vw; }
  .wrap_noti_report1_2 .cont{margin-left: 0; margin-top:10vw; font-size: 4vw;}


  .wrap_noti_report2_1{padding: 5vw 0;border-radius: 0 5vw 0 5vw;}
  .wrap_noti_report2_1 .inr-c2{display: flex;width: 100%;margin-left: 5vw;margin-right: 5vw;flex-direction: column;}
  .wrap_noti_report2_1 .ico{min-width: 40vw;height: 40vw;}
  .wrap_noti_report2_1 .cont{margin-left: 0;font-size: 4vw;margin-top: 10vw;}
}

.blank-links:after{
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content:"\e128";
    font-size: 0.8em;
    margin-left: 5px;
    -moz-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    -o-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px);
    display: inline-block;
}

.email-links {
  border-bottom: 1px solid #0082cf;
  color:#0082cf;
}

.link-txt{ border-bottom: 1px solid #222; color: #222; }

col.no{ width: 150px;  }
col.data{ width: 200px;  }
col.tit1_1{ width: 280px;  }
col.tit1_1_mo{ width: 10vw; }
col.btn_solo{ width: 200px;  }

.table_inner.wrap_table1 table thead{}
.table_inner.wrap_table1 table thead th{
    background: #fff;
    border-width: 0 0 1px;
    border-color: #222;
    padding: 20px 15px;
}
.table_inner.wrap_table1 table tbody th,
.table_inner.wrap_table1 table tbody td{
    border-width: 0 0 1px;
    padding: 16px;
    background-color: #fff;
}

.table_inner.wrap_table1 table thead.pv20 th{
    padding: 25px 20px;
}
.table_inner.wrap_table1 table tbody.pv20 th,
.table_inner.wrap_table1 table tbody.pv20 td{
    padding: 40px 20px;
}


.table_inner.wrap_table1.type1{}
.table_inner.wrap_table1.type1 td ,.table_inner.wrap_table1.type1 th{   border: 1px solid #ddd;  }
.table_inner.wrap_table1.type1 thead th,
.table_inner.wrap_table1.type1 tbody th{ background-color: #fafafa; font-size: 16px; }
.table_inner.wrap_table1.type1 thead th:first-child,
.table_inner.wrap_table1.type1 tbody th:first-child,
.table_inner.wrap_table1.type1 tbody td:first-child{ border-left-width: 0; }
.table_inner.wrap_table1.type1 thead th:last-child,
.table_inner.wrap_table1.type1 tbody th:last-child,
.table_inner.wrap_table1.type1 tbody td:last-child{ border-right-width: 0; }

.table_inner.wrap_table1.type1 thead th{ font-weight: 600;  }
.table_inner.wrap_table1.type1 tbody td{ padding-left: 40px; padding-right: 40px;  }



.pagenation {
  position: relative;
  margin-top: 50px;
}
.pagenation ul {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagenation li {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-left: 3px;
  margin-right: 3px;
}
.pagenation li a,
.pagenation li strong {
  display: block;
  font-size: 0;
  width: 40px;
  height: 40px;
  background-color: transparent;
  color: #b7b7b7;
  text-align: center;
  font-weight: normal;
  vertical-align: top;

}
.pagenation li a:after,
.pagenation li strong:after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 0;
  height: 100%;
}
.pagenation li .vm {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.pagenation li.first a,
.pagenation li.prev a,
.pagenation li.next a,
.pagenation li.last a {
  background-color: transparent;
  color: #666;
  font-weight: 500;
  width: 40px;
  border: 1px #ddd solid;
}
.pagenation li.first a .vm,
.pagenation li.prev a .vm,
.pagenation li.next a .vm,
.pagenation li.last a .vm {
  font-size: 18px;
}
.pagenation li.prev {
  margin-right: 15px;
}
.pagenation li.first {
  margin-left: 15px;
}
.pagenation li.on strong {
  color: #fff;
  background-color: #191919;
  font-weight: 600;
}
@media screen and (max-width: 840px) {
  .pagenation {
    margin-top: 5vw;
  }
  .pagenation li a,
  .pagenation li strong {
    width: 6vw;
    height: 6vw;
  }
  .pagenation li.first a,
  .pagenation li.prev a,
  .pagenation li.next a,
  .pagenation li.last a {
    width: 6vw;
  }
  .pagenation li.first a .vm,
  .pagenation li.prev a .vm,
  .pagenation li.next a .vm,
  .pagenation li.last a .vm {
    font-size: 3vw;
  }
  .pagenation li .vm {
    font-size: 3vw;
  }
  .pagenation li.prev {
    margin-right: 1vw;
  }
  .pagenation li.first {
    margin-left: 1vw;
  }
}

@media screen and (max-width: 1280px){
 .table_inner.scroll_pc{width:100%;overflow:hidden;overflow-x:scroll;}
  .table_inner.scroll_pc:before{ content:"좌우로 스크롤 이동이 가능합니다."; display:block; margin-bottom:10px; font-size:15px; }
}

@media screen and (max-width: 840px){
  .t-responsive:before{ content:"* 좌우로 터치로 이동이 가능합니다."; font-size:3.3vw; color:#949494; }
  .t-responsive{width: 100%;overflow:hidden;overflow-x:scroll; -webkit-overflow-scrolling: touch;}
  .t-responsive table{ width:170vw; }

  col.no{ width: 150px;  }
  col.data{width: 32vw;}
  col.tit1_1{ width: 280px;  }
  col.tit1_1_mo{ width: 10vw; }
  col.btn_solo{ width: 200px;  }

  .table_inner.wrap_table1 table thead{}
  .table_inner.wrap_table1 table thead th{
      padding: 4vw 4vw;
  }
  .table_inner.wrap_table1 table tbody th,
  .table_inner.wrap_table1 table tbody td{
      padding: 2vw 1vw;
      line-height:1.5;
      font-size: 3.6vw;
  }

  .table_inner.wrap_table1 table thead.pv20 th{
      padding: 5vw 5vw;
  }
  .table_inner.wrap_table1 table tbody.pv20 th,
  .table_inner.wrap_table1 table tbody.pv20 td{
      padding: 7vw 5vw;
  }


  .table_inner.wrap_table1.type1{ width: 100%; overflow: hidden; overflow-x: scroll;  -webkit-overflow-scrolling: touch; }
  .table_inner.wrap_table1.type1:before{ content:"* 좌우로 터치로 이동이 가능합니다.";  color:#949494; }
  .table_inner.wrap_table1.type1 td ,.table_inner.wrap_table1.type1 th{   border: 1px solid #ddd;  }
  .table_inner.wrap_table1.type1 thead th,
  .table_inner.wrap_table1.type1 tbody th{ background-color: #fafafa; font-size: 4vw; }
  .table_inner.wrap_table1.type1 thead th{ font-weight: 600;  }
  .table_inner.wrap_table1.type1 tbody td{padding-left: 2vw;padding-right: 2vw;padding: 2vw;}

}



.btn {
    display: inline-block;
    font-weight: 400;
    color: #333;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .4375rem 1.175rem;
    font-size: .975rem;
    line-height: 1;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

}

.btn-small{min-width: 114px;padding: 13px 10px;}
.btn-small2{background-color: #fff;border-color: #d3d3d3;border-width: 2px;border-radius: 0;width: 110px;padding: 6.5px 10px;font-size: 13px;display: inline-flex;align-items: center;justify-content: space-between;font-weight: 900; box-sizing: border-box; min-height: 35px;}
.btn-small2 i{font-size: 1.4em;}
.btn-small2 i.icon-open{font-size: 0.9em;}

.btn-gary{ background-color: #e3e3e3; color: #666666; }
.btn-complete{ background-color: #005c9c; color: #fff; }
@media (hover: hover) {
    .btn-small2:hover{background-color: #0082cf; border-color: #0082cf; color: #fff;}
}
@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }

}

@media screen and (max-width: 840px){
  .btn {
    padding: 2vw 2vw;
    font-size: 2vw;
    line-height: 1;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;

  }

  .btn-small{min-width: 114px;padding: 13px 10px;}
  .btn-small2{border-radius: 0; min-width: 22vw;padding: 1.7vw 2vw;font-size: 3vw;min-height: auto;}
  .btn-small2 i{font-size: 4vw;margin-left: 2vw;}
  .btn-small2 i.icon-open{font-size: 0.9em;}
}


