@charset "utf-8";
/* MAIN */
.mainVisual {position:relative;overflow:hidden;width:100%;height:460px;}
.mainVisual .swiper-wrapper {height:100%;font-size:0;line-height:0;white-space:nowrap;}
.mainVisual .swiper-slide {position:relative;display:inline-block;position:relative;width:100%;height:100%;text-align:left;}
.mainVisual .visual01 { background:url(/images/front/main/visual01.jpg) no-repeat 50% 50%;}
.mainVisual .visual02 { background:url(/images/front/main/visual02.jpg) no-repeat 50% 50%;}
.mainVisual .visual03 { background:url(/images/front/main/visual03.jpg) no-repeat 50% 50%;}
.mainVisual .visual04 { background:url(/images/front/main/visual04.jpg) no-repeat 50% 50%;}
.mainVisual .swiper-slide .inner { max-width:1200px; height:100%; margin:0 auto; }
.mainVisual .swiper-slide .inner .ttlWrap { color:#fff; font-size:65px; line-height:1 }
.mainVisual .swiper-slide .inner .ttlWrap .big { font-size:80px; padding-top:74px; margin-left:-15px }
.mainVisual .swiper-slide .inner .ttlWrap .small { margin-top:15px; }
.mainVisual .swiper-slide:first-child img { opacity:0; }
.mainVisual .swiper-slide-active { opacity:1 }
.swiper-page-wrap { overflow:hidden; max-width:1200px; padding:0 50px; box-sizing:border-box; position:relative; bottom:180px; left:0; height:30px; margin:0 auto }
.swiper-page-wrap > div { float:left }
.mainVisual .swiper-pagination { position:absolute; top:13px; left:50px; }
.mainVisual .swiper-pagination .swiper-pagination-bullet { vertical-align:top; width:16px; height:3px; display:inline-block; margin-left:2px; background:#666666; }
.mainVisual .swiper-pagination .swiper-pagination-bullet-active { width:40px; background:#febd32; transition:0.2s }
.mainVisual .swiper-pagination .swiper-pagination-bullet:first-child { margin-left:0; }
.mainVisual .swiper-counter { position: absolute; top:0; left:155px; width:58px; height:30px; font-size:16px; color:#ddd; text-align:center; background:url(/images/front/main/visual_num.png) no-repeat }
.mainVisual .swiper-counter span { padding:6px 0; display:inline-block; opacity:1 }
.mainVisual .swiper-counter span.count { color:#febd32; }

#contentsWrap .searchWrap { position:relative !important; top:0 !important; box-shadow:none; z-index:0 !important; }
#contentsWrap .searchWrap.fixed { position: fixed !important; top: 104px !important; z-index: 199 !important }

#contentsWrap .searchWrap .searchArea .searchBtn { background: url(/images/front/main/btn_search.png) no-repeat; background-size:100% }
#CNT_M_K > div { padding:66px 0 70px; background:#fff; }
#CNT_M_K > div:nth-child(2n) { background:#f8f8f8; }
.inner { width:100%; max-width:1200px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
#CNT_M_K h3 { font-family:'SamsungOne', sans-serif; font-size:40px; font-weight:700; color:#333; line-height:1; letter-spacing:-0.04em; }
#CNT_M_K h3 > span { color:#0075c2; }
#CNT_M_K .titWrap { position:relative; }
#CNT_M_K .titWrap .icoTitMore { display:block; position:absolute; top:3px; right:0; width:34px; height:34px; background:url(/images/front/icon/ico_tit_more.png) 0 0 no-repeat; background-size:100%; }
#CNT_M_K .titWrap .icoTitMore.koNewRoomLink { right:26% }
#CNT_M_K .cont { margin-top:35px;}

/* NEWSWRAP */
#CNT_M_K > div.newsWrap { padding:76px 0 70px; }
.newsWrap ul { overflow:hidden; }
.newsWrap li { position:relative; float:left; width:21.8%; margin-left:4.2%; padding:16px 0; border-top:2px solid #434757; border-bottom:1px solid #e3e4eb; }
.newsWrap li:first-child { margin-left:0; }
.newsWrap li .sector { font-size:16px; font-weight:bold; color:#0075c2; }
.newsWrap li .eng { position: absolute; top:12px; right:0; display:inline-block; min-width:34px; height:22px; box-sizing:border-box; border:1px solid #bbb; color:#333; font-size:13px; font-weight:700; text-align:center; line-height:22px; }
.newsWrap li p { margin:10px 0 6px; height:52px; overflow:hidden; font-size:20px; color:#111; line-height:1.3; word-break:keep-all; }
.newsWrap li .date { display:block; margin-bottom:18px; font-size:16px; color:#777; }
.newsWrap li a { display:inline-block; padding-left:30px; font-size:14px; font-weight:bold; color:#333; line-height:1.8; }
.newsWrap li a.icoMore { background:url(/images/front/icon/ico_more.png) 0 0 no-repeat; background-size:24px;}
.newsWrap li a.icoMoreSite { background:url(/images/front/icon/ico_more_site.png) 0 0 no-repeat; background-size:24px; }

/* OURWRAP */
.ourWrap .sectorInfo { overflow:hidden; }
.ourWrap .sectorInfo li { float:left; position:relative; overflow: hidden; box-sizing:border-box; width:23.6%; height:264px; margin-left:1.8%; padding:20px; z-index: 0; }
.ourWrap .sectorInfo li:first-child { margin-left:0; }
.ourWrap .sectorInfo li:first-child:after { background-image:url(/images/front/main/bg_our01_w.jpg); }
.ourWrap .sectorInfo li:nth-child(2):after { background-image:url(/images/front/main/bg_our02_w.jpg); }
.ourWrap .sectorInfo li:nth-child(3):after { background-image:url(/images/front/main/bg_our03_w.jpg); }
.ourWrap .sectorInfo li:nth-child(4):after { background-image:url(/images/front/main/bg_our04_w.jpg); }
.ourWrap .sectorInfo li:after { content:''; display: block; position: absolute; top:0; left:0; width:100%; height: 100%; background: #ddd; background-position:0 0; background-repeat:no-repeat; background-size:auto 100%; z-index: -1; transition: transform .3s ease-out;}
.ourWrap .sectorInfo li:hover:after {transform: scale(1.2);}
.ourWrap .sectorInfo .sector {font-size:20px; font-weight:bold; color:#fff; line-height:1.3; }
.ourWrap .sectorInfo .sector + span { font-size:13px; color:#fff; letter-spacing:-0.01em; }
.ourWrap .sectorInfo .btnWrap { position:absolute; bottom:22px; left:0; box-sizing:border-box; width:100%; padding:0 20px; }
.ourWrap .sectorInfo .btnWrap a { display:block; box-sizing:border-box; width:100%; height:44px; margin-top:10px; font-size:16px; text-align:center; line-height:44px; }
.ourWrap .sectorInfo .btnWrap a.btnLine { border:2px solid #ccc; color:#fff; }
.ourWrap .sectorInfo .btnWrap a.btnFull { background:rgba(255, 255, 255, 0.75); color:#000; }
.ourWrap .totalInfo { overflow:hidden; margin-top:50px; }
.ourWrap .totalInfo li { float:left; width:25%; padding-top:116px; text-align:center; background-position:50% 0; background-repeat:no-repeat; background-size:100px; }
.ourWrap .totalInfo li:first-child { background-image:url(/images/front/main/ico_total01.png); }
.ourWrap .totalInfo li:nth-child(2) { background-image:url(/images/front/main/ico_total02.png); }
.ourWrap .totalInfo li:nth-child(3) { background-image:url(/images/front/main/ico_total03.png); }
.ourWrap .totalInfo li:nth-child(4) { background-image:url(/images/front/main/ico_total04.png); }
.ourWrap .totalInfo li strong { display:block; margin-bottom:4px; font-size:20px; font-weight:bold; color:#333; }
.ourWrap .totalInfo li span { margin-bottom:4px; font-size:30px; font-weight:bold; color:#265b97; }
.ourWrap .totalInfo li em { font-size:20px; }
.ourWrap .totalInfo li .standard {display:block; margin-top:5px; font-size:16px; font-weight:normal; color:#afafaf;}/*2019-02-26 수정 */
/* INVESTOR */
.investorWrap .cont { overflow:hidden; position:relative; }
.investorWrap .listWrap { width:100%}
.investorWrap .listTit { font-size:20px; font-weight:bold; color:#333; line-height:1; }
.investorWrap .listTbl { margin-top:10px; border-top:2px solid #0c4da2;border-bottom:1px solid #777}
.investorWrap .listTbl li { overflow:hidden; padding:18px 20px; border-bottom:1px solid #ddd;position: relative;}
.investorWrap .listTbl li:last-child {border-bottom:0}
.investorWrap .listTbl li .txt { overflow:hidden; float:left; width:55%; font-size:18px; color:#333; line-height:25px; text-overflow:ellipsis; white-space:nowrap; }
.investorWrap .listTbl li .date {position: absolute;right:147px;top:18px;font-size:16px; color:#777; line-height:25px; }
.investorWrap .listTbl li button { float:right; width:25px; height:25px; background:url(/images/front/icon/ico_down.png) 0 0 no-repeat; background-size:100%; }
.investorWrap .listLink {float:left; width:50.9%; margin-top:20px; }
.investorWrap .listLink li { margin-top:10px;}
.investorWrap .listLink li:first-child { margin-top:0; background:#e7e8ef url(/images/front/main/ico_invest01.png) right 20px center no-repeat; }
.investorWrap .listLink li:nth-child(2) { background:#e7e8ef url(/images/front/main/ico_invest02.png) right 20px center no-repeat;}
.investorWrap .listLink li:nth-child(3) { background:#e7e8ef url(/images/front/main/ico_invest03.png) right 23px center no-repeat;}
.investorWrap .listLink li a { display:block; box-sizing:border-box; width:100%; height:77px; padding:29px 10px 29px 24px; font-size:20px; font-weight:bold; color:#333; }
.investorWrap .listLink li span { display:inline-block; min-width:92px; }
.arrList li a:after { content:''; display:inline-block; width:9px; height:14px; margin-left:10px; background:url(/images/front/icon/ico_arr_r.png) 0 0 no-repeat; background-size:100%; }
.investorWrap .stockInfo { float:right; width:47.3%; margin-top:20px; }
.investorWrap .stockInfo .iframeArea { overflow: hidden; overflow-x: auto; max-width: 100%; height:250px;background:#265b97}
.investorWrap .stockInfo .iframeArea iframe { width: 100%; height: 250px; }
.investorWrap .stockInfo .iframeArea iframe div.main.mobile { display:none }
.investorWrap .stockInfo .iframeArea iframe div.main.desktop { display:block }
/* CORPORWRAP */
#CNT_M_K > div.corporWrap { padding:66px 0 76px; }
.corporWrap ul { overflow:hidden; }
.corporWrap li { float:left; width:33.3%; padding-top:150px; text-align:center; background-position:50% 0; background-repeat:no-repeat; background-size:120px; }
.corporWrap li:first-child { background-image:url(/images/front/main/ico_coppor01.png); }
.corporWrap li:nth-child(2) { background-image:url(/images/front/main/ico_coppor02.png); }
.corporWrap li:nth-child(3) { background-image:url(/images/front/main/ico_coppor03.png); }
.corporWrap li a { display:inline; font-size:24px; font-weight:bold; color:#333; }
/* 미디어쿼리 */
@media screen and (max-width:1024px){
    #contentsWrap .searchWrap { display:block; padding:10px 0 10px 15px; box-sizing:border-box }
    #contentsWrap .searchWrap .hashtag { display:none }
    #contentsWrap .searchWrap { height:40px; background:#377dd5 }
    #contentsWrap .searchWrap .searchArea { float:none; width:auto; text-align:left; position:relative; margin-right:50px; box-sizing:border-box; height:20px }
    #contentsWrap .searchWrap .searchArea input { position:absolute; top:0; left:0; width:100%; max-width:100%; border:0; border-radius:0; height:20px; line-height:20px; padding-left:0; color:#fff; background:#377dd5; font-size:14px; }
    #contentsWrap .searchWrap .searchArea input:focus { border-radius:0; border:0; color:#fff }
    #contentsWrap .searchWrap .searchArea .searchBtn { position:absolute; top:0; right:-50px; background-size:20px; background-position:center; width:50px; height:20px }

    /* placeholder color 적용 */
    ::-webkit-input-placeholder { color:#fff; } /* WebKit, Blink, Edge */
    :-moz-placeholder { color:#fff; } /* Mozilla Firefox 4 to 18 */
    ::-moz-placeholder { color:#fff; } /* Mozilla Firefox 19+ */
    :-ms-input-placeholder { color:#fff; } /* Internet Explorer 10-11 */
}
@media screen and (max-width:812px){
    .header { transform: inherit !important; }
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,select,input,textarea,p,blockquote,th,td,figure,figcaption { line-height:inherit !important; }
    /* MAIN */
    .mainVisual { height:240px; }
    .mainVisual .visual01 { background:url(/images/front/main/m_visual01.jpg) no-repeat 50% top;background-size:cover}
    .mainVisual .visual02 { background:url(/images/front/main/m_visual02.jpg) no-repeat 50% 50%;background-size:cover}
    .mainVisual .visual03 { background:url(/images/front/main/m_visual03.jpg) no-repeat 50% 50%;background-size:cover}
    .mainVisual .visual04 { background:url(/images/front/main/m_visual04.jpg) no-repeat 50% 50%;background-size:cover}
    .mainVisual .swiper-slide .inner { padding:0 15px }
    .mainVisual .swiper-slide .inner .ttlWrap { font-size:32px; }
    .mainVisual .swiper-slide .inner .ttlWrap .big { font-size:40px; padding-top:26px; margin-left:0px }
    .mainVisual .swiper-slide .inner .ttlWrap .small { margin-top:8px; }

    .swiper-page-wrap { padding:0 15px; bottom:118px; left:0; height:20px; margin:0 auto }
    .swiper-page-wrap > div { float:left }
    .mainVisual .swiper-pagination { position:absolute; top:8px; left:15px; }
    .mainVisual .swiper-pagination .swiper-pagination-bullet { width:10px; height:3px; }
    .mainVisual .swiper-pagination .swiper-pagination-bullet-active { width:26px; }
    .mainVisual .swiper-counter { left:87px; width:38px; height:20px; font-size:12px; background:url(/images/front/main/m_visual_num.png) no-repeat; background-size:100% }
    .mainVisual .swiper-counter span { padding:3px 0; }

    #CNT_M_K .titWrap .icoTitMore.koNewRoomLink { right:0 }
    #CNT_M_K .titWrap .icoTitMore.engNewRoomLink { display:none }
    #CNT_M_K > div { padding:24px 0; }
    #CNT_M_K > div .inner { padding:0 15px; box-sizing:border-box }
    .inner { padding:0; }
    #CNT_M_K h3 { font-size:20px; }
    #CNT_M_K .titWrap .icoTitMore { top:0; width:20px; height:20px; }
    #CNT_M_K .cont { margin-top:8px; }
    /* NEWSWRAP */
    #CNT_M_K > div.newsWrap { padding:24px 0 24px 0 }
    .newsWrap li { float:none; width:100%; margin:0; padding:6px 0; border-top:none; }
    .newsWrap li:first-child { border-top:2px solid #434757; }
    .newsWrap li .sector, .newsWrap li p, .newsWrap li .date { font-size:14px; }
    .newsWrap li .date { margin-bottom:10px; }
    .newsWrap li p { margin:4px 0; height:auto;}
    .newsWrap li a { padding-left:20px; }
    .newsWrap li a.icoMore, .newsWrap li a.icoMoreSite { background-size:14px; line-height:1; }
    .newsWrap li .eng { top:6px; right:0; min-width:28px; height:16px; font-size:10px; line-height:16px; }

    /* OURWRAP */
    .ourWrap .sectorInfo li { width:100%; height:110px; margin-left:0; padding:14px; background-position:50% 50%; background-size:cover; float:none; margin-top:10px }
    .ourWrap .sectorInfo li:first-child { margin-left:0; background-image:url(/images/front/main/bg_our01_m.jpg); margin-top:0 }
    .ourWrap .sectorInfo li:nth-child(2) { background-image:url(/images/front/main/bg_our02_m.jpg); }
    .ourWrap .sectorInfo li:nth-child(3) { background-image:url(/images/front/main/bg_our03_m.jpg); }
    .ourWrap .sectorInfo li:nth-child(4) { background-image:url(/images/front/main/bg_our04_m.jpg); }
    .ourWrap .sectorInfo .sector { margin-bottom:4px; padding-bottom:4px; font-size:15px; line-height:1; border-bottom:0 }
    .ourWrap .sectorInfo li:after {display:none}
    .ourWrap .sectorInfo .sector + span { font-size:13px; }
    .ourWrap .sectorInfo .btnWrap { bottom:14px; padding:0 15px; font-size:0 }
    .ourWrap .sectorInfo .btnWrap a { display:inline-block; width:49%; height:27px; font-size:13px; line-height:27px; margin-top:0; vertical-align:top; margin-right:1% }
    .ourWrap .sectorInfo .btnWrap a.btnLine { border:1px solid #ccc; }
    .ourWrap .sectorInfo .btnWrap a.btnFull { margin-right:0; margin-left:1% }
    .ourWrap .totalInfo { margin-top:18px; }
    .ourWrap .totalInfo li { width:50%; margin-bottom:17px; padding-top:58px; background-size:50px; }
    .ourWrap .totalInfo li strong, .ourWrap .totalInfo li em { font-size:15px; }
    .ourWrap .totalInfo li strong { margin-bottom:2px; }
    .ourWrap .totalInfo li span { font-size:17px; }
	.ourWrap .totalInfo li .standard {font-size:15px;}
    .ourWrap .totalInfo li:nth-child(3),
    .ourWrap .totalInfo li:nth-child(4) { margin-bottom:0 }
    /* INVESTOR */
    .investorWrap .listWrap { position:relative; width:100%; }
    .investorWrap .listTit { font-size:15px; }
    .investorWrap .cont { margin-top:13px !important }
    .investorWrap .listTbl { margin-top: 8px; border-top:1px solid #434757; }
    .investorWrap .listTbl li { padding:8px 5px 8px 10px; }
    .investorWrap .listTbl li .txt, .investorWrap .listTbl li .date { font-size:13px; line-height:23px !important; }
    .investorWrap .listTbl li .date {right:40px;top:9px}
    .investorWrap .listTbl li .txt { width:168px; }
    .investorWrap .listTbl li button { width:23px; height:23px; }
    .investorWrap .stockInfo { float:none; width:100% }
    .investorWrap .stockInfo .iframeArea { height:250px;}
    .investorWrap .stockInfo .iframeArea iframe { height:250px; }
    .investorWrap .listLink {width:100%; float:none;}
    .investorWrap .listLink li a {height:55px; padding:0 0 0 4%; line-height:55px; font-size:14px;}
    .investorWrap .listLink li span {min-width:auto;}
    .investorWrap .listLink li:first-child {background-size:auto 38px;}
    .investorWrap .listLink li:nth-child(2) {background-size:auto 38px;}
    .investorWrap .listLink li:nth-child(3) {background-size:auto 38px; background-position:right 20px center;}
    .corporWrap li { padding-top: 130px; background-size: 110px; }
    .corporWrap li a { font-size:16px; position:relative; }
    .corporWrap .arrList li a:after { position: absolute; right: -12px; bottom:3px; }
}

@media screen and (max-width:320px){
    .corporWrap li { padding-top: 110px; background-size: 90px; }
    .corporWrap li a { font-size:14px; }
    .corporWrap .arrList li a:after { right: -10px; bottom:2px; }
}