
label.full{
    display:block;
}

input.width-10,
select.width-10,
label.width-10
{
    width: 10%;
}

input.width-20,
select.width-20,
label.width-20
{
    width: 20%;
}

input.width-30,
select.width-30,
label.width-30
{
    width: 30%;
}

input.width-40,
select.width-40,
label.width-40
{
    width: 40%;
}

input.width-50,
select.width-50,
label.width-50
{
    width: 50%;
}

input.width-60,
select.width-60
{
    width: 60%;
}

input.width-70,
select.width-70
{
    width: 70%;
}


input.width-80,
select.width-80
{
    width: 80%;
}

div.width-85
{
    display: inline-block;
    width: 85%;
}

div.width-90
{
    display: inline-block;
    width: 90%;
}

.form-field .link{
    position: relative;
    right: auto;
    font-size : 3.0000vw;
    opacity: 1;
}


.form-name select{
    height: 10.0000vw;
    line-height: 10.0000vw;
    padding: 0.0000vw 2.5000vw 0.0000vw 2.5000vw;
    margin: 0.0000vw 0.0000vw 3.7500vw 0.0000vw;
}


input.input-style,
select.input-style ,
textarea.input-style  {
    font-size: 3.0000vw;
    line-height: 11.2500vw;
    height: 11.2500vw;
    border-top-width: 0.0000vw;
    border-right-width: 0.0000vw;
    border-left-width: 0.0000vw;
    padding: 0.0000vw;
    border-radius: 0.0000vw;
}

input.input-style.has-borders,
select.input-style.has-borders,
textarea.input-style.has-borders  {
    height: 13.2500vw;
    border-left-width: 0.2500vw !important;
    border-right-width: 0.2500vw !important;
    border-top-width: 0.2500vw !important;
    padding-left: 3.2500vw !important;
    padding-right: 2.5000vw !important;
    border-radius: 2.5000vw !important;
}
.width10{width:10%;}
.width20{width:20%;}
.width30{width:30%;}
.width40{width:40%;}
.width50{width:50%;}
.width60{width:60%;}
.width80{width:80%;}
.width100{width:100%;}


