@charset "uft-8";

.headline {
    background: none !important;
}

.header .primary-logo {
    margin-left: 12px !important;
}

.header-bot .wrap-gnb .gnb-fst>li>a {
    font-size: 15px;
}

.header-bot .wrap-gnb .gnb-fst {
    margin-left: -144px !important;
}

.header-bot .wrap-gnb>ul>li:hover > a:before, .header-bot .wrap-gnb>ul>li.current > a:before {
    height: 3px !important;
}

.header-bot .wrap-gnb .gnb-fst>li>a {
    font-weight: 500 !important;
}

.wrap-dfns {
    position: relative;
    padding-bottom: 80px;
    z-index: 100;
    background-color: #fff;
    top: 0;
    width: 100%;
}

.special-view .wrap-gnb .gnb-fst>li>a {
    color: #aeaeae;
}

.special-view .wrap-gnb>ul>li.current > a:before {
    width: 100%;
    background-color: #000;
}

.special-view {
    background-color: #fff;
}

.special-view .wrap-gnb {
    text-align: left;
}

.ab {
    position: absolute;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

/******************* 기본 세팅 *******************/
.dfnsmain img,
.dfns-content img {
    display: block;
    width: 100%;
}

div.rows {
    display: flex;
    padding: 1.5% 0;
    border-bottom: 1px solid #d4d4d4;
}

div.stRow div.leftSection {
    display: block;
    width: 24.2%;
    padding: 0 1.5% 0 0;
}

div.stRow div.rightSection {
    position: relative;
    width: 75%;
    padding-left: 2%;
    border-left: 1px solid #d4d4d4;
}

div.stRow div.rightSection img {
    width: 50%;
    bottom: 5%;
    right: 0;
}


div.stRow div.rightSection p.txt {
    font-size: 5.5em;
    font-weight: 800;
}

div.ndRow div.leftSection{
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div.ndRow div.leftSection p.subTxt{
    font-family: Courgette;
    font-size: 2.2em;
    text-align: center;
    color: #fff;
}

div.ndRow div.leftSection p.txt{
    font-size: 3em;
    color: #fff;
    font-weight: 800;
    text-align: center;
    line-height: 190%;
}

div.ndRow p.Tit {
    color: #D50032;
}

div.ndRow div.midSection{
    width: 42%;
}

div.ndRow div.rightSection{
    width: 28%;
}

div.rdRow div.leftSection{
    width: 79%;
    position: relative;
}

div.rdRow div.leftSection div.leftBox{
    background-color: #f3f3f3;
    width: 60%;
    height: 90%;
    position: absolute;
    bottom: 5%;
    right: 0%;
    opacity: 0.6;
}

div.rdRow div.leftSection p.txt{
    font-size: 4em;
    font-weight: 800;
    display: block;
    z-index: 2;
    top: 10%;
    text-align: left;
    left: 5%;
}

div.rdRow div.leftSection p.subTxt{
    font-size: 1.9em;
    font-weight: 700;
    display: block;
    z-index: 2;
    top: 48%;
    left: 5%;
}

div.rdRow div.leftSection p.subTxt2{
    font-size: 1.3em;
    font-weight: 600;
    display: block;
    z-index: 2;
    bottom: 15%;
    right: 6%;
    text-align: right;
}


div.rdRow div.rightSection{
    width: 20%;
}


div.thRow div.leftSection{
    width: 28%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


div.thRow div.midSection{
    width: 28%;
}

div.thRow div.rightSection{
    width: 44%;
}

div.thRow div.leftSection p.txt{
    font-size: 3em;
    color: #fff;
    font-weight: 800;
    text-align: center;
    line-height: 190%;
}

div.thRow p.Tit {
    color: #00AFD7;
}

div.fvRow {
    position: relative;
}

div.fvRow a{
    width: 100%;
    height: 450px;
}

div.fvRow img {
    width: 19%;
    right: 5%;
    top: 16%;
}

div.fvRow p.txt {
    font-size: 3.6em;
    color: #fff;
    font-weight: 800;
    padding-top: 5%;
    padding-left: 6%;
    position: relative;
}


div.sevRow div.leftSection{
    width: 28%;
}

div.sevRow div.midSection{
    width: 42%;
}

div.sevRow div.rightSection{
    width: 30%;
    display: flex;
    flex-direction: column;    
    justify-content: center;
}


div.sevRow div.rightSection p.txt {
    font-size: 2.8em;
    color: #fff;
    font-weight: 800;
    text-align: center;
    line-height: 200%;
}

div.sevRow p.Tit {
    color: #f0cd00;
}


.margin-bot {
    margin-bottom: 10% !important;
}

.margin-text-bot {
    margin-bottom: 5% !important;
}

.subTit {
    font-family: 'Courgette';
    font-size: 2em;
    text-align: center;
    font-weight: 400;
}

.tit2 {
    font-size: 4em;
    margin: 0% 0 1% 0;
    text-align: center;
    font-weight: 900;
}

section.dfns-content p.Tit {
    width: 95%;
    margin: 0 auto;
    font-size: 2.2em;
    font-weight: 900;
    margin-top: 5%;
}

.best {
    padding: 2% 5% 2%;
    position: relative;
    margin: 0 auto;
    border-right: 1px solid #d4d4d4;
    border-left: 1px solid #d4d4d4;
}

a.dfnsLogo {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 5% 0 10% 0;
}

div.dfns-search-back ul {
    text-align: center;
    margin-bottom: 5%;
}

div.dfns-search-back ul li {
    margin-bottom: 10px;
}

div.productSwiper {
    width: 100%;
    margin: 0 auto;
}

div.productSwiper div.swiper-slide{
    width: 100%;
    margin: 0 auto;
}

div.productSwiper div.swiper-pagination {
    position: relative;
}

div.productSwiper span.swiper-pagination-bullet-active {
    background-color: #282828;
}

li.banner {
    display: inline-block;
    width: 49%;
    margin-bottom: 3%;
    vertical-align: top;
}

p.bannerTit {
    font-size: 1em;
    font-weight: 700;
    margin: 5% 0;
}

p.bannerSubTit {
    font-size: 0.9em;
    margin-bottom: 5%;
    font-weight: 400;
    line-height: 130%;
}


div.category li {
    display: inline-block;
    width: 100%;
}

div.category li img {
    margin-bottom: 5%;
}

div.category li.cate p.promotionTitle span.promotionTxt {
    font-size: 1.7em;
    font-weight: 800;
}


div.category li.cate p.promotionTitle {
    position: absolute;
    top: 19%;
    font-size: 1.3em;
    color: #fff;
    font-weight: 600;
    text-align: center;
    width: 100%;
}

.shopBrand {
    margin: 0 auto;
}

section.shopbybrands hr {
    width: 4%;
    height: 3px;
    background: #191919;
}

div.shopbybrand {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

div.shopbybrand div.shopProducts a {
    width: 100%;
}



div.shopBrands {
    display: inline-block;
    width: 100%;
}

p.SBSSubTit {
    white-space: pre-line;
}

.SBBTit {
    text-align: left;
    font-size: 1.5em;
    font-weight: 800;
    margin: 10px 0;
}

.SBBSubTit {
    text-align: left;
    margin-bottom: 6%;
    font-size: 1.1em;
}

div.shopProducts {
    position: relative;
    padding-bottom: 3%;
    display: flex;
}

li.shopBrand:nth-child(4) {
    border-bottom: 1.5px solid #e5e5e5;
}

div.PrdInfo {
    position: relative;
    left: 5%;
    text-align: left;
    display: inline-block;
    height: 100%;
    width: 78%;
    vertical-align: top;
}

p.PrdInfoBrand {
    font-size: 1.2em;
    font-weight: 900;
}

p.PrdInfoName {
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

p.PrdInfoPrice {
    font-size: 1.2em;
    font-weight: 600;
    position: absolute;
    bottom: 0;
}

div.mainSwiper .swiper-pagination {
    position: absolute;
    padding: 0;
}

#dfnsaccordion {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#dfnsaccordion ul {
    padding-left: 5%;
    margin: 0;
    width: 100%;
}

#dfnsaccordion li {
    position: relative;
    cursor: pointer;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

#dfnsaccordion li div {
    margin: 0 auto;
    width: 94%;
    line-height: 2em;
    margin-top: 3%;
    font-size: 0.9em;
    word-break: keep-all;
}

#dfnsaccordion a {
    font-size: 15px;
    padding: 0 20px;
    line-height: 40px;
    display: block;
    width: 100%;
    height: 100%;
}

.dfnsaccordion_1>li.active>a {
    font-weight: 700;
    color: #D50032;
    border-bottom: 2px solid #D50032;
}

.dfnsaccordion_2>li.active>a {
    font-weight: 700;
    color: #00AFD7;
    border-bottom: 2px solid #00afD7;
}

.dfnsaccordion_3>li.active>a {
    font-weight: 700;
    color: #fee500;
    border-bottom: 2px solid #fee500;
}

#dfnsaccordion>li a:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    right: 20px;
    top: 20px;
    border: 1px solid #8e8e8e;
    border-color: #8e8e8e #8e8e8e transparent transparent;
    -webkit-transform: translateY(-7px) rotate(135deg);
    -ms-transform: translateY(-7px) rotate(135deg);
    transform: translateY(-7px) rotate(135deg);
}

.dfnsaccordion_1>li.active a:before {
    border: 1px solid #D50032 !important;
    border-color: #D50032 #D50032 transparent transparent !important;
}

.dfnsaccordion_2>li.active a:before {
    border: 1px solid #00AFD7 !important;
    border-color: #00AFD7 #00AFD7 transparent transparent !important;
}

.dfnsaccordion_3>li.active a:before {
    border: 1px solid #fee500 !important;
    border-color: #fee500 #fee500 transparent transparent !important;
}

#dfnsaccordion>li.active>a:before {
    -webkit-transform: translateY(-1px) rotate(-45deg);
    -ms-transform: translateY(-1px) rotate(-45deg);
    transform: translateY(-1px) rotate(-45deg);
}


