@charset "utf-8";
/*******************************
* Site Name: YGPLUS
* Client: YGPLUS
* Author: Mushroom
* Update: 2021. 08
********************************/

/********************************************************
* Body
*********************************************************/
.mobile-wrap{overflow:hidden}
.wrap{padding-top:95px;transition:padding .3s}

.wrap.floating{padding-top:85px}

@media (max-width:1280px){
  .wrap, .wrap.floating{padding-top:85px}
}
@media (max-width:970px){
  .wrap, .wrap.floating{overflow:hidden;padding-top:75px}
}

/********************************************************
* Header
*********************************************************/
.header{position:fixed;top:0;left:0;width:100%;transition:box-shadow .3s;z-index:1500}
.header-inner{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;height:95px;padding:0 40px;background-color:#fff;transition:height .3s, padding .3s}
.branding{flex:0 0 auto;width:200px;padding-right:20px;transition:width .3s}
.branding .link{display:block;width:135px;height:37px;overflow:hidden;text-indent:-100%;background:url("/uploads/media/logo.png") no-repeat center center;background-size:100% auto;transition:width .3s, background-image .3s}
.gnb{display:flex;justify-content:center;position:relative;width:100%;height:100%;max-width:1420px}
.gnb::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:#000}
.nav{display:flex;width:100%;max-width:890px;height:100%}
.nav .menu{flex:1 1 auto;position:relative;height:100%}
.nav .menu > .link{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;color:#000;font-weight:700;transition:font .3s, color .3s}
body:not(.home) .nav .menu > .link{color:#959595}
body:not(.home) .nav .menu:hover > .link, body:not(.home) .nav .menu.active > .link{color:#000}
.gnb .sub-nav{position:absolute;top:100%;left:50%;width:100%;min-width:150px;visibility:hidden;opacity:0;transform:translate(-50%, 20px);transition:visibility .3s, opacity .3s, transform .3s}
.en-page .gnb .sub-nav{min-width:190px}
.nav .menu.hover .sub-nav{visibility:visible;opacity:1;transform:translate(-50%, 0)}
.gnb .depth{padding:28px 32px;border:2px solid #000;background-color:#fff}
.en-page .gnb .depth {padding:28px}
.gnb .depth .item{padding:6px 0 6px}
.gnb .depth .item .link{position:relative;padding-bottom:2px;font-family:"NanumSquare";font-size:16px;transition:font-weight .3s;transition:font .3s}
.en-page .gnb .depth .item .link{font-size:16px}
.gnb .depth .item .link::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;visibility:hidden;opacity:0;background-color:#000;transition:visibility .3s, opacity .3s}
.gnb .depth .item .link:hover, .depth .item.active .link{font-weight:700}
.gnb .depth .item .link:hover::after, .depth .item.active .link::after{visibility:visible;opacity:1}
.quick-menu{display:flex;flex:0 0 auto;width:200px;justify-content:space-between;align-items:center;padding-left:20px;transition:width .3s}
.language-switcher{position:relative;width:113px;height:38px}
.switcher-inner{position:absolute;top:0;left:0;width:100%;height:38px;;padding:1px;overflow:hidden;background-color:#fff;transition:height .3s}
.language-switcher.open .switcher-inner{height:80px}
.switcher-inner::before{content:"";position:absolute;top:0;left:0;width:100%;height:0;visibility:hidden;opacity:0;border:1px solid #000;box-sizing:border-box}
.language-switcher.open .switcher-inner::before{visibility:visible;opacity:1;height:100%}
.language-switcher .language{display:inline-flex;justify-content:space-between;align-items:center;position:relative;height:38px;padding:0 17px;font-family:"KlavikaWebBasic";font-size:24px;font-weight:700;color:#000;line-height:1;border:0;background:none;transition:font .3s}
.language-switcher .language .icon{margin-left:18px;transform:rotate(45deg)}
.language-switcher .language.active .icon{transform:rotate(-135deg)}
.language-switcher .language .icon::before{content:"";display:inline-block;width:9px;height:9px;margin-top:-1.5px;border-right:3px solid #000;border-bottom:3px solid #000;transform:translateY(-50%)}
.language-list{position:absolute;top:42px;left:0;width:100%}
.language-list .item{padding:6px 17px}
.language-list .link{font-size:24px;font-weight:700;color:#959595;line-height:1;transition:font .3s, color .3s}
.language-list .link:hover{color:#000}
.mobile-open{display:inline-flex;justify-content:center;align-items:center;position:relative;width:38px;height:38px;border:2px solid #000;background-color:#fff}
.mobile-open .lines{display:inline-block;position:relative;width:14px;height:10px}
.mobile-open .lines::before, .mobile-open .lines::after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:#000;transition:transform .3s}
.mobile-open .lines::before{top:0}
.mobile-open .lines::after{top:100%;margin-top:-2px}
.mobile-open.open .lines::before{top:50%;transform:rotate(45deg)}
.mobile-open.open .lines::after{top:50%;margin-top:0;transform:rotate(-45deg)}

/* Mobile Gnb */
.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:top .3s, visibility .3s, opacity .3s, transform .7s;z-index:1600}
.mobile-menu.show{visibility:visible;opacity:1}
.mobile-menu .inner{position:relative;height:calc(100% - 100px);padding-top:25px;z-index:50}
.mobile-gnb{position:relative;visibility:hidden;opacity:0;transition:visibility .7s, opacity .7s}
.mobile-menu.show .mobile-gnb{visibility:visible;opacity:1}
.mobile-gnb::after{content:"";position:absolute;top:90px;left:0;width:100%;height:2px;background-color:#fff}
.mobile-nav{display:flex;justify-content:center;width:100%;max-width:1030px;margin:0 auto}
.mobile-nav .menu{padding-right:105px}
.mobile-nav .menu:last-child{padding:0}
.mobile-nav .menu > .link{display:inline-flex;justify-content:center;align-items:center;height:90px;font-size:30px;font-weight:600;color:#fff;transition:font .3s}
.mobile-nav .depth{padding:30px 0}
.mobile-nav .depth .item{padding:14px 0}
.mobile-nav .depth .item .link{position:relative;padding-bottom:2px;font-family:"NanumSquare";font-size:20px;color:#fff;transition:font .3s}
.mobile-nav .depth .item .link::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;visibility:hidden;opacity:0;background-color:#fff;transition:visibility .3s, opacity .3s}
.mobile-nav .depth .item .link:hover::after, .mobile-nav .depth .item.active .link::after{visibility:visible;opacity:1}

/* Mobile Open */
.mobile-top{display:flex;justify-content:space-between;align-items:center;height:95px;padding:0 40px;z-index:500}
.mobile-top .header-inner{background-color:#000}
.mobile-top .branding{z-index:50}
.mobile-top .branding .link{background:url("/uploads/media/logo_white.png") no-repeat center center;background-size:100% auto}
.mobile-top .gnb{display:none}
.mobile-top .quick-menu{padding:0}
.mobile-top .language-switcher{width:auto;height:auto}
.mobile-top .language-list{display:flex;align-items:center;position:static;top:0;height:100%}
.mobile-top .language-list .item{position:relative;padding:0;color:#636363}
.mobile-top .language-list .item .link:hover, .mobile-top .language-list .item .link.active{color:#fff}
.mobile-top .language-list .item:not(:last-child){padding:0 20px 0 0;margin-right:19px}
.mobile-top .language-list .item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:1px;height:16px;background-color:#636363;transform:translateY(-50%)}
.mobile-menu .etc-list{display:none}
.fam-select-wrap{padding-left:20px;margin-top:14px}
.fam-select{width:140px;height:38px;padding:0 11px;font-size:14px;color:#fff;border:2px solid #333;background-color:#000;appearance: none;-webkit-appearance:none;-webkit-border-radius:0;background:url('../img/common/ar.png') no-repeat right 10px center;background-size:11px}

/* Floating */
.header.floating{box-shadow:0 0 15px rgba(0,0,0,.1)}
.header.floating .header-inner{height:85px}
.header.floating .nav .menu > .link{font-size:25px}
.header.floating .language-switcher.open .switcher-inner{height:76px}
.header.floating .language-switcher .language{font-size:20px}
.header.floating .language-list{top:40px}
.header.floating .language-list .link{font-size:20px}
.mobile-menu.floating .mobile-top{height:85px}
.mobile-menu.floating .language-list .link{font-size:20px}

@media (max-width:1600px){
  .header-inner{padding:0 20px}

  /* Mobile Open */
  .mobile-top{padding:0 20px}
}
@media (max-width:1460px){
  .nav .menu > .link{font-size:25px}
  .gnb .depth{padding:20px 25px}
  .en-page .gnb .depth{padding:20px 23px}
  .gnb .depth .item .link{font-size:17px}
  .language-switcher{width:105px}
  .language-switcher .language{font-size:20px}
  .language-switcher.open .switcher-inner, .header.floating .language-switcher.open .switcher-inner{height:74px}
  .language-list, .header.floating .language-list{top:38px}
  .language-list .link{font-size:20px}

  /* Mobile Gnb */
  .mobile-nav .menu > .link{font-size:25px}
  .mobile-nav .depth .item .link{font-size:17px}
}
@media (max-width:1280px){
  .header-inner{height:85px}
  .branding{width:160px}
  .branding .link{width:114px}
  .nav .menu > .link, .header.floating .nav .menu > .link{font-size:23px}
  .gnb .depth .item .link, .en-page .gnb .depth .item .link{font-size:15px}
  .quick-menu{width:160px}
  .language-switcher{width:93px}
  .language-switcher.open .switcher-inner, .header.floating .language-switcher.open .switcher-inner{height:70px}
  .language-switcher .language, .header.floating .language-switcher .language{font-size:18px}
  .language-switcher .language .icon{margin-left:13px}
  .language-switcher .language .icon::before{width:7px;height:7px}
  .mobile-top .language-list .item:not(:last-child){padding-right:10px;margin-right:9px}
  .language-list .link, .header.floating .language-list .link, .mobile-menu.floating .language-list .link{font-size:18px}

  /* Mobile Gnb */
  .mobile-gnb::after{top:80px}
  .mobile-nav .menu{padding-right:95px}
  .mobile-nav .menu > .link{height:80px;font-size:20px}
  .mobile-nav .depth .item .link{font-size:16px}

  /* Mobile Open */
  .mobile-top, .mobile-menu.floating .mobile-top{height:85px}
}
@media (min-width:971px){
  .mobile-menu .box{position:absolute;top:0;left:0;width:100%;height:100%}
  .mobile-menu .box::before, .mobile-menu .box::after{content:"";position:absolute;left:0;width:100%;height:50%; background-color:#000;transition:transform .5s}
  .mobile-menu .box::before{top:0;transform:translateY(-100%)}
  .mobile-menu .box::after{top:50%;transform:translateY(100%)}
  .mobile-menu.show .box::before, .mobile-menu.show .box::after{visibility:visible;opacity:1;transform:translateY(0)}
  .mobile-nav .sub-nav{display:block!important}
}
@media (max-width:970px){
  .header-inner, .header.floating .header-inner{height:75px}
  .gnb{display:none}
  .language-switcher{visibility:hidden;opacity:0}

  /* Mobile Gnb */
  .mobile-top .language-switcher{visibility:visible;opacity:1}

  /* Mobile Open */
  .mobile-menu{left:auto;right:0;width:80%;max-width:600px;background-color:#000;transform:translateX(100%)}
  .mobile-menu.show{transform:translateX(0)}
  .mobile-top, .mobile-menu.floating .mobile-top{height:75px;padding:0 20px 0 40px}
  .mobile-top .branding{display:none}
  .mobile-top .quick-menu{width:100%}
  .mobile-menu .inner{padding:0 40px}
  .mobile-gnb{height:calc(100% - 150px);overflow-x:hidden;overflow-y:auto}
  .mobile-gnb::after{display:none}
  .mobile-nav{flex-direction:column}
  .mobile-nav .sub-nav{display:none;border-top:2px solid #fff;border-bottom:2px solid #fff}
  .mobile-nav .depth{padding:30px 40px}
  .mobile-nav .menu{padding:0}
  .mobile-nav .menu > .link{justify-content:flex-start;width:100%;padding-left:20px;font-size:26px;font-weight:700}
  .mobile-menu .etc-list{display:flex;align-items:flex-end;height:100px;padding-left:20px}
  .mobile-menu .etc-list .item .link{color:#fff}
}
@media (max-width:480px){
  .branding .link{width:94px}
  .quick-menu{width:auto}
  .mobile-open{width:32px;height:32px}

  /* Mobile Open */
  .mobile-menu .etc-list{justify-content:flex-end;align-items:flex-start}
  .mobile-menu .inner{padding:0 20px}
  .mobile-nav .menu > .link{height:60px}
  .mobile-nav .depth{padding:20px 30px}
  .mobile-nav .depth .item{padding:10px 0}
}


/********************************************************
* Common
*********************************************************/
/* Title */
.title-st1{text-align:center}
.title-st1 .title{font-size:36px}
.title-st1 .sub-text{margin-top:15px;font-size:20px}

@media (min-width:971px){
.fixed-submenu-wrap.fixed .fixed-submenu{position:fixed;top:85px;left:0;width:100%;padding:0 10px;background-color:#fff;z-index:50}
.fixed-submenu-wrap.fixed::after{content:"";display:block;height:75px}
.fixed-submenu-wrap.fixed .fixed-submenu.tab-list{display:flex;justify-content:center;margin:0;padding-top:15px;padding-bottom:15px;border-bottom:2px solid #000}
.fixed-submenu-wrap.fixed .fixed-submenu.tab-list .item{padding:0 10px}
}

@media (max-width:1460px){
  .title-st1 .title{font-size:32px}
  .title-st1 .sub-text{font-size:18px}
}
@media (max-width:1280px){
  .title-st1 .title{font-size:27px}
  .title-st1 .sub-text{font-size:17px}
}
@media (max-width:970px){
  .title-st1 .title{font-size:25px}
  .title-st1 .sub-text{font-size:16px}
/*   .fixed-submenu-wrap.fixed .fixed-submenu{top:75px}
  .fixed-submenu-wrap.fixed .fixed-submenu.tab-list .item{height:60px;padding:3px 10px}
  .fixed-submenu-wrap.fixed .fixed-submenu.tab-list .item .link{font-size:16px} */
}
@media (max-width:640px){
  .title-st1 .title{font-size:24px}
/*   .fixed-submenu-wrap.fixed .fixed-submenu.tab-list .item{height:45px}
  .fixed-submenu-wrap.fixed .fixed-submenu.tab-list .item .link{font-size:15px} */
}
@media (max-width:480px){
/*   .fixed-submenu-wrap.fixed .fixed-submenu.tab-list{padding-top:9px;padding-bottom:9px}
  .fixed-submenu-wrap.fixed .fixed-submenu.tab-list .item{height:36px;padding:0 10px;margin-top:-1px}
  .fixed-submenu-wrap.fixed .fixed-submenu.tab-list .item .link{font-size:14px} */
}
@media (max-width:380px){
  /* .fixed-submenu-wrap.fixed .fixed-submenu.tab-list{padding-top:8px;padding-bottom:8px}
  .fixed-submenu-wrap.fixed .fixed-submenu.tab-list .item{height:34px;padding:0 10px}
  .fixed-submenu-wrap.fixed .fixed-submenu.tab-list .item .link{font-size:13.5px} */
}


/********************************************************
* Main
*********************************************************/
/* Main Visual */
.main-visual{height:calc(100vh - 95px);transition:height .3s}
.wrap.floating .main-visual{height:calc(100vh - 85px)}
.main-visual .slick-list,
.main-visual .slick-track{height:100%}
.main-visual .slick-slide{position:relative;background-position:center center!important;background-size:cover!important}
.vis-text-wrap{position:absolute;bottom:14.35%;left:0;width:100%;z-index:9999}
@keyframes visText{0%{visibility:hidden;opacity:0;transform:translateY(110px)}100%{visibility:visible;opacity:1;transform:translateY(0)}}
.vis-text-wrap .sub-title{font-size:40px;font-weight:700;coloR:#fff}
.vis-text-wrap .title{margin-top:30px;font-family:"NanumSquare";font-size:55px;font-weight:900;color:#fff}
.en-page .vis-text-wrap .title {line-height:1.3}
.vis-text-wrap .btn-more{display:inline-flex;align-items:center;margin-top:150px;font-size:20px;color:#fff;opacity:.7}
.vis-text-wrap .btn-more .icon{display:inline-block;position:relative;width:110px;height:23px;margin-left:30px;background:url("/uploads/media/icon_btn_more.png") no-repeat center right;background-size:100% auto;transition:transform .3s}
.vis-text-wrap .btn-more:hover .icon{transform:translateX(10px)}
.main-visual .slick-dots{bottom:50px}
.main-visual .slick-arrow{top:55.56%;width:52px;height:52px;opacity:.5;transition:opacity .3s;z-index:50}
.main-visual .slick-arrow.slick-disabled:hover{opacity:.5;cursor:default}
.main-visual .slick-arrow:hover{opacity:1}
.main-visual .slick-prev{left:50%;margin-left:-810px;background:url("/uploads/media/vis_ar_left.png") no-repeat center center;background-size:cover}
.main-visual .slick-next{right:50%;margin-right:-810px;background:url("/uploads/media/vis_ar_right.png") no-repeat center center;background-size:cover}
.video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:8000}
.video-bg{position:absolute;top:50%;left:50%;width:100vw;min-width:192.77vh;height:62.25vw;min-height:100%;transform:translate(-50%, -50%)}
.vis-img{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;background:url("/uploads/media/main_visual_img4.jpg") no-repeat center center}

/* Main Content Slider */
.main-cont{padding-top:90px}
.main-cont .inner{max-width:1530px}
.main-cont-slider .slick-list{padding:50px 0 115px!important}
.main-cont-slider .item{display:flex!important;justify-content:center;align-items:center;height:315px;transition:height .3s}
.main-cont-slider .item-box{display:flex;justify-content:center;align-items:center;width:310px;height:250px;border-radius:15px;box-shadow:10px 10px 20px rgba(0,0,0,0.1);transition:width 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000), height 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000), box-shadow 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}

.main-cont-slider .item .icon{display:block;position:relative;width:152px;height:144px;margin:0 auto}
.main-cont-slider .item .icon::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);transition:background 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}
.main-cont-slider .item1 .icon::before{background:url("/uploads/media/main_icon1.png") no-repeat center center}
.main-cont-slider .item2 .icon::before{background:url("/uploads/media/main_icon2.png") no-repeat center center}
.main-cont-slider .item3 .icon::before{background:url("/uploads/media/main_icon3.png") no-repeat center center}
.main-cont-slider .item .title{margin-top:20px;font-size:24px;line-height:1;text-align:center;transition:margin-top 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000), font 200ms cubic-bezier(0.645, 0.045, 0.355, 1.000)}

/* main pop */
/* .pop-inner{position:relative;max-width:1420px;margin:0 auto} */
.btn-pop-detail{display:inline-block;padding:10px 15px;max-width:140px;transition:color .3s, background-color .3s}
.btn-pop-detail:hover{background-color:#fff;color:#000 !important}
.btn-pop-detail .ic{margin-left:12px}
@media (min-width:1600px){
  /* .pop-inner > .main_pop{position:absolute;margin-left:0 !important;margin-top:0 !important;left:auto!important;right:0;top:140px} */
}

@media (min-width:971px){
  /* Main Content Slider Hover */
  .vis-text-wrap{animation:visText .8s linear forwards}
  .main-cont-slider .link:hover .item-box{width:390px;height:315px;border-radius:20px;box-shadow:10px 10px 30px rgba(0,0,0,0.2)}
  .main-cont-slider .item1 .link:hover .icon::before{background:url("/uploads/media/main_icon1_over.png") no-repeat center center}
  .main-cont-slider .item2 .link:hover .icon::before{background:url("/uploads/media/main_icon2_over.png") no-repeat center center}
  .main-cont-slider .item3 .link:hover .icon::before{background:url("/uploads/media/main_icon3_over.png") no-repeat center center}
  .main-cont-slider .link:hover .title{margin-top:35px;font-size:30px}
}
@media (min-width:971px) and (max-width:1280px){
  /* Main Content Slider Hover */
  .main-cont-slider .link:hover .item-box{width:370px;height:295px}
}
@media (min-width:971px) and (max-width:1080px){
  /* Main Content Slider Hover */
  .main-cont-slider .link:hover .item-box{height:315px;box-shadow:10px 10px 30px rgba(0,0,0,0.2)}
}
@media (max-width:1920px){
  .main-visual .slick-slide:first-child{background-image:url("/uploads/media/main_visual_1920.jpg")!important;background-position:bottom center!important}
}
@media (max-width:1600px){
  /* Main Visual */
  .main-visual .slick-slide:nth-child(3){background-position-x:right!important}
  .vis-text-wrap .sub-title{font-size:36px}
  .vis-text-wrap .title{font-size:50px}
}
@media (max-width:1460px){
  /* Main Visual */
  .vis-text-wrap .sub-title{font-size:34px}
  .vis-text-wrap .title{font-size:46px}
  .vis-text-wrap .btn-more{margin-top:130px}
}
@media (max-width:1280px){
  /* Main Visual */
  .main-visual, .wrap.floating .main-visual{height:calc(100vh - 85px)}
  .vis-text-wrap .sub-title{font-size:30px}
  .vis-text-wrap .title{font-size:42px}
  .vis-text-wrap .btn-more{font-size:18px}
  .vis-text-wrap .btn-more .icon{width:80px}

  /* Main Content Slider */
  .main-cont-slider .item-box{width:290px;height:230px}
  .main-cont-slider .item-inner{transform:scale(.9)}
}
@media (max-width:1080px){
  /* Main Visual */
  .vis-text-wrap{bottom:25.35%}
  .vis-text-wrap .sub-title{font-size:27px}
  .vis-text-wrap .title{font-size:37px}
  .vis-text-wrap .btn-more{margin-top:100px;font-size:17px}

  /* Main Content Slider */
  .main-cont{padding-top:70px}
  .main-cont-slider{max-width:670px;margin:0 auto}
  .main-cont-slider .slick-list{padding:50px 120px 130px!important}
  .main-cont-slider .item{padding:0 30px}
  .main-cont-slider .item .link{width:100%}
  .main-cont-slider .item .item-box, .main-cont-slider .link:hover .item-box{width:100%}
  .main-cont-slider .slick-current{justify-content:center}
  .main-cont-slider .slick-current .item-box{height:315px;box-shadow:10px 10px 30px rgba(0,0,0,0.2)}
  .main-cont-slider .item1.slick-current .icon::before{background:url("/uploads/media/main_icon1_over.png") no-repeat center center}
  .main-cont-slider .item2.slick-current .icon::before{background:url("/uploads/media/main_icon2_over.png") no-repeat center center}
  .main-cont-slider .item3.slick-current .icon::before{background:url("/uploads/media/main_icon3_over.png") no-repeat center center}
  .main-cont-slider .slick-current .title{margin-top:35px;font-size:30px}
  .main-cont-slider .slick-dots{bottom:60px}
  .main-cont-slider .slick-dots li button{border-color:#000}
  .main-cont-slider .slick-dots li button:focus, .main-cont-slider .slick-dots li button:hover, .main-cont-slider .slick-dots li.slick-active button{background-color:#000}
}
@media (max-width:970px){
  /* Main Visual */
  /* .main-visual-wrap {height:100vh} */
  .main-visual, .wrap.floating .main-visual{height:calc(100vh - 75px);max-height:1000px}
  .main-visual .slick-slide:nth-child(1){background:url("/uploads/media/main_visual_img1_mo.jpg") no-repeat top center!important}
  .main-visual .slick-slide:nth-child(2){background:url("/uploads/media/main_visual_img2_mo_0914.jpg") no-repeat top left!important; background-size:cover!important}
  /* .main-visual .slick-slide:nth-child(3){background:url("/uploads/media/main_visual_img3_mo.jpg") no-repeat top center!important}
  .main-visual .slick-slide:nth-child(4){background:url("/uploads/media/main_visual_img4_mo.jpg") no-repeat top center!important} */
  .main-visual-wrap .main-visual .slick-slide{background-size:cover!important}
  .vis-text-wrap{bottom:calc(50% - 37.5px);transform:translateY(50%)!important}
  .vis-text-wrap .sub-title{font-size:23px}
  .vis-text-wrap .title{margin-top:20px;font-size:30px}
  .en-page .vis-text-wrap .title{margin-top:20px;font-size:25px}
  .vis-text-wrap .btn-more{margin-top:70px;font-size:16px}
  /* .video-wrap{visibility:hidden;opacity:0}
  .vis-img{visibility:visible;opacity:1} */

  /* Main Content Slider */
  .main-cont-slider{max-width:580px}
  .main-cont-slider .slick-list{padding:50px 120px 100px!important}
  .main-cont-slider .item{padding:0 20px}
  .main-cont-slider .item-box{height:210px}
  .main-cont-slider .slick-current .item-box{height:245px}
  .main-cont-slider .item-inner{transform:scale(.7)}
}
@media (max-width:640px){
  /* Main Content Slider */
  .main-cont-slider .slick-list{padding:40px 60px 100px!important}
  /* .main-visual .slick-slide:nth-child(2){background:url("/uploads/media/main_visual_img2_mo_0914_640.jpg") no-repeat top left!important; background-size:cover!important} */
}
@media (max-width:480px){
  /* Main Visual */
  .main-visual{max-height:800px}
  .vis-text-wrap .sub-title{font-size:20px}
  .vis-text-wrap .btn-more{display:none}

  /* Main Content Slider */
  .main-cont-slider .slick-list{padding:10px 0 70px!important;margin:0 -20px}
  .main-cont-slider .item{height:265px}
  .main-cont-slider .item .item-box{height:195px;box-shadow:5px 5px 10px rgba(0,0,0,0.2)!important}

  /* 메인 비주얼 영상 임시 조정 */
  #video-3{min-height:125%}
}
@media (min-height:1081px){
  /* Main Visual */
  .vis-text-wrap{bottom:22%}
}
@media (min-height:1081px) and (max-width:1280px){
  /* Main Visual */
  .vis-text-wrap{bottom:34%}
}


/********************************************************
* Sub
*********************************************************/
/* Breadcrumb */
.breadcrumb-wrap{padding-top:22px}
.breadcrumb{display:flex;align-items:center}
.breadcrumb .item{display:inline-flex;align-items:center}
.breadcrumb .item:not(:last-child)::after{content:">";display:inline-block;margin:0 10px}
.breadcrumb .link{font-size:14px;color:#636363}
.breadcrumb .item:last-child .link{color:#000;text-transform:uppercase}
.en-page .breadcrumb .item .link{text-transform:uppercase}

/* Visual */
.sub-header .bg-wrap{position:relative;height:389px;margin-top:30px;transition:height .3s}
.sub-header .bg-wrap .bg{position:absolute;top:0;left:0;width:100%;height:100%}

/* Section */
.sub-section{padding:120px 0 150px}
.flex-wrap{display:flex;justify-content:space-between}
.flex-wrap .title-wrap{flex-shrink:0;min-width:300px;margin-right:40px}
.flex-wrap .item-wrap{position:relative;width:100%;max-width:945px}
.stock-text {font-family:"NanumSquare";font-size:14px}
.stock-text-ab{position:absolute;top:-10px;right:0;font-size:14px;transform:translateY(-100%)}
.img-wrap{font-size:0;line-height:1}
.img-wrap img{width:100%;height:auto}

/* Transition */
.font-t{transition:font .3s}
.mg-t{transition:margin .3s}
.pd-t{transition:padding .3s}

/* Title */
.title-st2{margin-top:80px;font-family:"NanumSquare";font-size:48px;font-weight:900;transition:margin .3s, font .3s}
.title-st3{font-family:"NanumSquare";font-size:30px;font-weight:600;transition:font .3s}
.title-st4{font-family:"NanumSquare";font-size:48px;font-weight:600;line-height:1.4;transition:font .3s}
.title-st5{font-family:"KlavikaWebBasic";font-size:120px;font-weight:600;line-height:1;transition:font .3s}
.title-st6{font-size:24px;font-weight:700;transition:font .3s}
.title-st7{font-size:36px;font-weight:600;transition:font .3s}
.nanum{font-family:"NanumSquare"!important}
.klavika{font-family:"KlavikaWebBasic"!important}

/* Text */
.text-st1{font-family:"NanumSquare";font-size:24px;line-height:1.7;transition:font .3s}
.text-st1.en{line-height:1.35}
.category{font-size:24px;font-weight:700;color:#ed1c24;transition:margin .3s, font .3s}

/* Btn */
.btn{display:flex;justify-content:center;align-items:center;margin:0 auto;font-size:18px;background-color:#fff;transition:color .3s, background-color .3s}
.btn:hover{color:#fff;background-color:#000}
.btn.border{border:1px solid #000}
.btn.hide{display:none!important}
.btn-st1{width:100%;max-width:144px;height:45px}
.btn-st2 .icon{display:inline-flex;justify-content:center;align-items:center;width:28px;height:28px;margin-right:10px;font-size:12px;color:#fff;border-radius:50%;background-color:#000;transition:color .3s, background-color .3s}
.btn-st2:hover .icon{font-size:14px;color:#000;background-color:#fff}
.btn-st2 .icon::before{margin-left:1px}
.btn-st3{display:inline-flex;font-weight:600}
.btn-st3 .icon{display:inline-flex;justify-content:center;align-items:center;position:relative;top:-1px;width:28px;height:28px;margin-right:10px;font-size:12px;color:#fff;border-radius:50%;background-color:#d6d6d6;transition:color .3s, background-color .3s}
.btn-st3:hover{color:#000;background-color:transparent}
.btn-st3:hover .icon{color:#fff;background-color:#000}

/* Tab */
.tab-st1 .tab-list{display:flex;margin:0 -15px}
.tab-st1 .tab-list .item{flex:1 1 100%;max-width:360px;height:83px;padding: 0 15px}
.tab-st1 .tab-list .link{display:inline-flex;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 40px;font-size:22px;font-weight:900;color:#959595;border:1px solid #d7d7d7;transition:color .3s, border-color .3s, background-color .3s}
.en-page .tab-st1 .tab-list .link{padding:0 30px}
.tab-st1 .tab-list .item .icon{transition:background-image .3s}
.tab-st1 .tab-list .link:hover,
.tab-st1 .tab-list .item.active .link{color:#fff;border-color:#000;background-color:#000}
.tab-st2 .tab-list{display:flex}
.tab-st2 .tab-list .item:not(:last-child){position:relative;padding-right:22px;margin-right:21px}
.tab-st2 .tab-list .item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:1px;height:25px;background-color:#959595;transform:translateY(-50%)}
/* .tab-st2 .tab-list .item:first-child{display:none} */
.tab-st2 .tab-list .link{padding:0 5px;font-size:28px;color:#959595;transition:color .3s, background-color .3s}
.tab-st2 .tab-list .link:hover, .tab-st2 .tab-list .link.active{color:#fff;background-color:#000}

/* Table */
.table-st1{width:100%;border-top:2px solid #000}
.table-st1 th, .table-st1 td{height:54px;vertical-align:middle}
.table-st1 th{width:33.33333333333333%;padding:0 26px;font-family:"NanumSquare";font-size:16px;border-bottom:1px solid #000}
.table-st1 th:first-child{text-align:left}
.table-st1 th:last-child{text-align:right}
.table-st1 td{height:auto;min-height:54px;padding:17px 26px;font-family:"NanumSquare";font-size:16px;text-align:center;border-bottom:1px solid #b2b2b2}
.table-st1 td:first-child{text-align:left}
.table-st1 td:last-child{text-align:right}
.table-st1 .total td{font-size:18px;font-weight:600}
.table-st2{width:100%;border-top:2px solid #000}
.table-st2 th{width:33.33333333333333%;height:54px;padding:0 26px;font-family:"NanumSquare";font-size:16px;vertical-align:middle;border-bottom:1px solid #000}
.table-st2 td{padding:35px 26px;font-family:"NanumSquare";font-size:16px;text-align:center;vertical-align:middle;border-bottom:1px solid #b2b2b2}
.table-st2 .statement{padding-left:45px;text-align:left}
.table-st2 th.statement{padding-left:67px}
.table-st2 td:nth-child(2){line-height:1.9;text-align:left}
.en-page .table-st2 td:nth-child(2){line-height:1.5}
.table-st2 .text {padding-bottom:10px;font-family:"NanumSquare"}
.table-st2 .text:last-child {padding-bottom:0}
.table-st2 .name{display:block;font-size:30px}
.table-st2.en .name{font-size:27px}
.table-st2 .etc{line-height:1.7}
.table-st3{width:100%;margin-top:20px;border-top:2px solid #000}
.table-st3 td{padding:30px;font-family:"NanumSquare";font-size:16px;vertical-align:middle;border-bottom:1px solid #b2b2b2}
.table-st3 td span{font-family:"NanumSquare"}
.table-st3 .link{display:block}
.table-st3 .elips{display:-webkit-box;height:1.5em;overflow:hidden;font-family:"NanumSquare";font-size:20px;font-weight:600;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.table-st3 .link:hover .elips{text-decoration:underline}
.table-st3 .date{display:inline-block;margin-top:5px;margin-right:10px;font-size:16px;color:#959595}
.table-st3 .td-writer{width:300px;padding:30px 10px}
.table-st3 .download{display:flex;align-items:center;font-family:"NanumSquare"}
.table-st3 .download .icon{display:inline-block;width:17px;height:17px;margin-right:25px;background:url("/uploads/media/icon_download.png") no-repeat center center;transition:background-image .3s}
.table-st3 .download:hover .icon{background:url("/uploads/media/icon_download_over.png") no-repeat center center;background-size:100% auto}
.scroll-wrap{display:none;position:absolute;left:50%;top:50%;padding:10px 20px 20px;text-align:center;background-color:rgba(0,0,0,.7);transform:translate(-50%, -50%)}
.scroll-wrap .icon{font-size:50px;color:#fff;transform:rotate(90deg)}
.scroll-wrap .text{font-size:16px;font-weight:500;color:#fff}
.pagination{margin-top:50px}

/* Select */
.search-inner{display:flex;justify-content:flex-end;align-items:center;height:54px}
.search-wrap .input-wrap{display:flex;align-items:center;width:100%;max-width:365px;height:100%;margin-right:30px;border-bottom:1px solid #000}
.search-wrap .search-input{width:100%;height:100%;padding:0 7px;font-family:"NanumSquare";font-size:16px;border:0;outline:none}
.search-wrap .btn-search{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:100%;text-indent:-9999px;border:0;background:url("/uploads/media/icon_search.png") no-repeat center center;outline:none}
.search-wrap .select-wrap{width:195px}
.select-wrap{position:relative;height:54px;border:1px solid #000}
.select-wrap .default{display:flex;align-items:center;height:100%;padding:0 50px 0 20px;font-family:"NanumSquare";font-size:16px;cursor:pointer;background-color:transparent;border:0;outline:none}
.select-wrap::after{content:"";position:absolute;top:50%;right:30px;margin-top:-3px;border-top:6px solid #000;border-right:5px solid transparent;border-left:5px solid transparent; transition:transform .3s}
.select-wrap.active::after{transform:rotate(180deg)}
/* .select-wrap .select{width:100%;height:100%;font-family:"NanumSquare";font-size:16px;outline:none} */
.select-wrap .select{display:none;position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);padding:9px 0;font-family:"NanumSquare";font-size:16px;background-color:#fff;border:1px solid #000;z-index:50}
.select-wrap .select .item{padding:6px 0}
.select-wrap .select .link{display:block;padding:0 50px 0 20px;font-family:"NanumSquare";font-size:16px}
.select-wrap .select .link:hover{text-decoration:underline}

/* Board */
.board-view{border-top:2px solid #000}
.view-top .text-wrap{display:flex;align-items:center;padding:30px 35px;border-bottom:1px solid #b2b2b2}
.view-top .title-wrap{width:100%}
.view-top .title-wrap .title{font-family:"NanumSquare";font-size:28px;font-weight:600}
.view-top .title-wrap .date,
.view-top .title-wrap .info-txt{font-family:"NanumSquare";font-size:16px;color:#959595;line-height:1}
.view-top .title-wrap .info-txt{margin-left:20px}
.view-top .title-wrap .bottom{display:flex;align-items:center;margin-top:13px}
.view-top .title-wrap .writer{margin-left:20px;font-family:"NanumSquare";font-size:16px;color:#959595}
.view-top .text-wrap .career{flex-shrink:0;padding:0 40px 0 20px;font-size:16px}
.view-top .file-wrap{display:flex;padding:20px 35px 0}
.view-top .file-wrap .title{flex-shrink:0;font-family:"NanumSquare";font-size:16px;color:#ed1c24}
.view-top .file-wrap .files {word-break:break-all}
.view-top .file-wrap .file{font-family:"NanumSquare";font-size:16px;text-decoration:underline;transition:opacity .3s;word-break:break-all}
.view-top .file-wrap .file:hover{opacity:.7}
.view-top .file-wrap .volume{font-family:"NanumSquare"}
.view-cont{min-height:315px;padding:65px 35px;font-family:"NanumSquare";font-size:16px;line-height:1.8;border-bottom:1px solid #b2b2b2}
.editor_contents *{font-family:"NanumSquare" !important;}
.view-cont p{font-family:"NanumSquare";font-size:16px;line-height:1.8}
.view-cont img{max-width:100%}
.btn-list{margin-top:30px;font-weight:600}

@media (max-width:1600px){
  /* Title */
  .title-st5{font-size:80px}

  /* Text */
  .text-st1{font-size:21px}
}
@media (max-width:1440px){
  /* Section */
  .sub-section{padding:100px 0 120px}

  /* Title */
  .title-st2{font-size:44px}
  .title-st4{font-size:44px}
  .title-st3{font-size:29px}
  .title-st5{font-size:90px}

  /* Text */
  .text-st1{font-size:19px}

  /* Table */
  .table-st2 .name{font-size:29px}
  .table-st2.en .name{font-size:26px}

  /* Board */
  .view-top .title-wrap .title{font-size:26px}
}
@media (max-width:1280px){
  /* Section */
  .sub-section{padding:80px 0 100px}
  .flex-wrap .title-wrap{min-width:260px}

  /* Visual */
  .sub-header .bg-wrap{height:350px}
  .sub-header .bg-wrap .bg{background-size:auto 100%!important}

  /* Title */
  .title-st2{margin-top:70px;font-size:40px}
  .title-st3{font-size:28px}
  .title-st4{font-size:40px}
  .title-st5{font-size:80px}
  .title-st6{font-size:22px}
  .title-st7{font-size:32px}

  /* Text */
  .text-st1{font-size:18px}
  .category{font-size:20px}

  /* Button */
  .btn{font-size:16px}
  .btn-st2 .icon, .btn-st3 .icon{width:22px;height:22px}

  /* Tab */
  .tab-st1 .tab-list{margin:0 -10px}
  .tab-st1 .tab-list .item{height:75px;padding:0 10px}
  .tab-st1 .tab-list .link{justify-content:center;padding:0 20px;font-size:22px}
  .tab-st1 .tab-list .item .icon{display:none}
  .tab-st2 .tab-list .link{font-size:26px}

  /* Table */
  .table-st1 th, .table-st2 th{padding:0 15px}
  .table-st1 td{padding:17px 15px}
  .table-st1 .total td{font-size:17px}
  .table-st2 .statement{width:20%;padding-left:15px;text-align:center}
  .en-page .directorate .table-st2 .statement{width:210px;padding-left:15px}
  .table-st2 th.statement{padding-left:15px}
  .table-st2 td{padding:25px 15px}
  .table-st2 td:nth-child(2){text-align:center}
  .table-st2 .name{font-size:28px}
  .table-st2.en .name{font-size:27px}
  .table-st3 td{padding:20px}
  .table-st3 .elips{font-size:19px}
  .table-st3 .td-writer{width:270px}

  /* Select */
  .search-wrap .input-wrap{max-width:300px}
  .search-wrap .select-wrap{max-width:170px}

  /* Board */
  .view-top .text-wrap{padding:20px}
  .view-top .title-wrap .title{font-size:25px}
  .view-top .file-wrap{padding:15px 20px 0}
  .view-cont{padding:50px 20px}
}
@media (max-width:1080px){
  /* Title */
  .title-st5{font-size:70px}

  /* Text */
  .text-st1{font-size:17px}
  .category{font-size:18px}
}
@media (max-width:970px){
  /* Breadcrumb */
  .breadcrumb-wrap{display:none}

  /* Visual */
  .sub-header .bg-wrap{height:280px;margin:30px -20px 0}

  /* Section */
  .sub-section{padding:70px 0 90px}

  /* Title */
  .title-st2{font-size:32px}
  .title-st3{font-size:26px}
  .title-st4{font-size:32px}
  .title-st5{font-size:65px}
  .title-st7{font-size:30px}

  /* Button */
  .btn{font-size:15px}

  /* Tab */
  .tab-st1 .tab-list{flex-wrap:wrap;margin:0 -10px}
  .tab-st1 .tab-list .item{flex:auto;width:50%;max-width:none;padding:5px 10px}
  .tab-st1 .tab-list .link{font-size:18px}
  .tab-st2 .tab-list .link{font-size:24px}

  /* Table */
  .table-st1 th, .table-st2 th{height:45px;padding:5px 10px}
  .table-st1 th, .table-st1 td, .table-st2 th, .table-st2 td{font-size:15px}
  .table-st1 td{min-height:45px;padding:13px 15px}
  .table-st1 .total td{font-size:16px}
  .table-st2 td{padding:15px}
  .table-st2 .name{font-size:26px}
  .table-st2.en .name{font-size:24px}
  .scroll-wrap .text{font-size:15px}
  .table-st3 td{font-size:15px}
  .table-st3 .elips{font-size:18px}
  .table-st3 .td-writer{width:160px}
  .table-st3 .download .icon{margin-right:10px}
  .table-st3 .date{font-size:15px}

  /* Select */
  .select-wrap{height:50px}
  .search-inner{height:50px}
  .search-wrap .search-input{font-size:15px}
  .search-wrap .select-wrap{height:50px}
  .select-wrap .select{font-size:15px}

  /* Board */
  .view-top .title-wrap .title{font-size:22px}
  .view-top .title-wrap .date,
  .view-top .title-wrap .info-txt,
  .view-top .file-wrap .title, .view-top .file-wrap .file{font-size:15px}
}
@media (max-width:640px){
  /* Visual */
  .sub-header .bg-wrap{height:220px}

  /* Title */
  .title-st2{margin-top:60px;font-size:25px}
  .title-st3{font-size:20px}
  .title-st3.exp1{font-size:17px}
  .title-st4{font-size:25px}
  .title-st5{font-size:44px}
  .title-st7{font-size:21px}

  /* Text */
  .text-st1{font-size:16px}

  /* Tab */
  .tab-st1 .tab-list{margin:-5px 0}
  .tab-st1 .tab-list .item{width:100%;height:55px;padding:5px 0}
  .tab-st1 .tab-list .link{font-size:16px}
  .tab-st2 .tab-list .item:not(:last-child){padding-right:12px;margin-right:11px}
  .tab-st2 .tab-list .item:not(:last-child)::after{height:20px}
  .tab-st2 .tab-list .link{font-size:21px}
  .tab-st2 .tab-list.business-history-tab.en .item{margin-bottom:10px}
  .tab-st2 .tab-list.business-history-tab.en .link{font-size:21px;padding:5px 8px}
  .tab-st2 .business-history-tab.en{flex-wrap:wrap}
  .tab-st2 .business-history-tab.en > li{width:100%}
  .tab-st2 .business-history-tab.en .item:not(:last-child)::after{display:none}

  /* Table */
  .table-st2 .name{font-size:19px}
  .table-st2.en .name{font-size:17px}
  .table-st3 td{float:left;padding:15px 10px;border-bottom:0}
  .table-st3 tr{border-bottom:1px solid #b2b2b2}
  .table-st3 td:first-child{width:100%}
  .table-st3 .elips{font-size:17px;font-weight:600}
  .table-st3 .td-writer{width:100%;padding:0 10px 10px}
  .table-st3 .download{font-size:14px}
  .table-st3 .download .icon{width:15px;height:15px;background-size:100% auto}

  /* Select */
  .select-wrap{height:45px}
  .search-inner{height:45px}
  .search-wrap .input-wrap{max-width:none;margin-right:10px}
  .search-wrap .btn-search{width:40px;background-size:50% auto}
  .search-wrap .select-wrap{max-width:100px;height:45px}
  .select-wrap::after{right:10px}
  .select{padding:0px 30px 0 10px}

  /* Board */
  .view-top .text-wrap{display:block;padding:10px}
  .view-top .title-wrap .title{font-size:18px}
  .view-top .text-wrap .career{padding:10px 0 0;font-size:15px}
  .view-top .file-wrap{padding:10px 10px 0}
  .view-cont{min-height:250px;padding:30px 10px;font-size:15px}
  .view-cont p{font-size:15px}

}
@media (max-width:480px){
  .select-wrap .select .link{font-size:14px;}
}
@media (max-width:359px){
  /* Title */
  .title-st5{font-size:40px}
}


/********************************************************
* About
*********************************************************/
/* Common */
.about-sec{padding-top:0}
.about-top{padding:70px 0 130px;border-bottom:2px solid #000}
.about-top .title-st5{margin-top:-10px}
.about-top .sub-title{font-family:"NanumSquare";font-size:30px;font-weight:600}
.about-top .category{display:block;margin-top:110px}
.about-top .text-st1{margin-top:25px}
.about-top .btn-contact{margin-top:25px}

/* Company */
.sub-header-company{display:none}
.company-top .img-wrap img{max-width:468px;transition:max-width .3s}
.company{margin-top:60px}
.company .title{font-family:"NanumSquare";font-size:65px;font-weight:600;transition:font .3s}
.company .title .small{display:block;margin-top:10px;font-family:"NanumSquare";font-size:32px;line-height:1;transition:font .3s}
.company-chart{display:flex;flex-wrap:wrap;margin-top:115px}
.company-chart .item{width:50%;max-width:620px}
.company-chart .item:nth-child(n + 3){margin-top:60px}
.company-chart .title{font-size:24px;font-weight:600;color:#7d7d7d}
.company-chart .num{font-family:"NanumSquare";font-size:80px;font-weight:900;transition:font .3s}
.company-chart .num .count{font-family:"NanumSquare"}
.company-chart .num .s-text{font-size:30px}
.company .noti{margin-top:90px;font-family:"NanumSquare";font-size:16px;font-weight:600}
.company .title.en{line-height:1.16}
.company .title.en .small{margin-top:15px}

/* History */
.sub-header-history{display:none}
.history-top .text-wrap{padding-right:20px}
.history-top .img-wrap img{max-width:766px;transition:max-width .3s}
.history-wrap{position:relative;padding-bottom:125px;margin-top:75px}
.history-wrap::before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;margin-left:-0.5px;background-color:#c2c2c2}
.history-wrap::after{content:"NEW CHALLENGE";position:absolute;top:100%;left:50%;margin-top:30px;font-family:"NanumSquare";font-size:18px;font-weight:600;transform:translateX(-50%)}
.history-item{display:flex;position:relative;margin-bottom:90px}
.history-item::before{content:"";position:absolute;top:0;left:50%;width:8px;height:8px;border:5px solid #000;border-radius:50%;background-color:#fff;transform:translateX(-50%)}
.history-item:last-child{margin-bottom:0}
.history-item .years{width:50%;font-family:"NanumSquare";font-size:90px;font-weight:900;color:#959595;line-height:1}
.history-item:first-child .years{color:#000}
.history-box{display:flex;width:50%}
.his-list{display:inline-flex;flex-direction:column}
.his-list .item{display:flex;margin-bottom:20px;font-family:"NanumSquare";font-size:18px}
.his-list .item p{font-family:"NanumSquare"}
.his-list .item img{margin-top:20px;margin-bottom:50px;width:auto;max-width:100%;max-height:100%}
.his-list .item:last-child img{margin-bottom:0}
/* .his-list .item.has-img:not(:last-child){margin-bottom:50px} */
.his-list .item:last-child{margin-bottom:0}
.his-list .month{margin-right:45px;font-family:"NanumSquare";font-size:18px;font-weight:600}
/* .his-list .text{font-family:"NanumSquare";font-size:18px} */
/* .his-list .img-wrap{margin-top:20px} */
/* .his-list .img-wrap img{width:auto;max-width:100%;max-height:100%} */
.history-item:nth-child(odd) .years{text-align:right;padding-right:80px}
.history-item:nth-child(odd) .history-box{padding-left:80px}
.history-item:nth-child(even){flex-direction:row-reverse}
.history-item:nth-child(even) .years{padding-left:80px}
.history-item:nth-child(even) .history-box{justify-content:flex-end;padding-right:80px}

/* Partner Ship */
.sub-header-partnership .bg{background:url("/uploads/media/partnership_visual.jpg") no-repeat bottom right}
.partner-wrap{padding-top:70px;margin-top:120px;border-top:2px solid #000}
.partner-wrap .flex-wrap{margin-top:75px}
.partner-wrap .flex-wrap:first-child{margin-top:0}
.partner-wrap .title-wrap .title-st3{font-family:"KlavikaWebBasic"}
.partner-wrap .item-wrap .text{font-family:"NanumSquare";font-size:16px;line-height:1.8}
.partner-wrap .item-wrap .btn-more{margin-top:20px}
.partner-wrap .item-wrap .img-wrap{margin-top:30px}
.partner-wrap .item-wrap .img-wrap img{max-width:945px}

/* Privacy */
.sub-header-privacy{display:none}
.privacy-sec .title-st4{margin-top:80px}
.privacy-sec .text-st1{margin-top:25px}
.privacy-sec .text-st1 .link{font-family:"NanumSquare"}
.privacy-sec .text-st1 .link:hover{text-decoration:underline}
.prive-select{margin-top:70px}
.prive-select .prive-select-inner{display:flex;justify-content:flex-end}
.prive-select .select-wrap{width:100%;max-width:285px}
.prive-wrap{padding-top:45px;margin-top:30px;border-top:2px solid #000}
.prive-wrap .title{padding-bottom:15px;font-family:"NanumSquare";font-size:16px}
.prive-wrap .title:not(:first-child){margin-top:35px}
.prive-wrap .text{font-family:"NanumSquare";font-size:16px;line-height:1.8}
.prive-wrap .link{font-family:"NanumSquare"}
.prive-wrap .link:hover{text-decoration:underline}
.prive-wrap .prive-list .item{position:relative;padding-left:20px;font-family:"NanumSquare";font-size:16px;line-height:1.8}
.prive-wrap .prive-list .item .tel{margin:0 5px}
.prive-wrap .list-st1 .item::before{content:"▶";position:absolute;top:0;left:0}
.prive-wrap .list-st2{counter-reset:section}
.prive-wrap .list-st2 .item::before{counter-increment:section;content:counter(section);display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;position:absolute;top:6px;left:0;width:15px;height:15px;font-size:12px;border:1px solid #606060;border-radius:50%;box-sizing:border-box}

@media (max-width:1600px){
  /* Common */
  .about-top .sub-title{margin-top:20px;font-size:27px}

  /* Company */
  .company-top .img-wrap img{max-width:403px}
  .company{max-width:1010px;margin:60px 0 0}
  .company > .title{font-size:55px}
  .company .title .small{font-size:27px}
  .company-chart{margin-top:85px}
  .company-chart .item{max-width:none}
  .company-chart .title{font-size:22px}
  .company-chart .num{font-size:70px}
  .company .noti{margin-top:80px}

  /* History */
  .history-top .img-wrap img{max-width:686px}
  .history-item .years{font-size:80px}

  /* Partner Ship */
  .partner-wrap{padding-top:60px}
}
@media (max-width:1440px){
  /* Common */
  .about-top{padding:70px 0 110px}
  .about-top .sub-title{font-size:25px}
  .about-top .sub-text{font-size:19px}
  .about-top .category{margin-top:90px}

  /* Company */
  .company-top .img-wrap img{max-width:373px}
  .company > .title{font-size:45px}
  .company .title .small{font-size:23px}
  .company-chart{margin-top:65px}
  .company-chart .num{font-size:55px}

  /* History */
  .history-top .img-wrap img{max-width:626px}
  .history-wrap
  .history-item .years{font-size:65px}
  .his-list .month{margin-right:30px;font-size:17px}
  .his-list .item{font-size:17px}

  /* Partner Ship */
  .partner-wrap{margin-top:110px}

  /* Privacy */
  .prive-select{margin-top:60px}
}
@media (max-width:1280px){
  /* Common */
  .about-top{padding:70px 0 100px}
  .about-top .text-wrap{flex-shrink:0}
  .about-top .sub-title{font-size:22px}
  .about-top .sub-text{font-size:18px}
  .about-top .category{margin-top:70px}

  /* Company */
  .company-top .img-wrap img{max-width:330px}
  .company > .title{font-size:32px}
  .company .title .small{font-size:16px}
  .company-chart .item:nth-child(n + 3){margin-top:50px}
  .company-chart .title{font-size:20px}
  .company-chart .num{font-size:40px}
  .company .noti{margin-top:60px}

  /* History */
  .history-top .img-wrap img{max-width:556px}
  .history-wrap{margin-top:70px}
  .history-wrap::after{margin-top:20px;font-size:17px}
  .history-item:nth-child(odd) .years{padding:0 60px 0 20px}
  .history-item:nth-child(odd) .history-box{padding:0 20px 0 60px}
  .history-item:nth-child(even) .history-box{padding:0 60px 0 20px}
  .history-item:nth-child(even) .years{padding:0 20px 0 60px}

  /* Partner Ship */
  .partner-wrap{margin-top:100px}
  .partner-wrap .flex-wrap{margin-top:60px}

  /* Privacy */
  .privacy-sec .title-st4 {margin-top:70px}
}
@media (max-width:1080px){
  /* Common */
  .about-top .sub-title{font-size:20px}
  .about-top .sub-text{font-size:17px}

  /* Company */
  .company-top .img-wrap img{max-width:295px}
  .company > .title{font-size:28px}

  /* History */
  .history-top .img-wrap img{max-width:486px}
}
@media (max-width:970px){
  /* Common */
  .about-top{padding-bottom:80px}
  .about-top .sub-title{font-size:19px}
  .about-top .img-wrap{margin-top:30px}

  /* Company */
  .about-top .flex-wrap{flex-direction:column}
  .company-top .img-wrap img{max-width:403px}
  .company-chart{margin-top:45px}
  .company-chart .item:nth-child(n + 3){margin-top:40px}
  .company-chart .title{font-size:18px}

  /* History */
  .history-top .img-wrap img{max-width:768px}
  .history-wrap{margin-top:60px;padding-bottom:75px}
  .history-wrap::before{top:24px;left:9px;height:calc(100% - 24px)}
  .history-item{padding:0 0 0 60px}
  .history-item, .history-item:nth-child(even){flex-direction:column}
  .history-item::before{top:16px;left:0;transform:none}
  .history-item .years, .history-item .history-box{width:100%;padding:0!important}
  .history-wrap .history-item .years{font-size:55px}
  .history-item:nth-child(odd) .years{text-align:left}
  .history-box{margin-top:40px}
  .history-item:nth-child(even) .history-box{justify-content:flex-start}
  .history-wrap::after{left:9px;transform:none}

  /* Partner Ship */
  .partner-wrap{margin-top:70px}
  .partner-wrap .flex-wrap{flex-direction:column;margin-top:50px}
  .flex-wrap .item-wrap{margin-top:15px}

  /* Privacy */
  .prive-select{margin-top:50px}
  .prive-wrap .text, .prive-wrap .prive-list .item{font-size:15px}
}
@media (max-width:768px){
  /* History */
  .history-top .img-wrap{margin:30px -20px 0}
}
@media (max-width:640px){
  /* Common */
  .about-top{padding-bottom:70px}
  .about-top .text-wrap{flex:initial}
  .about-top .sub-title{font-size:17px}
  .about-top .category{margin-top:40px}
  .about-top .sub-text{font-size:16px}

  /* Company */
  .company{margin-top:60px}
  .company-chart{margin-top:15px}
  .company-chart .item{width:100%;margin-top:30px!important}
  .company-chart .title{font-size:17px}
  .company .noti{margin-top:50px;font-size:15px}

  /* History */
  .history-wrap{margin-top:60px}
  .history-wrap::before{left:6px}
  .history-item{padding-left:30px;margin-bottom:60px}
  .history-item::before{top:11px;width:6px;height:6px;border-width:4px}
  .history-wrap::after{left:6px}

  .his-list .item img{margin-bottom:40px}
  /* .his-list .item.has-img:not(:last-child){margin-bottom:40px} */
  .history-wrap .history-item .years{font-size:40px}
  .history-box{margin-top:30px}
  .his-list .item{flex-direction:column}
  .his-list .month{font-size:15px}
  .his-list .item{font-size:15px}
  .his-list .item:not(:first-child){margin-top:10px}
  .his-list .img-text{margin-top:10px}

  /* Partner Ship */
  .partner-wrap .item-wrap .text{font-size:15px}
  .partner-wrap .item-wrap .img-wrap{position:relative;height:200px;overflow:hidden;margin:30px -20px 0}
  .partner-wrap .item-wrap .img-wrap img{position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%)}
  .partner-wrap .item-wrap .img-wrap.golf img{left:0;transform:none}

  /* Privacy */
  .privacy-sec .title-st4 {margin-top:60px}
  .prive-select{margin-top:40px}
}
@media (max-width:480px){

  /* History */
  .logo-xgolf{max-width:210px !important}
  .logo-inv{max-width:250px !important}
  .logo-ygp{max-width:157px !important}

  /* Privacy */
  .prive-select .select-wrap{max-width:none}
}


/********************************************************
* Business
*********************************************************/
/* Common */
.sub-header-business .title-wrap{margin-top:70px}
.sub-header-business .sub-text{margin-top:20px;font-family:"NanumSquare";font-size:18px}
.business-tab{margin-top:115px}
.business-tab .link{font-weight:700}
.business-tab .item .icon{width:48px;height:46px}
.business-tab .item1 .icon{width:41px;background:url("/uploads/media/business_icon1.png") no-repeat center center;background-size:auto 100%}
.business-tab .item2 .icon{background:url("/uploads/media/business_icon2.png") no-repeat center center;background-size:auto 100%}
.business-tab .item3 .icon{background:url("/uploads/media/business_icon3.png") no-repeat center center;background-size:auto 100%}
.business-tab .item4 .icon{background:url("/uploads/media/business_icon4.png") no-repeat center center;background-size:auto 100%}
.business-tab .item1 .link:hover .icon, .business-tab .item1.active .link .icon{background:url("/uploads/media/business_icon1_over.png") no-repeat center center;background-size:auto 100%}
.business-tab .item2 .link:hover .icon, .business-tab .item2.active .link .icon{background:url("/uploads/media/business_icon2_over.png") no-repeat center center;background-size:auto 100%}
.business-tab .item3 .link:hover .icon, .business-tab .item3.active .link .icon{background:url("/uploads/media/business_icon3_over.png") no-repeat center center;background-size:auto 100%}
.business-tab .item4 .link:hover .icon, .business-tab .item4.active .link .icon{background:url("/uploads/media/business_icon4_over.png") no-repeat center center;background-size:auto 100%}
.business-sec{padding:0 0 150px}
.business-top{padding-top:70px;margin-top:30px;border-top:2px solid #000}
.business-top .title-st5{margin-top:30px}
.business-top .sub-title{font-family:"NanumSquare";font-size:30px;font-weight:600}
.business-top .text-st1{margin-top:40px}
.business-top .title-st6{margin-top:70px}
.business-top .small-text{margin-top:15px;font-family:"NanumSquare";font-size:16px;text-transform:uppercase}
.business-top .btn-contact{max-width:240px;height:54px;margin-top:55px}
.business-top .btn-contact .icon::before{margin-left:1px}
.platform-wrap{padding:55px 0;margin-top:130px;background-color:#f5f5f5}
.platform-wrap .flex-box{display:flex;align-items:center}
.platform-wrap .flex-box:nth-child(2){margin-top:115px}
.platform-wrap .flex-box.right{flex-direction:row-reverse}
.platform-wrap .img-wrap img{max-width:646px}
.platform-wrap .text-wrap{padding-left:124px}
.platform-wrap .flex-box.right .text-wrap{padding:0 124px 0 0}
.platform-wrap .text-wrap .title{display:flex;align-items:center;position:relative;padding-top:25px;font-size:48px;font-weight:600;line-height:1}
.platform-wrap .text-wrap .title::before{content:"";position:absolute;top:0;left:0;width:144px;height:2px;background-color:#000}
.platform-wrap .text-wrap .icon{display:inline-block;width:50px;margin-left:30px;font-size:0;line-height:1}
.platform-wrap .text-wrap .icon img{width:100%;max-width:50px;height:auto}
.platform-wrap .text-wrap .text{margin-top:35px;font-family:"NanumSquare";font-size:18px}
.platform-wrap .btn-st1{margin:45px 0 0}

/* Music */
.business-history-wrap{padding-top:124px}
.business-history-wrap .tab-st2{margin-top:30px}
.business-history{padding-top:12.5px;margin-top:10px;border-top:1px solid #d7d7d7}
.business-history .item{display:flex}
.business-history .item.hide{display:none}
.business-history .item .year{padding:12.5px 0;margin-right:70px;font-family:"NanumSquare";font-size:18px;font-weight:600}
.business-history .item .year.year-hidden{opacity:0}
.business-history .history{display:flex;padding:12.5px 0}
.business-history .month{flex-shrink:0;padding-top:3.5px;font-family:"NanumSquare";font-size:16px}
.business-history .text{margin-left:20px;font-family:"NanumSquare";font-size:16px}

/* Merchandise */
.offline-channels{padding-top:125px}
.channel-list{display:flex;padding-top:35px;margin:0 -27px;border-top:1px solid #d7d7d7;align-items:center;justify-content: center}
.channel-list .item{padding:0 27px}
.channel-list .link{display:block}
.channel-list .link:hover .btn{color:#fff;background-color:#000}
.channel-list .img-wrap img{max-width:437px}
.channel-list .item .text-wrap{margin-top:20px;text-align:center}
.channel-list .item .title{font-family:"NanumSquare";font-size:24px;font-weight:600}
.channel-list .item .addr{margin-top:5px;font-family:"NanumSquare";font-size:16px}
.channel-list .item .btn-st1{margin-top:40px}
.channel-list .slick-dots{bottom:0}
.channel-list .slick-dots li button{border-color:#000}
.channel-list .slick-dots li button:focus, .channel-list .slick-dots li button:hover, .channel-list .slick-dots li.slick-active button{background-color:#000}
.krunk-box{display:flex;align-items:center;padding:40px 85px 20px;margin-top:50px;border:1px solid #c2c2c2}
.krunk-box .img-wrap{flex-shrink:0;margin-right:80px}
.krunk-box .img-wrap img{max-width:179px}
.krunk-box .text-wrap .title{font-size:72px;color:#ed1c24;line-height:1}
.krunk-box .text-wrap .sub-title{display:block;margin-top:7px;font-size:36px;color:#000}
.krunk-box .text-wrap .text{margin-top:23px;font-family:"NanumSquare";font-size:24px}
.krunk-box .text-wrap .btn-krunk{display:inline-flex;margin-top:20px}
.latest-md{padding-top:125px}
.md-list-wrap{padding:35px 0 60px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7}
.md-list{display:flex;flex-wrap:wrap;margin:-25px -21.5px}
.md-list .item{width:25%;padding:25px 21.5px}
.md-list .link{display:block}
.md-list .img-wrap{position:relative;max-width:323px;overflow:hidden;}
.md-list .img-wrap .img-inner{position:relative;width:100%;max-width:323px;max-height:323px;padding-top:100%;overflow:hidden}
.md-list .img-wrap img{position:absolute;top:50%;left:50%;width:auto;transform:translate(-50%, -50%);transition:transform .3s linear, visibility .3s, opacity .3s}
.md-list .img-wrap img.image-loading{visibility:hidden;opacity:0}
.md-list .img-wrap.big-w img {height:100%;}
.md-list .img-wrap.big-h img {width:100%;}
.md-list .link:hover .img-wrap img{transform:scale(1.05) translate(-50%, -50%)}
.md-list .text-wrap{max-width:323px;margin-top:15px}
.md-list .item .title{display:-webkit-box;height:3em;overflow:hidden;font-family:"NanumSquare";font-size:16px;line-height:1.4;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.md-list .item .link:hover .title{text-decoration:underline}
.md-list .item .date{display:block;margin-top:6px;font-family:"NanumSquare";font-size:14px;color:#959595}
.latest-md .btn-st1{margin-top:30px}

/* Other */
.other-box:first-child{margin-top:30px;border-top:2px solid #000}
.other-box{padding:70px 0 125px;border-top:1px solid #000}
.other-box:last-child{padding-bottom:0}
.other-box .category{display:block;margin-bottom:30px}
.other-box .title-st5{font-size:90px}
.other-box .title-st3{margin-top:8px}
.other-box .text-st1{margin-top:45px}
.other-box .btn-more{margin-top:35px}
.other-list-wrap{margin-top:80px}
.other-list{display:flex;margin:0 -27px}
.other-list .item{padding:0 27px}
.other-list .link{display:inline-block}
.other-list .img-wrap{max-width:437px;max-height:314px;overflow:hidden}
.other-list .img-wrap img{max-width:437px;transition:transform .3s linear}
.other-list .link:hover .img-wrap img{transform:scale(1.05)}
.other-list .item .title{margin-top:20px;font-family:"NanumSquare";font-size:18px;line-height:1.7;text-align:center}
.other-list .link:hover .title{text-decoration:underline}

@media (max-width:1600px){
  /* Common */
  .business-top{padding-top:60px}
  .business-top .sub-title{font-size:27px}
  .platform-wrap{margin-top:110px}

  /* Music */
  .business-history-wrap{padding-top:110px}

  /* Merchandise */
  .offline-channels, .latest-md{padding-top:110px}
  .krunk-box{margin-top:50px}

  /* Other */
  .other-box .title-st5{font-size:75px}
}
@media (max-width:1480px){
  .channel-list{padding-bottom:60px}
}
@media (max-width:1440px){
  /* Common */
  .business-sec{padding-bottom:120px}
  .business-tab{margin-top:90px}
  .business-top .sub-title{font-size:25px}
  .platform-wrap{margin-top:90px}
  .platform-wrap .text-wrap{padding-left:70px}
  .platform-wrap .flex-box.right .text-wrap{padding-right:70px}
  .platform-wrap .text-wrap .title{font-size:44px}

  /* Music */
  .business-history-wrap{padding-top:90px}
  .platform-wrap .flex-box:nth-child(2){margin-top:80px}

  /* Merchandise */
  .offline-channels, .latest-md{padding-top:100px}
  .channel-list{margin:0 -20px}
  .channel-list .item{padding:0 20px}
  .channel-list .item .title{font-size:22px}
  .krunk-box{margin-top:100px}
  .krunk-box .text-wrap .title{font-size:60px}
  .krunk-box .text-wrap .sub-title{font-size:30px}
  .krunk-box .text-wrap .text{font-size:20px}
  .md-list{margin:-20px -15px}
  .md-list .item{padding:20px 15px}

  /* Other */
  .other-box{padding-bottom:120px}
  .other-box .title-st5{font-size:70px}
  .other-list{margin:0 -20px}
  .other-list .item{padding:0 20px}
}
@media (max-width:1280px){
  /* Common */
  .business-sec{padding-bottom:100px}
  .sub-header-business .sub-text{font-size:17px}
  .business-tab{margin-top:70px}
  .business-top .title-st5{margin-top:20px}
  .business-top .text-st1{margin-top:30px}
  .business-top .title-st6{margin-top:50px}
  .business-top .sub-title{font-size:22px}
  .platform-wrap{margin-top:80px}
  .platform-wrap .text-wrap{padding-left:50px}
  .platform-wrap .flex-box.right .text-wrap{padding-right:50px}
  .platform-wrap .text-wrap .title{font-size:40px}
  .platform-wrap .text-wrap .text{font-size:17px}

  /* Music */
  .business-history-wrap{padding-top:70px}
  .platform-wrap .flex-box:nth-child(2){margin-top:60px}

  /* Merchandise */
  .offline-channels, .latest-md{padding-top:80px}
  .channel-list{margin:0 -15px}
  .channel-list .item{padding:0 15px}
  .channel-list .item .title{font-size:20px}
  .channel-list .item .btn-st1{margin-top:30px}
  .krunk-box{padding:40px 40px 20px;margin-top:80px}
  .krunk-box .text-wrap .title{font-size:55px}
  .krunk-box .text-wrap .sub-title{font-size:28px}
  .krunk-box .text-wrap .text{font-size:18px}

  /* Other */
  .other-box{padding-bottom:80px}
  .other-box .title-st5{font-size:65px}
  .other-list{margin:0 -15px}
  .other-list .item{padding:0 15px}
  .other-list .item .title{font-size:17px}
}
@media (max-width:1080px){
  /* Music */
  .platform-wrap .text-wrap{max-width:410px}

  /* Merchandise */
  .md-list .item{width:33.33333333333333%}
}
@media (max-width:970px){
  /* Common */
  .business-sec{padding-bottom:90px}
  .sub-header-business .title-wrap{margin-top:70px}
  .business-top .title-st5{margin-top:15px}
  .business-top .sub-title{margin-top:10px;font-size:19px}
  .business-top .text-st1{margin-top:30px}
  .business-top .title-st6{margin-top:40px}
  .business-top .btn-contact{max-width:200px;margin:45px 0 0}
  .platform-wrap{padding:70px 0;margin-top:70px}
  .platform-wrap .flex-box, .platform-wrap .flex-box.right{flex-direction:column}
  .platform-wrap .text-wrap{width:100%;max-width:646px;padding:0}
  .platform-wrap .text-wrap .title{font-size:32px}
  .platform-wrap .text-wrap .title::before{display:none}
  .platform-wrap .text-wrap .icon{width:40px}
  .platform-wrap .text-wrap .text{margin-top:25px;font-size:16px}
  .platform-wrap .btn-st1{margin-top:30px}

  /* Music */
  .business-history-wrap{padding-top:70px}
  .platform-wrap .flex-box:nth-child(2){margin-top:50px}
  .business-history .item .year{margin-right:40px;font-size:17px}
  .business-history .month{padding-top:2.5px}

  /* Merchandise */
  .offline-channels, .latest-md{padding-top:70px}
  .channel-list{margin:0 -10px}
  .channel-list .item{padding:0 10px}
  .channel-list .item .title{font-size:19px}
  .channel-list .item .addr{font-size:15px}
  .krunk-wrap{padding:200px 0 10px;margin-top:10px;background-color:#ffffff}
  .krunk-box{position:relative;padding:40px;margin-top:0;background-color:#fff}
  .krunk-box .img-wrap{position:absolute;right:40px;top:0;margin:0;transform:translateY(-50%)}
  .krunk-box .text-wrap{position:relative;z-index:50}
  .krunk-box .text-wrap .title{font-size:45px}
  .krunk-box .text-wrap .sub-title{font-size:26px}
  .krunk-box .text-wrap .text{font-size:17px}

  /* Other */
  .other-box{padding-bottom:70px}
  .other-box .title-st5{font-size:60px}
  .other-box .text-st1{margin-top:30px}
  .other-list-wrap{margin-top:60px}
  .other-list{flex-direction:column;margin:-20px -10px}
  .other-list .item{padding:20px 10px}
  .other-list .item .title{font-size:16px;text-align:left}
}
@media (max-width:768px){
  .md-list .item{width:50%}
  .md-list .img-wrap{margin:0 auto}
  .md-list .text-wrap{margin:15px auto 0}
}
@media (max-width:640px){
  /* Common */
  .sub-header-business .title-wrap{margin-top:60px}
  .sub-header-business .sub-text{font-size:16px}
  .business-tab{margin-top:40px}
  .business-top .sub-title{font-size:17px}
  .business-top .text-st1{margin-top:20px}
  .business-top .btn-contact{margin:35px auto 0}
  .business-top .small-text{font-size:15px}
  .platform-wrap{padding:60px 0;margin-top:60px}
  .platform-wrap .img-wrap{margin:0 -20px}
  .platform-wrap .text-wrap .title{font-size:25px}
  .platform-wrap .text-wrap .icon{width:30px;margin-left:15px}
  .platform-wrap .text-wrap .text{margin-top:20px;font-size:15px}
  .platform-wrap .btn-st1{margin:30px auto 0}

  /* Music */
  .business-history-wrap{padding-top:60px}
  .business-history .item{flex-direction:column}
  .business-history .item:not(:first-child){margin-top:15px}
  .business-history .item .year{font-size:22px}
  .business-history .item .year.year-hidden{display:none}
  .business-history .history{flex-direction:column;padding:8px 0}
  .business-history .month{padding:0;font-size:15px}
  .business-history .text{margin:5px 0 0;font-size:15px}

  /* Merchandise */
  .offline-channels, .latest-md{padding-top:60px}
  .en-page .channel-list .item .title {font-size:16px}
  .krunk-wrap{padding:170px 0 60px}
  .krunk-box{padding:30px}
  .krunk-box .img-wrap{right:30px;width:140px}
  .krunk-box .text-wrap .title{font-size:40px}
  .krunk-box .text-wrap .sub-title{font-size:22px}
  .krunk-box .text-wrap .text{font-size:15px}
  .md-list-wrap{padding-bottom:60px}
  .md-list{margin:-15px -10px}
  .md-list .item{padding:15px 10px}
  .md-list .item .title{font-size:15px}

  /* Other */
  .other-box{padding:60px 0}
  .other-box .title-st5{font-size:40px}
  .other-box .btn-more{margin-top:25px}
  .other-list-wrap{margin-top:60px}
  .other-list .item .title{font-size:15px}
}
@media (max-width:480px){
  .md-list .item{width:100%}
  .other-list .item .title{text-align:center}

  /* Merchandise */
  .krunk-wrap{padding:10px 0 1px;margin-top:70px}
  .krunk-box .img-wrap{width:90px;top:30px;right:20px}
  .krunk-box .img-wrap img{max-width:100%}
}


/********************************************************
* Investors
*********************************************************/
/* Management */
.sub-header-management .bg-wrap .bg{background:url("/uploads/media/management_visual.jpg") no-repeat top center}
.management-tab .item .icon{height:47px}
.management-tab .item1 .icon{width:45px;background:url("/uploads/media/management_icon1.png") no-repeat center center;background-size:auto 100%}
.management-tab .item2 .icon{width:50px;background:url("/uploads/media/management_icon2.png") no-repeat center center;background-size:auto 100%}
.management-tab .item1 .link:hover .icon, .management-tab .item1.active .link .icon{background:url("/uploads/media/management_icon1_over.png") no-repeat center center;background-size:auto 100%}
.management-tab .item2 .link:hover .icon, .management-tab .item2.active .link .icon{background:url("/uploads/media/management_icon2_over.png") no-repeat center center;background-size:auto 100%}
.management-wrap{padding-top:70px;margin-top:30px;border-top:2px solid #000}
.shareholder-wrap{padding-bottom:40px}
.shareholder-composition .text-wrap .sub-text{font-family:"NanumSquare";font-size:16px}
.graph-wrap{margin-top:35px}
.graph{display:flex;margin:0 -5px}
.graph.mo-graph{display:none}
.graph .item{flex:1 1 auto;padding:0 5px}
.graph .pct-bg{height:154px}
.graph .black .pct-bg{background-color:#000}
.graph .grey .pct-bg{background-color:#636363}
.graph .mint .pct-bg{background-color:#0be6c1}
.graph .light-grey .pct-bg{background-color:#e2e2e2}
.graph .text-wrap{position:relative;padding-top:35px}
.graph .text-wrap .line{position:absolute;top:0;left:0;width:1px;height:35px}
/* .graph .text-wrap::before{content:"";position:absolute;top:0;left:0;width:1px;height:35px} */
.graph .black .text-wrap::before{background-color:#000}
.graph .grey .text-wrap::before{background-color:#636363}
.graph .mint .text-wrap::before{background-color:#0be6c1}
.graph .light-grey .text-wrap::before{background-color:#e2e2e2}
.graph .title{font-family:"NanumSquare";font-size:16px}
.en-page .graph .title{font-size:15px}
.graph .pct{font-family:"NanumSquare";font-size:28px;font-weight:600}
.shareholder-wrap .flex-wrap{margin-top:120px}
.hareholder-composition .flex-wrap{margin-top:110px}
.directorate .flex-wrap{margin-top:120px}
.en-page .table-st2 .statement{width:240px}
.en-page .table-st2 th.statement {padding-left:47px}
.en-page .table-st2 .statement {padding-left:25px}
.en-page .table-st2 th {width:auto}

/* Ir */
.sub-header-ir .bg{background:url("/uploads/media/ir_visual.jpg") no-repeat top center}

/* Financial */
.sub-header-financial .bg-wrap .bg{background:url("/uploads/media/financial_visual.jpg") no-repeat top center}
.financial-tab .item .icon{height:47px}
.financial-tab .item1 .icon{width:48px;background:url("/uploads/media/financial_icon1.png") no-repeat center center;background-size:auto 100%}
.financial-tab .item2 .icon{width:57px;background:url("/uploads/media/financial_icon2.png") no-repeat center center;background-size:auto 100%}
.financial-tab .item3 .icon{width:48px;background:url("/uploads/media/financial_icon3.png") no-repeat center center;background-size:auto 100%}
.financial-tab .item1 .link:hover .icon, .financial-tab .item1.active .link .icon{background:url("/uploads/media/financial_icon1_over.png") no-repeat center center;background-size:auto 100%}
.financial-tab .item2 .link:hover .icon, .financial-tab .item2.active .link .icon{background:url("/uploads/media/financial_icon2_over.png") no-repeat center center;background-size:auto 100%}
.financial-tab .item3 .link:hover .icon, .financial-tab .item3.active .link .icon{background:url("/uploads/media/financial_icon3_over.png") no-repeat center center;background-size:auto 100%}
.financial-wrap{padding-top:80px;margin-top:30px;border-top:2px solid #000}
.financial-wrap .flex-wrap{position:relative;flex-direction:column}
.financial-wrap .title-wrap{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin:0}
.financial-table{margin-top:80px}
.financial-wrap .item-wrap{position:relative;max-width:100%;margin-top:10px}
.financial-wrap .table-st1 th:first-child{width:auto}
.financial-wrap .table-st1 th:nth-child(n+2){width:20%}
.financial-wrap .table-st1 td:nth-child(n+2){width:20%}
.financial-wrap .table-st1 th:last-child{text-align:center}
.financial-wrap .table-st1 td:last-child{text-align:center}
.financial-wrap .table-st1 .total td{font-size:16px;font-weight:900}
.row-chart{display:flex;position:relative;margin:0 -20px}
.row-chart .col{padding:0 20px}
.row-chart.col3 .col{width:33.333%}
.row-chart .text-st1{font-weight:600;text-align:center;margin-bottom:22px}
.financial-txt{font-family:"NanumSquare";}

/* Disclosure */
.sub-header-disclosure .bg{background:url("/uploads/media/disclosure_visual.jpg") no-repeat top center}

/* Stock */
.sub-header-stock .bg-wrap .bg{background:url("/uploads/media/stock_visual.jpg") no-repeat top left}
.stock-wrap{padding-top:70px;border-top:2px solid #000}
.stock-wrap .title-wrap{display:flex;justify-content:space-between;align-items:flex-end}
.stock-wrap .title-st3 span {font-family:"NanumSquare"}
.stock-wrap .update-time{font-family:"NanumSquare";font-size:14px}
.stock-list{display:flex;max-height:308px;margin:7px -31.5px 0}
.stock-list .item{width:25%;padding:0 31.5px}
.stock-list .item-inner{position:relative;padding-top:100%}
.stock-list .item .stock-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:50%;width:100%;max-width:308px;height:100%;max-height:308px;padding:10px;margin:0 auto;border:1px solid #000;transform:translateX(-50%)}
.stock-list .item .title{font-family:"NanumSquare";font-size:24px}
.en-page .stock-list .item .title{text-align:center}
.stock-list .item .small{display:block;font-size:16px;line-height:1}
.stock-list .item .text-wrap{position:relative;width:100%;margin-top:25px;text-align:center}
.stock-list .item .text{font-family:"NanumSquare";font-size:40px;font-weight:900;word-break:break-all}
.stock-list .item .numerical{position:absolute;top:100%;left:0;width:100%;text-align:center}
.stock-list .item .type{font-family:"NanumSquare";font-size:16px}
.stock-list .item .stock, .stock-list .item .price{font-family:"NanumSquare"}
.kospi-service-wrap{margin-top:110px}
.kospi-service-wrap .flex-wrap{margin:7px -31.5px 0}
.kospi-service{width:50%;padding:0 31.5px}
.kospi-wrap{display:flex;margin:0 -6px}
.kospi-wrap .list-wrap{width:50%;padding:0 6px}
.kospi-list .item{font-family:"NanumSquare";display:flex;justify-content:space-between;padding:17px 30px;font-size:16px;font-weight:700;border-bottom:1px solid #b2b2b2}
.kospi-list .item:first-child{border-top:2px solid #000}
.kospi-list .item .num{font-family:"NanumSquare";margin-left:20px;font-weight:400}
.kospi-kosdaq{display:flex;width:50%;padding:0 31.5px}
.kospi-kosdaq .item{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:50%;border-top:2px solid #000;border-bottom:1px solid #b2b2b2}
.kospi-kosdaq .item .title{font-family:"NanumSquare";font-size:24px}
.kospi-kosdaq .item .stock.type{font-family:"NanumSquare";font-size:40px;font-weight:900}
.kospi-kosdaq .item .text-wrap{position:relative;width:100%;margin-top:25px;text-align:center}
.kospi-kosdaq .item .numerical{text-align:center}
.kospi-kosdaq .item .numerical .type{font-family:"NanumSquare";font-size:16px}
.type.up{color:red}
.type.down{color:blue}
.fluctuation.up::before{content:"▲"}
.fluctuation.down::before{content:"▼"}

@media (max-width:1600px){
  /* Management */
  .management-wrap .flex-wrap{margin-top:110px}

  /* Stock */
  .stock-wrap{padding-top:60px}
  .stock-list .item .text, .kospi-kosdaq .item .stock.type{font-size:36px}
}
@media (max-width:1440px){
  /* Management */
  .management-wrap .flex-wrap{margin-top:90px}

  /* Financial */
  .financial-wrap{padding-top:60px}
  .row-chart .col{padding:0 10px}
  .financial-table{margin-top:60px}

  /* Stock */
  .stock-list{margin:7px -25px 0}
  .stock-list .item{padding:0 25px}
  .kospi-service-wrap{margin-top:90px}
  .kospi-service-wrap .flex-wrap{margin:7px -25px 0}
  .kospi-service{padding:0 25px}
  .kospi-kosdaq{padding: 0 25px}
  .stock-list .item .text, .kospi-kosdaq .item .stock.type{font-size:32px}
}
@media (max-width:1280px){
  /* Management */
  .management-wrap .flex-wrap{flex-direction:column;margin-top:80px}
  .management-wrap .flex-wrap .item-wrap{max-width:none;margin-top:7px}
  .shareholder-composition{padding-bottom:100px}
  .graph .item{position:relative}
  .graph .item .text-wrap{position:absolute;bottom:5px;left:15px;width:calc(100% - 30px)}
  .graph .item.grey .text-wrap{top:100%;left:5px}
  .graph .item:not(.grey) .title{color:#fff}
  .graph .item .pct{font-size:25px}
  .graph .item:not(.grey) .pct{color:#fff}
  .mtbl_st2 .table-st2.en td:nth-child(2){text-align:left}

  /* Financial */
  .row-chart{margin:0 -10px 60px}
  .row-chart .col{padding:10px}

  /* Stock */
  .stock-list{margin:7px -15px 0}
  .stock-list .item{padding:0 15px}
  .stock-list .item .title{font-size:22px}
  .kospi-service-wrap{margin-top:80px}
  .kospi-service-wrap .flex-wrap{margin:7px -15px 0}
  .kospi-service{padding:0 15px}
  .kospi-list .item{padding:15px}
  .kospi-kosdaq{padding:0 15px}
  .kospi-kosdaq .item .title{font-size:22px}
  .en-page .kospi-service-wrap .flex-wrap{flex-direction:column}
  .en-page .kospi-service{width:100%}
  .en-page .kospi-kosdaq{width:100%;margin-top:40px}
  .en-page .kospi-kosdaq .item{padding:30px 15px}
}
@media (max-width:1080px){
  /* Stock */
  .stock-list{flex-wrap:wrap;max-height:none;padding-top:7px;margin:-10px}
  .stock-list .item{width:50%;padding:10px}
  .stock-list .item-inner{height:230px;padding-top:0}
  .stock-list .item .stock-inner{max-width:none}
  .stock-list .item .numerical{position:static}
  .kospi-service-wrap .flex-wrap{flex-direction:column}
  .kospi-service{width:100%}
  .kospi-kosdaq{width:100%;margin-top:40px}
  .kospi-kosdaq .item{padding:30px 15px}
}
@media (max-width:970px){
  /* Management */
  .financial-tab .tab-list .item{width:33.33333333333333%}
  .management-wrap .flex-wrap{margin-top:70px}
  .shareholder-composition{padding-bottom:80px}
  .shareholder-composition .text-wrap .sub-text{font-size:15px}
  .stock-list .item .small {font-size:15px}
  .graph .title{font-size:15px}
  .graph .item .pct{font-size:20px}

  /* Financial */
  .financial-wrap .table-st1 .total td{font-size:15px}

  /* Stock */
  .stock-list .item .title{font-size:20px}
  .stock-list .item-inner{height:200px}
  .stock-list .item .text, .kospi-kosdaq .item .stock.type{font-size:28px}
  .stock-list .item .text-wrap{margin-top:15px}
  .stock-list .item .type{font-size:15px}
  .kospi-service-wrap{margin-top:70px}
  .kospi-list .item{font-size:15px}
  .kospi-kosdaq .item .text-wrap{margin-top:15px}
  .kospi-kosdaq .item .title{font-size:20px}
  .kospi-kosdaq .item .numerical .type{font-size:15px}
}
@media (max-width:768px){
  /* Management */
  .shareholder-composition{padding-bottom:0}
  .shareholder-composition .text-wrap .sub-text{font-size:14px}
  .graph{display:none}
  .graph.mo-graph{display:flex;flex-flow:column wrap;height:700px;margin:-5px 0}
  .graph .pct-bg{width:60%}
  .graph .item{padding:5px 0}
  .graph .pct-bg{height:100%}
  .graph.mo-graph .item .text-wrap{top:5px;bottom:auto;left:60%;width:auto;padding:0 0 0 30px}
  /* .graph .text-wrap::before{width:25px;height:1px} */
  .graph .text-wrap .line{width:25px;height:1px}
  .graph .title{color:#000!important}
  .graph .pct{color:#000!important}

  /* Financial */
  .row-chart{display:block}
  .row-chart.col3 .col{width:100%}
  .row-chart.col3 .col:not(:first-child){margin-top:40px}
  .en-page .financial-wrap .title-wrap {flex-direction:column; align-items:flex-start}
  .en-page .financial-wrap .title-wrap .stock-text {align-self:flex-end;margin-top:10px}
}
@media (max-width:700px){
  .management-wrap .table-wrap{overflow-x:auto;overflow-y:hidden}
  .financial-wrap .table-wrap{overflow-x:auto;overflow-y:hidden}
  .financial-wrap .table-wrap .table-st1{width:660px}
  .financial-wrap .scroll-wrap{display:block;top:200px}
}
@media (max-width:640px){
  /* Management */
  .management-wrap .flex-wrap{margin-top:60px}
  .tab-st1 .tab-list .item{width:100%}
  .mtbl_st2 .scroll-wrap{display:block}
  .mtbl_st2 .table{width:600px}
  .mtbl_st2 .table.en{width:760px}
  .en-page .directorate .table-st2 .statement {width:150px}

  /* ir */
  .sub-header-ir .bg{background-position-x:45%}

  /* Financial */
  .financial-wrap .table-st1 th:nth-child(n+2){width:18%}
  .financial-txt{font-size:13.5px}

  /* Stock */
  .stock-wrap .title-wrap{flex-direction:column;align-items:flex-start}
  .stock-list .item{width:100%}
  .stock-list .item-inner{height:170px}
  .stock-list .item .text-wrap, .kospi-kosdaq .item .text-wrap{margin-top:5px}
  .stock-list .item .title{font-size:18px}
  .stock-list .item .text, .kospi-kosdaq .item .stock.type{font-size:25px}
  .stock-list .item .type, .kospi-kosdaq .item .numerical .type{font-size:14px}
  .kospi-service-wrap{margin-top:60px}
  .kospi-wrap{display:block}
  .kospi-wrap .list-wrap{width:100%}
  .kospi-wrap .list-wrap:not(:first-child){margin-top:10px}
  .kospi-kosdaq{display:block}
  .kospi-kosdaq .item{width:100%}
  .kospi-kosdaq .item:last-child{border-top:0}
}
@media (max-width:480px){
  /* Management */
  .management-wrap .table-st1 td{font-size:13.5px;padding:12px 4px}

  .stock-list{margin-top:15px}
  .stock-list .item{padding:0 10px}
  .stock-list .item-inner{height:120px}
  .stock-list .item .stock-inner{border-right:0;border-left:0;border-top:0;border-bottom:1px solid #bbb}
  .stock-list .item:first-child .stock-inner{border-top:1px solid #000}
  .stock-list .item:last-child .stock-inner{border-bottom:1px solid #000}
  .en-page .graph .title {font-size:14px}

  .mtbl_st1 .scroll-wrap{display:block}
  .mtbl_st1 .table{width:520px}

  /* Financial */
  .row-chart .text-st1{font-size:20px;margin-bottom:0}
  .row-chart.col3 .col:not(:first-child){margin-top:25px}
  .financial-wrap .table-wrap .table-st1{width:480px}

}

/********************************************************
* News
*********************************************************/
/* Newsroom */
.sub-header-newsroom .bg{background:url("/uploads/media/newsroom_visual.jpg") no-repeat top center}

/* Notice */
.sub-header-notice .bg{background:url("/uploads/media/notice_visual.jpg") no-repeat top right}

@media (max-width:640px){
  /* Newsroom */
  .sub-header-newsroom .bg{background-position:top left 30%}
}


/********************************************************
* Contact
*********************************************************/
/* Common */
.contact-sec{padding-top:0}
.contact-top .text-st1{margin-top:20px}
/* Contact Us */
.sub-header-contact_us{display:none}
.address-wrap{margin-top:30px}
.nxmap{height:625px;border:0!important;transition:height .3s}
.address-wrap .title-st3{margin-top:70px}
.address-wrap .addr{margin-top:30px;font-family:"NanumSquare";font-size:16px;line-height:1.7}
.address-wrap .addr .link{font-family:"NanumSquare"}
.address-wrap .addr .link:hover{text-decoration:underline}
.inquiry-wrap{padding-top:75px;margin-top:35px;border-top:2px solid #000}
.inquiry-wrap .text{margin-top:30px;font-family:"NanumSquare";font-size:16px;line-height:1.7}
.inquiry-wrap .text a{font-family:"NanumSquare";}
.inquiry-wrap .link:hover{text-decoration:underline}
.inquiry-select{margin-top:30px}
.inquiry-inner{display:flex}
.inquiry-select .select-wrap{width:100%;max-width:265px;margin-right:10px}
.inquiry-select .btn-inquiry{font-family:"NanumSquare";height:54px;margin:0;font-size:16px;font-weight:600}

/* Recruit */
.sub-header-recruit{display:none}
.recruit-process{margin-top:65px}
.process-box{padding:50px 25px 45px;margin-top:30px;background-color:#f2f2f2}
.process-list{display:flex;justify-content:space-between;width:100%}
.process-list .item{display:flex;flex-direction:column;align-items:center;width:20%;text-align:center}
.process-list .item .icon{font-size:0;line-height:1;height:100px}
.process-list .item .icon img{width:auto;height:100%}
.process-list .item .text-wrap{position:relative;width:100%;margin-top:20px}
.process-list .item .text-wrap::after{content:"";position:absolute;top:17px;left:100%;width:90px;height:1px;background-color:#a9a9a9;transform:translateX(-50%)}
.process-list .item:last-child .text-wrap::after{display:none}
.process-list .item .title{font-family:"NanumSquare";font-size:24px;font-weight:400}
.process-list .item .text{font-family:"NanumSquare";font-size:16px}
.process-list.en .item .title{line-height:1.3}

@media (max-width:1440px){
  /* Contact Us */
  .nxmap{height:500px!important}
  .address-wrap .title-st3{margin-top:60px}
  .address-wrap .addr, .inquiry-wrap .text{margin-top:20px}
  .inquiry-wrap{padding-top:60px}

  /* Recruit */
  .contact-sec .board-wrap{margin-top:110px}
  .process-list .item .title{font-size:20px}
}
@media (max-width:1280px){
  .process-list .item .icon{height:80px}
  .process-list .item .text-wrap::after{width:60px}
  .process-list .item .title{font-size:19px}
  .process-list .item .text{font-size:15px}

  /* Recruit */
  .contact-sec .board-wrap{margin-top:90px}
}
@media (max-width:970px){
  /* Contact Us */
  .nxmap{height:350px!important}
  .address-wrap .title-st3{margin-top:40px}
  .address-wrap .addr, .inquiry-wrap .text{font-size:15px}
  .inquiry-wrap{padding-top:40px}
  .inquiry-select .select-wrap{height:50px}
  .inquiry-select .btn-inquiry{height:50px;font-size:15px}

  /* Recruit */
  .contact-sec .board-wrap{margin-top:70px}
  .process-list{flex-wrap:wrap;justify-content:center}
  .process-list .item{width:33.33333333333333%}
  .process-list .item:nth-child(3) .text-wrap::after{display:none}
  .process-list .item:nth-child(n + 4){margin-top:30px}
}
@media (max-width:640px){
  .nxmap{margin:0 -20px}
  .inquiry-inner{display:block}
  .inquiry-select .select-wrap{max-width:none;height:45px}
  .inquiry-select .btn-inquiry{margin-top:15px;height:45px}

  /* Recruit */
  .contact-sec .board-wrap{margin-top:60px}
  .process-box{padding:40px 20px}
  .process-list .item{width:100%}
  .process-list .item:nth-child(n + 4){margin-top:0px}
  .process-list .item .text-wrap{padding-bottom:40px}
  .process-list .item:last-child .text-wrap{padding:0}
  .process-list .item .text-wrap::after{display:block!important;top:100%;left:50%;width:1px;height:20px;margin-top:-30px}
  .process-list .item:last-child .text-wrap::after{display:none!important}
  .process-list .item .title{font-size:18px;font-weight:600}
  .process-list .item .icon{height:70px}
}


/********************************************************
* Footer
*********************************************************/
.top{display:flex;justify-content:center;align-items:center;position:fixed;bottom:100px;left:50%;width:50px;height:50px;overflow:hidden;visibility:hidden;opacity:0;margin-left:calc(50% - 110px);text-indent:-200%;border-radius:50%;background-color:#000;transition:bottom .3s,visibility .3s, opacity .3s;z-index:1500}
.mobile-wrap .top, .mobile-wrap .top.show{visibility:hidden;opacity:0}
.top.foo-top{bottom:195px}
.top.show{visibility:visible;opacity:1}
.top .icon{position:absolute;top:50%;left:50%;width:21px;height:23px;font-size:0;line-height:1;text-indent:0;transform:translate(-50%, -50%)}
/* .top .icon::before{content:"";display:inline-block;position:absolute;top:0;left:50%;width:10px;height:10px;margin-left:-10px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-135deg) translateX(-50%)}
.top .icon::after{content:"";display:inline-block;position:absolute;bottom:0;left:50%;height:20px;margin-left:-1px;border-right:1px solid #fff} */
.footer{padding-bottom:65px}
.bottom-cont{display:flex;justify-content:space-between;align-items:center;height:90px;border-top:2px solid #222}
.home .bottom-cont{border-top:0}
.bottom-cont .copy{font-size:16px;color:#000}
.etc-list{display:flex}
.etc-list .item{position:relative;padding-right:20px;margin-right:20px}
.etc-list .item:last-child{padding:0;margin:0}
.etc-list .item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:1px;height:13px;background-color:#cbcbcb;transform:translateY(-50%)}
.etc-list .item .link{display:inline-flex;align-items:center;font-size:14px;color:#000}
.etc-list .item .link.act{text-decoration:underline}
.etc-list .item > .link:not(.btn-family):hover{text-decoration:underline}
.btn-family .icon{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;margin-left:10px;border:1px solid #000;border-radius:50%;transition:color .3s, background-color .3s}
.btn-family:hover .icon{color:#fff;background-color:#000}
.btn-family .icon{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;margin-left:10px;border:1px solid #000;border-radius:50%}
.family-site{position:absolute;bottom:0;right:0;width:260px;visibility:hidden;opacity:0;border:1px solid #000;background-color:#fff;transition:visibility .3s, opacity .3s}
.family-site.show{visibility:visible;opacity:1}
.site-list{padding:8.5px 0 5.5px}
.site-list .link-item{padding:5px 20px}
.site-list .link-item .link{display:inline-flex;align-items:center;font-size:16px;color:#000;transition:font-weight .3s}
/* .site-list .link-item .link::after{content:"";display:inline-block;visibility:hidden;opacity:0;margin-left:14px;border-top:4px solid #000;border-right:3px solid transparent;border-left:3px solid transparent;transform:translateY(-1.5px);transition:visibility .3s, opacity .3s} */
.site-list .link-item .link:hover{font-weight:700}
/* .site-list .link-item .link:hover::after{visibility:visible;opacity:1} */

@media (max-width:1600px){
  .top{left:auto;right:20px;margin:0}
}
@media (max-width:1460px){
  .bottom-cont .copy{font-size:15px}
  .etc-list .item{padding-right:15px;margin-right:15px}
}
@media (min-width:971px){
  .mobile-wrap .footer{position:fixed;bottom:0;left:0;width:100%;padding:0;z-index:1650}
  .mobile-wrap .bottom-cont{border-top:2px solid #fff}
  .mobile-wrap .bottom-cont .copy{color:#636363}
  .mobile-wrap .etc-list > .item:not(:last-child)::after{background-color:#fff}
  .mobile-wrap .etc-list > .item .link{color:#fff}
  .mobile-wrap .site-list > .link-item .link{color:#000}
  .mobile-wrap .btn-family .icon{border:1px solid #fff}
}
@media (max-width:970px){
  .top{width:35px;height:35px}
  .top.foo-top{bottom:300px}
  .top .icon{width:15px;height:auto}
  .top .icon::before{width:8px;height:8px;margin-left:-7px}
  .top .icon::after{height:14px}
  .top .icon img{width:100%;height:auto}
  .footer{padding-bottom:60px}
  .bottom-cont{flex-direction:column-reverse;justify-content:center;align-items:flex-start;height:auto;padding-top:35px}
  .bottom-cont .copy{margin-top:20px}
}
@media (max-width:480px){
  .etc-list{flex-direction:column}
  .etc-list .item{padding:0;margin:0 0 10px}
  .etc-list .item::after{display:none}
  .bottom-cont .copy{margin-top:40px}
  .family-site{right:auto}
}