@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
@import url('https://webfontworld.github.io/Montserrat/Montserrat.css');
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 2.4rem;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-symbols-outlined {
  font-variation-settings: 'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
  font-size: 6.5rem;
  position: relative;
  z-index: 1;
}

html {overflow-x: hidden;overflow-y: scroll;}
#site {background-color: #fff;word-break: keep-all !important;padding-top: 8.4rem;}
#site > .container{width: 100%;padding: 0;}
/* 폰트 설정 */
#site, h1, h2, h3, h4, h5, h6, input, textarea, button {font-family: 'Montserrat', 'Pretendard', 'notokr', 'Apple SD Neo Gothic', 'Malgun Gothic', 'Gulim', sans-serif;}


/* 구글 아이콘 가변 폰트
span.material-symbols-outlined {
    transition: font-variation-settings .3s;
    font-variation-settings: var(--gms200_Out);
}

.item:hover span.material-symbols-outlined {
    font-variation-settings: var(--gms300_Fill);
} 
*/

ol, ul{padding: 0;margin: 0;list-style: none;list-style-position: inside;}

/* 닷홈 빌더 설정
.navbar .caret,
.navbar .divider-vertical,
.navbar ~ br,
.footer-social-layout,
.footer_copy .text-center > br,
.topmarginLay_a {display: none;}
 */

@media (min-width: 768px){
    .col-sm-20{width: 20%;}
    .col-sm-40{width: 40%;}
    .col-sm-60{width: 60%;}
    .col-sm-80{width: 80%;}
}
@media (min-width: 992px){
    .col-md-20{width: 20%;}
    .col-md-40{width: 40%;}
    .col-md-60{width: 60%;}
    .col-md-80{width: 80%;}
}
@media (min-width: 1200px){
    .col-lg-20{width: 20%;}
    .col-lg-40{width: 40%;}
    .col-lg-60{width: 60%;}
    .col-lg-80{width: 80%;}
}

/* 상단 네비게이션 */

.navbar.navbar-inverse{background-color: #fff;border-bottom: 0;box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);}
.navbar.navbar-inverse .container{width: 100%;}
.navbar-header .navbar-brand{display: block;padding: 0;font-size: 2.0rem;margin-top: 2.7rem;margin-left: 0 !important;height: auto;width: 19.7rem;}
.navbar-header .navbar-brand img{margin-top: .1rem;display: inline-block;margin-left: 1.2rem;}

.nav.navbar-nav > li > a{display: block;height: 100%;padding: 3.2rem 2.8rem;font-size: 1.8rem;color: #000;font-weight: 600;}
.nav.navbar-nav > li > a .caret{display: none;}
.nav.navbar-nav > li:hover > a,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li:focus > a,
.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:focus,
.nav.navbar-nav > li.open > a,
.nav.navbar-nav > li.open > a:hover,
.nav.navbar-nav > li.open > a:focus{color: #0101fc;background: none;}
.nav.navbar-nav li .dropdown-menu{left: 0;right: 0;border-radius: 0;border: 0;padding: 0;}
.nav.navbar-nav li .dropdown-menu li a{padding: 1.0rem 1.5rem;}
.nav.navbar-nav li .dropdown-menu li a:hover{}


@media (max-width: 767px){
    html{font-size: 2vw;}
    #site{}

    
    .navbar-header .navbar-brand {
        margin-top: 21px;
        margin-left: 15px !important;
    }

    /*.navbar-inverse .navbar-toggle{border:.1rem solid #666;}*/
    .navbar-inverse .navbar-toggle {
        border: 0;
        padding: 9px 0;
        margin: 15px 15px 15px 0;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #666;
        transition: ease-in-out .15s all;
        opacity: 1;
        position: relative;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: none;
        border-color: #222;
    }

    .navbar-inverse .navbar-toggle:hover .icon-bar,
    .navbar-inverse .navbar-toggle:focus .icon-bar {
        background-color: #222;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: transparent;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(1) {
        transform: rotate(45deg);
        top: 6px;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(2) {
        opacity: 0;
    }

    .navbar-inverse.open .navbar-toggle>.icon-bar:nth-of-type(3) {
        transform: rotate(-45deg);
        top: -6px;
    }
    
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #e6e6e6;
    }

    .nav.navbar-nav > li > a {
        padding: 1.1rem 2.8rem;
        text-align: center;
    }
}
@media (min-width: 768px) and  (max-width: 991px){
    #site{}
}
@media (min-width: 992px) and  (max-width: 1199px){
    #site{}
}

/* //상단 네비게이션 */

/* 슬라이드 영역 */
#mainCarousel .carousel-inner .item{
    height: 70rem;
}
#mainCarousel .carousel-inner .item .carousel-caption{padding: 0;left: calc((100% - 114.0rem) / 2);right: calc((100% - 114.0rem) / 2);text-align: left;}
#mainCarousel .carousel-inner .item h1{
    font-size: 7.2rem;
    font-weight: 700;
    text-shadow: none;
    letter-spacing: 0.02em;
}
#mainCarousel .carousel-inner .item p{
    font-size: 2.6rem;
    text-shadow: none;
    font-weight: 200;
}
#mainCarousel .carousel-indicators li,
#mainCarousel .carousel-indicators li.active{
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 .3rem;
    border: 2px solid #fff;
}
#mainCarousel .carousel-indicators li.active{}

