@charset "UTF-8";
@import url("/assets/fonts/gmarket/GmarketSans.css");
/*@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,devanagari,greek,greek-ext,latin-ext,vietnamese");*/
body {font-family: "GmarketSans"; font-display: fallback; }
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    background: #27262b;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 300;
    color:#d8d3da;
}
.root{}
.root .contents{
    display: flex;
    flex-direction: column;
}

.root .contents .visual{
    height:200px;
    width:100%;
    color:white;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.root .contents .visual img{ height:100%; }
.root .contents .visual.type1{
    background:#eaeaea url('/assets/img/vimg013.jpg') no-repeat center center;
    background-size: cover;
}

.root .contents .visual.type2{
    background:#eaeaea url('/assets/img/vimg016.jpg') no-repeat center center;
    background-size: cover;
}

.root .contents .hello{ text-align: center; padding-top:5px; padding-bottom:10px; padding-left:40px; padding-right:40px; word-break: keep-all;}

.root .contents .link{}
.root .contents .link ul{ list-style:none; margin:0; padding:0;}
.root .contents .link ul li{ padding:10px 10px 0 10px; }
.root .contents .link ul li a{border:1px solid #666; border-radius: 40px; display: flex; text-decoration: none; color:#fff; padding:5px;}
.root .contents .link ul li a .icon{display:flex; width:30px; height:30px; border-radius: 30px; overflow: hidden; flex-shrink: 0; flex-grow:0; align-items: center; justify-content: center; }
.root .contents .link ul li a .icon img{width:100%; height:100%;}
.root .contents .link ul li a .text{flex-shrink: 1; flex-grow:1; display: flex; align-items: center; justify-content: center; font-size:14px; padding:0 10px;}
.root .contents .link ul li a .text .en{color: #858585; font-size:12px; margin-left:5px;}

.root .contents .link ul li a.green {background:#03ff67;}
.root .contents .link ul li a.green .text{color:#000;}
.root .contents .link ul li a.green .text .en{color:#fff;}
.root .contents .link ul li a.yellow {background:#ffdc88;}
.root .contents .link ul li a.red {background:#be0000;}
.root .contents .link ul li a.red .text {color:#ffffff;}
.root .contents .link ul li a.deepgreen {background:#0e524a;}
.root .contents .link ul li a.deepgreen .text {color:#ffffff;}


.root .contents .link ul li a.product{ padding:0; border-radius:8px; font-size:0; overflow: hidden;}
.root .contents .link ul li a.product .thumb{width:80px; height:80px;}
.root .contents .link ul li a.product .thumb img{width:100%; height:100%;}


.desc{
    font-size:12px;
    text-align: center;
    padding:10px;
}

.btn-group{
    border-radius:8px;font-size:0; overflow: hidden; border:1px solid #666; background:#000;
}
.btn-group .btn-group-title{color:#000; padding:10px 5px; font-size:14px; text-align: center;}
.btn-group .btn-group-title.red{
    color:#fff; background: #be0000;
}

.btn-group ul{list-style:none; margin:0; padding:0;}
.btn-group ul li { padding:0 !important; border-bottom:1px solid #666; }
.btn-group ul li:last-child{border-bottom:none; }
.btn-group ul li a  { border:none !important; display: flex; text-decoration: none; border-radius: initial !important;}
.btn-group ul li a.green:hover{background:#03ff67 !important;}
.btn-group ul li a:hover{ background:#27262b !important;}
.btn-group ul li a .icon{display:flex; width:30px; height:30px; border-radius: 30px; overflow: hidden; flex-shrink: 0; flex-grow:0; align-items: center; justify-content: center; }
.btn-group ul li a .text{flex-shrink: 1; flex-grow:1; display: flex; align-items: center; justify-content: center; font-size:14px;}
.btn-group ul li a .text.strong{font-weight:bold;}
.btn-group ul li a .text .tt{
    vertical-align: middle;
    display: inline-block;
}
.btn-group ul li a .text .wild{
    background:#be0000; color:#fff;
    font-size:12px; display: inline-block; vertical-align: middle;
    padding:3px 8px; border-radius: 10px; margin-left:5px;
}


.btn-group.white{
    border-radius:8px;font-size:0; overflow: hidden; border:1px solid #666; background:#fff;
}
.btn-group.white .btn-group-title{color:#000; padding:10px 5px; font-size:14px; text-align: center;}
.btn-group.white .btn-group-title.red{
    color:#be0000; background: #fff;
}

.btn-group.white ul{list-style:none; margin:0; padding:0;}
.btn-group.white ul li { padding:0 !important; border-bottom:1px solid #666; }
.btn-group.white ul li:last-child{border-bottom:none; }
.btn-group.white ul li a  { border:none !important; display: flex; text-decoration: none; border-radius: initial !important; color:#000 !important;}
.btn-group.white ul li a.green:hover{background:#03ff67 !important;}
.btn-group.white ul li a.red:hover{background:#971a29 !important;}
.btn-group.white ul li a:hover{ background:#eaeaea !important;}
.btn-group.white ul li a .icon{display:flex; width:30px; height:30px; border-radius: 30px; overflow: hidden; flex-shrink: 0; flex-grow:0; align-items: center; justify-content: center; }
.btn-group.white ul li a .text{flex-shrink: 1; flex-grow:1; display: flex; align-items: center; justify-content: center; font-size:14px;}
.btn-group.white ul li a .text.strong{font-weight:bold;}
.btn-group.white ul li a .text .tt{
    vertical-align: middle;
    display: inline-block;
}
.btn-group.white ul li a .text .wild{
    background:#be0000; color:#fff;
    font-size:12px; display: inline-block; vertical-align: middle;
    padding:3px 8px; border-radius: 10px; margin-left:5px;
}


.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.strong {font-weight: 500;}
.stitle{text-align: center; font-weight: 500; font-size:16px;}
.sdesc{text-align: center; font-weight: normal; font-size:14px;}
.logo-container{
    text-align: center;
}

.color-hopeden{
    color:#03ff67;
}
.color-wangeden{
    color: #ff586d;
}

hr{
    border:none;
    height:0;
    font-size:0;
    margin:10px 0;
    border-top:1px solid #4b4a4e;
}
b {font-weight: 500; }