@charset "UTF-8";
/**************************************************
 * PAGE | BUSINESS
 **************************************************/
.content_header .cap-nav {
    margin-top: 0;
}

.content_wrapper .content_header + .content_body {
    padding-top: 80px;
}

.product-list .control-bar {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.product-list .control-bar .result {
    font-size: 18px;
}

.product-list .control-bar .result i {
    color: #276ef1;
    font-weight: 700;
    font-style: normal;
}

.product-list .control-bar .sort > ul {
    display: flex;
}

.product-list .control-bar .sort > ul > li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 16px;
    margin: 0 16px;
    background-color: #ccc;
    vertical-align: -2px;
}

.product-list .control-bar .sort > ul > li:first-child:before {
    display: none;
}

.product-list .control-bar .sort a {
    color: #4c5159;
    font-size: 16px;
    font-weight: 500;
}

.product-list .control-bar .sort a.active {
    color: #276ef1;
    font-weight: 700;
}

.product-list > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -40px 0 0 -42px;
}

.product-list > ul > li {
    width: calc(33.3333% - 42px);
    margin: 40px 0 0 42px;
}

.product-list > ul > li > a {
    display: block;
    position: relative;
}

.product-list > ul > li > a .img {
    position: relative;
    padding-bottom: 100%;
    border-radius: 16px;
    background-color: #f8f8f8;
}

.product-list > ul > li > a .img img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: calc(100% - 28px);
    max-height: calc(100% - 28px);
    transform: translate(-50%, -50%);
}

.product-list > ul > li > a .info {
    padding-top: 20px;
}

.product-list > ul > li > a .info .title {
    display: block;
    overflow: hidden;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-list > ul > li > a .info .category {
    margin-top: 8px;
}

.product-list > ul > li > a .info .category > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 0 -8px;
}

.product-list > ul > li > a .info .category > ul > li {
    margin: 8px 0 0 8px;
    color: #4c5159;
    font-size: 16px;
    font-weight: 500;
}

.product-list > ul > li > a .hashtag {
    position: absolute;
    top: 10px;
    right: 10px;
}

.product-list > ul > li > a .hashtag > ul > li {
    margin-top: 10px;
    text-align: right;
}

.product-list > ul > li > a .hashtag > ul > li:first-child {
    margin-top: 0;
}

.product-list > ul > li > a .hashtag .item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    padding: 0 16px;
    border-radius: 19px;
    border: 1px solid #aeb0b4;
    color: #4c5159;
    font-family: Spoqa Han Sans Neo, Apple SD Gothic Neo, '돋움', Dotum, Verdana, Arial, sans-serif;
    font-size: 14px;
    vertical-align: top;
}

.product-list .pagination {
    margin-top: 120px;
}

.product-list > .result {
    padding: 160px 0 200px;
    text-align: center;
}

.product-list > .result img {
    vertical-align: top;
}

.product-list > .result p {
    margin-top: 24px;
    color: #4c5159;
    font-size: 20px;
    font-weight: 500;
}

.product-list > .result .hashtag {
    margin-top: 52px;
}

.product-list > .result .hashtag > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -12px 0 0 -12px;
}

.product-list > .result .hashtag > ul > li {
    margin: 12px 0 0 12px;
}

.product-list > .result .hashtag a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    padding: 0 16px;
    border-radius: 19px;
    background-color: #f4f8fe;
    color: #4c5159;
    font-size: 14px;
    font-weight: 500;
}

.product-detail {
    display: flex;
}

.product-detail .img {
    width: 700px;
    text-align: center;
}

.product-detail .img .slider .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 90px 90px;
}

.product-detail .img .slider .swiper-slide img {
    width: 100%;
    height: auto;
}

.product-detail .img .slider-nav {
    position: relative;
    margin-top: 24px;
}

.product-detail .img .slider-nav .swiper-container {
    width: 336px;
    margin: 0 auto;
    transform: translateX(8px);
}