@media (max-width: 767px){
    #mainCarousel .carousel-inner .item .carousel-caption{    left: 15%;
        right: 15%;}
}
@media (min-width: 768px) and  (max-width: 991px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 75.0rem) / 2);right: calc((100% - 75.0rem) / 2);}
}
@media (min-width: 992px) and  (max-width: 1199px){
    #mainCarousel .carousel-inner .item .carousel-caption{left: calc((100% - 97.0rem) / 2);right: calc((100% - 97.0rem) / 2);}
}
/* //슬라이드 영역 */

/* 메인 중단영역 */

#main_wrapper > section{padding: 9rem 0;}
.main-bbs{
    padding-right: 0;
}
.main-gallery {
    padding-left: 0;
}
.main-bbs .board_box_list{padding: 0;margin-bottom: 0 !important;background: #f5f5f5;padding: 4rem 4rem;}
.main-bbs .page-header{
    margin: 0;
    padding: 0;
    border: 0;
}
.main-bbs .fa-plus:before {
    content: "\2b";
    font-size: 2rem;
}
.main-bbs .page-header h4{
    margin: 0 0 1.3rem;
    font-size: 2.9rem;
    padding-bottom: 1.5rem;
    color: #000;
    border-bottom: 1px solid #999;
}
.main-bbs .page-header a{
    margin-top: .7rem !important;
}
.main-bbs ul{}
.main-bbs ul li{
    padding: 5px 0;
    padding-left: 16px;
    position: relative;
}
.main-bbs ul li:last-child {
    padding-bottom: 0;
}
.main-bbs ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #4e4eb8;
    left: 0.1rem;
    top: 1.3rem;
    border-radius: 50%;
}
.main-bbs ul li a{
    font-size: 1.6rem;
    color: #000;
    padding-top: 0;
}
.main-bbs ul li .info{}
.main-bbs ul li .info .regdate{}
.main-bbs ul li .info .writer,
.main-bbs ul li .info .hits{display: none;}

.main-link{
    display: block;
    position: relative;
}
.main-link:hover{
    text-decoration: none;
}
.main-link img{}
.main-link .caption{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    transition: all .3s ease;
}
/* .main-link:hover .caption{
    background: rgb(2 2 67 / 48%);
} */
.main-link .caption .tit{
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    position: absolute;
    top: 3.7rem;
    left: 4rem;
    letter-spacing: 0.02em;
}
.main-link .caption .more{
    text-decoration: none;
    color: #000;
    position: absolute;
    right: 3.5rem;
    bottom: 4rem;
    /* border: 1px solid rgb(255 255 255 / 66%); */
    font-size: 1.3rem;
    padding: .9rem 2rem 1rem;
    border-radius: 5rem;
    background: #fff;
    font-weight: 600;
}
.main-link .caption .more:hover {
    background: #4e4eb8;
    color: #fff;
}
.main-link:hover .caption .more{}

@media (max-width: 767px){
    .main-bbs {
        padding-right: 15px;
    }
    .main-gallery {
        padding-left: 15px;
    }
}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}

/* //메인 중단영역 */

/* 서브페이지 */

