﻿@charset "utf-8";

/* visual_banner */
.visual_banner {position: absolute;bottom:0;left:50%;transform: translateX(-50%);max-width:1358px;width:100%;height:82px;background:#fff}
.visual_banner .banner_area {float:left}
.visual_banner .banner_area ul li {display: none; padding:30px 60px 30px 79px; color: #0055c7; font-size: 20px}
.visual_banner .banner_area ul li.on {display: block}
.visual_banner .banner_area ul li strong {font-weight: 700}
.visual_banner .banner_btn {float: right}
.visual_banner .banner_btn .slick-arrow {display: block; position: relative; float: left; width: 82px; height: 82px; background: #fff url(../img/arrow_left_b.png) no-repeat center center; text-indent: -9999px;}
.visual_banner .banner_btn .slick-prev:before {position: absolute; top: 50%; left: 0; width: 1px; height: 47px; background: #ccc; transform: translateY(-50%); content: ''}
.visual_banner .banner_btn .slick-next {background: url(../img/arrow_right_w.png) no-repeat center center; background-color: #0055c7}

/* 20200916 */
.main_stock_info {
    position: absolute;
    left: 50%;
    top: 0;
    padding-top: 453px;
    width: 1358px;
    margin: 0 auto;
    transform: translate(-50%);
}
.main_stock_info .main_stock_inner {background:rgba(0, 0, 0, 0.7);display: table;padding:15px 30px 10px;float: right;}
.main_stock_info .stock_detail {/* display: flex; *//* align-items: flex-end; */} 
.main_stock_info .stock_detail strong {display: block;font-size:30px;font-weight:700;color:#fff;} 
.main_stock_info .stock_detail strong span {font-size:21px;font-weight:700;margin-left:5px;}
.main_stock_info .stock_detail em {display: block;margin-top: 10px;font-size:15px;color:#fff;padding-left:20px;}
.main_stock_info .stock_detail em.day_up{position:relative;}
.main_stock_info .stock_detail em.day_up:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_up.png)no-repeat center/cover}
.main_stock_info .stock_detail em.day_highup{position:relative;}
.main_stock_info .stock_detail em.day_highup:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_hiup.png)no-repeat center/cover}
.main_stock_info .stock_detail em.day_none{position:relative;}
.main_stock_info .stock_detail em.day_none:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_none.png)no-repeat center/cover}
.main_stock_info .stock_detail em.day_down{position:relative;}
.main_stock_info .stock_detail em.day_down:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_down.png)no-repeat center/cover}
.main_stock_info .stock_detail em.day_highdown{position:relative;}
.main_stock_info .stock_detail em.day_highdown:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_hidown.png)no-repeat center/cover}
.main_stock_info .date {font-size:13px;color:#fff;margin-top:10px;}
.main_stock_info .stock_status {font-size:15px;color:#fff;margin-top:10px;}
/* //20200916 */

/* content */
.content_main .col_wrap {overflow: hidden; margin-bottom: 50px}
.content_main .col_wrap .col2 {float: left; width: calc( 50% - 40px )}
.content_main .col_wrap .col2:last-child {float:right}
.content_main .col_wrap .col2 h2 {position: relative; width: 100%;margin-bottom: 25px; border-bottom: 2px solid #000;}
.content_main .col_wrap .col2 h2 .plus {display: block; position: relative; font-size: 26px;padding-bottom: 15px;  font-weight: 700; letter-spacing: -1px}
.content_main .col_wrap .col2 h2 .plus:before,
.content_main .col_wrap .col2 h2 .plus:after {position: absolute; top: 36%;right:9px; width: 2px; height: 18px; background: #000; content: ''; transform: translate(-50%,-50%)}
.content_main .col_wrap .col2 h2 .plus:after { transform: translate(-50%,-50%)rotate(90deg)}
.content_main .col_wrap .col2 .notice_box .notice_li .notice_item {overflow: hidden; margin-bottom: 15px; letter-spacing: -1px}
.content_main .col_wrap .col2 .notice_box .notice_li .notice_item .item_txt:hover span{font-weight:700}
.content_main .col_wrap .col2 .notice_box .notice_li .notice_item span {float: left; font-size: 18px}
.content_main .col_wrap .col2 .notice_box .notice_li .notice_item span:first-child {width: 75%; text-align: left; color: #606060;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
.content_main .col_wrap .col2 .notice_box .notice_li .notice_item span:last-child {width: 25%; text-align: right; letter-spacing: 0}

.content_main .quick_bx + .col_wrap {margin-bottom:-20px;}

/* ir활동 */
.sub_container .sub_visual.type1{background:url(../img/img_sub_visual_1.jpg)no-repeat center/cover}

/* ir활동 - 상세보기 */
.content_ir_detail .detail_wrap{padding-bottom:60px}
.content_ir_detail .detail_box{margin-top:55px}
.detail_box .detail_tit{padding:19px 60px;border-top:2px solid #000}
.detail_box .detail_tit .info_tit{font-size:18px}
.detail_box .detail_info{padding:25px 60px 80px;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2}
.detail_box .detail_info .detail_down{margin-bottom:105px}
.detail_box .detail_down .down_link{position:relative;padding-left:25px;color:#606060;font-size:14px;font-weight:300}
.detail_box .detail_down .down_link:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:15px;height:18px;background:url(../img/icon_file.png)no-repeat}
.detail_box .detail_info .info_txt,
.detail_box .detail_info .info_date{font-size:16px;font-weight:300}
.detail_box .detail_info .info_date{display:block;margin-top:15px}
.content_ir_detail .btn_box{margin-top:40px;text-align:center}
.content_ir_detail .btn_list{width:230px;height:70px;background:#dcdcdc;border-radius:15px;font-size:24px;font-weight:300}

/* 주식정보 - 기본정보 */
.tbl1 {width: 100%;margin-bottom: 75px; border-top: 2px solid #000;}
.tbl1 th {border-bottom: 1px solid #dbdbdb; background: #f4f4f4; font-size: 18px;}
.tbl1 td {border-bottom: 1px solid #e5e5e5; padding: 18px 30px; font-size: 18px;}
.tbl1 td span {padding: 0 0 0 35px; border-left: 1px solid #ccc}
.tbl1 td span:first-child {display: inline-block; width: 100px; padding: 0; border: none}



/* 주식정보 - 주가정보 */
.content_stockinfo .tit_box{display:flex;align-items:flex-end;}
.content_stockinfo .tit_box .content_tit,
.content_stockinfo .tit_box .tit_info{flex:1}
.content_stockinfo .tit_box .tit_info{font-size:16px;text-align:right}
.content_stockinfo .stock_info{display:flex;padding:37px 0 40px 40px;border-top:2px solid #000;border-bottom:2px solid #000}
.content_stockinfo .stock_info .info_tit{flex:0.8;position:relative;color:#dd5a50;padding-left:50px;font-size:50px;font-weight:700;white-space: nowrap;}
.content_stockinfo .stock_info .info_tit:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:17px;background:url(../img/icon_up.png)no-repeat center/cover}
.content_stockinfo .stock_info .stock_list{flex: 1 1 100%;font-size:21px;text-align:right;}
.content_stockinfo .stock_list .stock_item:not(:last-child){position:relative;padding-right:30px;}
.content_stockinfo .stock_list .stock_item:not(:last-child):after{content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:#cccccc}
.content_stockinfo .stock_list .stock_item + span{padding-left:25px}
.content_stockinfo .stock_item .per_up{position:relative;padding-left:30px;color:#dd5a50}
.content_stockinfo .stock_item .per_up:before{display:block;content:'+';position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:21px}
.content_stockinfo .stock_item .per_none{position:relative;padding-left:30px;color:#848484}
.content_stockinfo .stock_item .per_none:before{display:block;content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:21px}
.content_stockinfo .stock_item .per_down{position:relative;padding-left:30px;color:#2E64FE}
.content_stockinfo .stock_item .per_down:before{display:block;content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:21px}
.content_stockinfo .stock_item .day_up{position:relative;padding-left:50px;color:#dd5a50}
.content_stockinfo .stock_item .day_up:before{content:'';display:block;position:absolute;left:30px;top:57%;transform:translateY(-57%);width:15px;height:9px;background:url(../img/icon_up.png)no-repeat center/cover}
.content_stockinfo .stock_item .day_hiup{position:relative;padding-left:50px;color:#dd5a50}
.content_stockinfo .stock_item .day_hiup:before{content:'';display:block;position:absolute;left:30px;top:57%;transform:translateY(-57%);width:15px;height:9px;background:url(../img/icon_hiup.png)no-repeat center/cover}
.content_stockinfo .stock_item .day_none{position:relative;padding-left:50px;color:#848484}
.content_stockinfo .stock_item .day_none:before{content:'';display:block;position:absolute;left:30px;top:57%;transform:translateY(-57%);width:15px;height:9px;background:url(../img/icon_none.png)no-repeat center/cover}
.content_stockinfo .stock_item .day_down{position:relative;padding-left:50px;color:#2E64FE}
.content_stockinfo .stock_item .day_down:before{content:'';display:block;position:absolute;left:30px;top:57%;transform:translateY(-57%);width:15px;height:9px;background:url(../img/icon_down.png)no-repeat center/cover}
.content_stockinfo .stock_item .day_hidown{position:relative;padding-left:50px;color:#2E64FE}
.content_stockinfo .stock_item .day_hidown:before{content:'';display:block;position:absolute;left:30px;top:57%;transform:translateY(-57%);width:15px;height:9px;background:url(../img/icon_hidown.png)no-repeat center/cover}

.content_stockinfo .stockinfo_table1 th,
.content_stockinfo .stockinfo_table1 td{padding:20px 0;text-align:center}
.content_stockinfo .stockinfo_table1 th{border-bottom:1px solid #b2b2b2;font-size:18px}
.content_stockinfo .stockinfo_table1 td{border-bottom:1px solid #e5e5e5;color:#606060;font-size:18px;font-weight:300}
.content_stockinfo .stock_graph{width:100%;height:360px;margin-top:60px;}
.content_stockinfo .stock_group{display:flex;margin-top: 100px;}
.content_stockinfo .stock_live,
.content_stockinfo .live_table{flex:1}
.content_stockinfo .stock_live{padding:29px 30px 38px 38px;border-radius:20px; background:linear-gradient(to right bottom, #0055c7,#3bb7c6)}
.content_stockinfo .live_box,
.content_stockinfo .stock_box{display:flex}
.content_stockinfo .live_box .live_tit,
.content_stockinfo .live_box .live_item,
.content_stockinfo .stock_box .stock_pay,
.content_stockinfo .stock_box .stock_item{flex:1}
.content_stockinfo .live_box .live_tit{color:#fff;font-size:28px}
.content_stockinfo .live_box .live_item{text-align:right}
.content_stockinfo .live_box .live_code{display:block;margin-top:12px;color:#81c2e3;font-size:18px;font-weight:300}
.content_stockinfo .live_box .live_day{display:inline-block;border-bottom:1px solid rgb(255,255,255, 0.3);position:relative;color:#fff;font-size:14px;font-weight:300;text-align:right;vertical-align:top}
.content_stockinfo .live_day .live_time{margin-left:5px;font-weight:300}
.content_stockinfo .stock_box{align-items:center;padding-top:45px}
.content_stockinfo .stock_box .stock_pay{color:#fff;font-size:70px;}
.content_stockinfo .stock_item .item_box{display:flex; padding:5px 20px 5px 17px;border-radius:20px;background:#fff;font-size:16px}
.content_stockinfo .stock_item .item_box + .item_box{margin-top:7px}
.content_stockinfo .item_box span{flex:1}
.content_stockinfo .item_box .item_txt{text-align:right;}
.content_stockinfo .live_table{padding-left:60px}
.content_stockinfo .live_table th,
.content_stockinfo .live_table td{padding:17px 30px 19px;border-bottom:1px solid #e5e5e5;font-size:18px}
.content_stockinfo .live_table th{color:#0055c7;text-align:left}
.content_stockinfo .live_table td{color:#606060;font-weight:300}
.content_stockinfo .stockinfo_box{margin-top: 60px;}
.content_stockinfo .stockinfo_box .info_tit{display:block;font-size:14px;font-weight:300;text-align:right}
.stockinfo_box .table_wrap{display:flex;margin-top:18px;border-top:2px solid #000}
.content_stockinfo .stockinfo_box .stockinfo_table2{flex:1}
.stockinfo_table2 th,
.stockinfo_table2 td{padding:19px 0 17px;border-bottom:1px solid #e5e5e5;font-size:18px}
.stockinfo_table2 td.ac {text-align:center;padding-left:0;}
.stockinfo_table2 td.ar {text-align:right;padding-left:0;padding-right:4.375vw;}
.stockinfo_table2 th{background:#f4f4f4;font-weight: 400;}
.stockinfo_table2 td{padding-left:28px;color:#606060;font-weight:300}
.content_stockinfo .stockinfo_day{margin-top: 60px;}
.content_stockinfo .stockinfo_day .info_tit{display:block;font-size:20px;font-weight:700}
.content_stockinfo .stockinfo_day .info_tit.ac {text-align:center;}
.content_stockinfo .stockinfo_day .info_tit.ar {text-align:right;}
.stockinfo_table2 td .cell {display:flex;font-weight:inherit;color:inherit;font-size:inherit;}
.stockinfo_table2 td .cell dt {flex:1 0 100px;max-width:100px;border-right:1px solid #ccc;font-weight:inherit;color:inherit;font-size:inherit;}
.stockinfo_table2 td .cell dd {padding-left:35px;font-weight:inherit;color:inherit;font-size:inherit;}

.content_stockinfo .stock_info .info_up{flex:0.8;position:relative;color:#dd5a50;padding-left:50px;font-size:50px;font-weight:700}
.content_stockinfo .stock_info .info_up:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:17px;background:url(../img/icon_up.png)no-repeat center/cover}
.content_stockinfo .stock_info .info_hiup{flex:0.8;position:relative;color:#dd5a50;padding-left:50px;font-size:50px;font-weight:700}
.content_stockinfo .stock_info .info_hiup:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:17px;background:url(../img/icon_hiup.png)no-repeat center/cover}
.content_stockinfo .stock_info .info_none{flex:0.8;position:relative;color:#848484;padding-left:50px;font-size:50px;font-weight:700}
.content_stockinfo .stock_info .info_none:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:17px;background:url(../img/icon_none.png)no-repeat center/cover}
.content_stockinfo .stock_info .info_down{flex:0.8;position:relative;color:#2E64FE;padding-left:50px;font-size:50px;font-weight:700}
.content_stockinfo .stock_info .info_down:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:17px;background:url(../img/icon_down.png)no-repeat center/cover}
.content_stockinfo .stock_info .info_hidown{flex:0.8;position:relative;color:#2E64FE;padding-left:50px;font-size:50px;font-weight:700}
.content_stockinfo .stock_info .info_hidown:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:17px;background:url(../img/icon_hidown.png)no-repeat center/cover}


.sub_container .sub_visual.type5{background:url(../img/img_sub_visual_5.jpg)no-repeat center/cover}
.sub_container .sub_visual.type6{background:url(../img/img_sub_visual_6.jpg)no-repeat center/cover}
.sub_container .sub_visual.type7{background:url(../img/img_sub_visual_7.jpg)no-repeat center/cover}
.sub_container .sub_visual.type8{background:url(../img/img_sub_visual_8.jpg)no-repeat center/cover}

/* 주식정보 - 주주현황 */
.sub_container .sub_visual.type4{background:url(../img/img_sub_visual_4.jpg)no-repeat center;background-size:cover}
.table_bx_typ1 {position:relative}
.table_bx_typ1 .table_tit {position:absolute;right:0;top:-40px}
.table_bx_typ1 .table_tit .info_txt {font-size:14px}
.table_type2 .total th, .table_type2 .total td {background:#fdfaf2;font-weight:bold}
.base_txt {position:absolute;right:0;bottom:-25px;font-size:14px;font-weight:400}

/* 재무정보 */
.sub_container .sub_visual.type2{background:url(../img/img_sub_visual_2.jpg)no-repeat center/cover}
.content_financial .table_info{margin-top:22px}
.content_financial .table_info .table_tip1,
.content_financial .table_info .table_tip2{display:block;position:relative;font-size:16px;font-weight:300}
.content_financial .table_info .table_tip1{padding-left:10px}
.content_financial .table_info .table_tip2{padding-left:15px}
.content_financial .table_info .table_tip1:before{content:'*';display:block;position:absolute;left:0;top:0;}
.content_financial .table_info .table_tip2:before{content:'**';display:block;position:absolute;left:0;top:0;}

/* 문의하기 */
.sub_container .sub_visual.type3 {background: url(../img/img_sub_visual_3.jpg)no-repeat center;background-size:cover}
.asterisk {color:#e41c1c;vertical-align:middle;font-weight:400}
.alert {margin-top:10px;color:#e41c1c;font-size:14px;font-weight:400}
.bx_wrap {padding:35px 0 40px;border-top:2px solid #000;border-bottom:1px solid #e5e5e5}
.bx_wrap:not(:first-child) {margin-top:20px}
.bx_wrap + .inp_bx {margin-top:15px}
.bx_wrap .txt_bx {padding:0 40px;max-height:198px;overflow-y:scroll}
.bx_wrap h4 {padding:0 0 25px;font-size:18px}
.bx_wrap .txt_bx span {display:block;color:#606060;font-weight:300;line-height:28px;white-space:pre-line}
.bx_wrap .txt_bx span + span {margin-top:30px}
.content_qna input[type="checkbox"] + label {padding-left:10px;font-size:18px;vertical-align:middle}
.content_qna input[type="checkbox"] {width:20px;height:20px;vertical-align:middle;border:1px solid #d0d0d0}

.tbl_bx {padding:0 40px}
.tbl_typ1 th {width:73px;padding-top:32px;font-weight:400;text-align:left;vertical-align:top}
.tbl_typ1 td {padding:20px 0 0}
.tbl_typ1 td input {width:587px}
.mail_inp input[type="text"] {width:170px}
.mail_inp b {padding:0 10px;font-size:16px}
.tel_inp .bx_sel input[type="number"] {width:215px}
.tel_inp b {padding:0 12px;font-size:16px}





@media screen and (min-width: 1200px) {



}

/* 태블릿 */

@media screen and (min-width: 760px) and (max-width: 1199px){

    /* visual_banner */
    .visual_banner {width: 100%; height: 6.839vw; }
    .visual_banner .banner_area ul li {padding: 1.999vw 2.004vw; font-size: 1.668vw}
    .visual_banner .banner_btn .slick-arrow {width: 6.839vw; height: 6.839vw; background-size: 1.40vw}
    .visual_banner .banner_btn .slick-prev:before {height: 3.920vw}
    .visual_banner .banner_btn .slick-next {background-size: 1.40vw}

	/* 20200916 */
    .main_stock_info {position:absolute;left: 50%;top:0;padding: 32.963vw 0.000vw 0;width:auto;transform: translate(-50%);width: 100%;}
    .main_stock_info .main_stock_inner {background:rgba(0, 0, 0, 0.7);display: table;padding:1.4648vw 2.9297vw 0.9766vw;}
    .main_stock_info .stock_detail {/* display: flex; *//* align-items: flex-end; */} 
    .main_stock_info .stock_detail strong {display: block;font-size:2.9297vw;font-weight:700;color:#fff;} 
    .main_stock_info .stock_detail strong span {font-size:2.0508vw;font-weight:700;margin-left:0.4883vw;}
    .main_stock_info .stock_detail em {display: block;margin-left: 0;font-size:1.4648vw;padding-left:1.9531vw;color:#fff;}
    .main_stock_info .stock_detail em.day_up{position:relative;}
    .main_stock_info .stock_detail em.day_up:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_up.png)no-repeat center/cover}
    .main_stock_info .stock_detail em.day_highup{position:relative;}
    .main_stock_info .stock_detail em.day_highup:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_hiup.png)no-repeat center/cover}
    .main_stock_info .stock_detail em.day_none{position:relative;}
    .main_stock_info .stock_detail em.day_none:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_none.png)no-repeat center/cover}
    .main_stock_info .stock_detail em.day_down{position:relative;}
    .main_stock_info .stock_detail em.day_down:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_down.png)no-repeat center/cover}
    .main_stock_info .stock_detail em.day_highdown{position:relative;}
    .main_stock_info .stock_detail em.day_highdown:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_hidown.png)no-repeat center/cover}
    .main_stock_info .date {color:#fff;font-size:1.2695vw;margin-top:1.4648vw;}
    .main_stock_info .stock_status {color:#fff;font-size:1.4648vw;margin-top:1.4648vw;}
    /* //20200916 */
    
    /* content */
    .content_main .col_wrap {margin-bottom: 5.838vw}
    .content_main .col_wrap .col2 {width: calc( 50% - 40px );}
    .content_main .col_wrap .col2 h2 {width: 100%;margin-bottom: 2.085vw;}
    .content_main .col_wrap .col2 h2 .plus {font-size: 2.168vw;padding-bottom: 1.251vw;}
    .content_main .col_wrap .col2 h2 .plus:before,
    .content_main .col_wrap .col2 h2 .plus:after {right:0.750vw;width:0.167vw;height:1.500vw}
    .content_main .col_wrap .col2 .notice_box .notice_li .notice_item {margin-bottom: 1.251vw}
    .content_main .col_wrap .col2 .notice_box .notice_li .notice_item span {font-size: 1.501vw}
    .content_main .col_wrap .col2 .notice_box .notice_li .notice_item span:first-child {width: 80%}
    .content_main .col_wrap .col2 .notice_box .notice_li .notice_item span:last-child {width: 20%}

    .content_main .quick_bx {width: 100%; height: 20.017vw; margin-bottom: 5.838vw}
    .content_main .quick_bx ul li {background-position: center 6.672vw; background-size: 3.753vw}
    .quick_bx.quick-section-005 ul li.list01 {background-position: center 6.672vw; background-size: 3.753vw}
    .quick_bx.quick-section-005 ul li.list02 {background-position: center 6.672vw; background-size: 3.753vw}
    .quick_bx.quick-section-005 ul li.list03 {background-position: center 6.672vw; background-size: 3.753vw}

    .quick_bx.quick-section-006 ul li.list01 {background-position: center 6.672vw; background-size: 3.753vw}
    .quick_bx.quick-section-006 ul li.list02 {background-position: center 6.672vw; background-size: 3.753vw}
    .quick_bx.quick-section-006 ul li.list03 {background-position: center 6.672vw; background-size: 3.753vw}

    .content_main .quick_bx ul li a {width: 17.658vw; height: 20.017vw; line-height: 20vw; font-size: 1.501vw}
    .content_main .quick_bx ul li:not(:first-child) {margin-left: 1.053vw}

    /* ir활동 상세보기 */
    .content_ir_detail .detail_wrap{padding-bottom:38.333vw}
    .content_ir_detail .detail_box{margin-top:4.583vws}
    .detail_box .detail_tit{padding:1.667vw 5vw;border-top:0.167vw solid #000}
    .detail_box .detail_tit .info_tit{font-size:1.500vw}
    .detail_box .detail_info{padding:2.083vw 5vw 6.667vw}
    .detail_box .detail_info .detail_down{margin-bottom:8.750vw}
    .detail_box .detail_down .down_link{padding-left:2.083vw;font-size:1.167vw}
    .detail_box .detail_down .down_link:before{width:1.250vw;height:1.500vw;background-size:1.250vw 1.500vw}
    .detail_box .detail_info .info_txt,
    .detail_box .detail_info .info_date{font-size:1.333vw}
    .detail_box .detail_info .info_date{margin-top:1.250vw}
    .content_ir_detail .btn_box{margin-top:3.333vw}
    .content_ir_detail .btn_list{width:19.167vw;height:5.833vw;border-radius:1.250vw;font-size:2vw}

    /* 주식정보 기본정보 */
    .tbl1 th {padding: 1.501vw 2.502vw; font-size: 1.501vw;}
    .tbl1 th span {padding: 0 35px; border-left: 1px solid #ccc}
    .tbl1 td {padding: 1.501vw 2.502vw; font-size: 1.501vw;}
    .tbl1 td span {padding: 0 35px; border-left: 1px solid #ccc}
    .tbl1 td span:first-child {display: inline-block; width: 8.340vw; padding: 0; border: none}
    .tbl1 + .quick_bx ul {width: 59.716vw; margin: 0 auto}
    .tbl1 + .quick_bx ul li a {width: 19.433vw; font-size: 1.501vw}
    .tbl1 + .quick_bx ul li:not(:first-child) {margin-left: 0.667vw}

    /* 주식정보 - 주가정보 */
    .content_stockinfo .tit_box .tit_info{font-size:1.333vw}
    .content_stockinfo .stock_info{padding:3.083vw 0 3.333vw 3.333vw;border-top:0.167vw solid #000;border-bottom:0.167vw solid #000}
    .content_stockinfo .stock_info .info_tit{flex: 1 1 auto;padding-left:4.167vw;font-size:4.167vw;}
    .content_stockinfo .stock_info .info_tit:before{width:2.333vw;height:1.417vw}
    .content_stockinfo .stock_info .stock_list{font-size:1.750vw}
    .content_stockinfo .stock_list .stock_item:not(:last-child){padding-right:2.500vw;}
    .content_stockinfo .stock_list .stock_item:not(:last-child):after{height:1.667vw}
    .content_stockinfo .stock_list .stock_item + span{padding-left:2.083vw}
    .content_stockinfo .stock_item .day_up{padding-left:4.167vw}
    .content_stockinfo .stock_item .day_up:before{left:2.500vw;width:1.250vw;height:0.750vw}
    .content_stockinfo .stock_item .per_up{padding-left:2.500vw}
    .content_stockinfo .stock_item .per_up:before{left:1.667vw;font-size:1.750vw}
    .content_stockinfo .stockinfo_table1 th,
    .content_stockinfo .stockinfo_table1 td{padding:1.667vw 0}
    .content_stockinfo .stockinfo_table1 th{font-size:1.500vw}
    .content_stockinfo .stockinfo_table1 td{font-size:1.500vw}
    .content_stockinfo .stock_graph{height:30vw;margin-top:5vw}
    .content_stockinfo .stock_group{margin-top:10vw}
    .content_stockinfo .stock_live{padding:2.417vw 2.500vw 3.167vw 3.167vw;border-radius:1.667vw}
    .content_stockinfo .live_box .live_tit{font-size:2.333vw}
    .content_stockinfo .live_box .live_code{margin-top:1vw;font-size:1.500vw}
    .content_stockinfo .live_box .live_day{font-size:1.167vw}
    .content_stockinfo .live_day .live_time{margin-left:0.417vw}
    .content_stockinfo .stock_box{padding-top:3.750vw}
    .content_stockinfo .stock_box .stock_pay{font-size:5.833vw;}
    .content_stockinfo .stock_item .item_box{padding:0.417vw 1.667vw 0.417vw 1.417vw;border-radius:1.667vw;font-size:1.333vw}
    .content_stockinfo .stock_item .item_box + .item_box{margin-top:0.583vw}
    .content_stockinfo .live_table{padding-left:5vw}
    .content_stockinfo .live_table th,
    .content_stockinfo .live_table td{padding:1.417vw 2.500vw 1.583vw;font-size:1.500vw}
    .content_stockinfo .stockinfo_box{margin-top:8.333vw}
    .content_stockinfo .stockinfo_box .info_tit{font-size:1.167vw}
    .stockinfo_box .table_wrap{margin-top:1.500vw;border-top:0.167vw solid #000}
    .stockinfo_table2 th,
    .stockinfo_table2 td{padding:19px 0 17px;border-bottom:1px solid #e5e5e5;font-size:1.500vw}
    .stockinfo_table2 td{padding-left:2.333vw}
    .content_stockinfo .stockinfo_day{margin-top:8.083vw}
    .content_stockinfo .stockinfo_day .info_tit{font-size:1.667vw}

    /* 주식정보 - 주주현황 */
    .table_bx_typ1 .table_tit {position:absolute;right:0;top:-3.333vw}
    .table_bx_typ1 .table_tit .info_txt {font-size:1.167vw}
    .base_txt {font-size:1.333vw}

    /* 재무정보 */
    .content_financial .table_info{margin-top:1.833vw}
    .content_financial .table_info .table_tip1,
    .content_financial .table_info .table_tip2{font-size:1.333vw}
    .content_financial .table_info .table_tip1{padding-left:0.833vw}
    .content_financial .table_info .table_tip2{padding-left:1.250vw}

    /* 문의하기 */
    .content_qna select {padding: 0 4.417vw 0 1.667vw}
    .bx_wrap h4 {font-size:1.500vw}
    .content_qna input[type="checkbox"] {width:1.667vw;height:1.667vw;vertical-align:middle}
    .tbl_typ1 th {padding-top:2.667vw}
    .tbl_typ1 td {padding:1.667vw 0 0}
    .tbl_typ1 td input {width:48.917vw}
    .mail_inp input[type="text"] {width:14.167vw}
    .mail_inp b {padding:0 0.833vw;font-size:1.333vw}
    .tel_inp .bx_sel input[type="number"] {width:14.667vw}
    .tel_inp b {padding:0 1.042vw;font-size:1.333vw}

    .tbl_typ1 .bx_sel select {width:16.667vw}
    .mail_inp .bx_sel {margin-left:0.833vw}
    .tel_inp .bx_sel select {width:14.167vw}


}

/* 모바일 */

@media screen and (max-width: 759px) {

    /* visual_banner */
    .visual_banner {width: 100%; height: 15.625vw}
    .visual_banner .banner_area ul li {padding: 3.1vw 2.688vw; font-size: 3.438vw; line-height: 1.4}
    .visual_banner .banner_area ul li strong {display: block}
    .visual_banner .banner_btn .slick-arrow {width: 15.625vw; height: 15.625vw; background-size: 3vw}
    .visual_banner .banner_btn .slick-left:before {height: 10.938vw}
    .visual_banner .banner_btn .slick-right {background-size: 3vw}

	/* 20200916 */
    .main_stock_info {position:absolute;left: 0;top: 13vw;padding: 56.7500vw 4.688vw 0;width:auto;transform: none;width: 100%;}
    .main_stock_info .main_stock_inner {background:rgba(0, 0, 0, 0.7);display: block;padding: 4.6875vw 6.2500vw;float: none;}
    .main_stock_info .stock_detail {display: flex;align-items: flex-end;} 
    .main_stock_info .stock_detail strong {display:inline-block;font-size: 7.5000vw;font-weight:700;color:#fff;} 
    .main_stock_info .stock_detail strong span {font-size: 5.3125vw;font-weight:700;margin-left: 1.5625vw;}
    .main_stock_info .stock_detail em {display:inline-block;margin-left: 4.6875vw;font-size: 4.0625vw;padding-left: 4.6875vw;color:#fff;}
    .main_stock_info .stock_detail em.day_up{position:relative;}
    .main_stock_info .stock_detail em.day_up:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width: 2.8125vw;height: 1.8750vw;background:url(../img/icon_up.png)no-repeat center/cover;}
    .main_stock_info .stock_detail em.day_highup{position:relative;}
    .main_stock_info .stock_detail em.day_highup:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_hiup.png)no-repeat center/cover}
    .main_stock_info .stock_detail em.day_none{position:relative;}
    .main_stock_info .stock_detail em.day_none:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_none.png)no-repeat center/cover}
    .main_stock_info .stock_detail em.day_down{position:relative;}
    .main_stock_info .stock_detail em.day_down:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_down.png)no-repeat center/cover}
    .main_stock_info .stock_detail em.day_highdown{position:relative;}
    .main_stock_info .stock_detail em.day_highdown:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:9px;background:url(../img/icon_hidown.png)no-repeat center/cover}
    .main_stock_info .date {color:#fff;font-size: 3.4375vw;margin-top: 3.1250vw;}
    .main_stock_info .stock_status {color:#fff;font-size: 4.0625vw;margin-top: 3.1250vw;display: none;}
    /* //20200916 */
    
    /* content */
    .content_main .col_wrap {margin-bottom: 17.969vw}
    .content_main .col_wrap .col2 {width: 100%}
    .content_main .col_wrap .col2:not(:first-child) {margin-left: 0; margin-top: 10vw}
    .content_main .col_wrap .col2 h2 {width: 100%; margin-bottom: 7.500vw}
    .content_main .col_wrap .col2 h2 .plus {padding-bottom: 2.344vw;   font-size: 5.625vw;}
    .content_main .col_wrap .col2 h2 .plus:before,
    .content_main .col_wrap .col2 h2 .plus:after {top:42%;right:1.406vw;width:0.313vw;height:2.813vw}
    .content_main .col_wrap .col2 .notice_box .notice_li .notice_item span {padding-bottom: 2.469vw ; font-size: 4.063vw}

    .content_main .quick_bx {height: auto;background: #fff;margin-bottom: 0;}
    .content_main .quick_bx ul {overflow: hidden;margin-bottom: 0;width: auto;}
    .content_main .quick_bx ul li {background-color: #f9f9f9;background-size: 10vw; background-position: center 11.406vw;margin-bottom: 1.569vw}
    .content_main .quick_bx ul li a {width: 44.531vw; height: 46.250vw; line-height: 62.500vw; font-size: 4.688vw; padding-top: 0}
    .content_main .quick_bx ul li:not(:first-child) {margin-left: 0}
    .content_main .quick_bx ul li:nth-child(2n) {margin-left: 1.569vw}

    .quick_bx.quick-section-005 ul li.list01 {background-size: 10vw; background-position: center 11.406vw;margin-bottom: 1.569vw}
    .quick_bx.quick-section-005 ul li.list02 {background-size: 10vw; background-position: center 11.406vw;margin-bottom: 1.569vw}
    .quick_bx.quick-section-005 ul li.list03 {background-size: 10vw; background-position: center 11.406vw;margin-bottom: 1.569vw}

    .quick_bx.quick-section-006 ul li.list01 {background-size: 10vw; background-position: center 11.406vw;margin-bottom: 1.569vw}
    .quick_bx.quick-section-006 ul li.list02 {background-size: 10vw; background-position: center 11.406vw;margin-bottom: 1.569vw}
    .quick_bx.quick-section-006 ul li.list03 {background-size: 10vw; background-position: center 11.406vw;margin-bottom: 1.569vw}

    /* ir활동 */
    .sub_container .sub_visual.type1{background:url(../img/img_sub_visual_1_m.jpg)no-repeat center/cover}

    /* ir활동 상세보기 */
    .content_ir_detail .detail_wrap{padding-bottom:21.875vw}
    .detail_box .detail_tit{padding:3.906vw 0;border-top:0.167vw solid #000}
    .detail_box .detail_tit .info_tit{font-size:4.063vw}
    .detail_box .detail_info{padding:3.125vw 0 14.844vw}
    .detail_box .detail_info .detail_down{margin-bottom:8.750vw}
    .detail_box .detail_down .down_link{padding-left:5.469vw;font-size:3.438vw}
    .detail_box .detail_down .down_link:before{width:3.125vw;height:3.750vw;background:url(../img/icon_file_m.png)no-repeat center/100%}
    .detail_box .detail_info .info_txt,
    .detail_box .detail_info .info_date{font-size:3.750vw}
    .detail_box .detail_info .info_date{margin-top:3.125vw}
    .content_ir_detail .btn_box{margin-top:6.250vw;padding-bottom:129.688vw}
    .content_ir_detail .btn_list{width:41.094vw;height:12.500vw;border-radius:1.250vw;font-size:4.688vw}

    /* 주식정보 기본정보 */
    .sub_container .content_inner .content_tit {font-size: 5.625vw}
    .tbl1 th {font-size: 4.063vw;}
    .tbl1 td {padding: 2.813vw 4.688vw; font-size: 4.063vw;}
    .tbl1 td span {padding: 0 0 0 5.469vw}
    .tbl1 td span:first-child {width: 15.625vw;letter-spacing:-3px}
    .tbl1 + .quick_bx {height: auto;}
    .tbl1 + .quick_bx ul {width: auto;}
    .tbl1 + .quick_bx ul li {margin-bottom: 1.563vw}
    .tbl1 + .quick_bx ul li a{width: 44.531vw; height: 46.250vw; line-height: 62.500vw; font-size: 4.688vw; padding-top: 0}
    .tbl1 + .quick_bx ul li:not(:first-child) {margin-left: 0;}
    .tbl1 + .quick_bx ul li:nth-child(2n) {margin-left: 1.563vw;}
    .tbl1 + .quick_bx ul li {background-color: #f9f9f9;background-size: 10vw;background-position: center 11.406vw;margin-bottom: 1.569vw;}

    /* 주식정보 - 주가정보 */
    .content_stockinfo .tit_box .content_tit{flex:0.8}
    .content_stockinfo .tit_box .tit_info{flex:1.2}
    .content_stockinfo .tit_box .tit_info{font-size:3.438vw}
    .content_stockinfo .stock_info{display:block;padding:5.625vw 0;text-align:center}
    .content_stockinfo .stock_info .info_tit{padding-left:7.813vw;font-size:7.813vw}
    .content_stockinfo .stock_info .info_tit:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:4.375vw;height:2.656vw}
    .content_stockinfo .stock_info .stock_list{font-size:3.750vw;text-align:center}
    .content_stockinfo .stock_list{margin-top:3.906vw}
    .content_stockinfo .stock_list .stock_item.m_block{padding-bottom:1.563vw}
    .content_stockinfo .stock_list .stock_item:not(:last-child){padding-right:0}
    .content_stockinfo .stock_list .stock_item:not(:last-child):after{content:none}
    .content_stockinfo .stock_list .stock_item:nth-child(2){position:relative;padding-right:3.906vw}
    .content_stockinfo .stock_list .stock_item:nth-child(2):after{content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:3.594vw;background:#cccccc}
    .content_stockinfo .stock_list .stock_item:last-child{padding-left:3.906vw}
    .content_stockinfo .stock_list .stock_item + span{padding-left:0}
    .content_stockinfo .stock_item .per_up{padding-left:4.688vw}
    .content_stockinfo .stock_item .per_up:before{left:2.813vw;font-size:3.750vw}
    .content_stockinfo .stock_item .day_up{padding-left:6.250vw}
    .content_stockinfo .stock_item .day_up:before{left:3.125vw;width:2.344vw;height:1.406vw;}
    .content_stockinfo .stock_item .day_hiup {padding-left:6.250vw}
    .content_stockinfo .stock_item .day_hiup:before{left:3.125vw;width:2.344vw;height:1.406vw;}
    .content_stockinfo .stock_item .day_none {padding-left:6.250vw}
    .content_stockinfo .stock_item .day_none:before{left:3.125vw;width:2.344vw;height:1.406vw;}
    .content_stockinfo .stock_item .day_down {padding-left:6.250vw}
    .content_stockinfo .stock_item .day_down:before{left:3.125vw;width:2.344vw;height:1.406vw;}
    .content_stockinfo .stock_item .day_hidown {padding-left:6.250vw}
    .content_stockinfo .stock_item .day_hidown:before{left:3.125vw;width:2.344vw;height:1.406vw;}

    .content_stockinfo .stockinfo_table1 .table_wrap{width:100%;overflow-x:scroll}
    .content_stockinfo .stockinfo_table1 table{width:115%}
    .content_stockinfo .stockinfo_table1 th,
    .content_stockinfo .stockinfo_table1 td{padding:3.906vw 0}
    .content_stockinfo .stockinfo_table1 th{font-size:4.063vw}
    .content_stockinfo .stockinfo_table1 td{font-size:4.063vw}
    .content_stockinfo .stock_graph{width:100%;height:69.219vw;margin-top:9.375vw;}
    .content_stockinfo .stock_group{display:block;margin-top:18.750vw}
    .content_stockinfo .stock_live{padding:4.219vw 3.125vw 4.688vw 5.469vw;border-radius:3.906vw; background:linear-gradient(to right bottom, #0055c7,#3bb7c6)}
    .content_stockinfo .live_box,
    .content_stockinfo .stock_box{display:flex}
    .content_stockinfo .live_box .live_tit,
    .content_stockinfo .live_box .live_day,
    .content_stockinfo .stock_box .stock_pay,
    .content_stockinfo .stock_box .stock_item{flex:1}
    .content_stockinfo .live_box .live_tit{font-size:4.375vw}
    .content_stockinfo .live_box .live_code{margin-top:2.500vw;font-size:3.438vw}
    .content_stockinfo .live_box .live_day{font-size:2.813vw}
    .content_stockinfo .live_day .live_time{margin-left:1.181vw}
    .content_stockinfo .stock_box{padding-top:4.688vw}
    .content_stockinfo .stock_box .stock_pay{font-size:10.938vw}
    .content_stockinfo .stock_item .item_box{display:flex; padding:1.250vw 2.813vw 1.406vw 4.063vw;border-radius:4.688vw;background:#fff;font-size:3.438vw}
    .content_stockinfo .stock_item .item_box + .item_box{margin-top:1.406vw}
    .content_stockinfo .item_box span{flex:1}
    .content_stockinfo .item_box .item_txt{text-align:right}
    .content_stockinfo .live_table{margin-top:3.125vw;padding-left:0}
    .content_stockinfo .live_table th,
    .content_stockinfo .live_table td{padding:3.906vw 0 3.906vw 4.688vw;font-size:4.063vw}
    .content_stockinfo .stockinfo_box{margin-top:9.375vw}
    .content_stockinfo .stockinfo_box .info_tit{font-size:3.438vw}
    .stockinfo_box .table_wrap{display:block;margin-top:1.250vw;border-top:0.313vw solid #000}
    .stockinfo_table2 th,
    .stockinfo_table2 td{padding:4.063vw 0 3.750vw;font-size:4.063vw}
    .stockinfo_table2 td{padding-left:4.375vw}
    .content_stockinfo .stockinfo_day{margin-top:15.156vw}
    .content_stockinfo .stockinfo_day .info_tit{font-size:4.688vw}
    .content_stockinfo .table_type2 table{width:220%}

    /* 주식정보 - 주주현황 */
    .base_txt {bottom:-8.688vw;font-size:3.750vw}
    .table_bx_typ1 .table_type2 th, .table_bx_typ1 .table_type2 td {padding: 3.594vw 0}
    .table_bx_typ1 .table_tit {display:none}
    .table_bx_typ1 .table_type2 table {width: 150%}
    .table_bx_typ1 .table_type2 thead tr th {font-size:4.063vw}

    /* 재무정보 */
    .sub_container .sub_visual.type2{background:url(../img/img_sub_visual_2_m.jpg)no-repeat center/cover}
    .content_financial .table_info{margin-top:4.688vw}
    .content_financial .table_info .table_tip1,
    .content_financial .table_info .table_tip2{font-size:3.750vw}
    .content_financial .table_info .table_tip1{padding-left:2.344vw}
    .content_financial .table_info .table_tip2{padding-left:4.688vw}

    /* 문의하기 */
    .sub_container .sub_visual.type3 {background: url(../img/img_sub_visual_3_m.jpg)no-repeat center;background-size: cover;}
    .content_qna input[type="text"],input[type="number"] {height:9.375vw}
    .content_qna select {padding:0 8.750vw 0 3.125vw;height:9.375vw;font-size:3.750vw;background-position:95% 50%;background-size: auto 1.406vw}
    .bx_wrap {padding:5.469vw 0 6.250vw}
    .bx_wrap:not(:first-child) {margin-top:3.625vw}
    .bx_wrap h4 {font-size:4.063vw}
    .bx_wrap .txt_bx span {font-size:3.594vw}
    .bx_wrap .txt_bx {padding: 0 10px 0 0}
    .content_qna input[type="checkbox"] + label {font-size: 4.063vw}
    .content_qna input[type="checkbox"] {width:5.469vw;height:5.469vw;vertical-align:middle}
    .tbl_bx {padding:0}
    .tbl_typ1 th {width:17.188vw;padding-top:6.406vw}
    .tbl_typ1 th label {font-size:3.750vw}
    .tbl_typ1 td {padding:4.688vw 0 0}
    .tbl_typ1 td input {width:100%}
    .mail_inp input[type="text"] {width:32.0vw}
    .mail_inp b {padding:0 1.508vw;font-size:3.750vw}
    .tel_inp b {padding:0 1.250vw;font-size:3.750vw}
    .tel_inp .bx_sel input[type="number"] {width:20.375vw}

    .tbl_typ1 .bx_sel select {width:100%}
    .mail_inp .bx_sel {margin:1.563vw 0 0;display:block}
    .tel_inp .bx_sel select {padding:0 8.594vw 0 3.125vw;width:21.406vw;background-position:80% 50%}
    .alert {font-size:3.125vw}
    .btn_wrap {margin-top:6.250vw}
    .btn_md {width: 41.094vw;padding: 0 3.125vw;height: 12.500vw;font-size:4.688vw}

    .stockinfo_table2 td .cell dt {flex: 1 1 18.7500vw;max-width: 18.7500vw;}
    .stockinfo_table2 td .cell dd {padding-left: 15px;}
}