.product-detail .img .slider-nav .swiper-slide button {
    display: block;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.product-detail .img .slider-nav .swiper-slide button > span {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 8px;
    border: 1px solid #eee;
    background-color: #f8f8f8;
    transition: border-color .4s ease;
}

.product-detail .img .slider-nav .swiper-slide button > span img {
    width: 100%;
    height: auto;
    opacity: .4;
    transition: opacity .4s ease;
}

.product-detail .img .slider-nav .swiper-slide button.focus > span {
    border-color: #276ef1;
}

.product-detail .img .slider-nav .swiper-slide button.focus > span img {
    opacity: 1;
}

.product-detail .img .slider-nav > button {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 24px;
    border: none;
    width: 48px;
    height: 48px;
    padding: 0;
    background: url(./../img/business/pd_slider_nav.svg) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.product-detail .img .slider-nav > button[disabled] {
    cursor: default;
}

.product-detail .img .slider-nav > button.prev {
    left: 86px;
    background-position-x: -48px;
}

.product-detail .img .slider-nav > button.prev[disabled] {
    background-position-x: 0;
}

.product-detail .img .slider-nav > button.next {
    right: 86px;
    background-position-x: -96px;
}

.product-detail .img .slider-nav > button.next[disabled] {
    background-position-x: -144px;
}

.product-detail .img .counter {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    margin-top: 24px;
    padding: 0 16px;
    border-radius: 8px;
    background-color: #f4f8fe;
}

.product-detail .img .counter > span {
    color: #727b8b;
    font-size: 16px;
}

.product-detail .img .counter .current {
    color: #276ef1;
    font-weight: 700;
}

.product-detail .img .counter .bar {
    margin: 0 2px;
}

.product-detail .info {
    width: calc(100% - 700px);
    padding-left: 164px;
}

.product-detail .info .hashtag {
    margin-bottom: 48px;
}

.product-detail .info .hashtag > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px;
}

.product-detail .info .hashtag > ul > li {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 38px;
    margin: 10px 0 0 10px;
    padding: 0 16px;
    border-radius: 19px;
    border: 1px solid #aeb0b4;
    color: #4c5159;
    font-family: Spoqa Han Sans Neo, Apple SD Gothic Neo, '돋움', Dotum, Verdana, Arial, sans-serif;
    font-size: 14px;
}

.product-detail .info .hgroup h3 {
    font-size: 32px;
    font-weight: 700;
}

.product-detail .info .hgroup p {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
}

.product-detail .info dl {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    border-top: 1px solid #eee;
}

.product-detail .info dl dt,
.product-detail .info dl dd {
    border-bottom: 1px solid #eee;
    padding: 16px 0;
    font-size: 16px;
}

.product-detail .info dl dt {
    width: 204px;
    font-weight: 500;
}

.product-detail .info dl dd {
    width: calc(100% - 204px);
    color: #4c5159;
}

.product-detail .info dl dd a[download] {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    font-size: 16px;
    text-decoration: underline;
}

.product-detail .info dl dd a[download]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(./../img/business/pd_file_ico.svg) no-repeat;
}

.product-detail .info .category {
    margin-top: 24px;
}

.product-detail .info .category > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -24px 0 0 -48px;
}

.product-detail .info .category > ul > li {
    display: flex;
    align-items: center;
    margin: 24px 0 0 48px;
}

.product-detail .info .category > ul > li .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #f4f8fe;
}

.product-detail .info .category > ul > li .icon img {
    width: 40px;
    height: auto;
}

.product-detail .info .category > ul > li > span {
    margin-left: 12px;
    font-size: 16px;
    font-weight: 500;
}

.product-detail .info .action {
    display: flex;
    margin-top: 24px;
}

.product-detail .info .action .button {
    width: 100%;
}


.product-detail .info .action .disabled {
    border: 1px solid #e0e0e0;
    background-color: #e0e0e0;
    color: #aaaaaa;
}

.product-detail .info .action .button + .button {
    margin-left: 20px;
}

.product-detail .info .action .list {
    flex: none;
    width: 80px;
    min-width: auto;
}

.product-detail .info .caution {
    position: relative;
    margin-top: 48px;
    padding-left: 32px;
    color: #727b8b;
    font-size: 14px;
    letter-spacing: -.6px;
}

.product-detail .info .caution:before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(./../img/business/pd_caution_ico.svg) no-repeat;
}

.product-detail .info .caution a {
    font-weight: 500;
    text-decoration: underline;
}

.product-detail .product-video {
    position: relative;
}

.product-detail .product-video:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.product-detail .product-video iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}