.category-tab_con1 .category1-list {
    width: 100%;
    background-color: #fff;
}

.shoemarker>a {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 1.5em;
    margin: 4% 0;
    font-family: 'Quicksand';
}


.shoemarker .sns {
    display: flex;
    flex-flow: wrap;
    width: 93%;
    margin: 0 auto;
}


/* 2020.02.05 MAIN BANNER TEXT Animation */
@keyframes fadeInLeftdfns {
    0% {
        opacity: 0;
        transform: translateX(-85%);
    }

    100% {
        opacity: 1;
        transform: translateX(-70%);
    }
}

/*******************************************************************************************************
*******************************************************************************************************
************************************************ about ************************************************
*******************************************************************************************************
*******************************************************************************************************/

div.dfns_container img {
    width: 100%;
}

div.dfns_container .heading--l {
    font-size: 3.5rem;
    line-height: 4.65rem;
    letter-spacing: -0.06em;
    font-weight: 800;
}

div.dfns_container .block-heading-large {
    margin-right: 10%;
    margin-bottom: 1.25rem;
    margin-left: 10%;
}

div.dfns_container .block-text {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    -apple-font-smoothing: antialiased;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10%;
    margin-bottom: 5.625rem;
    margin-left: 10%;
    font-size: 1.25rem;
    line-height: 2.5rem;
    color: #898c8e;
}