/* bullet_list */
ul.bullet_list{list-style: none;}
.bullet_list{line-height:1.7em}
.bullet_list > li{position:relative;padding-left:3.7500vw;color:#333;font-weight:300}
.bullet_list.num{counter-reset:num;}
.bullet_list.num > li:before{position:absolute;top:0;left:0;counter-increment:num;content:counter(num) ". ";}
.bullet_list.dot > li:before{position:absolute;top:0;left:0;content:"·"}
.bullet_list.bar > li:before{position:absolute;top:0;left:0;content:"-"}
.bullet_list.star > li:before{position:absolute;top:0.7500vw;left:0;content:"*"}
.bullet_list.star2 > li:before{position:absolute;top:0;left:0;content:"※"}
.bullet_list.g_g > li{vertical-align:top}
.bullet_list.g_g > li:before{position:absolute;top:2.7500vw;left:0;width:4.0000vw;height:4.0000vw;background:url("/2020/images/common/g_g.jpg") no-repeat 0 0;content:""}
.bullet_list.squre > li:before{position:absolute;top:-0.2500vw;left:-0.7500vw;content:"■";}

.bullet_list > li.font-200 {font-weight: 200;}
.bullet_list > li.font-300 {font-weight: 300;}
.bullet_list > li.font-400 {font-weight: 400;}
.bullet_list > li.font-500 {font-weight: 500;}
.bullet_list > li.font-600 {font-weight: 600;}
.bullet_list > li.font-700 {font-weight: 700;}
.bullet_list > li.font-800 {font-weight: 800;}
.bullet_list > li.font-900 {font-weight: 900;}


.bullet_list.num3 > li{padding-left:5.0000vw;}
.bullet_list.num3{counter-reset:num;}
.bullet_list.num3 > li:before{position:absolute;top:0;left:0;counter-increment:num;content:counter(num) ") ";}

.bullet_list.num4 > li{padding-left:5.0000vw;}
.bullet_list.num4 > li:before{position:absolute;top:0;left:0;}
.bullet_list.num4 > li:first-child:before{content:"①"}
.bullet_list.num4 > li:nth-child(2):before{content:"②"}
.bullet_list.num4 > li:nth-child(3):before{content:"③"}
.bullet_list.num4 > li:nth-child(4):before{content:"④"}
.bullet_list.num4 > li:nth-child(5):before{content:"⑤"}
.bullet_list.num4 > li:nth-child(6):before{content:"⑥"}
.bullet_list.num4 > li:nth-child(7):before{content:"⑦"}
.bullet_list.num4 > li:nth-child(8):before{content:"⑧"}
.bullet_list.num4 > li:nth-child(9):before{content:"⑨"}


.bullet_list.dot2 > li:before{position:absolute;top:0;left:0;content:"\00B7"}
.bullet_list.dot3 > li:before{position:absolute;top:0;left:0;content:"\2022"}
.bullet_list.dot4 > li:before{position:absolute;top:0;left:0;content:"\2027"}

.bullet_list.p_style > li {
    color: #6c6c6c;
    margin-bottom: 2.5000vw;
    padding-bottom: 0.0000vw;
}

.bullet_list_dl.p_style > dd {
    color: #6c6c6c;
    margin-bottom: 2.5000vw;
    padding-bottom: 0.0000vw;
}

dl.bullet_list_dl{line-height:1.7em}
dl.bullet_list_dl dd{position:relative;padding-left:15px;color:#333;font-weight:300}
dl.bullet_list_dl.pl_0 dd{padding-left: 0px;}
dl.bullet_list_dl.num{counter-reset:num;}
dl.bullet_list_dl.num dd:before{position:absolute;top:0;left:0;counter-increment:num;content:counter(num) ". ";}
dl.bullet_list_dl.dot dd:before{position:absolute;top:0;left:0;content:"·"}
dl.bullet_list_dl.bar dd:before{position:absolute;top:0;left:0;content:"-"}
dl.bullet_list_dl.star dd:before{position:absolute;top:3px;left:0;content:"*"}
dl.bullet_list_dl.ddot dd:before{position:absolute;top:0;left:0;content:"·ㄱ"}
dl.bullet_list_dl.g_g dd{vertical-align:top}
dl.bullet_list_dl.g_g dd:before{position:absolute;top:11px;left:0;width:16px;height:16px;background:url("../images/common/g_g.jpg") no-repeat 0 0;content:""}

dl.bullet_list_dl.star2 > dd{padding-left:20px;}
dl.bullet_list_dl.star2 > dd:before{position:absolute;top:0;left:0;content:"※ "}


dl.bullet_list_dl.dot2 > dd:before{position:absolute;top:0;left:0;content:"\00B7"}
dl.bullet_list_dl.dot3 > dd:before{position:absolute;top:0;left:0;content:"\2022"}
dl.bullet_list_dl.dot4 > dd:before{position:absolute;top:0;left:0;content:"\2027"}
dl.bullet_list_dl.dot5 > dd:before{position:absolute;top:0;left:-3px;content:"▷"}
/*dl.bullet_list_dl.dot5 > dd{padding-left:30px;}*/

dl.bullet_list_dl.dot3 > dd.start:before{position:absolute;top:0;left:0;content:"* "}
dl.bullet_list_dl.dot3 > dd.start2:before{position:absolute;top:0;left:0;content:"※ "}
.bullet_list.bar > li.star2:before{position:absolute;top:0;left:0;content:"※ "}
.bullet_list > li.f_green{color:#007974 !important;}

.rule_content ul > li{color:#555;}
.rule_content dl > dd{color:#555;}
dl.bullet_list_dl.txt_explain > dd{font-size:16px;line-height: 1.7em; letter-spacing: -0.5px;font-weight: 300;}

.bullet_list.arr > li:before{position:absolute;top:-1px;left:-3px;content:"▶";}

/*
.f_brown{color:#8B4513}*/
.input_explain{color:#888;line-height:1.3em;margin-top: 0.0000vw;}

.list-custom-small.list-juso {
    line-height: 6.2500vw;
}

.list-custom-small.list-juso a{
    margin-top: 2.5000vw;
}

#moreloaderLayer {
    position: relative;
    top: 0.0000vw;
    left: 0.0000vw;
    right: 0.0000vw;
    bottom: 0.0000vw;
    z-index: 99999;
    transition: all 200ms ease;
}

#preloaderLayer {
    position: fixed;
    top: 0.0000vw;
    left: 0.0000vw;
    right: 0.0000vw;
    bottom: 0.0000vw;
    z-index: 99999;
    transition: all 200ms ease;
}

 #moreloaderLayer .spinner-border{
     position: absolute;
     top: 50%;
     left: 50%;
     margin-left: -3.7500vw;
 }

.preloader-layer{
    opacity: 0.5;
}

.mt-6 {
    margin-top: 5rem !important;
}


.pl_0 {padding-left: 0px;}
.pl_10 {padding-left: 10px;}
.pl_20 {padding-left: 20px;}
.pl_30 {padding-left: 30px;}
.pl_40 {padding-left: 40px;}
.pl_50 {padding-left: 50px;}
.pl_60 {padding-left: 60px;}
.pl_70 {padding-left: 70px;}
.pl_80 {padding-left: 80px;}

.irp-apply h5{
    font-size: 3.7500vw;
    line-height:3.7500vw;
}

.form-field span.input_explain{
    position: relative;
    right: 0.0000vw;
    font-size: 3.2500vw;
    opacity: 0.8;

}

.f_bold{font-weight:500 !important;}
.f_red{color:#ff0000  !important;}
.f_rd{color:#ff0000  !important;}
.f_green{color:#007974; line-height: 150% !important;}
.f_blue{color:#3663c8 !important;}

.offtraining-table tr th span{
    font-size: 1.7500vw;
    opacity: 0.5;
}

.offtraining-table tr{

}

.offtraining-table tr th{
    padding:0.0000vw;
    border-bottom-color: #bbb9b9;
}

.offtraining-table tr td i{
    font-size: 1.7500vw;
}

.lecture-detail-table a:hover, .lecture-detail-table a{
    color:#1f1f1f;
}

.lecture-detail-table .lecture-name{
    border-bottom-width: 0.0000vw;
    /*border-bottom-color: #37BC9B;*/
}

.page-content .row{
    display: flex;
}

.mx-1-5 {
    margin-right: 0.15rem !important;
    margin-left: 0.15rem !important;
}

.btn_green{
    text-transform: uppercase !important;
    font-weight: 900;
    background-color: #FFF !important;
    border-color: #00ada6 !important;
    color: #00ada6 !important;
}

.btn_green_bg{
    text-transform: uppercase !important;
    font-weight: 900;
    background-color: #00ada6 !important;
    color: #FFF !important;
}

.btn_gray{
    text-transform: uppercase !important;
    font-weight: 900;
    background-color: #FFF !important;
    border-color: #AAB2BD !important;
    color: #AAB2BD !important;
}

.btn_blue{
    text-transform: uppercase !important;
    font-weight: 900;
    background-color: #FFF !important;
    border-color: #4A89DC !important;
    color: #4A89DC !important;
}

.divider.color-highlight{
    background-color: #37BC9B !important;
}

.menu-box-modal.thick-modal {
    max-height: 95%;
}

.menu-title h2 {
    font-size: 5.0000vw;
    font-weight: 700;
    padding: 5.0000vw 0.0000vw 0.7500vw 5.0000vw;
}

.menu-title h3 {
    font-size: 4.5000vw;
    font-weight: 700;
    padding: 5.0000vw 0.0000vw 0.7500vw 5.0000vw;
}

.menu-title a.menu-2 {

    line-height: 16.2500vw;

}

.menu-title h1, .menu-title h2, .menu-title h3  {
    max-width: calc(100% - 13.7500vw);
}


.page-content {
    background-color: white;
    height:100%;
    margin-top: 20.0000vw !important;
}

.form-name input.box-1 {
    border: solid 1px rgba(0, 0, 0, 0.1) !important;
}

.form-name input.box-2 {
    border: solid 1px rgba(0, 0, 0, 0.2) !important;
}

.form-name input.box-3 {
    border: solid 1px rgba(0, 0, 0, 0.3) !important;
}

.form-name input.box-4 {
    border: solid 1px rgba(0, 0, 0, 0.4) !important;
}

.form-name input.box-5 {
    border: solid 1px rgba(0, 0, 0, 0.5) !important;
}

.thick-box-content {
    background-color: white;
    height:100%;
}

.thick-sub-content {
    margin: 5.0000vw 3.7500vw 5.0000vw 3.7500vw;
}

.form-field input.bg-file-upload {
    background-color: #DA4453 !important;
    color: #FFF !important;
    line-height: 5.0000vw;
}


.form-field file.s50 {
    width: 50%;
}

.one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mt-notab {
    margin-top: 11.2500vw !important;

}

.page-content.mt-notab{
    padding-top: 5.0000vw;
    padding-top: calc(5.0000vw + (constant(safe-area-inset-top))*0.8) !important;
    padding-top: calc(5.0000vw + (env(safe-area-inset-top))*0.8) !important;
}

.mb-vw-10 {
    margin-bottom: 10vw !important;
}

#move-top-btn {
    position: fixed;
    bottom: 16.2500vw;
    right: 1.2500vw;
    z-index: 98;
    background-color: transparent;
    text-align: end;
    opacity: 0.6;
}

.f_t_Green{color: green !important;}
.f_t_Gold{color: gold !important;}
.f_t_Silber{color: silver !important;}
.f_t_Bronze{color: burlywood !important;}

.tead_logo_img_app img, .tead_logo_img_app div{display:block; width:100%; max-width:150px;}
.m_survey_ethics{background: url(/2020/images/sub/m_tead_ethics_bg.jpg) no-repeat center 0; }
.m_survey_ethics{margin:3% auto 3% auto; width:91%; background: url(/2020/images/sub/m_survey_ethics_bg.jpg) no-repeat center 0; padding:200px 0 60px 0; }


.input-style textarea:focus{
    height: 100px;
}

.survey_table .icon-check {
    margin-left: -3.5000vw;
}

.survey_table_a .icon-check {
    margin-left: -5.5000vw;
}

.survey_table .icon-check label, .survey_table_a .icon-check label {
    /* cursor: pointer; */
    /* font-size: 3.2500vw; */
    padding: 0.0000vw;
    position: absolute;
    left:7.5vw;
    width:5vw;
}

