@charset "UTF-8";

/* common */
.inner{width:1200px; margin:0 auto;}
.scrollHide{overflow-y:hidden;}

@media screen and (max-width:1300px){
    .inner{width:auto; margin:0 40px;}
}

@media screen and (max-width:767px){
    .inner{margin:0 7vw; /* 0 40px */}
}

/* logo */
.logo{position:absolute; top:0; left:150px; z-index:100; height: 12vh; display: flex; justify-content: center; align-items: center;}
.logo a{display:block;width: 450px;height: 90px;opacity: 0;}
.logo a img{
    max-width: 100%;
    max-height: 100%;
}
.logo.type2 a{background-position:left bottom;}
.logo.main a{background-position:0 0;}

@media screen and (max-width:1024px){
    .logo{top:0; /* 40px */ left:0; /* 40px */}
    .logo a{width:11.71875vw; /* 120px */ height:3.7109375vw; /* 38px */ background-position:0 -3.7109375vw; /* 38px */} 
}

@media screen and (max-width:767px){ /* w:540px */
    .logo{position:absolute; top:0; left:0;}
    .logo a{display:block; width:22.2222vw; /* 120px */ height:7.037037vw; /* 38px */ background-position:0 -7.037037vw; /* 38px */}
}

/* 전체메뉴 */
.allMenu{position:fixed; top:0; right:0; width:1200px; height:100%; background:#eff1f5; z-index:999999; transform:translateX(100%);}

/* menu bar */
.menuBar{position:absolute; top:0; left:-80px; width:80px; height:100%; background:#006039; overflow:hidden;}

/* 메뉴열기 */
.menuBar .open_menu{display:block; width:26px; margin:33px auto 0;}
.menuBar .open_menu span{display:block; width:100%; height:3px; background:#fff; transition:all 0.3s ease;}
.menuBar .open_menu span+span{margin-top:7px;}
.menuBar .open_menu:hover span{background:#be8b40;}
.menuBar .open_menu:hover span:nth-of-type(2){width:70%;}

/* 메뉴닫기 */
.menuBar .close_menu{display:none; position:relative; width:25px; height:25px; margin:33px auto 0; overflow:visible;}
.menuBar .close_menu span{display:block; position:absolute; top:0; width:0; height:2px; background:#fff;}
.menuBar .close_menu .line01{left:0;
    transform:rotate(45deg);
    transform-origin:top left;
}
.menuBar .close_menu .line02{right:0;
    transform:rotate(-45deg);
    transform-origin:top right;
}
.menuBar .close_menu:hover span{background:#be8b40;}

/* 이전메뉴 */
.back_menu{display:none;}

/* top으로 이동 */
.btn_top{display:-webkit-flex; display:flex; align-items: center; justify-content: center; position:fixed; bottom:10px; right:90px; width:60px; height:60px; background:#f2f2f2; text-align:center; z-index:100; box-shadow:0 0 5px rgba(0,0,0,.3); border-radius:50%; cursor:pointer; transition:opacity 0.3s ease;}
.btn_top img{width:20px;}
.btn_top.hide{opacity:0;}


/* 온라인몰 바로가기 */
.menuBar .gotoShop{position:absolute; left:-29%; bottom:50%; transform:translateY(50%); transform-origin:0 0;}
.menuBar .gotoShop a{display:block; color:#ccd2da; white-space: nowrap; line-height:80px; font-weight: 600; font-size: 20px; transform:  rotate(-90deg);}
.menuBar .gotoShop a.on{color:#fff;}
.menuBar .gotoShop a:hover{color:#be8b40;}

/* 언어선택 */
.menuBar .lang{ position:absolute; bottom:20px; left:0; width: 100%; transform-origin:0 0; text-align: center;}
.menuBar .lang li{position:relative; line-height:40px; list-style: none; width: 50%; margin: 0 auto; font-weight: 600;}
.menuBar .lang li:last-child{
    border-bottom: 0;
}
.menuBar .lang li a{display:block; color:#ccd2da; white-space:nowrap;}
.menuBar .lang li a.on{color:#be8b40;}
.menuBar .lang li a:hover{color:#be8b40;}

/* contact 페이지 열기 */
.menuBar .btn_contactOpen{position:absolute; bottom:0; left:0; width:100%; height:180px; font-size:14px; background:#be8b40; color:#f8fbff; text-align:center; letter-spacing: 3px;}
.menuBar .btn_contactOpen.ch{font-size:17px;}
.menuBar .btn_contactOpen span{display:inline-block; transform:rotate(-90deg);}

/* 전체메뉴 */
.gnbWrap{position:relative; height:100%; background:#eff1f5; display: flex; align-items: center;}
.gnbWrap .gnb{padding:0 0 0 80px; /* 120px 0 0 80px */min-width: 35%;}
.gnbWrap .gnb>ul>li{margin-bottom:2.5vh;}
li.link-li{
    margin-top: 5vh;
}
.gnbWrap .gnb>ul>li>a{position:relative; font-size:24px; color:#05201D; line-height: 1;padding-bottom: 5px;display: inline-block;}
.gnbWrap .gnb>ul>li>a:hover{
    color: #A6875F;
}
.gnbWrap .gnb>ul>li.on>a{
    font-size: 30px;
    color: #A6875F;
}
.gnbWrap .gnb>ul>li.on>a:after{
    width:100%;
    background: #A6875F;
}
.gnbWrap .gnb>ul>li>a:after{content:""; display:block; position:absolute; bottom:0; left:0; width:0%; height:2px; background:#05201D; transition:width 0.25s ease;}
.gnbWrap .gnb>ul>li>a:hover:after{width:100%;background: #A6875F;}
.gnbWrap .gnb>ul>li>a.is-selected:after{width:100%;}
.gnbWrap .gnb>ul>li>button{position:relative; font-size:32px; color:#05201D; line-height: 1; overflow:visible;}
.gnbWrap .gnb>ul>li>button:after{content:""; display:block; position:absolute; bottom:-5px; left:0; width:0%; height:2px; background:#05201D; transition:width 0.25s ease;}
.gnbWrap .gnb>ul>li>button:hover:after{width:100%;}
.gnbWrap .gnb>ul>li>button.is-selected:after{width:100%;}
.gnbWrap .gnb .subDepth{position:absolute; top:0; left:50%; width:50%; height:100%; overflow:hidden;}
.gnbWrap .gnb .subDepth li{overflow:hidden;}
.gnbWrap .gnb .subDepth.ready{z-index:1100;}

/* sub-depth - rnd */
._rnd{display:none; overflow:hidden; z-index:100;}
._rnd li{float:left;}
._rnd li a{display:block; position:relative; height:100%; padding:4.6296vh 60px; /* 50px 60px */ background-color:#fff; background-repeat:no-repeat; color:#fff; transition:color 0.15s ease;}
._rnd li a:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#011627; transition:opacity 0.15s ease;}
._rnd li a b{display:block; position:relative; letter-spacing: 4px; line-height:26px; transform:translateY(50%); opacity:0;}
._rnd li a .tit{display:block; position:relative; margin-top:1.8518vh; /* 20px */ font-size:32px;}
._rnd li a .desc{position:absolute; bottom:4.6296vh; /* 50px */ left:60px; padding-right:50px; line-height:26px;}
.ch._rnd li a .desc{font-size:24px; line-height:130%;}
._rnd li a .desc i{font-style:italic;}
._rnd li a .img{position:relative; width:130px; margin-top:10px;}
._rnd li a .img span{display:block; position:relative; width:100%; padding-bottom:26.1583%; background-repeat:no-repeat; background-position:top left; background-size:cover; transition:opacity 0.15s ease;}
._rnd li a .img .front{z-index:1;}
._rnd li a .img._bimun span{background-image:url(/assets/images/_rnd_bimun.png);}
._rnd li a .img._bigex span{background-image:url(/assets/images/_rnd_bigex.png);}
._rnd li a .img._bimun .back{position:absolute; top:0; left:0; background-position:0 100%;}
._rnd li a .img._bigex .back{position:absolute; top:0; left:0; background-position:0 100%;}
._rnd li:nth-of-type(1){width:100%; height:44.5%;}
._rnd li:nth-of-type(2){width:50%; height:44.5%;}
._rnd li:nth-of-type(2) a{border-top:1px solid #fff;}
._rnd li:nth-of-type(3){width:50%; height:44.5%;}
._rnd li:nth-of-type(3) a{border:solid #fff; border-width:1px 0 0 1px;}
._rnd li:nth-of-type(4){width:100%; height:11%;}
._rnd li:nth-of-type(1) a{background-image:url(/assets/images/bg_subdepth_rnd01.jpg); background-position:right bottom; background-size:36.7592vh 31.0185vh; /* 397px 335px */}
._rnd li:nth-of-type(2) a{background-image:url(/assets/images/bg_subdepth_rnd02.jpg); background-position: right 9.2592vh; /* 100px */}
._rnd li:nth-of-type(3) a{background-image:url(/assets/images/bg_subdepth_rnd03.jpg); background-position: right 4.6296vh; /* 50px */}
._rnd li:nth-of-type(4) a{display:-webkit-flex; display:flex; align-items:center; padding:0 60px; color:#011627;}
._rnd li:nth-of-type(4) a .txt{letter-spacing: 4px;}
._rnd li:nth-of-type(4) a:before{display:none;}
._rnd li a:hover{color:#011627;}
._rnd li a:hover:before{opacity:0;}
._rnd li a:hover .front{opacity:0;}

/* sub-depth - products */
._product{display:none; z-index:100;}
._product li{height:50%;}
._product li a{display:block; position:relative; height:100%; padding:3.7037vh 60px; /* 40px 60px */ background-color:#fff; background-repeat:no-repeat; color:#fff; transition:color 0.15s ease;}
._product li a .before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#006039; transition:opacity 0.15s ease;}
._product li a strong{display:block; position:relative; letter-spacing: 4px;}
._product li a .desc{position:absolute; bottom:2.7777vh; /* 30px */ left:60px; line-height:26px;}
.ch._product li a .desc{font-size:24px; line-height:130%;}
._product li a .img{position:relative; width:11.1111vh; /* 120px */ margin-top:2.7777vh; /* 30px */}
._product li a .img span{display:block; position:relative; width:100%; padding-bottom:100%; background-repeat:no-repeat; background-position:top left; background-size:cover; transition:opacity 0.15s ease;}
._product li a .img .front{background-color:#011627; z-index:1; border-radius:50%;}
._product li a .img._bgn4 .back{position:absolute; top:0; left:0; background-position:0 100%;}
._product li a .img._bori .back{position:absolute; top:0; left:0; background-position:0 100%;}
._product li a .img._ad011 .back{position:absolute; top:0; left:0; background-position:0 100%;}
._product li+li a{border-top:1px solid #fff;}
._product li a:hover{color:#011627;}
/* ._product li a:hover .before{opacity:0;} */
._product li a:hover .front{opacity:0;}

/* sub-depth - business area */
._business{display:none; z-index:100;}
._business li{height:33.3333%;}
._business li a{display:block; position:relative; height:100%; padding:4.6296vh 60px; /* 50px 60px */ background-color:#fff; background-repeat:no-repeat; color:#fff; transition:color 0.15s ease;}
._business li a:before{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#011627; transition:opacity 0.15s ease;}
._business li a strong{display:block; position:relative; font-size:32px;}
._business li a strong i{font-size:25px; font-weight:500;}
._business li a .desc{position:absolute; bottom:4.6296vh; /* 50px */ left:60px; font-size:24px; line-height:32px;}
._business li+li a{border-top:1px solid #fff;}
._business li:nth-of-type(1) a{background-image:url(/assets/images/bg_subdepth_business01.png); background-position:right top; background-size:28.9814vh 23.5185vh; /* 313px 254px */}
._business li:nth-of-type(2) a{background-image:url(/assets/images/bg_subdepth_business02.png); background-position:right 0.9259vh; /* 10px */ background-size:18.5185vh 23.6111vh; /* 200px 255px */}
._business li:nth-of-type(3) a{background-image:url(/assets/images/bg_subdepth_business03.png); background-position:right bottom; background-size:15.8333vh 25.5555vh; /* 171px 276px */}
._business li a:hover{color:#011627;}
._business li a:hover:before{opacity:0;}

/* 연락처 */
.gnbWrap .contactInfo{position:absolute; bottom:5.5555vh; /* 60px */ left:80px; overflow:hidden; font-family: 'Spoqa Han Sans';}
.gnbWrap .contactInfo p{float:left; font-size:12px; line-height:normal;}
.gnbWrap .contactInfo p span{display:inline-block; margin-right:25px;}
.gnbWrap .contactInfo p:nth-of-type(1){width:180px;}
.gnbWrap .contactInfo p:nth-of-type(3){clear:left; width:180px; margin-top:20px;}
.gnbWrap .contactInfo p:nth-of-type(4){margin-top:20px;}
.gnbWrap .contactInfo p.en{width:35%;}

/* 메뉴 기본화면 */
.defaultView{display:block; position:absolute; top:0; left:50%; width:50%; height:100%; background:url(/assets/images/bg_defaultView.jpg) no-repeat center top; background-size:cover;}
.defaultView p{position:absolute; bottom:180px; left:60px; font-size:32px; line-height:40px; color:#fff;}
.defaultView p strong{display:block; margin-bottom:30px; font-size:16px; letter-spacing: 4px; line-height:1;}

/* 주가정보 */
.menu_stockInfo{position:absolute; bottom:0; left:50%; width:50%; background:#fff;}
.menu_stockInfo a{display:block; height:120px; padding:40px 30px 0 60px; text-align:right; color:#011627;}
.menu_stockInfo a .txt{float:left; margin-top:10px;}
.menu_stockInfo a .price strong{font-size:30px; vertical-align: middle;}
.menu_stockInfo a .price.up strong{color:#ff3f60;}
.menu_stockInfo a .price.down strong{color:#3f60ff;}
.menu_stockInfo a .price .ico{display:inline-block; width:0; height:0; margin:0 10px 0 30px; border-left:7px solid transparent; border-right:7px solid transparent;}
.menu_stockInfo a .price.up .ico{border-top:11px solid none; border-bottom:11px solid #ff3f60;}
.menu_stockInfo a .price.down .ico{border-top:11px solid #3f60ff; border-bottom:11px solid none;}
.menu_stockInfo a .price b{font-weight:400;}
.menu_stockInfo a .time{display:block; margin-top:10px; font-size:12px; text-align:right; clear:right; letter-spacing: 2.57px; color:#64778e;}
.menu_stockInfo a:after{content:"주가정보 자세히보기"; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,14,49,.9); color:#fff; text-align:center; font-weight:700; line-height:120px; opacity:0; transition:opacity 0.15s ease;}
.menu_stockInfo a:hover:after{opacity:1;}
.menu_stockInfo a.en:after{content:"Investor Relation";}
.menu_stockInfo a.ch:after{content:"股价信息详情";}

@media screen and (max-width:1600px){
    /* 전체메뉴 */
    .allMenu{width:75%;}
}

@media screen and (max-width:1300px){
    /* 전체메뉴 */
    .gnbWrap .gnb{padding-left:40px; /* 80px */}

    /* sub-depth - rnd */
    ._rnd li a{padding-left:3.0769vw; /* 40px */ padding-right:3.0769vw; /* 40px */}
    ._rnd li a .desc{left:3.0769vw; /* 40px */}
    ._rnd li:nth-of-type(4) a{padding:0 3.0769vw; /* 40px */}

    /* sub-depth - products */
    ._product li a{padding-left:3.0769vw; /* 40px */ padding-right:3.0769vw; /* 40px */}
    ._product li a .desc{left:3.0769vw; /* 40px */}

    /* sub-depth - business area */    
    ._business li a{padding-left:3.0769vw; /* 40px */ padding-right:3.0769vw; /* 40px */}
    ._business li a .desc{left:3.0769vw; /* 40px */}
    
    /* 연락처 */
    .gnbWrap .contactInfo{left:6.25vw; /* 80px */}
    .gnbWrap .contactInfo p{float:none;}
    .gnbWrap .contactInfo p:nth-of-type(1){width:100%;}
    .gnbWrap .contactInfo p:nth-of-type(2){margin-top:10px;}
    .gnbWrap .contactInfo p:nth-of-type(3){width:100%; margin-top:10px;}
    .gnbWrap .contactInfo p:nth-of-type(4){margin-top:10px;}
	.gnbWrap .contactInfo p.en{width:60%;}

    /* 메뉴 기본화면 */
    .defaultView p{left:4.6875vw; /* 60px */}
    .defaultView p strong{margin-bottom:30px;}

    /* 주가정보 */
    .menu_stockInfo a{padding:3.125vw 2.34375vw 0 2.34375vw; /* 40px 30px 0 30px */}
    .menu_stockInfo a .price .ico{margin:0 0.78125vw 0 2.34375vw; /* 0 10px 0 30px */}
}

@media screen and (max-width:1024px){

    .allMenu{width:85%;}

    /* 메뉴열기 */
    .menuBar .open_menu:hover span{background:#fff;}
    .menuBar .open_menu:hover span:nth-of-type(2){width:100%;}

    /* sub-depth - rnd */
    ._rnd li a b{letter-spacing: normal;}
    ._rnd li a .desc{padding-right:4.6875vw; word-break:break-all;}
    ._rnd li a:hover{color:#fff;}
    ._rnd li a:hover:before{opacity:1;}
    ._rnd li a:hover .front{opacity:1;}

    /* sub-depth - products */
    ._product li a strong{line-height:159%;}
    ._product li a:hover{color:#fff;}
    ._product li a:hover:before{opacity:1;}
    ._product li a:hover .front{opacity:1;}

    /* sub-depth - business area */
    ._business li a:hover{color:#fff;}
    ._business li a:hover:before{opacity:1;}

    /* 메뉴 기본화면 */
    .defaultView p{left:6.25vw; /* 80px */ padding-right:4.6875vw; /* 60px */}
}

@media screen and (max-width:767px){ /* w:540px */
    .logo{position:absolute; height: 8vh; left: 5vw;}
    .logo a{
        display:block;
        width: 70vw;
        height: 13.5vw;
        }

    .allMenu{width:100%; right:-100%; transform:none !important;}

    /* menu bar */
    .menuBar{position:fixed; top:0; left:initial; right:0; width:14vw; /* 80px */ height:8vh; /* 80px */ z-index:1100; overflow:visible;}

    /* 메뉴열기 */
    .menuBar .open_menu{display:block; position:absolute; top:5vw; /* 27px */ right:5vw; /* 27px */ width:4.81481vw; /* 26px */ margin:0;}
    .menuBar .open_menu span{height:0.55555vw; /* 3px */}
    .menuBar .open_menu span+span{margin-top:1.29629vw; /* 7px */}

    /* 메뉴닫기 */
    .menuBar .close_menu{display:none; position:absolute; top:4vw; /* 27px */ right:5vw; /* 27px */ width:5vw; /* 25px */ height:5vw; /* 25px */ margin:0;}
    .menuBar .close_menu span{top:0; height:0.37vw; /* 2px */}
    .menuBar .close_menu:hover span{background:#fff;}

    /* 이전메뉴 */
    .back_menu{display:block; position:fixed; top:0; left:0; width:14vw; /* 80px */ height:14vw; /* 80px */ background:#f2f2f2; text-align:center; transform:translateX(-100%);}
    .back_menu img{width:5.92592vw; /* 32px */}
    
    /* top으로 이동 */
    .btn_top{display:-webkit-flex; display:none; align-items: center; justify-content: center; position:fixed; bottom:0; right:0; width:14vw; /* 80px */ height:14vw; /* 80px */ background:#f2f2f2; text-align:center; z-index:100; border-radius:0; box-shadow: none;}
    .btn_top img{width:4.2592vw; /* 23px */}    
	.btn_top.hide{opacity:1;}

    /* 온라인몰 바로가기 */
    .menuBar .gotoShop{left:38vw; top: 0; bottom:0; transform:rotate(0);}
    .menuBar .gotoShop a{line-height:14vw;    transform: rotate(0deg);    font-size: 4vw;}

    /* 언어선택 */
    .menuBar .lang{display:none; bottom:0 !important; top: 0; left:5.5vw; /* 30px */ transform:rotate(0deg); overflow:hidden; width: auto;}
    .menuBar .lang li{float:left; position:relative; padding:0 1.8vw; /* 0 10px */ line-height:14vw; width: auto;font-size: 4vw;}
    .menuBar .lang li a{
        line-height:14vw;
    }
    .menuBar .lang li+li{margin-left:0;}
    .menuBar .lang li+li:before{left:0; width:0.5vw; /* 3px */ height:0.5vw; /* 3px */ margin-top:-0.37vw; /* -2px */}
    .menuBar .lang li a:hover{color:#fff;}

    /* contact 페이지 열기 */
    .menuBar .btn_contactOpen{position:fixed; width:27.7777vw; /* 150px */ height:14vw; /* 80px */ font-size:2.5925vw; /* 14px */ letter-spacing: 0.5vw; /* 3px */ z-index:100;}
    .menuBar .btn_contactOpen span{transform:rotate(0deg);}

    /* 전체메뉴 */
    .gnbWrap{left:0; width:100%; height:calc(100% - 14vw); margin:14vw 0 0; /* 80px 0 */ transform:none !important; opacity:1 !important; visibility:visible !important;}
    .gnbWrap .gnb{margin:0 auto 0; /* 80px 0 0 60px */padding-left:0;}
    .gnbWrap .gnb>ul>li{margin-bottom:3.7vw; min-width: 50vw;text-align: center;}
    .gnbWrap .gnb>ul>li>a{font-size:5vw; /* 24px */}
    .gnbWrap .gnb>ul>li.on>a{
        font-size: 6vw;
    }
    .gnbWrap .gnb>ul>li.on>a:after{
        width:100%;
        background: #A6875F;
    }
    .gnbWrap .gnb>ul>li>button{font-size:6vw; /* 32px */}
    .gnbWrap .gnb .subDepth{left:0; width:100%;}

    /* sub-depth - rnd */
    ._rnd{display:none;}
    ._rnd li a{padding:11.1111vw 7vw; /* 60px 40px */}
    ._rnd li a b{letter-spacing:0.7407vw; /* 4px */ line-height:4.8vw; /* 26px */}
    ._rnd li a .tit{ margin-top:2.7777vw; /* 15px */ font-size:6vw; /* 32px */}
    ._rnd li a .desc{bottom:9.2592vw; /* 50px */ left:7vw; /* 40px */ padding-right:7vw; /* 40px */ line-height:4.8vw; /* 26px */}
	.ch._rnd li a .desc{font-size:4.5vw; line-height:6vw;}
    ._rnd li a .img{width:24.074vw; /* 130px */ margin-top:1.8vw; /* 10px */}
    ._rnd li:nth-of-type(4) a{padding:0 7vw; /* 0 40px */}
    ._rnd li:nth-of-type(4) a .txt{letter-spacing:0.7407vw; /* 4px */}

    /* sub-depth - products */
    ._product{display:none;}
    ._product li a{padding:7vw; /* 40px 40px */}
    ._product li a strong{letter-spacing:0.7407vw; /* 4px */}
    ._product li a .desc{position:absolute; bottom:5.5vw; /* 30px */ left:7vw; /* 40px */ line-height:4.8vw; /* 26px */}
	.ch._product li a .desc{font-size:4.5vw; line-height:6vw;}
    ._product li a .img{position:relative; width:11.1111vw; /* 60px */ margin-top:2.7777vh; /* 15px */}

    /* sub-depth - business area */
    ._business{display:none;}
    ._business li a{padding:11.1111vw 7vw; /* 60px 40px */}
    ._business li a strong{font-size:6vw; /* 32px */}
	._business li a strong i{font-size:4.62962vw;}
    ._business li a .desc{position:absolute; bottom:9.2592vw; /* 50px */ left:7vw; /* 40px */ font-size:4.5vw; /* 24px */ line-height:6vw; /* 32px */}

    /* 연락처 */
    .gnbWrap .contactInfo{display:none;}

    /* 메뉴 기본화면 */
    .defaultView{display:none;}

    /* 주가정보 */
    .menu_stockInfo{left:27.7777vw; /* 150px */ bottom:-14vw; /* -80px */ width:72.2223vw;}
    .menu_stockInfo a{display:-webkit-flex; display:flex; align-items:center; height:14vw; /* 80px */ padding:0 3.7vw; /* 0 20px */ text-align:left;}
    .menu_stockInfo a .txt{float:none; margin-top:0; white-space:nowrap;}
    .menu_stockInfo a .price{margin-left:10.3703vw;}
    .menu_stockInfo a .price strong{font-size:5.5vw; /* 30px */}
    .menu_stockInfo a .price .ico{margin:0 1.85185vw 0 3.7vw; /* 0 10px 0 20px */ border-left:1.29629vw solid transparent; /* 7px */ border-right:1.29629vw solid transparent; /* 7px */}
    .menu_stockInfo a .price.up .ico{border-top:2.037vw solid none; /* 11px */ border-bottom:2.037vw solid #ff3f60; /* 11px */}
    .menu_stockInfo a .price.down .ico{border-top:2.037vw solid #3f60ff; /* 11px */ border-bottom:2.037vw solid none; /* 11px */}
    .menu_stockInfo a .time{display:none;}
}

/* 푸터 */
footer{padding:60px 0 80px; background:#000d31; color:#fff;}
footer .inner{position:relative;}
footer .f_logo{width:205px;}
footer .f_logo img{width:100%;}
footer .contactInfo{position:absolute; top:0; right:0; font-size:12px; line-height:20px; overflow:hidden;}
footer .contactInfo ul{float:left;}
footer .contactInfo li strong{display:inline-block; width:80px;}
footer .contactInfo p{float:left; margin-left:40px;}
footer .contactInfo p:nth-of-type(1){width:160px;}
footer .contactInfo p:nth-of-type(2){width:130px;}
footer .contactInfo p:nth-of-type(3){width:140px;}
footer .contactInfo p strong{display:block;}

footer .copyright{margin-top:160px; font-size:12px; color:#7c8c9f; line-height: 150%;;}
footer .copyright a{color:#7c8c9f; border-bottom:1px solid #7c8c9f}
footer .sns{position:absolute; bottom:0; right:0;overflow:hidden;}
footer .sns a{display:block; float:left; width:30px; height:30px; background-image:url(/assets/images/ico_sns.png); background-repeat: no-repeat; background-size:cover; font-size:0; text-indent:-9999px;}
footer .sns a+a{margin-left:15px;}
footer .sns .linkedin{background-position:0 -30px;}
footer .sns .facebook{background-position:0 -60px;}

/* 수정 : 페밀리사이트 추가 */
footer .familySite{position:absolute; top:40px; left:0; width:220px; margin-top:15px; border:1px solid #7c8c9f; border-radius:15px; font-size:12px; background:#000d31;}
footer .familySite button{position:relative; width:100%; height:30px; padding:0 15px; color:#aeb8c3;}
footer .familySite button:after{content:""; position:absolute; top:50%; right:10px; width:16px; height:9px; margin-top:-4px; background:url(/assets/images/ico_familySite.png) no-repeat top center / cover; transition:transform 0.3s ease;}
footer .familySite button.is-opened:after{transform:rotate(180deg);}
footer .familySite a{display:block; line-height:30px; padding:0 15px; color:#fff;}
footer .familySite a:hover{color:#aeb8c3;}
footer .familySite ul{display:none; padding:5px 0;}

@media screen and (max-width:1300px){
    footer .contactInfo{position:relative; margin-top:60px;}
    footer .copyright{margin-top:60px;}
}

@media screen and (max-width:1024px){
    footer .contactInfo ul{width:20%;}
    footer .contactInfo li strong{display:block; width:100%;}
    footer .contactInfo p{margin-left:15px;}
}

@media screen and (max-width:767px){
    footer{padding:11.1111vw 0 24.074vw; /* 60px 0 130px */}
    footer .f_logo{width:37.9629vw; /* 205px */}    
    footer .contactInfo{margin-top:11.1111vw; /* 60px */ font-size:2.5925vw; /* 14px */ line-height:4.5vw; /* 24px */}
    footer .contactInfo ul{width:50%;}
    footer .contactInfo li strong{display:inline-block; width:16.6666vw; /* 90px */}
    footer .contactInfo p{margin-left:0;}
    footer .contactInfo p:nth-of-type(1){width:50%; padding-left:1.8vw; /* 10px */}
    footer .contactInfo p:nth-of-type(2){width:50%; clear:left; margin-top:5.5vw; /* 30px */}
    footer .contactInfo p:nth-of-type(3){width:50%; margin-top:5.5vw; /* 30px */ padding-left:1.8vw; /* 10px */}
    footer .copyright{margin-top:11.1111vw; /* 60px */ font-size:2.5925vw; /* 14px */}
    footer .sns{bottom:auto; top:0; right:0;}
    footer .sns a{width:9.259259259259259vw; /* 50px*/ height:9.259259259259259vw; /* 50px*/}
    footer .sns a+a{margin-left:2.7777vw; /* 15px */}
    footer .sns .linkedin{background-position:0 center; /* 0 -50px */}
    footer .sns .facebook{background-position:0 bottom; /* 0 -100px */}

    /* 수정 : 페밀리사이트 추가 */
    footer .familySite{position:relative; top:0; width:100%; margin-top:7vw; border-radius:2.77777vw; font-size:2.22222vw; }
    footer .familySite button{height:5.55555vw; padding:0 2.777777vw;}
    footer .familySite button:after{right:3.703703vw; width:2.96296vw; height:1.66666vw; margin-top:-0.7407407vw;}
    footer .familySite a{line-height:5.55555vw; padding:0 2.77777vw;}
    footer .familySite ul{padding:0.925925vw 0;}
}

/* contactUs */
.contactUs{position:fixed; top:0; right:-100%; width:1280px; height:100%; padding:0 0 0 150px; background:#4a607b; z-index:900; transition:right 0.75s ease;}
.contactUs.opened{right:80px;}
.contactUs .contact_tab{position:absolute; bottom:0; left:0; width:150px; height:100%; z-index:10;}
.contactUs .contact_tab button{display:block; width:100%; height:25%; font-size:18px; line-height:26px; font-weight:500; color:#aeb8c3; background:#e5e8ec; text-align:center;}
.contactUs .contact_tab button+button{border-top:1px solid #64778e;}
.contactUs .contact_tab .on{background:#fff; color:#011627;}
.contactUs .contactScroll{position:relative; height:100vh; overflow-y:auto; color:#fff;}
.contactUs .contactScroll .info{display:none; position:absolute; top:0; left:0; width:100%; background:#4a607b;}
.contactUs .contactScroll .info .group{width:50%;}
.contactUs .contactScroll .info ._bottom{display:flex; align-items: center; height:70vh; border-top:1px solid #7c8c9f;}
.contactUs .contactScroll .info ._bottom form{width:100%;}
.contactUs .contactScroll .info .map{position:absolute; top:0; right:0; height:100%;}
.contactUs .contactScroll .addr{display:flex; align-items:center; height:30vh; padding:0 60px;}
.contactUs .contactScroll .addr th{padding:10px 0; vertical-align:top; text-align:left; line-height:24px; font-weight:500;}
.contactUs .contactScroll .addr td{padding:10px 0; line-height:24px;}
.contactUs .contactScroll .img{height:100%; background:url(/assets/images/contact_office01.jpg) no-repeat center center; background-size:cover;}
.contactUs .contactScroll .contact_form{position:relative; padding:0 60px 64px;}
.contactUs .contactScroll .contact_form td{padding:15px 0;}
.contactUs .contactScroll .contact_form .tbl_form .form_group{float:right;}
.contactUs .contactScroll .contact_form .tbl_form .form_group.en{float:none; margin-top:20px;}
.contactUs .contactScroll .contact_form .tbl_form .form_input::-webkit-input-placeholder{color:#95a2b1;}
.contactUs .contactScroll .contact_form .tbl_form .form_input::-ms-input-placeholder{color:#95a2b1;}
.contactUs .contactScroll .contact_form .tbl_form .form_input::placeholder{color:#95a2b1;}
.contactUs .contactScroll .contact_form .tbl_form .form_input{width:100%; padding:10px 0; border:0; border-bottom:1px solid #95a2b1; background:none; color:#fff; outline:none;}
.contactUs .contactScroll .contact_form .tbl_form textarea.form_input{height:15vh;}
.contactUs .contactScroll .contact_form .tbl_form .form_radio{display:inline-block; position:relative; padding-left:30px; cursor:pointer;}
.contactUs .contactScroll .contact_form .tbl_form .form_radio+.form_radio{margin-left:30px;}
.contactUs .contactScroll .contact_form .tbl_form .form_radio .mark{display:block; position:absolute; top:0; left:0; width:15px; height:15px; border:1px solid #ccd2da; border-radius:50%;}
.contactUs .contactScroll .contact_form .tbl_form .form_radio input[type="radio"]{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.contactUs .contactScroll .contact_form .tbl_form .form_radio input[type="radio"]:checked+.mark{background:#ccd2da;}
.contactUs .contactScroll .contact_form .tbl_form .form_file{display:inline-block; position:relative; width:100px; padding:15px 0; font-size:12px; border:1px solid #95a2b1; color:#95a2b1; cursor:pointer; text-align:center;}
.contactUs .contactScroll .contact_form .tbl_form .form_file input[type="file"]{position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
.contactUs .contactScroll .contact_form .tbl_form .fileName{float:right; padding:15px 0; font-size:12px; color:#95a2b1;}
.contactUs .contactScroll .contact_form .tbl_form .fileName button{margin-left:10px; color:#95a2b1;}
.contactUs .contactScroll .contact_form .btn_submit{display:block; position:absolute; bottom:0; left:0; width:100%; padding:20px 0; font-size:24px; background:#011627; color:#fff; text-align:center;}
.contactUs .contactScroll .map iframe{width:100%; height:100%;}
.contactUs .contactScroll .mask{position:absolute; bottom:0; left:0; width:100%; height:0; background:#4a607b; z-index:2;}
.contactUs .contactScroll .info.on{display:block; z-index:1;}

@media screen and (max-width:1680px){
    .contactUs{width:76.190476vw; /* 1680px */ padding:0 0 0 8.928571vw; /* 150px */}
    .contactUs .contact_tab{width:8.928571vw; /* 150px */}
    .contactUs .contactScroll .addr{padding:0 3.5714vw; /* 60px */}
}

@media screen and (max-width:1300px){
    .contactUs{width:calc(100% - 80px);}
}

@media screen and (max-width:1024px){
    .contactUs{padding:0 0 0 14.6484vw; /* 150px */}
    .contactUs .contact_tab{width:14.6484vw; /* 150px */}
    .contactUs .contact_tab button{font-size:1.7578125vw; /* 18px */ line-height:2.5390625vw; /* 26px */}
    .contactUs .contactScroll .info ._top{height:35.15625vw; /* 360px */}
    .contactUs .contactScroll .info ._bottom{height:70.3125vw; /* 720px */}
    .contactUs .contactScroll .addr{padding:2.9296vw; /* 30px */}
    .contactUs .contactScroll .addr th{padding:0.9765625vw 0; line-height:2.34375vw; /* 24px */}
    .contactUs .contactScroll .addr td{padding:0.9765625vw 0; line-height:2.34375vw; /* 24px */}
    .contactUs .contactScroll .contact_form{padding:2.9296vw; /* 30px */}
    .contactUs .contactScroll .contact_form td{padding:1.4648vw 0;}
    .contactUs .contactScroll .contact_form .tbl_form .form_input{padding:0.9765625vw 0;}
    .contactUs .contactScroll .contact_form .tbl_form .form_radio{padding-left:2.9296vw; /* 30px */}
    .contactUs .contactScroll .contact_form .tbl_form .form_radio+.form_radio{margin-left:2.9296vw; /* 30px */}
    .contactUs .contactScroll .contact_form .tbl_form .form_radio .mark{width:1.4648vw; height:1.4648vw;}
    .contactUs .contactScroll .contact_form .tbl_form .form_file{width:100px; padding:1.4648vw 0; font-size:1.171875vw; /* 12px */}
    .contactUs .contactScroll .contact_form .tbl_form .fileName{padding:1.4648vw 0; font-size:1.171875vw; /* 12px */}
    .contactUs .contactScroll .contact_form .tbl_form .fileName button{margin-left:0.9765625vw;}
    .contactUs .contactScroll .contact_form .btn_submit{padding:1.953125vw 0; font-size:2.34375vw; /* 24px */}
}

@media screen and (max-width:890px){
    .contactUs .contactScroll .info ._bottom{height:66vh;}
}

@media screen and (max-width:767px){
    .contactUs{width:100%; height:calc(100% - 14vw); padding:0;}
    .contactUs.opened{right:0;}
    .contactUs .contact_tab{position:absolute; bottom:-14vw; left:27.7777vw; /* 150px */ width:72.2223vw; height:auto; padding-bottom:14vw; /* 80px */}
    .contactUs .contact_tab button{display:none; padding:0 12.03703vw 0 3.7vw; /* 0 65px 0 20px */ height:14vw; /* 80px */ font-size:3.3333vw; /* 18px */ background:#01062e; text-align:left; border-bottom:1px solid #64778e;}
    .contactUs .contact_tab button br{display:none;}
    .contactUs .contact_tab button+button{border-top:0;}
    .contactUs .contact_tab .on{display:block; position:absolute; bottom:0; left:0; width:100%; background:#011627; color:#fff; border-bottom:0;}
    .contactUs .contact_tab .on:after{content:""; display:block; position:absolute; right:4.6296vw; /* 25px */ bottom:5.5vw; /* 30px */ width:2.7777vw; /* 15px */ height:2.7777vw; /* 15px */ border:solid #fff; border-width:0 0 0.5vw 0.5vw; /* 0 0 3px 3px */ transform:rotate(135deg);}
    .contactUs .contact_tab.is-opened button{display:block;}
    .contactUs .contact_tab.is-opened .on:after{bottom:6.48148vw; /* 35px */ transform:rotate(-45deg);}
    .contactUs .contactScroll{height:100%;}
    .contactUs .contactScroll .info .group{width:100%; height:auto;}
    .contactUs .contactScroll .info ._top{height:auto;}
    .contactUs .contactScroll .info ._bottom{height:auto;}
    .contactUs .contactScroll .addr{padding:22.2222vw 9.2592vw 11.1111vw;}
    .contactUs .contactScroll .addr th{padding:1.8vw 0; line-height:4.5vw; /* 24px */}
    .contactUs .contactScroll .addr td{padding:1.8vw 0; line-height:4.5vw; /* 24px */}
    .contactUs .contactScroll .img{height:0; padding-bottom:56.962%;}
    .contactUs .contactScroll .contact_form{padding:11.1111vw 9.2592vw 7vw;}
    .contactUs .contactScroll .contact_form td{padding:2.7777vw 0;}
    .contactUs .contactScroll .contact_form .tbl_form .form_input{padding:1.8vw 0;}
    .contactUs .contactScroll .contact_form .tbl_form .form_radio{padding-left:5.5vw; /* 30px */}
    .contactUs .contactScroll .contact_form .tbl_form .form_radio+.form_radio{margin-left:5.5vw; /* 30px */}
    .contactUs .contactScroll .contact_form .tbl_form .form_radio .mark{width:2.7777vw; height:2.7777vw;}
    .contactUs .contactScroll .contact_form .tbl_form .form_file{width:18.5185vw; padding:2.7777vw 0; font-size:2.2222vw; /* 12px */}
    .contactUs .contactScroll .contact_form .tbl_form .fileName{padding:2.7777vw 0; font-size:2.2222vw; /* 12px */}
    .contactUs .contactScroll .contact_form .tbl_form .fileName button{margin-left:1.8vw; /* 10px */ }
    .contactUs .contactScroll .contact_form .btn_submit{position:relative; bottom:0; left:0; margin-top:7vw; /* 40px */ padding:2.7777vw 0; font-size:4.5vw; /* 24px */}
    .contactUs .contactScroll .info .map{position:relative; height:0; padding-bottom:75%;}
    .contactUs .contactScroll .map iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
	.contactUs .contactScroll .contact_form .tbl_form .form_group.en{float:none; margin-top:3.7037037vw;}
}