.subHeader {height: 24.0rem;background-image: url(/public/img/sub/sub_title.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.subHeader::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .55;
}
.subHeader .container{height: 100%;position: relative;}
.subHeader .container h2{text-align: center;color: #fff;font-size: 4.3rem;margin: 0;position: absolute;left: 1.5rem;top: 50%;transform: translateY(-50%);font-weight: 700;letter-spacing: 0;}
.subHeader .container .breadcrumb{padding: 0;margin: 0;background: none;position: absolute;bottom: 1.2rem;right: 1.5rem;}
.subHeader .container .breadcrumb > li > a,
.subHeader .container .breadcrumb > li.active{color:#fff; opacity: 0.7;}

.subMenu{}
.subMenu .nav{}
.subMenu .nav > li{}
.subMenu .nav > li > a{}
.subMenu .nav > li.active > a{}

.subContent{padding-top: 10.0rem;}
.subContent_title{}
.subContent_title h3{
    text-align: center;
    font-size: 4rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 9rem;
}
.subContent .content, .bbs-section{padding-bottom: 12rem;}
#speaker .subContent .content.con1 {
    padding-bottom: 0rem;
}
.subContent .content:last-child {
    padding-bottom: 12.0rem;
}
.bbs-area .board_wrapper{margin-top: 0;}
.subContent .content h4{
    font-size: 2.8rem;
    font-weight: 700;
    color: #09095d;
    margin: 0 0 3rem;
    padding-left: 1.9rem;
    position: relative;
}
.search_wrap {
    margin-bottom: 0;
}
.table.table_default thead th {
    background-color: #fff;
    border-bottom-color: #aaa;
    padding: 18px 15px;
    font-size: 16px;
}
.btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #09095d;
    border-color:#09095d;
}
.btn.btn-primary {
    background-color: #4e4eb8;
    border: 1px solid #4e4eb8;
    color: #fff;
}
.btn.btn-outline-primary {
    background: none;
    border: 1px solid #09095d;
    color: #09095d;
}
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus {
    background-color: #09095d;
    color: #fff;
}
.board_wrapper .text-center .btn.btn-lg {
    font-size: 1.5rem;
}
.subContent .content h4::before{content: '';display: block;width: 0.8rem;height: 0.8rem;background: #fff;/* border-radius: 50%; */box-shadow: 0 1.3rem #09095d;position: absolute;top: 5px;left: 0;border: 1px solid #09095d;}

.media-evolve{
    display: flex;
    /* gap: 0 5rem; */
    justify-content: space-between;
    margin: 0 0 6rem;
}
.media-evolve .box{
    width: 20rem;
    position: relative;
    padding: 3.0rem;
    background: #f7f7fe;
    border-radius: 0.7rem;
}
.media-evolve .box::after{
    content: '\f061';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 2.5rem;
    display: block;
    line-height: 5rem;
    width: 5rem;
    text-align: center;
    background: #bfbfbf;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: -8.4rem;
    transform: translateY(-50%);
}
.media-evolve .box .icon{}
.media-evolve .box .icon img{}
.media-evolve .box .caption{
    margin: 0;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 700;
    padding: 1.5rem 0 0;
    color: #4e4eb8;
}
.media-evolve .box.cardi{}
.media-evolve .box.Cardi::after{display: none;}
.media-evolve .box.cardi .icon{}
.media-evolve .box.cardi .icon img{}
.media-evolve .box.cardi .caption{}

.media-cardi{
    /* display: flex; */
    /* border: 1px solid #ddd; */
    /* padding: 4rem 5rem 5.5rem; */
}
.media-cardi .left{
    /* display: flex; */
    justify-content: space-between;
    align-items: flex-start;
    /* background: #f5f5f5; */
    /* padding: 3rem 4rem; */
    /* border-radius: .7rem; */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.media-cardi .left p{
    font-size: 2.4rem;
    color: #000;
    font-weight: 700;
    text-align: left;
    margin: 0 0 2rem;
    letter-spacing: -0.025rem;
    position: relative;
    padding-left: 1.4rem;
}
.media-cardi .left .isCardi{letter-spacing: 0;}
.media-cardi .left .isCardi > p{
    margin: 0;
    font-size: 2.2rem;
    font-weight: 400;
    color: #fff !important;
    padding: 0;
    padding: 1.5rem 2rem;
    background: #4e4eb8;
    border-radius: .7rem;
    letter-spacing: 0;
}
.media-cardi .left p::before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 22px;
    background: #333;
    left: 0;
    top: 5px;
}

.media-cardi .left .isCardi p:before {
    display: none;
}
.media-cardi .left .isCardi > p span{
    color: #fff;
    font-weight: 700;
}
.media-cardi .right{
    padding: 0rem 6rem 5rem;
    border: 1px solid #ddd;
    margin-top: 2rem;
    border-radius: .7rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.media-cardi .right .tit{
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    padding: 4rem 0 3rem;
    display: flex;
    justify-content: center;
    gap: 0 10rem;
}
.media-cardi .right .cardi-image{
    display: flex;
    /* padding: 3rem; */
    align-items: flex-start;
    gap: 3rem;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}
.media-cardi .right .cardi-image .wrap{position: relative;}
.media-cardi .right .cardi-image .wrap:last-child::before {
    content: '';
    display: block;
    position: absolute;
    width: 25rem;
    height: 3.3rem;
    background: #333;
    left: 0.6rem;
    bottom: -0.6rem;
    z-index: -1;
}
.media-cardi .right .cardi-image .tit{
    padding: 0;
    font-size: 1.8rem;
}
.media-cardi .right .cardi-image img{
    /* flex: 1; */
    /* max-width: calc(100% / 1); */
}

#about .content.con2 .row{
    margin: 0 0 3.2rem;
    display: flex;
    gap: 0 3rem;
}
#about .content.con2 .row::before,
#about .content.con2 .row::after{display: none;}
#about .content.con2 .row > div{
    padding: 3rem;
    background: #fff;
    border: 1px solid #ddd;
}
#about .content.con2 .row > div img{}
.li-disappear{
    background: #f5f5f5;
    padding: 2.5rem 3rem 3rem;
    border-radius: .7rem;
}
.li-disappear > li{
    font-size: 1.7rem;
    margin-top: 0.5rem;
    padding-left: 1.6rem;
    position: relative;
}
.li-disappear > li::before{
    content: '';
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background: #09095d;
    position: absolute;
    top: 1rem;
    left: 0;
}

.media-future{
    margin: 0 0 3rem;
}
.media-future .top{
    display: flex;
    gap: 0 3rem;
    margin: 0 0 3rem;
}
.media-future .top .box{
    width: 100%;
    max-width: calc(100% / 3);
    padding: 3rem 0 3.5rem;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.media-future .top .box .num{
    font-size: 1.6rem;
    font-weight: 800;
    color: #4e4eb8;
}
.media-future .top .box dl{
    margin-bottom: 0;
}
.media-future .top .box dl dt{
    font-size: 2rem;
    display: inline-block;
    color: #111;
    margin: 1px 0 1.2rem;
}
.media-future .top .box dl dd{
    font-size: 1.6rem;
    background: #f7f7fe;
    padding: 2rem;
    min-height: 15.4rem;
    border-radius: 0.7rem;
}
.media-future .top .box dl dd span{color: #f00;}
.media-future .bottom{
    display: flex;
    align-items: stretch;
}
.media-future .bottom .box{
    width: calc(100% / 3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3.5rem 0 7.7rem;
    height: 15rem;
    color: #fff;
    position: relative;
}
.media-future .bottom .box:nth-child(1){
    background: #dbdbf4;
    color: #09095d;
    border-top-left-radius: 0.7rem;
    border-bottom-left-radius: 0.7rem;
}
.media-future .bottom .box:nth-child(2){
    background: #8a8ae8;
}
.media-future .bottom .box:nth-child(3){
    background: #4e4eb8;
}
.media-future .bottom .box::after{
    content: '';
    display: block;
    height: 15rem;
    width: 4rem;
    position: absolute;
    border-top: 7.5rem solid transparent;
    border-right: 0;
    border-bottom: 7.5rem solid transparent;
    right: -4rem;
    z-index: 1;
}
.media-future .bottom .box:nth-child(1)::after{
    border-left: 4rem solid #dbdbf4;
}
.media-future .bottom .box:nth-child(2)::after{
    border-left: 4rem solid #8a8ae8;
}
.media-future .bottom .box p{
    margin: 0;
    font-size: 1.8rem;
    font-weight: 500;
}
.media-future .bottom .box:last-child{border-top-right-radius: 0.7rem;border-bottom-right-radius: 0.7rem;}
.media-future .bottom .box:last-child::after{}
.media-future .bottom .box:last-child p{
    font-size: 5.2rem;
}
.media-need{
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    background: #f5f5f5;
    padding: 2.4rem;
    border-radius: 0.7rem;
    margin-bottom: 0;
}
.media-need .inovation{
    color: #4e4eb8;
}

.cardi-life{
}
.cardi-life .top img{margin-bottom: 2rem;width: 100%;border: 1px solid #ddd;}
.cardi-life .top{
    display: flex;
    gap: 0 3rem;
    margin: 0 0 2rem;
}
.cardi-life .top .left{
    width: 55%;
}
.cardi-life .top .right{
    width: 52%;
    padding: 0 5px;
}
.cardi-life .bottom{
    display: flex;
    gap: 0 3rem;
}
.cardi-life .bottom img{margin-bottom: 2rem;width: 100%;border: 1px solid #ddd;}
.cardi-life .bottom .left{
    width: 50%;
    padding: 0 .5rem;
}
.cardi-life .bottom .right{
    width: 48%;
}
.cardi-life .link-blog{
    font-size: 1.6rem;
    text-align: center;
    display: block;
    width: 20rem;
    line-height: 3.5rem;
    background: #fff;
    border: 1px solid #0bb24d;
    color: #0bb24d;
    font-weight: 600;
    margin: 0 auto;
    position: relative;
    padding: 0.5rem;
    border-radius: 5rem;
}
.cardi-life .link-blog:hover{
    text-decoration: none;
    background: #0bb24d;
    color: #fff;
}
.cardi-life .bottom .right p{
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    /* margin-top: -1rem; */
}
.cardi-life + .note,
#content .mailto{
    font-size: 1.5rem;
    margin: 3rem 0 0;
    text-align: center;
}
#review .col-xs-6, #review .col-xs-12 {
    padding: 0 9px;
}
.speaker-story{}
.speaker-story img{margin-bottom: 3rem;border: 1px solid #ddd;}
.speaker-story .left{}
.speaker-story .right{}

.speaker-prod{}
.speaker-prod .box{
}
.speaker-prod .box img{
    border: 1px solid #ddd;
}
.speaker-prod .box .caption{
    margin: 0;
    padding: 2.5rem 0 0;
}
.speaker-prod .box .caption dt{
    font-size: 2.4rem;
    color: #000;
    margin: 0 0 1.2rem;
    padding-left: 1.4rem;
    position: relative;
}
.speaker-prod .box .caption dt::before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 22px;
    background: #333;
    left: 0;
    top: 5px;
}
.speaker-prod .box .caption dd{
    position: relative;
    font-size: 1.7rem;
    padding-left: 1.5rem;
}
.speaker-prod .box .caption dd::before{
    content: '';
    display: block;
    width: .5rem;
    height: .1rem;
    background: #999;
    position: absolute;
    top: 1.2rem;
    left: 0;
}

.speaker-partner{
    display: flex;
    align-items: center;
    gap: 0 6rem;
    justify-content: center;
    background: #f7f7fe;
    padding: 4rem;
    border-radius: 1.2rem;
    position: relative;
}
.speaker-partner::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/public/img/sub/sub-bg.png);
    opacity: .5;
}
.speaker-partner img{
    margin: 0;
}
.speaker-partner .caption{}
.speaker-partner .caption .name{
    margin: 0;
    color: #000;
    font-size: 3.8rem;
    font-weight: 300;
    line-height: 1.45;
    margin-bottom: 2rem;
    position: relative;
    letter-spacing: -0.02em;
}
.speaker-partner .caption .name span{
    display: block;
}
.speaker-partner .caption .coming-soon{
    margin: 0;
    font-size: 3.2rem;
    font-weight: 700;
    color: #080882;
}

.video-composition{
}
.video-composition .box{
    display: flex;
    align-items: flex-start;
    margin: 0 0 6rem;
    padding: 0rem 0 6rem;
    border-bottom: 1px dashed #ccc;
}
.video-composition h5{
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0;
    width: 30rem;
    position: relative;
    padding-left: 1.4rem;
    color: #000;
}
.video-composition h5::before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 21px;
    background: #333;
    left: 0;
    top: 2px;
}
.video-composition img{
    max-width: calc(100% - 30rem);
    margin: 0;
}
.video-combo{
    background: #4bc6e1;
    border-radius: 5rem;
}
.video-combo img{}

#content .content .row{
    margin: 0 -.5rem;
}
#content .content .row > div{
    padding: 0 .5rem;
}
#content .content.con6 .row .col-lg-1 {
    width: 9.97%;
}
#content .content.con7 .row > div {
    /* width: 11.1%; */
}
#content .content img{
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    padding: .5rem;
    width: 100%;
}

