@charset "utf-8";

.red_arr {position:relative;display:inline-block;padding-right:18px;color:#d61111 }
.red_arr:after {content:'';position:absolute;top:11px;right:0;background:url('../images/ir/ico_up_red.svg') no-repeat;background-size:14px 11px;width:14px;height:11px}
.blue_arr {position:relative;display:inline-block;padding-right:18px;color:#0046ff }
.blue_arr:after {content:'';position:absolute;top:11px;right:0;background:url('../images/ir/ico_down_blue.svg') no-repeat;background-size:14px 11px;width:14px;height:11px}
.graph + .tscroll {margin-top:80px}
.top_date {position:relative;z-index:1}
.top_date:after {content:'';display:block;clear:both}
.top_date .select_txt {position:absolute;top:0;left:0;z-index:0;vertical-align:middle}
.top_date .select_txt:after {content:'';display:block;clear:both}
.top_date .sel_txt {float:left;font-size:18px;line-height:48px;font-weight:700;color:#000;margin-right:16px}
.top_date .select_wrap {float:left;width:150px}
.top_date .tab_wrap.right {padding-top:5px}
.top_date .inputbt_wrap {position:relative;margin-bottom:24px;z-index:1}
.top_date .sorting_txt .sel_txt {display:none}
.graph_wrap {width:100%;margin-bottom:80px;}
.graph_wrap .graph_txt {display:flex;justify-content:space-between;align-items:center;}
.graph_wrap .graph_txt span.tit {display:block;font-size:20px;line-height:32px;font-weight:700;}
.graph_wrap .graph_txt span.date {display:block;font-size:14px;line-height:24px;color:#565b64}
.graph_area {width:100%;margin-top:16px;}
/* 투자정보 - 주가정보*/
.graph_summary{position:relative;width:100%;height:156px;display:flex;justify-content:space-between;align-items:center;margin-bottom:80px;padding:0 40px;box-sizing:border-box;border-radius:24px;color:#fff;background:linear-gradient(90deg, #121418 41%, #5F697E 100%);z-index:0;}
.graph_summary:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;border-radius:24px;background:url('../images/ir/stock_bg_w.png') no-repeat right top / cover;z-index:-1;}
.graph_summary.type2:after{background:url('../images/ir/stock_bg2_w.png') no-repeat right top;} 
.graph_summary .now_num{position:relative;padding-right:63px;}
.graph_summary .now_num:after{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:0;width:1px;height:48px;background:#565b64;opacity:.6;z-index:1;}
.graph_summary .now_num_in{display:flex;align-items:center;}
.graph_summary .now_num_in .now{display:flex;align-items:center;}
.graph_summary .now_num_in .now .txt{font-weight:700;font-size:16px;line-height:60px;}
.graph_summary .now_num_in .now strong{font-weight:900;font-size:42px;font-family:'OneShinhan';margin-left:46px;}
.graph_summary .now_num .rate{margin-left:56px;}
.graph_summary .now_num .rate .per{position:relative;font-size:14px;font-weight:500}
.graph_summary .now_num .rate .per.down{color:#59a1f1;}
.graph_summary .now_num .rate .per.down.arr {padding-right:20px}
.graph_summary .now_num .rate .per.down.arr:after {content:'';position:absolute;width:10px;height:8px;top:50%;transform:translateY(-50%);right:0;background:url('../images/ir/s_blue_arr.svg') no-repeat;background-size:10px 8px}
.graph_summary .now_num .rate .per.up{color:#d61111}
.graph_summary .now_num .rate .per.up.arr {padding-right:20px}
.graph_summary .now_num .rate .per.up.arr:after{content:'';position:absolute;width:10px;height:8px;top:50%;right:0;transform:translateY(-50%); background:url('../images/ir/s_red_arr.svg') no-repeat;background-size:10px 8px}
.graph_summary .now_num .rate .per + .per {padding-left:16px;margin-left:16px}
.graph_summary .now_num .rate .per + .per:before {content:'';position:absolute;top:50%;transform:translateY(-50%);left:0;width:1px;height:12px;background:#565b64}
.graph_summary .nums{position:relative;display:flex;align-items:center;padding-left: 50px;}
.graph_summary .nums span{display:flex;align-items:center;font-size:14px;line-height:48px;font-weight:700}
.graph_summary .nums strong {font-size:22px;line-height:48px;font-weight:700;margin-left:5px}
.graph_summary .nums span + span {margin-left:64px}
/* annual report */
.title + .sub_visual{margin-top: 80px;}
.sub_visual.annual{background-position: 50%;background-repeat: no-repeat;background-size: cover;position: relative;width: 100%;height: 420px;}
.sub_visual.annual .bg {bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: -1;}
.sub_visual.annual .bg img{height: 100%;object-fit: cover;width: 100%;}

.board_des .report_down{margin-top: 16px; font-size: 0;}
.board_des .report_down a:not(:last-child){margin-bottom: 8px;}
.prgallery_wrap.annual{margin-top:80px;}
.prgallery_wrap.annual ul.prgallery_list{align-items:baseline;}
/* IR 캘린더 */
.ir_wrap .ir_table{border-top: 1px solid #565b64 ;}
.ir_wrap .ir_table li{display: flex;align-items: center;height: 134px;border-bottom: 1px solid #ebeff5;position: relative;}
.ir_wrap .ir_table .col:first-of-type{min-width: 156px;text-align: center;position: relative;}
.ir_wrap .ir_table a{display: contents;}
.ir_wrap .ir_table .col:first-of-type::after{content:'';position: absolute;width: 1px;height: 96px;background-color: #d6dbe1;top: -12px;right: 0;}
.ir_wrap .ir_table .col:last-child{padding-left: 43px;width: calc(100% - 212px);box-sizing: border-box;}
.ir_wrap .ir_table .ir_date{font-family: 'OneShinhan';font-size: 32px;font-weight: 500;line-height: 44px;color: #24272d;}
.ir_wrap .ir_table .ir_year{font-size: 18px;font-weight: 300;line-height: 28px;color: #565B64;}
.ir_wrap .ir_table .ir_title{font-size: 24px;font-weight: 700;line-height: 38px;color: #24272d;}
.ir_wrap .ir_table .col:last-child:hover .badge.blue{background: #0046FF;color: #fff;}
.ir_wrap .ir_table .col:last-child:hover .ir_title{color: #0046ff;}
/* IR 캘린더 툴팁 */
.ir_wrap .tooltip{position: relative;}
.ir_wrap .tooltip_btn {display: inline-block;position: relative;padding: 0;outline:none}
.ir_wrap .tooltip.on .tooltip_content {display: block;outline:none}
.ir_wrap .codr_ico_detail {display: inline-block;overflow: hidden;background:#EBEFF5 url('../images/common/paper_clip_gray.png') no-repeat center;background-size:12px 14px;width: 32px;height: 32px;border-radius:50%;}
.ir_wrap .codr_ico_detail:hover,
.ir_wrap .codr_ico_detail.on {background-color:#0046FF;background-image: url('../images/common/paper_clip_blue.png');box-shadow:0px 4px 4px 0px rgba(0,0,0,.16);}
.ir_wrap .blind {overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;line-height: 0;white-space: normal;word-wrap: break-word;word-break: break-all;clip: rect(0, 0, 0, 0);}
.ir_wrap .blind:before {display: block;width: 0;height: 0;font-size: 0;content: '\00a0';}
.ir_wrap .tooltip_content{display: none;}
.ir_wrap .tooltip_content {box-shadow: 0 4px 4px rgba(0,0,0,25%);text-align:left;position: absolute;right: -8px;z-index: 10;min-width: 390px;margin-top: 10px;padding:12px 8px 10px 12px; background-color: #0046ff;word-wrap: break-word;word-break: break-all;border-radius: 6px;opacity: 92%;}
.ir_wrap .tooltip_content::before{position:absolute;content: '';width: 12px;height: 8px;background: url('../images/common/tooltip_icon.svg') no-repeat;background-size: 100%;top: -7px;right: 19px;}
.ir_wrap .codr_tooltip_head {position: relative;word-break: break-word;word-wrap: break-word;line-height: 1;}
.ir_wrap .codr_tooltip_tit {font-size: 14px;letter-spacing: -0.5px;color: #fff;font-weight: 300;line-height: 18px;}
.ir_wrap .tooltip_close {display: block;overflow: hidden;position: absolute;top: 0;right: 0;display: block;width: 16px;height: 16px;background: url('../images/common/white_x_icon.svg') no-repeat;background-size: 16px 16px;}
.ir_wrap .codr_info_lst {margin-top: 4px;padding: 0;line-height: 1;}
.ir_wrap .codr_info_lst li a {font-size: 14px;letter-spacing: -0.5px;color: #fff;font-weight: 300;line-height: 18px;}
.ir_wrap .codr_info_lst li{border: none;height: unset;padding: 0;}
/* Investor Relations */
.inverstor_bg{position: relative;}
.inverstor_bg::before{position: absolute;background: url(../images/ir/inverstor_bg.jpg) no-repeat;content: '';top: -155px;width: 100%;height: 969px;z-index: -1;background-size: cover;}
.title.inverstor{margin-top: 63px; color: #fff;}
.inverstor_main{display: flex;align-items: center;justify-content: space-between;height: 493px;}
.inverstor_main .stock_now_left{width: calc(51% - 16px);border-radius: 24px;height: 100%;background: #fff url('../images/ir/stock_graph.jpg') ; background-repeat: no-repeat;overflow: hidden;padding: 44px  0 0 56px;box-sizing: border-box;background-position: bottom;} 
.inverstor_main .stock_now_left .stock_now_tit{font-size: 20px;line-height: 32px;font-weight: 700;color: #24272d;}
.inverstor_main .stock_now_left .stock_now_num{display: flex;align-items: end;margin-top: 62px;}
.inverstor_main .stock_now_left .stock_now_num p{font-size: 72px;font-weight: 900;line-height: 66px;font-family: 'OneShinhan';color: #24272D;margin-right: 16px;}
.inverstor_main .stock_now_left .stock_now_num ul{display: flex;align-items: center;justify-content: center;}
.inverstor_main .stock_now_left .stock_now_num ul li{font-size: 18px;line-height: 28px;font-weight: 500;color: #565B64;padding:0 16px;position: relative;}
.inverstor_main .stock_now_left .stock_now_num ul li:first-of-type{padding:0 32px;}
.inverstor_main  span.up_red{font-size: 18px;line-height: 28px;font-weight: 500;color: #d61111;position: relative;}
.inverstor_main  span.up_red::after{position: absolute;content: '';width: 12px;height: 9.6px;background: url('../images/ir/ico_up_red.svg');background-size: 12px 9.6px; top: 50%;right: -16px;transform: translateY(-50%);}
.inverstor_main  span.up_blue{font-size: 18px;line-height: 28px;font-weight: 500;color: #0046FF;position: relative;}
.inverstor_main  span.up_blue::after{position: absolute;content: '';width: 12px;height: 9.6px;background: url('../images/ir/ico_down_blue.svg');background-size: 12px 9.6px; top: 50%;right: -16px;transform: translateY(-50%);}
.inverstor_main .stock_now_left .stock_now_num ul li:first-of-type::after{position: absolute;content: '';width: 1px;height: 12px;background: #b9c1c9;right: 0;top: 8px;}
.inverstor_main .stock_now_right{width: 49%;} 
.inverstor_main .stock_now_right .stock_now_wrap{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin: -15px -7px 0;} 
.inverstor_main .stock_now_right .stock{width: calc((100% - 28px)/2);height:238px;margin: 15px 7px 0;padding: 40px 32px 43px 40px;box-sizing: border-box;border-radius: 24px;background-color:rgb(255, 255, 255, 0.8);backdrop-filter: blur(7.5px);display: flex;flex-direction: column;justify-content: center;-webkit-backdrop-filter:blur(7.5px)} 
.inverstor_main .stock_now_right .stock.blur{background-color: rgb(255, 255, 255, 0.5);}
.inverstor_main .stock_now_right .stock .name{font-size: 20px;font-weight: 700;line-height: 32px;color: #24272D;display: inline-block;position: relative;}
.inverstor_main .stock_now_right .stock .name.arrow::after{position: absolute;content: '';width: 16px;height: 16px;background: url('../images/common/ico_more.svg') 100% / cover; background-size: 16px;background-repeat: no-repeat; top: 50%; right:-24px;transform: translateY(-50%);}
.inverstor_main .stock_now_right .stock .num{font-size: 42px;font-weight: 900;line-height: 60px;color: #24272D;text-align: center;margin: 20px 0 16px;font-family: 'OneShinhan';}
.inverstor_main .stock_now_right .stock .rate{font-size: 18px;font-weight: 500;line-height: 28px;color: #565B64;text-align: center;}
.inverstor_main .stock_now_right .credit_wrap{display: flex;width: 100%;justify-content: center;align-items: center;background-color: #BFCAE5;border-radius: 50px;padding: 9px 0;height: 33px;box-sizing: border-box;margin: 12px 0 8px;}
.inverstor_main .stock_now_right .credit_wrap li{font-size: 12px;font-weight: 700;;color: #6A789A;line-height: 18px;text-align: center;width: calc(100% / 3);position: relative;}
.inverstor_main .stock_now_right .credit_wrap li:not(:last-child)::after{position: absolute;content: '';width: 1px;height: 15px;background-color: #D7E2FC;top:0px;right: 0;}
.inverstor_main .stock_now_right .grade_wrap{display: flex;justify-content: center;}
.inverstor_main .stock_now_right .grade_wrap li{position: relative;width: calc(100% / 3);height: 76px;text-align: center;color: #2d3c61;font-size: 24px;line-height: 38px;font-weight: 700;}
.inverstor_main .stock_now_right .grade_wrap li:not(:last-child)::after{position: absolute;content: '';width: 1px; height: 58px;right: 0px;top: 8px;background-color: #BFCAE5;}
.inverstor_main .stock_now_right .grade_wrap li p{height: calc(76px / 2);}
.investor_info_wrap{display: flex;justify-content: center;align-items:center;flex-wrap: wrap;margin: 64px -8px 0;}
.investor_info_wrap .info a{display: block;}
.investor_info_wrap .info{width: calc((100% - 48px ) / 3);margin: 16px 8px 0;background-color: #e6edff;border-radius: 24px;position: relative;backdrop-filter: blur(7.5px);box-sizing: border-box;padding: 40px 0 0 40px;height: 325px;}
.investor_info_wrap .info::after{content:'';position: absolute;width: 132px;height: 132px;background: url('../images/ir/investor_icon01.png');right: 19px;bottom: 18px;z-index: 1;background-size: 132px;}
.investor_info_wrap .info:nth-child(2):after{background: url('../images/ir/investor_icon02.png');background-size: 132px;}
.investor_info_wrap .info:nth-child(3):after{background: url('../images/ir/investor_icon03.png');background-size: 132px;}
.investor_info_wrap .info:nth-child(4):after{background: url('../images/ir/investor_icon04.png');background-size: 132px;}
.investor_info_wrap .info:nth-child(5):after{background: url('../images/ir/investor_icon05.png');background-size: 132px;}
.investor_info_wrap .info:nth-child(6):after{background: url('../images/ir/investor_icon06.png');background-size: 132px;}
.investor_info_wrap .info .info_tit{font-size: 18px;font-weight: 500;line-height: 28px;color: #24272D;margin-bottom: 16.5px ;position: relative;}
.investor_info_wrap .info .info_tit.arrow::after{position: absolute;content: '';width: 16px;height: 16px;background: url('../images/common/ico_more.svg') 100% / cover; background-size: 16px;background-repeat: no-repeat; top: 50%; right:-24px;transform: translateY(-50%);}
.investor_info_wrap .info .info_tit.arrow{display: inline-block;}
.investor_info_wrap .info .info_report{font-size: 28px;font-weight: 900;line-height: 42px;color: #24272D;margin-bottom: 32px;font-family: 'OneShinhan';position: relative;z-index: 10;}
.investor_info_wrap .info .info_doc{display: flex;align-items: center;}
.investor_info_wrap .info .info_doc li{font-size: 18px;font-weight: 500;line-height: 28px;color: #565B64;position: relative;padding: 0 20px 0 16px;}
.investor_info_wrap .info .info_doc li:not(:last-child)::after{position: absolute;content: '';width: 1px;height: 16px;background-color: #b9c1c9;right: 0px;top: 6px;}
.investor_info_wrap .info .info_doc li:first-of-type{padding:0 36px 0 0;}
.investor_info_wrap .info .btn_down{position: relative;color:#565B64;z-index:2;}
.investor_info_wrap .info .btn_down::after{position: absolute;content: '';width: 16px;height: 16px;background: url('../images/common/ico_down.svg');background-size: cover;right: -20px;top: 50%;transform: translateY(-50%);}
.investor_info_wrap .info .btn_down.arrow::after{background: url('../images/common/ico_arrowupright.svg');}
.btn.ico.arrow.white{height: 56px;font-family: 'Pretendard';font-size: 22px;font-weight: 700;color:#24272d;line-height:56px;background-color: rgb(255, 255, 255, 0.4);backdrop-filter: blur(20px);border-radius: 30px;border: 1px solid #b3c8ff;margin-left: 0;display: table;z-index: 10;}
.btn.ico.arrow.white:not(:last-child){margin-bottom: 16px;}
.btn.ico.arrow.white::after{background: url('../images/common/ico_gray_arrow.svg');background-size: 25.6px;width: 25.6px;height: 25.6px;}
.investor_ir_cal{margin: 80px auto 0;}
.investor_ir_cal > a{display: block;width: fit-content;margin: 0px auto;padding-right: 20px;}
.investor_ir_cal .s_tit.type2.investor span{position: relative;}
.investor_ir_cal .s_tit.type2.investor span::after{position: absolute;content: '';width: 32px;height: 32px;background: url('../images/common/ico_gray_arrow.svg');background-size: 32px;background-repeat: no-repeat;right:-36px;top: 50%;transform: translateY(-50%);}
.investor_ir_cal .cal_detail_wrap{margin: -32px -8px 0;}
.investor_ir_cal .cal_detail_wrap ul{display: flex;align-items: center;width: 100%;flex-wrap: wrap}
.investor_ir_cal .cal_detail_wrap ul li{width: calc((100% - 96px) / 6);;margin: 32px 8px 0;border-radius: 24px;border: 1px solid #d6dbe1;box-sizing: border-box;text-align: center;}
.investor_ir_cal .cal_detail_wrap ul li a{padding: 24px;box-sizing: border-box;height: 100%;display: block;}
.investor_ir_cal .cal_detail_wrap ul li:hover{border: 1px solid #0046FF;}
.investor_ir_cal .cal_detail_wrap ul li .ir_date {padding-bottom: 12px;border-bottom: 1px solid #EBEFF5;width: 100%;}
.investor_ir_cal .cal_detail_wrap ul li .ir_date p:first-of-type{color: #24272D;font-family: 'OneShinhan';font-weight: 500;line-height: 38px;font-size: 28px;}
.investor_ir_cal .cal_detail_wrap ul li .ir_date p:last-of-type{color: #565B64;font-weight: 300;line-height: 28px;font-size: 18px;}
.investor_ir_cal .cal_detail_wrap ul li:hover .ir_date{border-bottom: 1px solid #0046FF;}
.investor_ir_cal .cal_detail_wrap ul li:hover .ir_date p:first-of-type{color: #0046FF;}
.investor_ir_cal .cal_detail_wrap ul li:hover .ir_date p:last-of-type{color: #0046FF;}
.investor_ir_cal .cal_detail_wrap ul li .ir_tit{padding-top: 12px;}
.investor_ir_cal .cal_detail_wrap ul li .ir_tit p{color: #24272D;font-weight: 700;line-height: 32px;font-size: 20px;word-break: keep-all;text-overflow:ellipsis;overflow:hidden; display:-webkit-box;line-clamp:2;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 64px;}
.investor_ir_cal .cal_detail_wrap ul li:hover .ir_tit p:last-of-type{color: #0046FF;}
.inverstor_sub_txt{background-color: #EBEFF5;border-radius: 24px;padding: 32px;box-sizing: border-box;margin-top: 56px;display: flex;justify-content: space-between;align-items: center;}
.inverstor_sub_txt .txt_main{font-size: 24px;font-weight: 500;line-height: 38px;color: #808892;display: inline-block;}
.inverstor_sub_txt .email_wrap p{font-size: 18px;font-weight: 500;line-height: 28px;color: #808892;display: inline-block;margin-right: 8px;}
.btn.bord.white{color:#808892;background-color:rgba(255, 255, 255, 0.10);border: 1px solid #B9C1C9;font-size: 12px;font-weight: 300;line-height: 26px;border-radius: 100px;backdrop-filter: blur(40px);height: 28px;padding: 0 16px;}
.investor_ir_cal{display: block;}
.investor_ir_cal_mo{display: none;}
.stock_frame {width:100%;display:block;height:100%}
/*신용평가등급*/
.btn_wrap.rtype{justify-content: flex-end; margin-bottom:24px;}
.s_tit.rating{margin-top:80px;}
.gpop_text {font-size: 22px;line-height: 34px;font-weight: 500;color: #24272D;}
.gpop_text.bol {font-weight: 700;margin: 24px 0 16px 0;}
@media (max-width:2000px){
    .inverstor_main .stock_now_left .stock_now_num{margin-top: 32px;align-items: baseline;flex-direction: column;}
    .inverstor_main .stock_now_left .stock_now_num ul{margin-top: 20px;}
    .inverstor_main .stock_now_left .stock_now_num ul li:first-of-type{padding-left: 0;}
}
@media (max-width:1860px){
    .inverstor_main .stock_now_left {background-position-y: 0px;}
}
@media screen and (max-width: 1700px) {
    /* 투자정보 - 주가정보 */
    .graph_summary .now_num{padding-right:20px;}
    .graph_summary .now_num:after{display:none;}
    .graph_summary .now_num_in .now strong{font-size:30px;margin-left: 20px;}
    .graph_summary .now_num .rate .per + .per {padding-left:10px;margin-left:10px}
}
@media (max-width:1570px){
    .investor_info_wrap .info .info_tit{font-size: 16px;line-height: 26px;}
}
@media (max-width:1510px){
    /* 투자정보 - 주가정보 */
    .graph_summary .now_num .rate{margin-left: 20px;}
}
@media (max-width:1499px){
    .btn.ico.arrow.white{font-size: 14px;height: 50px;line-height: 50px;}
    .investor_info_wrap .info{padding: 30px 0 0 30px;}
    .investor_info_wrap .info::after{right: 10px;width: 80px;height: 80px;background-size: 80px;}
    .investor_info_wrap .info:nth-child(2):after {background-size: 80px;}
    .investor_info_wrap .info:nth-child(3):after {background-size: 80px;}
    .investor_info_wrap .info:nth-child(4):after {background-size: 80px;}
    .investor_info_wrap .info:nth-child(5):after {background-size: 80px;}
    .investor_info_wrap .info:nth-child(6):after {background-size: 80px;}
    .investor_info_wrap .info {height: 270px;}
    .btn.ico.arrow.white:not(:last-child) {margin-bottom: 8px;}
    .investor_ir_cal .cal_detail_wrap ul li{width: calc((100% - 80px) / 5);}
    .investor_ir_cal .cal_detail_wrap ul li.num_06{display: none;}
    .investor_ir_cal .cal_detail_wrap ul li .ir_date p:first-of-type{font-size: 20px;}
    .investor_ir_cal .cal_detail_wrap ul li .ir_tit p{font-size: 15px;line-height:25px;height: 50px;}
    .investor_ir_cal{margin: 56px auto 0;}
}
@media screen and (max-width: 1480px) {
    /* 투자정보 - 주가정보 */
    .graph_summary .now_num{padding-right: 0;}
    .graph_summary .now_num_in .now strong{font-size:24px}
    .graph_summary .nums{padding-left:0;}
    .graph_summary .nums:before {display:none}
    .graph_summary .now_num:after{display:none;}
    .graph_summary .now_num_in{flex-direction:column;justify-content:center;align-items:normal;}
    .graph_summary .now_num_in > div {display:flex;align-items:center;height:40px;}
    .graph_summary .now_num_in .now strong{font-size:24px}
    .graph_summary .now_num .rate{margin-left:0;}
    /* 투자정보 */
    .inverstor_sub_txt{margin-top: 48px;}
}
@media (min-width: 1024px) and (max-width: 2000px) { 
    .sub_visual.annual{height:auto;aspect-ratio:1920/425;}
}
@media (min-width: 1024px) and (max-width: 1425px) { 
    .prgallery_wrap.annual ul.prgallery_list {margin:-56px -8px 0px}
    .prgallery_wrap.annual ul.prgallery_list li {width: calc((100% - 80px) / 5);margin: 56px 8px 0px;position: relative;}
}
@media (min-width: 1024px) and (max-width: 1440px) { 
    .sub_visual .sub_inner .visual_txt h1{font-size: 48px;line-height: 66px;margin-bottom: 16px;}
    .sub_visual .sub_inner .visual_txt h3{font-size: 28px;line-height: 38px;margin-bottom: 120px;}
}
@media (min-width: 1024px) and (max-width: 1280px) { 
    .inverstor_main .stock_now_right .stock .num{font-size: 36px;line-height: 50px;}
}
@media screen and (max-width: 1350px) {
    .inverstor_main .stock_now_right .stock{padding: 25px;height: 200px;}
    .inverstor_main {height: 415px;}
    .inverstor_main .stock_now_left{padding: 44px 0 0 25px;background-position-x: -325px;}
    .inverstor_bg::before{top: -253px;}
    .inverstor_main .stock_now_left .stock_now_num p{font-size: 60px;}
    .inverstor_main .stock_now_right .grade_wrap li {font-size: 20px;}
    .inverstor_main .stock_now_right .credit_wrap li{font-size: 11px;line-height: 14px;}
    .investor_info_wrap .info .info_doc li:first-of-type{padding: 0 28px 0 0;}
    .investor_info_wrap .info .info_doc li{padding: 0 20px 0 13px;}
    .investor_info_wrap{margin: 40px -8px 0;}
}
@media screen and (max-width: 1280px) {
    .inverstor_main .stock_now_right .stock{padding: 25px;}
    .inverstor_main .stock_now_left{padding: 44px 0 0 25px;background-position-x: -325px;}
    .investor_info_wrap .info .info_report{font-size: 20px;line-height: 32px;}
    .btn.ico.arrow.white::after { background-size: 21.6px;width: 21.6px;height: 21.6px;right: 10px;}
    .btn.ico.arrow.white{height: 43px;line-height: 43px;padding: 0 35px 0 12px;}
}
@media screen and (max-width: 1210px) {
    /* 투자정보 - 주가정보 */
    .graph_summary .nums strong{font-size:18px}
    .graph_summary .nums span + span{margin-left:20px}

    .board_des .report_down .roundbt{width: 100%;}
    .inverstor_main .stock_now_right .stock{padding: 15px;}
    .inverstor_main .stock_now_right .stock .num{font-size: 37px;}
    .inverstor_sub_txt{flex-direction: column;align-items: baseline;}
    .inverstor_sub_txt .email_wrap{margin-top: 5px;}
    .investor_info_wrap .info{padding: 25px 0 0 25px;}
    .investor_ir_cal .cal_detail_wrap ul li .ir_tit p br{display: none;}
}
@media screen and (max-width: 1070px) {
    .inverstor_main .stock_now_left {background-position: -400px 60px;}
}
@media screen and (max-width: 1024px) {
    .inverstor_main .stock_now_left {background-position: -400px 60px;}
}
@media screen and (max-width: 1023px) {
    .graph_wrap + .tscroll {margin-top:32px}
    .graph_wrap  {margin-bottom:32px}
    .top_date .sel_txt {font-size:14px;line-height:40px;}
    .top_date .select_wrap {float:left;width:150px}
    /* 투자정보 - 주가정보 */
    .graph_summary {display:block;height:100%;padding:24px;background: linear-gradient(180deg, #121418 24.29%, #5f697e 100%);margin-bottom:32px;}
    .graph_summary:after {width:100%;background:url('../images/ir/stock_bg_m.png') no-repeat 0 0;background-size:cover}
    .graph_summary.type2:after {background:url('../images/ir/stock_bg2_m.png') no-repeat 0 0;background-size: cover;}
    .graph_summary .now_num {width:100%}
    .graph_summary .now_num_in {width:100%}
    .graph_summary .now_num_in .now{justify-content:space-between;}
    .graph_summary .now_num_in .now .txt {float:left;font-size:14px;line-height:44px;}
    .graph_summary .now_num_in .now strong{float:right;font-size:32px;line-height:44px;margin-left:0;}
    .graph_summary .now_num .rate {position:relative;display:flex;align-items:center;justify-content: flex-end}
    .graph_summary .now_num .rate .per {display:inline-block;font-size:14px;line-height:22px;margin-top:8px}
    .graph_summary .now_num .rate .per + .per {padding-left:8px;margin-left:8px}
    .graph_summary .now_num {padding-bottom:16px;border-bottom:1px solid #565B64;margin-bottom:16px;padding-left:0}
    .graph_summary .nums {width:100%;padding-left:0;text-align:left;flex-direction:column;align-items: normal}
    .graph_summary .nums span {display:block;font-size:14px;line-height:28px;}
    .graph_summary .nums strong {position:absolute;right:0;font-size:18px;line-height:28px;margin-left:0}
    .graph_summary .nums span + span {margin-top:16px;margin-left:0}
    .red_arr {padding-right:16px;}
    .red_arr:after {top:8px;background-size:10px 7px;width:10px;height:7px}
    .blue_arr {padding-right:16px;}
    .blue_arr:after {top:8px;background-size:10px 7px;width:10px;height:7px}
     /* annual report */ 
    .sub_visual.annual{height: 210px;}
    .title + .sub_visual{margin-top: 24px;}
    .board_des .report_down{margin-top: 4px;}
    .prgallery_wrap ul.prgallery_list li .board_des .shIN_name.annual{height: auto;}
    .prgallery_wrap.annual{margin-top: 32px;}
    .prgallery_wrap.annual ul.prgallery_list{margin-top:0;}
    .prgallery_wrap.annual ul.prgallery_list li {margin: 0 8px 24px;}
    /* ir 캘린더 */
    .ir_wrap .ir_table .col:first-of-type{min-width: 86px;}
    .ir_wrap .ir_table .col:first-of-type::after {height: 84px;}
    .ir_wrap .ir_table .col:last-child {padding-left: 16px;width: calc(100% - 118px);}
    .ir_wrap .ir_table li{height: 116px;padding-right: 0;}
    .ir_wrap .ir_table .ir_date{font-size: 22px;line-height: 34px;}
    .ir_wrap .ir_table .ir_year{font-size: 14px;line-height: 22px;}
    .ir_wrap .ir_table .ir_title{font-size: 16px;line-height: 26px;}
    .ir_wrap .ir_table .col:last-child:hover .badge.blue {background: #F3F6FB;color: #565B64;}
    .ir_wrap .ir_table .col:last-child:hover .ir_title {color: #24272d;}
    /* tooltip */
    .ir_wrap .codr_info_lst li{height: unset;border: none;padding: 0;}
    /*신용평가등급*/
    .btn_wrap.rtype{justify-content: flex-end; margin-bottom:16px;}
    .s_tit.rating{margin-top:32px;}
    .gpop_text {font-size: 16px;line-height: 26px;}
    .gpop_text.bol {font-weight: 700;margin: 24px 0 16px 0;}
     /* Investor Relations */
    .title.inverstor{margin-top: 0;}
    .title.inverstor + .inner.inverstor{margin-top: 35px;}
    .content .inner.inverstor.type01{padding: 0 56px;}
    .content .inner.inverstor{padding: 0 56px 80px;}
    .inverstor_bg::before {height: calc(100% + 48px);top: 0;}
    .inverstor_main{flex-direction: column;height: unset;}
    .inverstor_main .stock_now_left {height: 254px;border-radius: 16px;backdrop-filter: blur(10px);padding: 23px 0 0 24px;background-position: center;width: 100%;}
    .inverstor_main .stock_now_left .stock_now_num{margin-top: 2px; flex-direction: column;align-items: flex-start;}
    .inverstor_main .stock_now_left .stock_now_num p{font-size: 40px;font-weight: 900;line-height: 66px;}
    .inverstor_main .stock_now_left .stock_now_num ul{display: flex;}
    .inverstor_main .stock_now_left .stock_now_num ul li:first-of-type{padding: 0 22px 0 0;}
    .inverstor_main .stock_now_left .stock_now_num ul li{padding: 0 8px;font-size: 14px;line-height: 22px;}
    .inverstor_main .stock_now_left .stock_now_num ul li:first-of-type::after{position: absolute;content: '';width: 1px;height: 12px;background: #b9c1c9;right: 0;top: 8px;}
    .inverstor_main span.up_red{font-size: 14px;line-height: 22px;}
    .inverstor_main span.up_red::after{width: 10px;height: 8px;background-size: cover;right: -14px;}
    .inverstor_main span.up_blue{font-size: 14px;line-height: 22px;}
    .inverstor_main span.up_blue::after{width: 10px;height: 8px;background-size: cover;right: -14px;}
    .inverstor_main .stock_now_right{margin-top: 4px;width: 100%;}
    .inverstor_main .stock_now_right .stock .name{font-size: 16px;line-height: 26px;}
    .inverstor_main .stock_now_right .stock_now_wrap{display: block;margin: 0;width: 100%;}
    .inverstor_main .stock_now_right .stock .num{margin: unset;}
    .inverstor_main .stock_now_left .stock_now_num ul{margin-top: 8px;}
    .inverstor_main .stock_now_right .stock{border-radius: 16px;width: 100%;margin: 12px 0;display: flex;padding: 16px;align-items: center;height: auto;justify-content: space-between;flex-direction: row;}
    .inverstor_main .stock_now_right .stock.mo .stock_rate{display: flex;align-items: center;flex-direction: row-reverse;justify-content: space-between;width: 215px;}
    .inverstor_main .stock_now_right .stock.mo .num{font-size: 20px;line-height: 32px;width: 113px;text-align: right;padding-left: 10px;}
    .inverstor_main .stock_now_right .stock.mo.rate a{display: flex;align-items: flex-start;justify-content: space-between;width: 100%;}
    .inverstor_main .stock_now_right .stock.mo .rate{font-size: 14px;line-height: 22px;}
    .inverstor_main .stock_now_right .stock.percent{display: flex;}
    .inverstor_main .stock_now_right .stock.mo.rate .num{margin:0;}
    .inverstor_main .stock_now_right .stock.mo.rate .name{font-size: 14px; line-height: 22px;}
    .inverstor_main .stock_now_right .stock.mo.rate .num{text-align: right;}
    .inverstor_main .stock_now_right .stock.mo.rate .rate{font-size: 12px;line-height: 22px;text-align: right;}
    .inverstor_main .stock_now_right .stock.mo.grade {display: block;}
    .inverstor_main .stock_now_right .stock.mo.grade .name{font-size: 14px; line-height: 22px;}
    .inverstor_main .stock_now_right .credit_wrap li {font-size: 12px;line-height: 18px;}
    .inverstor_main .stock_now_right .grade_wrap li {font-size: 20px;line-height: 32px;}
    .inverstor_main .stock_now_right .grade_wrap li p{height: calc(64px / 2);}
    .inverstor_main .stock_now_right .grade_wrap li p:first-of-type{margin-bottom: 6px;}
    .investor_info_wrap{display: block;margin: 0;}
    .investor_info_wrap .info.one{padding: unset;}
    .investor_info_wrap .info.one a{padding: 24px 24px 0 24px;}
    .investor_info_wrap .info {width: 100%;margin: 12px 0;padding: 24px 24px 0 24px;height: 210px;border-radius: 16px;}
    .investor_info_wrap .info .info_tit{font-size: 14px;line-height: 22px;margin-bottom: 4px;}
    .investor_info_wrap .info .info_tit.report{margin-bottom: 8px;}
    .investor_info_wrap .info .info_report{font-size: 18px;line-height: 28px;margin-bottom: 8px;}
    .investor_info_wrap .info .info_doc li{font-size: 14px;line-height: 22px;}
    .btn.ico.arrow.white {height: 38px;font-size: 16px;line-height: 38px;padding: 0 40px 0 16px;}
    .btn.ico.arrow.white:not(:last-child){margin-bottom: 8px;}
    .btn.ico.arrow.white::after{width: 20px;height: 20px;background-size: 20px;right: 12px;}
    .investor_ir_cal{margin: 32px auto 0;}
    .s_tit.type2.investor {font-size: 20px;line-height: 32px;margin-bottom: 16px;margin-top: 32px;}
    .investor_ir_cal{display: none;}
    /*IR캘린더*/
    .investor_ir_cal_mo{display: block;}
    .investor_ir_cal_mo > a{display: block;width: fit-content;margin: 0px auto;padding-right: 10px;}
    .investor_ir_cal_mo .s_tit.type2.investor span{position: relative;}
    .investor_ir_cal_mo .s_tit.type2.investor span::after{width: 16px;height: 16px;right: -24px;position: absolute;background: url('../images/common/ico_gray_arrow.svg');content: '';background-size: 16px;background-repeat: no-repeat;top: 8px;}
    .investor_ir_cal_mo .cal_detail_wrap_mo {padding: 16px; border-radius: 16px;border: 1px solid #D6DBE1;box-sizing: border-box;}
    .investor_ir_cal_mo .cal_detail_wrap_mo ul li:not(:last-of-type){margin-bottom: 8px;}
    .investor_ir_cal_mo .cal_detail_wrap_mo ul li a{display: flex;align-items: center;}
    .investor_ir_cal_mo .cal_detail_wrap_mo ul li a .ir_date{width: 72px;border-right: 1px solid #EBEFF5;}
    .investor_ir_cal_mo .cal_detail_wrap_mo ul li a .ir_date p{font-size: 18px;font-weight: 500;line-height: 28px;color: #24272D;}
    .investor_ir_cal_mo .cal_detail_wrap_mo ul li a .ir_tit{width: calc(100% - 72px);box-sizing: border-box;padding-left: 20px;}
    .investor_ir_cal_mo .cal_detail_wrap_mo ul li a .ir_tit p{font-size: 16px;font-weight: 700;line-height: 26px;color: #24272D;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
    .investor_ir_cal_mo .cal_detail_wrap_mo ul li:hover a .ir_date{border-right: 1px solid #0046FF;}
    .investor_ir_cal_mo .cal_detail_wrap_mo ul li:hover a .ir_tit p{color: #0046FF;}
    .inverstor_sub_txt{padding:24px;margin-top: 16px;}
    .inverstor_sub_txt .txt_main{font-size: 16px;line-height: 26px;font-weight: 700;}
    .inverstor_sub_txt .email_wrap{display: flex;align-items: center;}
    .inverstor_sub_txt .email_wrap p{font-size: 14px;line-height: 22px;}
}
@media (max-width:767px){
    .content .inner.inverstor.type01{padding: 0 16px;}
    .content .inner.inverstor{padding: 0 16px 80px;}
}
@media screen and (max-width: 760px) {
    .top_date .select_txt {position:relative;z-index:3;}
    .top_date .inputbt_wrap {margin-bottom:16px}
    .top_date .inputbt_wrap {margin-top: 8px;}
    .top_date .inputbt_wrap {float:left}
    .top_date .select_txt + .sorting_txt {margin-top:8px}
    .top_date .sorting_txt .sel_txt {display:block;}
    .graph_wrap .graph_txt span.tit {font-size:16px;line-height:26px}
    .graph_wrap .graph_txt span.date{font-size:14px;line-height:22px}
    .ir_wrap .tooltip_content{min-width: 260px;}
}
@media screen and (max-width: 430px) {
    .ir_wrap .ir_table .ir_title{max-width:95%}
}
@media screen and (max-width: 369px) {
    .inverstor_sub_txt .email_wrap{flex-direction: column;align-items: flex-start;}
    .inverstor_sub_txt .email_wrap p{margin-bottom: 8px;}
}