div.dfns_container .block-text p {
    margin-top: 0;
    margin-bottom: 2.5rem;
    line-height: 2rem;
    word-break: keep-all;
}

div.block-sustainabillity {
    position: relative;
    margin-bottom: 5rem;
    width: 100%;
    overflow: hidden;
}

div.block-sustainabillity__inner {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
}

div.block-sustainabillity__content {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 2.75rem .625rem 2.75rem;
    background-size: cover;
    background-position: center;
}

div.block-sustainabillity__content-inner {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

.block-sustainabillity__writing {
    font-weight: 800;
    -webkit-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    -apple-font-smoothing: antialiased;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 0 0.6625rem 0;
    color: currentColor;
    font-size: 3.075rem;
    letter-spacing: -0.01em;
}

.block-sustainabillity__title {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    -apple-font-smoothing: antialiased;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
    margin: 0;
    font-size: 3.95rem;
    letter-spacing: -0.02em;
    line-height: 4.35rem;
    text-transform: uppercase;
    color: currentColor;
    white-space: pre-wrap;
    font-weight: 800;
}

.block-sustainabillity__payoff {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    -apple-font-smoothing: antialiased;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    margin: 1rem 0 3rem 0;
    font-size: 1.3625rem;
    letter-spacing: 0.01em;
    line-height: 2.5rem;
    color: currentColor;
}

.block-sustainabillity__button {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    -apple-font-smoothing: antialiased;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    display: inline-block;
    padding-bottom: .125rem;
    border-bottom: 2px solid currentColor;
    font-size: 1.2625rem;
    letter-spacing: 0.12em;
    color: currentColor;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s, -webkit-transform .3s;
    transition: transform .3s, color .3s;
    transition: transform .3s, color .3s, -webkit-transform .3s;
    margin-top: 3%;
    height: 35px;
}

/*******************************************************************************************************
*******************************************************************************************************
************************************************ campaign ************************************************
*******************************************************************************************************
*******************************************************************************************************/

section.block-text-with-image {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 5.625rem;
}


section.block-text-with-image div.block-text-with-image__paragraph {
    word-break: keep-all;
    line-height: 2em;
}



h1.heading {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    -apple-font-smoothing: antialiased;
    font-smooth: always;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    text-transform: uppercase;
}

h1.heading--s {
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: 0.15em;
}

h3.block-heading-medium {
    margin-right: 10%;
    margin-bottom: 1.25rem;
    margin-left: 10%;
}

h3.heading--m {
    font-size: 2.625rem;
    line-height: 3.75rem;
    letter-spacing: -0.06em;
}

div.block-text-quote {
    margin-right: 10%;
    margin-bottom: 5.625rem;
    margin-left: 10%;
}

div.heading--l {
    font-size: 3.75rem;
    line-height: 3.75rem;
    letter-spacing: -0.06em;
}

section.ly-hashTag-shoemarker {
    padding-top: 30px;
}

/****** QA ******/

.block-faq {
    width: 80%;
    margin: 0 auto;
}

.block-faq__title {
    display: block;
    margin-bottom: 3.75rem;
    font-size: 3.75rem;
    line-height: 3.75rem;
    letter-spacing: 0.09em;
    font-weight: 800;
}


.block-faq__item-question {
    margin-bottom: .875rem;
    font-size: 1.075rem;
    line-height: 1.375rem;
    font-weight: 700;
    letter-spacing: 0.13em;
}

.block-faq__item-answer p {
    word-break: keep-all;
    line-height: 150%;
}

li.list__item:nth-child(2) .block-faq__item-answer p a{
    font-size: 0.875rem;
    text-decoration: underline;
    margin-right: 20px;
}

li.list__item:nth-child(2) .block-faq__item-answer p a:nth-child(2){
    color:#00afD7;
}


li.list__item:nth-child(2) .block-faq__item-answer p a:nth-child(3){
    color:#D50032;
}

li.list__item:nth-child(2) .block-faq__item-answer p a:nth-child(4){
    color:#fee500;
}

li.list__item:nth-child(8) .block-faq__item-answer p a{
    font-size: 16px;
    text-decoration: underline;
}


.block-faq__content {
    width: 60%;
    margin: 0 auto;
}

.block-faq__list {
    -webkit-columns: 2;
    columns: 2;
    -webkit-column-gap: 3.75rem;
    column-gap: 3.75rem;
}

.block-faq__list-item {
    display: block;
    margin-bottom: 1.5625rem;
    width: 100%;
}