.license-wrap{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: flex-start;
}
.license-wrap .license{
    width: 49%;
    display: flex;
    align-items: flex-start;
    /* flex-wrap: wrap; */
    padding: 2.5rem;
    /* border: 1px solid #ddd; */
    background: #f5f5f5;
    border-radius: .7rem;
    justify-content: flex-start;
}
.license-wrap .license:nth-child(9){/* width: 100%; */height: 16.2rem;}
.license-wrap .tit{
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
    width: 41rem;
    padding-left: 1.5rem;
    color: #111;
    padding: 0 0 1rem;
}
.license-wrap .icon-wrap{
    display: flex;
    gap: 0 1.5rem;
    width: 50%;
    align-items: center;
}
.license-wrap .icon-wrap img{
    width: auto;
    height: 5rem;
}
.license-wrap .license:nth-child(9) .icon-wrap img {
    height: 3rem;
}
.license-wrap .icon-wrap img + img{
    height: 3rem;
}
.license-wrap .image-wrap{
    width: 100%;
    margin-top: 0;
}
.license-wrap .image-wrap img{
    /* height: 10rem; */
}
.license-wrap .image-wrap img + img{}

.naver-store{
    display: flex;
    gap: 3rem;
}
.naver-store > li{
    border: 1px solid #03c85a;
    color: #000;
    font-size: 2.2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0 3rem;
    border-radius: 5rem;
    margin-top: 1.5rem;
    padding: 1.2rem 2.5rem;
    flex: 1;
}
.naver-store > li img{
    max-width: 2.5rem;
}

