@charset "utf-8";

/* sub css 공통 */
.details_wrap{
    width: 100%;
    margin: auto;
    padding: 0;
    margin: 0;
}

/* notification_details */
.notofocation_details_container01{
    width: 92%;
    margin: auto;
}
.notofocation_details_container01>form{
    margin: 60px 0;
}
.notofocation_details_container01>form>select{
    width: 100%;
    height: 52px;
    font-size: 16px;
    border: 1px solid #DAD8D8;
    margin-top: 60px;
}
.notofocation_details_container01>form>select>option{
    width: inherit;
}
.notofocation_details_list{
    width: 100%;
    border-top: 2px solid #000000;
    margin-top: 60px;
    margin-left: 0;
    padding-left: 0;
}
.notofocation_details_list>li{
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #DAD8D8;
}
.notofocation_details_container02 .notofocation_details_list.association{
    border-top: none; 
    margin-top: 0;
}
.new_alret{
    background-color: #FFE7EE;
}

.push_new{
    display: inline-block;
    width: 41px;
    height: 19px;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-size: 12px;
    text-align: center;
    border-radius: 30px;
    line-height: 17px;
    position: relative;
    top: -3px;
    left: 3px;
}

.youtube_video{
    width: 100%;
}
.youtube_video>iframe{
    width: 100%;
    min-height: 200px;
}
.notofocation_details_container02{
    width: 100%;
}
.notofocation_details_container02 a{
    color: #333333;
    text-decoration: none;
}
.notofocation_details_container02 span{
    display: block;
}
.notofocation_details_container02 .notofocation_details_title{
    width: 90%;
    font-size: 20px;
    letter-spacing: -1px;
}
.notofocation_details_container02 .notofocation_details_date{
    font-family: OpenSans;
    font-size: 14px;
    color: #707070;
    padding-top: 8px;
}
.notofocation_details_container02 .notofocation_details_icon{
    float: right;
    position: relative;
    bottom: 3rem;
}
.notofocation_details_container02 .notofocation_details_addBtn{
    border: none;
    background-color: transparent;
    width: 124px;
    height: 48px;
    margin: auto;
    margin-top: 40px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.notofocation_details_addBtn{
    border: none;
    background-color: transparent;
    width: 124px;
    height: 48px;
    margin: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    color: #707070;
}

/* notification_details01 */
.notification_details01_container01{
    height: 60px;
    width: 60px;
}
.notification_details_container03{
    border-bottom: 1px solid #DAD8D8;
    margin-bottom: 40px;
    word-wrap: break-word;
}
.notification_details_container03>p{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 80px;
    padding-top: 20px;
    font-size: 18px;
    word-wrap: break-word;
}
.notification_details_backBtn{
    display: block;
    width: 124px;
    height: 48px;
    border: 1px solid #C299FF;
    color: #6600FF;
    text-decoration: none;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
    margin: auto;
    margin-bottom: 80px;
}

.notification_details_backBtn.noti_detail{
    float: left;
    position: relative;
    left: 10%;
}
.notification_details_backBtn.delete{
    float: right;
    position: relative;
    right: 10%;
    color: #E42424;
    border-color: #E42424;
    background-color: transparent;
}

/* investment_association */
/* investment_association-page1 */
.investment_association_banner{
    width: 100%;
    height: 256px;
    background-color: #6600FF;
    padding: 2px;
}
.investment_association_banner>h5{
    font-family: SCDream6;
    font-size: 36px;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: -2px;
    box-sizing: border-box;
    padding-top: 120px;
    padding-left: 20px;
}
.investment_association_container{
    padding: 40px 20px;
}
.investment_association_container_top>p{
    font-size: 18px;
    box-sizing: border-box;
    padding-bottom: 40px;
    letter-spacing: -1px;
}
.investment_association_container_bottom{
    background-color: #F4F4F4;
    padding: 20px;
    border-radius: 10px;
}
.investment_association_container_bottom_con01{
    padding-bottom: 20px;
    border-bottom: 1px solid #DAD8D8;
}
.investment_association_container_bottom_con01>span{
    display: block;
    text-align: center;
    letter-spacing: -1px;
}
.investment_association_container_bottom_con01_top{
    font-weight: bold;
    padding-top: 2px;
}
.investment_association_container_bottom_con01_bottom{
    padding-top: 4px;
    font-size: 14px;
}
.investment_association_container_bottom_con02{
    box-sizing: border-box;
    padding-top: 20px;
    letter-spacing: -1px;
}
.investment_association_container_bottom_con02>span{
    display: block;
}
.investment_association_container_bottom_con02_top{
    padding-bottom: 40px;
}
.investment_association_container_bottom_con02_mid{
    
}
.investment_association_container_bottom_con02_img{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 0;
}
.investment_association_container_bottom_con02_bottom{
    padding-top: 12px;
    padding-bottom: 30px;
    color: #6600FF;
    width: 80%;
    position: relative;
    z-index: 2;
}
.investment_association_container_bottom_con02_bottom_img{
    float: right;
    position: relative;
    top: -90px;
    left: 8px;
}
.investment_association_container_indicator{
    margin-top: 40px;
    text-align: center;
    color: #707070;
    font-family: OpenSans;
}
.investment_association_container_indicator>a{
    display: inline-block;
    color: #707070;
    text-decoration: none;
    font-family: OpenSans;
}
/* investment_association-page2 */

.maincolor_txt{
    color: #6600FF;
    font-weight: bold;
    text-align: center;
}
.investment_association_warp{
    width: 98%;
    margin: auto;
}
.investment_association_container_bottom02{
    padding-top: 20px;
    margin: auto;
}
.investment_association_container_bottom02>div{
    
}
.investment_association_container_bottom02_circle{
    width: 168px;
    max-width: 50%;
    margin: auto;
    height: 168px;
    background-color: #F4F4F4;
    border-radius: 168px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 11%;
    float: left;
    position: relative;
    left: 27%;
    transform: translateX(-50%);
}
.investment_association_container_bottom02_circle>p{
    font-weight: bold;
    color: #6600FF;
    letter-spacing: -1px;
}
.investment_association_container_bottom02_circle>p>span{
    font-size: 11px;
    letter-spacing: -1.2px;
}
.investment_association_container_bottom02_circle.middle{
    left: 51%;
    top: -22px;
}
.investment_association_container_indicator{
    clear: both;
}
.investment_association_container_bottom03{
    clear: both;
}
.investment_association_container_bottom03>p{
    color: #6600FF;
    padding-top: 20px;
    padding-bottom: 20px;
    letter-spacing: -1px;
}
.center{
    text-align: center;
}
.investment_association_container_bottom03.center{
    padding-top: 40px;
}

/* proceed_sub */
.process_top{
    width: 92%;
    margin: auto;
}
.details_h3{
    font-family: SCDream6;
    font-size: 40px;
    letter-spacing: -1.2px;
    line-height: 60px;
    padding-bottom: 60px;
}
.details_h4{
    font-family: SCDream6;
    color: #6600FF;
    font-size: 20px;
    letter-spacing: -1.4px;
    font-weight: 400;
    padding-top: 100px;
}
.details_title_h4{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px;
    letter-spacing: -1px;
}
.details_title_h4 span{
    display: inline-block;
    padding-bottom: 13px;
}

.details_title_para{
    font-size: 18px;
    margin-bottom: 20px;
}
.process_para{
    font-size: 20px;
    padding-bottom: 60px;
}
.process_line{
    width: 100%;
    height: 16px;
    background-color: #F4F4F4;
    margin-bottom: 40px;
}
.process_bottom{
    width: 92%;
    margin: auto;
}
.process_bottom_graybox{
    width: 100%;
    height: 1542px;
    background-color: #F4F4F4;
    margin-bottom: 80px;
    padding: 20px;
    border-radius: 10px;
}
.box_liner{
    clear: both;
    width: 100%;
    height: 1px;
    background-color: #DAD8D8;
    display: block;
    margin: auto;
}
.process_bottom_graybox_container01_title{
    color: #6600FF;
    font-weight: bold;
    width: 25%;
    height: 136px;
    float: left;
}
.process_bottom_graybox_container01_box{
    width: 75%;
    float: right;
}
.add_2opx{
    width: 100%;
    height: 20px;
}
.process_bottom_graybox_container01_box_inner{
    width: 92%;
    height: 116px;
    margin: auto;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 91% 40%;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    letter-spacing: -1.4px;
}
.process_bottom_graybox_container01_box_inner.corpo{
    line-height: 30px;
    height: 254px;
}
/* background img url */
.process_bottom_graybox_container01_box_inner.inner01_1{
    background-image: url('/images/img_notice_people_72dp.png');
}
.process_bottom_graybox_container01_box_inner.inner02_1{
    background-image: url('/images/img_paper_check_72dp.png');
}
.process_bottom_graybox_container01_box_inner.inner01_2{
    background-image: url('/images/img_paper_stand_72dp.png');
}
.process_bottom_graybox_container01_box_inner.inner02_2{
    background-image: url('/images/img_paper_money_72dp.png');
}
.process_bottom_graybox_container01_box_inner.inner03_2{
    background-image: url('/images/img_paper_send_72dp.png');
}
.process_bottom_graybox_container01_box_inner.inner04_2{
    background-image: url('/images/img_paper_notice_72dp.png');
}
.process_bottom_graybox_container01_box_inner.inner05_2{
    background-image: url('/images/img_paper_accept_72dp.png');
}
.process_bottom_graybox_container01_box_inner.inner06_2{
    background-image: url('/images/img_send_72dp.png');
}
.process_bottom_graybox_container01_box_inner.inner01_3{
    background-image: url('/images/img_paper_mail_72dp.png');
}
.process_bottom_graybox_container01_box_inner.inner02_3{
    background-image: url('/images/img_paper_write_72dp.png');
}

.process_bottom_graybox_container01{
    margin-top: 20px;
}
.process_bottom_graybox_container02{
    margin-top: 40px;
}
.process_bottom_graybox_container03{
    margin-top: 40px;
}
/* corporation 선정기준 */
.circle_container01{
    width: 100%;
}
.circle_container01 .circle_inner{
    width: 44%;
    height: 44%;
    min-width: 140px;
    min-height: 140px;
    max-height: 300px;
    max-width: 300px;
    float: left;
    background-color: #F4F4F4;
    border-radius: 50%;
    font-weight: bold;
    color: #6600FF;
    margin: auto;
}
.maincolor_txt.bold{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 0;
}
/* learn venture */
.learn_venture_txt>p{
    font-size: 18px;
    margin-bottom: 80px;
}
.details_title_h4>span{
    font-weight: 400;
    letter-spacing: -1px;
}
.learn_venture_graybox_innerBox{
    width: 96%;
    height: 179px;
    margin: auto;
    text-align: center;
    background-color: #ffffff;
    margin-bottom: 20px;
}
.learn_venture_graybox_innerBox_inner01{
    display: block;
    padding: 20px 0;
    width: 100%;
    border-bottom: 2px solid #DAD8D8;
    font-weight: bold;
}
.learn_venture_graybox_innerBox_inner02{
    display: block;
    padding: 20px 0;
    letter-spacing: -1px;
}
.learn_venture_graybox_innerBox.second{
    height: 229px;
}
.learn_venture_txt.underbottom>input{
    text-align: right;
}


/* vldeo library */
.video_library_box{
    margin-bottom: 40px;
}
.video_library_box_inner{
    width: 92%;
    margin: auto;
    position: relative;
    padding-bottom: 20px;
}
.video_library_box_inner img{
    width: 100%;
    opacity: 0.4;
}
.video_library_box_inner .video_icon{
    width: 81px;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
}
.video_library_box_inner_txt{
    width: 92%;
    margin: auto;
    line-height: 30px;
}
.video_library_box_inner_txt_date{
    display: inline-block;
    float: right;
}
.details_wrap .details_addBtn{
    border: none;
    background-color: transparent;
    width: 124px;
    height: 48px;
    color: #707070;
    font-weight: 500;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.gray_txt_box{
    width: 92%;
    margin: auto;
}
.gray_txt_box>p{
    padding-bottom: 40px;
    color: #707070;
}
.details_wrap .details_listBtn{
    width: 124px;
    height: 48px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    border: 1px solid #6600FF;
    color: #6600FF;
    border-radius: 2px;
    font-weight: 500;
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 48px;
    margin-top: 20px;
}

#container .details_listBtn{
    width: 124px;
    height: 48px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    border: 1px solid #6600FF;
    color: #6600FF;
    border-radius: 2px;
    font-weight: 500;
    display: block;
    text-decoration: none;
    text-align: center;
    line-height: 48px;
}

/* official letter */
.process_line.official_letter{
    margin-bottom: 0
}
.official_letter_img{
    width: 100%;
}

/* welfare_system */
.welfare_purple_box>table{
    width: 100%;
    background-color: #6600FF;
    color: #ffffff;
    font-weight: bold;
}
.welfare_purple_box>table>thead{
    font-size: 20px;
    letter-spacing: -1px;
    text-align: center;
}
.welfare_purple_box>table>tbody{
    width: 10%;
    font-size: 16px;
}
.welfare_purple_box>table tr{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ffffff;
    text-indent: 1em;
}
.welfare_purple_box .right_num_txt{
    text-align: right;
    padding-right: 16px;
    font-family: OpenSans;
    font-size: 24px;
}
.welfare_purple_box .small_txt{
    font-size: 10px;
}



/* my page */
.info_h4{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 8px;
    letter-spacing: -1px;
}
.info_txt{
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 32px;
    line-height: -1px;
}
.info_txt input{
    width: 100%;
    padding: 16px;
    border: 1px solid #DAD8D8;
    margin-bottom: 8px;
}
.info_txt select{
    width: 100%;
    padding: 16px;
    border: 1px solid #DAD8D8;
    margin-bottom: 8px;
}
.submit_modify_btn{
    margin-top: 52px;
    width: 100%;
    height: 48px;
    background-color: #6600FF;
    color: #fff;
    border: none;
    border-radius: 2px;
}

/* invest_details */
.invest_details_top{
    width: 92%;
    margin: auto;
    margin-top: 90px;
}
.invest_details_bottom_inner{
    width: 92%;
    margin: auto;
}
.invest_details_bottom{
    
}
.invest_details_top>form{
    margin: 60px 0;
    position: relative;
}
.invest_details_select{
    width: 31%; 
    margin-left: 8px;
    margin-top: 2px;
    padding: 12px;
    border: 1px solid #DAD8D8;
}
.invest_details_top input{
    width: 65%;
    padding: 12px;
    border: 1px solid #DAD8D8;
}
.invest_details_top .inputBtn{
    width: 20%;
    border: none;
    position: absolute;
    right: 1%;
    top: -6px;
}
.invest_details_h4{
    font-weight: bold;
    color: #6600FF;
    font-size: 20px;
    letter-spacing: -1px;
}
.invest_details_list{
    width: 100%;
}
.invest_details_list ul{
    padding: 0;
    margin: 0;
    font-size: 18px;
    letter-spacing: -1px;
}
.invest_details_list li{
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #DAD8D8;
}
.invest_details_list_none.highlight{
    background-color: #C299FF;
    color: #fff;
}
.invest_details_list .invest_details_list_left{
    float: left;
    padding-left: 20px;
}
.invest_details_list .invest_details_list_right{
    float: right;
    padding-right: 20px;
}
.invest_details_list .invest_details_list_right.num{
    font-family: OpenSans;
}
.invest_details_btn{
    display: block;
    text-decoration: none;
    color: #6600FF;
    width: 90%;
    margin: 40px auto;
    padding: 8px;
    border: 1px solid #6600FF;
    border-radius: 2px;
    text-align: center;
    letter-spacing: -1px;
}
.chk_page{
    width: 60%;
    margin: auto;
    font-family: OpenSans;
    text-align: center;
}
.chk_page>*{
    font-family: OpenSans;
    text-decoration: none;
    color: #333;
    display: inline-block;
    width: 12.6%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
.chk_page .none{
    color: #CFCDCD;
    font-weight: 400;
}
.chk_page .page_on{
    color: #6600FF;
    text-decoration: underline;
}

.invest_details_list_bottom{
    background-color: #ECDFFF;
    letter-spacing: -1px;
}
.invest_details_list_bottom .invest_details_list_none{
    border: 1px solid #fff;
    
}
.invest_details_list_bottom .invest_details_list_clear{
    clear: both;
    border-bottom: 1px solid #fff; 
}
.invest_details_list_bottom .invest_details_list_none_clear{
    clear: both; 
    border: none;
    border-bottom: 1px solid #fff; 
}
.invest_details_list_right.detail{
    border-bottom: 1px solid #fff; 
    padding-right: 10px; 
    width: 60%;
}
.invest_details_list_left.title{
    line-height: 32px; 
    padding-top: 10px;
}
.invest_details_list_bottom .invest_details_list_none .invest_details_list_left.top{
    display: block;
    color: #6600FF;
    text-align: center;
}
.invest_details_h4.bottom{
    padding-top: 80px;
}
.invest_details_list_none.highlight{
    background-color:#C299FF; 
    color: #fff; 
    border-bottom: 1px solid #fff;
}
.invest_details_list_bottom .invest_details_list_none.purple{
    color: #6600FF; 
    text-align: center;
}
.invest_details_list_bottom .invest_details_list_left.width63{
    width: 63%; 
    border-right: 1px solid #fff;
}
.invest_details_list_bottom .invest_details_list_right.width37{
    width: 37%; 
    border-right: 1px solid #fff; 
    text-indent: 1em
}
.docu_download_wrap .docu_download_li{
    clear: both;
}
.docu_download_wrap .docu_download_left{
    float: left;
    padding-left: 20px;
}
.docu_download_wrap .docu_download_left.line{
    line-height: 30px;
}
.docu_download_wrap .docu_download_right{
    float: right;
    margin-right: 20px;
    margin-top: 7px;
    width: 120px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #6600FF;
    display: inline-block;
    color: #6600FF;
    border-radius: 2px;
    letter-spacing: -1px;
    font-size: 16px;
}
.docu_download_right>button{
    border: none; 
    background-color: transparent; 
    color: #6600FF;
}
.docu_download_wrap li{
    height: 70px;
}
.docu_download_wrap li>span{
    position: relative;
    top: 3px;
}


/* pre_company_ir */
.pre_ir_chkbox{
    width: 92%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 60px;
}
.pre_ir_chkbox>select{
    width: 100%;
    padding: 8px;
    border: 1px solid #DAD8D8;
}
.details_wrap .accordian .panel{
    display: none;
    padding: 18px;
    font-size: 16px;
    letter-spacing: -1px;
}
.details_wrap .accordian{
    width: 100%;
    margin: auto;
}
.details_wrap .accordian .pre_ir_accordian_title>a{
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #333333;
    letter-spacing: -1px;
    padding: 16px;
    border-top: 1px solid #DAD8D8;
}
.accordian .pre_ir_accordian_panel_title{
    display: inline-block;
    width: 24%;
    text-indent: 0.6em;
}
.accordian .panel ul{
   width: 100%; 
   padding: 2px;
}
.accordian .panel ul li{
    padding: 20px 0;
    width: 100%;
    border-bottom: 1px solid #DAD8D8;
}
.accordian .border_none{
    border: none;
}
.pre_ir_accordian_table{
    width: 98%;
    margin: auto;
    font-size: 16px;
    letter-spacing: -1px;
}
.pre_ir_accordian_table td{
    padding: 10px 0;
}
.pre_ir_accordian_table td button{
    width: 100%;
    padding: 10px;
    color: #6600FF;
    border: 1px solid #6600FF;
    border-radius: 2px;
    background-color: transparent;
}
.pre_ir_accordian_table .border_bottom{
    border-bottom: 1px solid #DAD8D8;
}

/* apprisal_wrap */
.appraisal_wrap{
    width: 90%;
    margin: auto;
    color: #6600FF;
    padding: 20px 0;
    letter-spacing: -1px;
    font-size: 18px;
}
.appraisal_btn{
    width: 100%;
    background-color: #6600FF;
    padding: 11px;
    border: none;
    color: #ffffff;
    border-radius: 2px;
    margin: 20px 0;
    display: block;
    text-decoration: none;
    text-align: center;
}
.appraisal_btn.view{
    width: 80%; 
    margin: auto; 
    margin-bottom: 40px; 
    border-radius: 2px;
}
.border_none{
    border: none;
    display: inline-block;
}

/* appraisal_details */
.appraisal_details{
    width: 90%;
    margin: auto;
}
.appraisal_details>h4{
    font-size: 20px;
    font-weight: bold;
}
.appraisal_details_inner_title{
    padding-top: 20px;
}
.appraisal_details_inner{
    font-size: 17px;
    letter-spacing: -1px;
}
.appraisal_details_inner_title.bottom{
    margin-top: 40px;
}
.appraisal_label.label_bottom{
    margin-bottom: 60px;
}
/* 라벨태그  설정 */
.appraisal_label{
    display: inline-block;
    position: relative;
    padding-left: 0.7rem;
    margin-bottom: 0.2rem;
    margin-left: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.appraisal_label>input, .appraisal_labe.label_bottom>input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.appraisal_label .checkmark1{
    position: absolute;
    top: 8px;
    left: -2px;
    height: 0.6rem;
    width: 0.6rem;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #333;
}
.appraisal_label>input:checked ~ .checkmark1{
    background-color: #6600FF;
}
.appraisal_label .checkmark1:after{
    content: '';
    position: absolute;
    display: none;
}
.appraisal_label>input:checked ~ .checkmark1:after{
    display: block;
}
.appraisal_label .checkmark1:after{
    top: 0.12rem;
    left: 0.12rem;
    width: 0.24rem;
    height: 0.24rem;
    border-radius: 50%;
    background-color: #fff;
}
.appraisal_details_yes input, select{
    width: 100%;
    padding: 14px;
    margin-bottom: 60px;
}
textarea{
    width: 100%;
    text-align: left;
    height: 100px;
}
.appraisal_survey_status{
    width: 100%;
}
.appraisal_survey_status>h4{
    font-weight: bold;
    letter-spacing: -2px;
    padding-bottom: 20px;
    text-indent: 1em;
}
.appraisal_survey_status ul{
    background-color: #6600FF;
    color: #fff;
    margin: 0;
    padding: 0;
}
.appraisal_survey_status li{
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    letter-spacing: -1px;
}
.appraisal_survey_status .appraisal_survey_status_left{
    float: left;
    padding-left: 20px;
}
.appraisal_survey_status .appraisal_survey_status_right{
    float: right;
    padding-right: 20px;
}
.appraisal_survey_status_para{
    font-size: 18px;
    padding: 38px 20px;
    color: #6600FF;
    letter-spacing: -1px;
}
.appraisal_btn.clear{
    width: 90%;
    margin: auto;
    margin-bottom: 40px;
}

/* input-file custom */
label.file_custom input{
    position: absolute;
    width: 0;
    overflow: hidden;
    opacity: 0;
}
label.file_custom{
    width: 0%;
    min-width: 90%;
    height: 30px;
    line-height: 42px!important;
    cursor: pointer;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    text-align: right;
    margin-left: 20px;
}
label.file_custom:before{
    content: "파일을 선택해주세요";
    display: block;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    padding: 0 84px 0 10px;
    border: 0px solid #e8eeef;
    border-width: 2px 0 2px 2px;
    border-radius: 3px 0 0 3px;
    background-color: #fff;
    color: #a0b7c5;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    text-indent: .4em;
    vertical-align: middle;
}
label.file_custom[title]:not([title=""]):before{
    content: attr(title);
    color: #162f44;
}
label.file_custom:after{
    content: "파일선택";
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 84px;
    height: 48px;
    padding: 0 4px;
    border-radius: 0 3px 3px 0;
    background-color: #6600FF;
    color: #fff;
    overflow: hidden;
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    text-align: center;
    vertical-align: middle;
}
.image_upload>p{
    color: #6600FF;
    margin-bottom: 40px;
    font-size: 15px;
    padding-left: 28px;
    padding-bottom: 40px;
    position: relative;
    top: -16px;
}

.image_upload{
    position: relative;
    width: 100%;
}
.docu_download_btn{
    position: absolute;
    top: 115px;
    width: 90%;
    height: 48px;
    margin: auto;
    line-height: 48px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #6600FF;
    color: #fff;
    border: none;
    font-size: 16px;
    border-radius: 2px;
}

/* income systerm */
.appraisal_survey_status_right.income{
    font-family: OpenSans;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
}
.appraisal_survey_status li.mini_txt{
    line-height: 17px; 
    font-size: 11px; 
    letter-spacing: 0; 
    position: relative; 
    left: 20px; 
    top: 12px;
}
td.mini_txt02{
    font-size: 11px; 
    letter-spacing: 0; 
    border: none;
}
.mini_txt02>span{
    display: block;
    padding: 0 20px;
}
.appraisal_survey_status .accordian .pre_ir_accordian_title a{
    font-size: 16px;
    font-weight: 600;
}
.appraisal_survey_status .accordian .pre_ir_accordian_title a>span{
    font-size: 10px;
    display: inline-block;
    position: relative;
    top: -2px;
    padding-bottom: 10px;
}
.convert_table{
    width: 100%;
    background-color: #6600FF;
    color: #fff;
}
.convert_table td{
    padding: 14px 0;
}
.convert_table tr{
    border-bottom: 1px solid #fff;
}
.convert_table th{
    padding-left: 14px;
}
.convert_table thead{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.convert_table .con_center{
    text-align: center;
}
.convert_table .con_center.num{
    font-family: OpenSans;
}
.convert_table .con_right{
    text-align: right;
    font-family: OpenSans;
    font-size: 20px;
    font-weight: bold;
    padding-right: 10px;
}
.process_bottom .assessment{
    float: right;
    position: relative;
    top: -24px;
    color: #707070;
    letter-spacing: -1px;
}
.learn_venture_txt.underbottom{
    margin-bottom: 60px;
}
.learn_venture_txt.underbottom>input{
    width: 100%;
    padding: 15px;
}
.process_bottom.bar{
    margin-top: 80px;
}
.process_bottom.bar h4{
    margin-bottom: 0;
    padding-bottom: 0;
}
.learn_venture_txt.select{
    margin-top: 20px;
}
.appraisal_btn.calcu{
    margin-top: 80px;
}

.calculation_result{
    margin: auto;
}
.calculation_result>img{
    margin: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px 0;
}
.calculation_result>h4{
    font-size: 20px;
    color: #6600FF;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 40px;
}
.calculation_result>h4>span{
    color: #707070;
}
.calculation_result_list li{
    background-color: #fff;
    color: #222;
    font-weight: 500;
    font-size: 18px;
    border-bottom: 1px solid #DAD8D8;
    padding-bottom: 20px;
    padding-top: 20px;
    line-height: 24px;
}
.calculation_result_li_left{
    display: inline-block;
    width: 44%;
    padding-left: 16px;
}
.calculation_result_list .bg_color{
    background-color: #F4F4F4;
}

.assessment i{
    display: inline-block; 
    position: relative; 
    top: -6px;
}
.calculation_result i{
    display: inline-block; 
    position: relative; 
    top: -6px;
}
#m_contents3_value h4 .top4{
    display: inline-block; 
    position: relative;
    top: -6px;
}
#m_showprice, #m_showoutprice, #m_befortax, #m_aftertax, #m_return, #m_endprice{
    display: inline-block; 
    position: relative; 
    top: -8px;
}
.calculation_result_li_right.line{
    padding-top: 20px;
}


.bg_color.line2{
    height: 90px;
}
.bg_color.line2>.calculation_result_li_right{
    display: inline-block;
    position: relative;
    top: -10px;
}
.bg_color.line2.purple{
    background-color: #6600FF; 
    color: #fff;
}

.calcu_inner{
    width: 90%; 
    margin: auto;
}
.calcu_inner>p{
    color: #6600FF;
    text-align: center;
    padding-top: 30px;
}
.calcu_form{
    width: 100%;
}
.calcu_form>p{
    font-size: 18px;
    letter-spacing: -1px;
}
.calcu_form input{
    width: 100%;
    padding: 12px;
    border: 1px solid #DAD8D8;
    border-radius: 2px;
    margin-bottom: 20px;
}
.calcu_form .appraisal_label{
    margin-bottom: 60px;
}
.calcu_form .appraisal_label .checkmark1{
    width: 1rem;
    height: 1rem;
    left: -10px;
    top: 5px;
}
.calcu_form .appraisal_label .checkmark1:after{
    width: .5rem;
    height: .5rem;
    top: .17rem;
    left: .17rem;
}
.calcu_form .appraisal_btn{
    border-radius: 4px;
    font-weight: 600;
}

/* tax_story */
.tax_story_img{
    width: 44%;
    float: left;
    margin-right: 2%;
}
.tax_story_img>img{
    width: 100%;
}
.tax_story_content{
    width: 50%;
    float: left;
    margin-left: 3%;
}
.tax_story_s_logo{
    display: block;
    border: 1px solid #6600FF;
    width: 116px;
    border-radius: 60px;
    padding: 2px 4px;
    text-align: center;
    color: #6600FF;
    letter-spacing: -1px;
}
.tax_story_s_txt{
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: 600;
    margin-top: 8px;
    display: inline-block;
}
.story_liner{
    clear: both;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #DAD8D8;
    margin-bottom: 40px;
}
.tax_story_liner{
    color: #222;
    display: block;
}
.details_h3.tax_story{
    letter-spacing: -2px;
    margin-top: 80px;
}
.story_inner_wrap{
    margin: auto;
}
.story_inner_img{
    width: 100%;
    height: 210px;
    background-color: red;
    margin-bottom: 60px;
}
.story_inner_img>img{
    width: 100%;
}
.story_inner_wrap>p{
    padding: 0 20px;
    font-size: 18px;
    margin-bottom: 60px;
}
.direction{
    width: 100%;
}
.direction>iframe{
    width: 100%;
}

/* commission */
.commission_date{
    margin-top: 110px;
    margin-bottom: 60px;
}
.commission_date input{
    width: 100%;
    padding: 16px;
}

.commission_date p{
    padding-top: 8px;
    color: #6600FF;
    letter-spacing: -1px;
}
/* 수수료 관리 달력 */
.commission_date input{
        width: 100%;
        min-width: 280px;
        border: 1px solid #DAD8D8;
    }
    .commission_date input[type="date"]::before{
        content: attr(data-placeholder);
        width: 100%;
        color: #DAD8D8; 
    }
     .commission_date input[type="date"]:focus::before,
     .commission_date input[type="date"]:valid::before{
         display: none;
         width: 100%;
     }

.investmen_status{
    width: 92%;
    margin: auto;
}
.investmen_status .inputName{
    width: 100%;
    padding: 12px;
    border: 1px solid #DAD8D8;
    border-radius: 2px;
    position: relative;
}
.investmen_status .inputBtn{
    position: relative;
    top: -48px;
    left: 86%;
}
.docu_download_wrap .docu_download_li.none{
    border: none;
}

.process_line.thin{
    height: 2px; 
    margin-top: 40px;
}

.basic_wrap{
    width: 92%;
    margin: auto;
}
.current_state_btn{
    width: 97%;
    margin: auto
}
.current_state_btn>a{
    display: inline-block;
    width: 47%;
    text-align: center;
    height: 48px;
    border: 1px solid #6600FF;
    color: #6600FF;
    text-decoration: none;
    line-height: 48px;
    border-radius: -1px;
    font-weight: 500;
    margin: 1%;
}
.current_state_btn .current_state_btn_active{
    background-color: #6600FF;;
    color: #fff;
}
.invest_details_list .li_bottom{
    padding-bottom: 100px;
    border-bottom: none;
}

.cnc_table{
    width: 100%;
}
.cnc_table td{
    padding: 20px;
}
.cnc_table_title{
    width: 30%;
    min-width: 120px;
    vertical-align: top;
    letter-spacing: -1px;
}
.cnc_table tr{
    border-bottom: 1px solid #DAD8D8;
}

.income_cla_h4{
    margin-top: 80px;
}
.income_cla_span{
    font-weight: 400; 
    letter-spacing: -1px;
    font-size: 17px;
    display: inline-block;
    padding-bottom: 10px;
}

/* online session video pop */
.player{
    position: relative;
}
.tac .video_pop_close{
    display: block;
    text-decoration: none;
    color: #222;
    width: 140px;
    position: absolute;
    top: 67%;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: -1px; 
    border: 1px solid #fff;
    text-align: center;
    border-radius: 4px;
    background-color: #6600FF;
    padding: 3px 0;
    color: #fff;
}

.none_data{
    display: inline-block;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}
.ir_view{
    width: 100%;
}
.pop_data_youtube{
    width: 98%;
    margin: auto;
    background-color: #fff;
    padding: 10px;
    height: 346px;
}
.pop_data_youtube>p{
    font-size: .7em;
    letter-spacing: -1px;
    padding: 10px 0;
}
.youtube_layer_pop{width:100%;padding-bottom:30px;float:none;}
.youtube_layer_pop{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.youtube_layer_pop iframe{position:absolute;width:100%;height:100%;top:0;left:0;}
.ir_view{
    width: 100%;
}

/* contents app_con */
#container{
    font-family: NotoSansCJKkr;
}
.contents.app_con{
    width: 92%;
    margin: auto;
}
.contents.app_con .con_tit2{
    width: 100%;
    border-bottom: 4px soild #333;
}
.contents.app_con .con_tit2>h1{
    border-bottom: 1px solid #333;
    font-size: 22px;
    padding-top: 60px;
    padding-bottom: 20px;
    font-weight: bold;
}

.contents.app_con>p{
    padding: 30px 0;
}
.contents.app_con>a{
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 4px;
    font-weight: 500;
    background-color: #6600FF;
}
.contents.app_con>a.modify.long{
    height: 64px;
    line-height: 30px;
}
@media screen and (max-width:374px){
    .commission_date>form{
        margin-top: 140px;
    }
    .invest_details_top .invest_details_select{
        margin-top: 70px;
    }
    .process_top{
        margin-top: 60px;
    }
    .investment_association_banner{
        margin-top: 40px;
    }
    .investment_association_banner>h5{
        font-size: 32px;
    }
    .current_state_btn{
        margin-top: 140px;
    }
    .chk_page>a{
        width: 11%;
    }
    .income_cla_span{
        font-size: 15px;
    }
    .notofocation_details_list.inner{
        margin-top: 120px;
    }
    .invest_details_top .inputBtn{
        width: 23%;
        border: none;
        position: absolute;
        right: 1%;
        top: 62px;
    }
    
}
@media screen and (min-width:375px){
    .player .pop_data_youtube{
        height: 350px;
    }
    .pop_data_youtube .tac .video_pop_close{
        top: 68.5%;
    }
}
@media screen and (min-width:425px){
    .invest_details_top .inputBtn{
        width: 18%;
    }
    .youtube_video>iframe{
        min-height: 220px;
    }
    .story_inner_wrap>p{
        padding-top: 60px;
    }
    .invest_details_list ul{
        font-size: 18px;
    }
    .player .pop_data_youtube{
        height: 380px;
    }
    .pop_data_youtube .tac .video_pop_close{
        top: 70%;
    }
}

@media screen and (min-width:768px){
    .notofocation_details_container02 .notofocation_details_icon{
        bottom: 2.6rem;
    }
    .investment_association_container_bottom02_circle{
        padding-top: 6%;
    }
    .investment_association_container_bottom02 .investment_association_container_bottom02_circle{
        width: 50%;
        height: 200px;
    }
    .investmen_status .inputBtn{
        left: 92%;
    }
    .invest_details_top .inputBtn{
        width: 10%;
    }
    .youtube_video>iframe{
        min-height: 400px;
    }
    .story_inner_wrap>p{
        padding-top: 280px;
    }
    .player .pop_data_youtube{
        height: 540px;
    }
    .pop_data_youtube .tac .video_pop_close{
        top: 81.5%;
    }
    .video_library_box_inner .video_icon{
        top: 150px;
    }
}