.global-license{
    padding: 5rem 10rem;
    border: 1px solid #ddd;
}
.global-license img{}

.gallery-box{
    display: block;
    margin-bottom: 3rem;
    border: 1px solid #ddd;
}
a.gallery-box:hover{text-decoration: none;border-color: #4e4eb8;}
.gallery-box img{}
.gallery-box .caption{
    color: #000;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 0;
    display: block;
    padding: 1.4rem;
    white-space: nowrap;
}
a.gallery-box .caption::after{
    content: '\f0c1';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-left: 1rem;
    color: #b0b0ff;
}
a.gallery-box:hover .caption::after{color: #4e4eb8;}
.gallery-store{
    display: flex;
    align-items: flex-start;
    padding: 1.9rem;
    background: #ffffff;
    /* margin-top: 2rem; */
    margin-bottom: 3rem;
    border: 1px solid #03c85a;
}
.gallery-store:hover{
    text-decoration: none;
    background: #03c85a;
}
.gallery-store img{
    margin-right: 1.5rem;
    width: 3rem;
    height: auto;
}
.gallery-store:hover img{
    filter: brightness(100) grayscale(1);
}
.gallery-store .caption{
    color: #000;
    font-size: 1.8rem;
    font-weight: 500;
}
.gallery-store:hover .caption{
    color: #fff;
}
.table.table_default tbody .subject {
    text-align: left;
    font-size: 16px;
    font-weight: 500;
  color: #333;
}
.table.table_default tr td {
    color: #777;
}
.board_data_view .header_wrap {
    padding: 40px 0;
}
.board_data_view .header_wrap .title {
    font-weight: 600;
}

#form_contact #list_btn{display: none;}
@media (max-width: 767px){
    .media-evolve .box {
        width: 9.6rem;
        position: relative;
        padding: 2rem;
    }
    .media-evolve .box::after {
        font-size: 1.9rem;
        line-height: 3rem;
        width: 3rem;
        right: -2.7rem;
        transform: translateY(-50%);
        z-index: 1;
    }
    .media-future .bottom .box:last-child::after {
        display: none;
    }
    #about .content.con2 .row>div{}
    .media-future .top {
        display: flex;
        gap: 3rem;
        margin: 0 0 3rem;
        flex-direction: column;
    }
    .media-future .top .box {
        max-width: none;
        padding: 3rem 0 0rem;
        border-bottom: 0;
    }
    .media-future .top .box dl dd {
        min-height: auto;
    }
    .media-future .bottom .box {
        width: calc(100% / 3);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 0.1rem 0 4.4rem;
    }
    .media-future .bottom .box p {
        margin: 0;
        font-size: 1.4rem;
    }
    .media-future .bottom .box:nth-child(1) {
        padding-left: 1.8rem;
    }

    .media-cardi .right .tit {
        text-align: center;
        font-size: 1.9rem;
        gap: 0 2rem;
    }
    .media-cardi .right .cardi-image {
        display: flex;
        /* padding: 3rem; */
        align-items: flex-start;
        gap: 3rem;
        flex-wrap: nowrap;
        flex-direction: column;
    }
    .media-cardi .right .cardi-image > .wrap {
        width: 100%;
    }
    .media-cardi .right .cardi-image img {
        /* flex: 1; */
        max-width: calc(100% / 1);
    }
    .media-cardi .right .cardi-image .wrap:last-child::before {
        content: '';
        display: block;
        position: absolute;
        width: 15rem;
        height: 2.2rem;
        background: #333;
        left: -0.4rem;
        bottom: -0.4rem;
        z-index: -1;
    }
    
    .speaker-prod .box .caption {
        margin: 0 0 4rem;
    }
    .speaker-partner {
        display: block;
        overflow: hidden;
    }
    .speaker-partner .caption .name {
        margin: 2.6rem 0 0;
        color: #000;
        font-size: 3rem;
    }
    .video-composition .box {
        display: block;
    }
    .video-composition img {
        max-width: 100%;
        margin: 3rem auto 0;
    }
    .license-wrap .license {
        width: 100%;
    }
    .license-wrap .tit {
        margin: 0;
        font-size: 1.8rem;
        font-weight: 700;
        width: 16rem;
    }
    .naver-store {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }
    .global-license {
        padding: 1rem 2rem;
        border: 1px solid #ddd;
    }

    .table.table_default tr .num,
    .table.table_default tr .regdate,
    .table.table_default tr .hits{display: none;}

    .board_wrapper .table.board_write_table tbody tr td .btn,
    .board_wrapper .table.board_write_table tbody tr td .form-control,
    .board_wrapper .table.board_write_table .input-group.input-group-big,
    .board_wrapper .table.board_write_table .form-control.form-control-big{width: 100%;}

    #list_btn{display: none;}
    #write_btn{margin: 0;}
}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //서브페이지 */

/* 푸터 */

footer {text-align: left;padding: 4.5rem 0;background: #333;color: #fff;}
footer .footer-logo{}
footer .footer-logo h1{margin: 0;}
footer .footer-logo h1 > a{display: block;}
footer .footer-logo h1 > a > img{display: block;opacity: .8;}
footer .footer-text{
    padding-left: 6rem;
}
footer .footer-text p{}
footer .footer-text ul{padding-left: 0;margin-bottom: 0;}
footer .footer-text ul:after{content: '';clear: both;display: table;}
footer .footer-text ul li{float: left;margin-right: 1.5rem;line-height: 1.4;color: #ddd;margin-bottom: .2rem;}
footer .footer-text ul li address{margin-bottom: 0;line-height: 1.4;}
footer .footer-text .copyrights{display: block;font-size: 12px;margin-top: .8rem;color: #bbb;}

@media (max-width: 767px){
    footer .footer-logo {
        width: 47%;
        margin-bottom: 30px;
    }
    footer .footer-text {
        padding-left: 15px;
    }
}
@media (min-width: 768px) and  (max-width: 991px){}
@media (min-width: 992px) and  (max-width: 1199px){}
/* //푸터 */


.maintenance {margin-top: .5rem;border: 7px solid #E5E5E5;padding: 5.0rem 2.5rem;text-align: center;}
.maintenance .icon {display: block;line-height: 1;font-size: 6.4rem;margin-bottom: 1.0rem;}
.maintenance .big-cont {display: block;line-height: 1;font-size: 22px;font-weight: bold;letter-spacing: -0.05em;margin-bottom: 2.0rem;}
.maintenance .small-cont {display: block;line-height: 1.5;font-size: 1.4rem;letter-spacing: -0.03em;color: #818181;margin-bottom: 2.0rem;}
.member_wrapper {max-width: 117.0rem;}