@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#pfd_font {
    font-family: 'GmarketSansMedium';
}

#pfd_fontb {
    font-family: 'GmarketSansBold';
}

/* header */

#brand_header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index:20;
    height: 68px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.header_g {
    position: relative;
    z-index: 20;
}

.logo {
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 20;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.logo a {
    display: block;
    width: 122px;
    background: url(../images/logo.png) no-repeat 0 0;
    background-size: auto 100%;
}

.langmenu {
    position: absolute;
    top: 25px;
    right: 67.5px;
    z-index: 20;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.langmenu li {
    float: left;
}

.langmenu li.dash {
    margin: 0 4px;
    font-size: 14px;
    color: #fff;
    opacity: 0.4;
}

.langmenu li a {
    display: block;
    font-size: 14px;
    color: #fff;
    opacity: 0.4;
}

.langmenu li a:hover {opacity: 1; transition: all 0.3s;}

.langmenu li.current a {
    opacity: 1;
}

#brand_header.scroll {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

#brand_header.scroll .logo a {
    background-image: url(../images/logo_v2.png);
}

#brand_header.scroll .langmenu li a {
    color: #1b2d57;
}

#brand_header.scroll .langmenu li.dash {
    color: #1b2d57;
}

#brand_header.scroll .nav-open-btn .line {
    background-color: #000;
}

@media (max-width: 1023px) {
    .oy {
        overflow-y: hidden;
        height: 100%;
    }

    .navbar {
        position: fixed;
        display: block;
        position: fixed;
        top: 68px;
        bottom: 0;
        right: -100%;
        width: 100vw;
        background-color: #fff;
        z-index: 19;
        transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
        visibility: hidden;
    }

    .gnb {
        position: relative;
        height: 100%;
        overflow-y: auto;
    }

    #navigation > li > a {
        position: relative;
        display: block;
        padding: 15px 20px;
        color: #222;
        font-size: 23px;
    }

    #navigation > li > a > i {
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -5px;
        background: url(../images/gnb-icon-off.png) no-repeat 50% 50%;
        width: 10.5px;
        height: 10.5px;
        background-size: 100% auto;
    }

    #navigation > li {
        border-bottom-color: transparent;
    }

    #navigation > li > a.active {
        color: #2d4994;
    }

    #navigation > li > a.active > i {
        background-image: url(../images/gnb-icon-on.png);
    }
  /* GNB Mobile ::  메뉴영역 :: 2차 */
    #navigation > li .gnb-2dep {
        display: none;
        background-color: #f5f5f5;
        border-radius: 15px;
        padding: 16px 35px 16px;
        margin-left: 20px;
        margin-right: 20px;
    }

    #navigation > li .gnb-2dep > li {
        position: relative;
        height: auto !important;
    }

    #navigation > li .gnb-2dep > li > a {
        display: block;
        color: #555555;
        font-size: 16px;
        padding: 12px 0px;
    }

    .mobile_open {
        overflow-y: hidden;
    }

    .mobile_open #brand_header {
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

    .mobile_open .logo a {
        background-image: url(../images/logo_v2.png);
    }

    .mobile_open .navbar {
        right: 0px;
        visibility: visible;
    }

    .mobile_open .langmenu li a {
        color: #1b2d57;
    }

    .mobile_open .langmenu li.dash {
        color: #1b2d57;
    }
}

/* -------- Header :: 네비게이션 오픈 버튼 -------- */
.nav-open-btn {
    z-index: 20;
    outline: none;
    background: none;
    border: 0;
    display: block;
    position: fixed;
    top: 19px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 10000;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    -oz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

.nav-open-btn .line {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #fff;
    margin: 3px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.index-wrapper .nav-open-btn .line {
    background-color: #fff;
}

/* .nav-open-btn.active .line{background-color:#fff;} */
.nav-open-btn.active .line {
    background-color: #222;
}

.nav-open-btn.active .line:nth-child(2), .nav-open-btn.active .line:nth-child(4) {
    opacity: 0;
}

.nav-open-btn.active .line:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    -o-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
}

.nav-open-btn.active .line:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    -o-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
}

/*팝업창*/
#popup {
    display: none; /*숨기기*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45,73,148,0.95);
    z-index: 999;
}

#popmenu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1200px;
    color: #fff;
}

.exit {
    position: fixed;
    top: 35px;
    right: calc(9.375% + 20px);
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    padding-top: 6px;
}

.exit .line {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    margin: 3px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.exit .line:nth-child(2), .nav-open-btn.active .line:nth-child(4) {
    opacity: 0;
}

.exit .line:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    -o-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
}

.exit .line:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    -o-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
}

#contents {
    position: fixed;
    top: 35px;
    right: calc(9.375% + 20px);
    width: 30px;
    height: 30px;
    cursor: pointer;
    color: #fff;
    z-index: 998;
}

#brand_header.scroll #contents {top:25px;}
#brand_header.scroll #contents .line {background-color:#141414;}

#contents .line {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    margin: 6px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.popmenu_wrap .popmenu_box:nth-child(4) {margin-bottom: 0;}
.popmenu_wrap .popmenu_box p {font-size: 20px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #fff; cursor:pointer}
.popmenu_wrap .popmenu_box ul{ border-bottom:1px solid #fff; margin-bottom:20px; padding-bottom:20px}
.popmenu_wrap .popmenu_box ul li {margin-right: 150px; margin-bottom: 10px;}
.popmenu_wrap .popmenu_box ul li a {color: #ccc; font-size: 16px;}
.popmenu_wrap .popmenu_box ul li a span {margin-right: 10px;}
.popmenu_wrap .popmenu_box ul li a:hover {color: #fff; transition: all 0.5s;}
.third .thth:after {content: ''; display: block; clear: both;}
.third .thth > li {float: left;}
.third .thth > li:nth-child(1) {width: 20%;}
.third .thth > li:nth-child(2) {width: 80%;}
.third .thth > li:nth-child(2) > ul {display: flex; justify-content: space-between;}
.third .thth > li:nth-child(2) > ul li {margin-right: 0;}



.nav-open-btn {display: none;}

/* -------- Header :: 데스크탑 -------- */
.gnb_d {
    display: none;
}

.d_gnb_bg {
    display: none;
}





@media (min-width: 1024px) {
    #brand_header {
        height: 100px;
        transition: all 0.25s cubic-bezier(0.61, 1, 0.88, 1);
    }
    #brand_header.scroll {
        height: 80px;
        border-bottom: 1px solid #ddd;
    }

    #brand_header.scroll .logo {
        top: 2px;
    }

    #brand_header.scroll .langmenu {
        top: 30px;
    }

    #brand_header.scroll .nav-open-btn {
        top: 27px;
    }

    #brand_header.scroll .d_navi .dep1 > a {
        height: 80px;
        line-height: 80px;
        color: #111111;
    }

    #brand_header.scroll .d_navi .dep1 .gnb-2dep {
        top: 80px;
    }

    #brand_header.scroll .d_gnb_bg {
        top: 80px;
    }
    #brand_header.header_hover #contents .line {background-color:#000;}
    #brand_header.header_hover {
        background: #fff;
        border-bottom: 1px solid #ddd;
    }

    #brand_header.header_hover .d_navi .dep1 > a {
        color: #111111;
    }

    #brand_header.header_hover .logo a {
        background-image: url(../images/logo_v2.png);
    }

    #brand_header.header_hover .nav-open-btn .line {
        background-color: #222;
    }

    #brand_header.header_hover .langmenu li a {
        color: #1b2d57;
    }

    #brand_header.header_hover .langmenu li.dash {
        color: #1b2d57;
    }

    .header_g {
        text-align: center;
    }

    .logo {
        top: 10px;
    }

    .logo a {
        width: 177px;
        height: 75px;
        background-size: auto 100%;
    }

    .langmenu {
        top: 36.5px;
    }

    .langmenu li a {
        font-size: 18px;
    }

    .nav-open-btn {
        top: 38px;
        z-index: 999;
    }

    .nav-open-btn .line {
        width: 24px;
        margin: 6px auto;
    }

    .gnb_d {
        position: relative;
        z-index: 20;
        display: inline-block;
    }

    .gnb_d:hover + .d_gnb_bg {
        opacity: 1;
        visibility: visible;
    }

    .d_navi .dep1 {
        float: left;
        position: relative;
        padding: 0 1vw;
    }

    .d_navi .dep1:first-child {
        padding-left: 0;
    }
    .d_navi .dep1:last-child {
        padding-right:0;
    }

    .d_navi .dep1 > a {
        transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
        height: 100px;
        line-height: 100px;
        font-size: 18px;
        color: #fff;
        position: relative;
        display: block;
    }

    .d_navi .dep1 > a:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 2px;
        width: 0;
        background: #2d4994;
        transition: all 0.35s cubic-bezier(0.61, 1, 0.88, 1);
    }

    .d_navi .dep1:hover > a:after {
        width: 100%;
    }

    .d_navi .dep1:hover .gnb-2dep {
        visibility: visible;
        opacity: 1;
    }

    .d_navi .gnb-2dep {
        position: absolute;
        left: 0;
        top: 100px;
        width: 1000px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.35s cubic-bezier(0.61, 1, 0.88, 1);
    }

    .d_navi .gnb-2dep.dr-1 {
        left: 0px;
    }

    .d_navi .gnb-2dep.dr-2 {
        left: 18px;
    }

    .d_navi .gnb-2dep.dr-3 {
        left: 18px;
    }

    .d_navi .gnb-2dep.dr-4 {
        left: 18px;
    }

    .d_navi .gnb-2dep.dr-5 {
        left: 18px;
    }
    .d_navi .gnb-2dep.dr-6 {
        left: 18px;
    }
    .d_navi .gnb-2dep.dr-7 {
        left: -310px;
    }

    .d_navi .gnb-2dep li {
        float: left;
    }

    .d_navi .gnb-2dep li + li {
        padding-left: 4.6%;
    }

    .d_navi .gnb-2dep li a {
        color: #777777;
        font-size: 18px;
        height: 68px;
        line-height: 68px;
    }

    .d_navi .gnb-2dep li a:hover {
        color: #2d4994;
    }

    .d_gnb_bg {
        position: absolute;
        display: block;
        height: 68px;
        opacity: 0;
        visibility: hidden;
        left: 0;
        right: 0;
        top: 100px;
        z-index: 10;
        background: #fff;
        transition: all 0.35s cubic-bezier(0.61, 1, 0.88, 1);
    }

    .gnb {
        margin: 0 auto;
        max-width: 1400px;
    }

    .gnb .gnb_inner {
        width: 100%;
    }

    .nav-open-btn.active .line:nth-child(1) {
        -webkit-transform: translateY(8px) rotate(45deg);
        -ms-transform: translateY(8px) rotate(45deg);
        -o-transform: translateY(8px) rotate(45deg);
        transform: translateY(8px) rotate(45deg);
    }

    .nav-open-btn.active .line:nth-child(3) {
        -webkit-transform: translateY(-8px) rotate(-45deg);
        -ms-transform: translateY(-8px) rotate(-45deg);
        -o-transform: translateY(-8px) rotate(-45deg);
        transform: translateY(-8px) rotate(-45deg);
    }
}

@media(max-width:1024px){
	#sitemapContent{display: none;}
}
@media(min-width:1024px){
	.navbar{display: none;}
}

/* ****************** 사이트맵 ********************** */

/* Header :: 사이트맵(기본형 or 커스텀) */

.sitemap-line-btn {
    z-index: 20;
    outline: none;
    background: none;
    border: 0;
    display: block;
    position: fixed;
    top: 19px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 10000;
    transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    -webkit-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    -oz-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
    -ms-transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
@media (min-width: 1400px){
	.sitemap-line-btn {
		right: 9.375%;
	}
}
@media (min-width: 1024px){
	.sitemap-line-btn {
		top: 38px;
		z-index: 999;
	}
}
.sitemap-line-btn .line {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #fff;
    margin: 3px auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.sitemap-line-btn .line {
    background-color: #fff;
}

/* .nav-open-btn.active .line{background-color:#fff;} */
.sitemap-line-btn.active .line {
    background-color: #222;
}

.sitemap-line-btn.active .line:nth-child(2),
.sitemap-line-btn.active .line:nth-child(4) {
    opacity: 0;
}

.sitemap-line-btn.active .line:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    -ms-transform: translateY(5px) rotate(45deg);
    -o-transform: translateY(5px) rotate(45deg);
    transform: translateY(5px) rotate(45deg);
}

.sitemap-line-btn.active .line:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    -ms-transform: translateY(-5px) rotate(-45deg);
    -o-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
}


#sitemapContent{
	position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; opacity:0;filter:Alpha(opacity=0); visibility:hidden; z-index:-1;
	-webkit-transition:all 0.3s  0.5s;-moz-transition:all 0.3s  0.5s;-o-transition:all 0.3s  0.5s;-ms-transition:all 0.3s  0.5s; transition:all 0.3s  0.5s;
}
#sitemapContent.open{
	opacity:1.0;filter:Alpha(opacity=100); visibility:visible; z-index:99999; background-color:#fff;
	-webkit-transition:all 0.3s  0s;-moz-transition:all 0.3s 0s;-o-transition:all 0.3s 0s;-ms-transition:all 0.3s 0s;transition:all 0.3s 0s;
}
.innerS{
	margin: 0 auto;
	position: relative;
	max-width:1400px;
	height: 100%;
	border-right: 1px solid #ddd;
}
#sitemapInnerCon{position:absolute; top:0; left:0; bottom:0; right:0;
}
#sitemapContent .sitemap-bg-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#sitemapContent .visual-intro-item{float:left; position:relative; width:20%; height:100%;}
/* #sitemapContent .visual-intro-item:first-child{width:16.67%;} */
#sitemapContent .visual-intro-item:before{
	position:absolute;  left:0; width:1px; height:100%; content:""; background-color:#ddd; z-index:1;
}
#sitemapContent .visual-intro-item:nth-child(odd):before{bottom:0;}
#sitemapContent .visual-intro-item:nth-child(even):before{top:0;}
#sitemapContent.open .visual-intro-item:first-child:before{display:none}
#sitemapContent .visual-intro-item:after{
	content:""; position:absolute; width:100%; height:100%; right:0; top:0px; background: #333;
	-webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s
}
#sitemapContent.open .visual-intro-item:before{height:100%;}
#sitemapContent.open .visual-intro-item:after {width:0;}
#sitemapContent.open .visual-intro-item {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1); transform-origin:right top; transition-property: transform;
}
#sitemapContent.close{opacity:0;filter:Alpha(opacity=0); visibility:hidden;}
#sitemapContent.close .visual-intro-item:before{height:0;}
#sitemapContent.close .visual-intro-item:after {width:100%;}

.sitemap-wrapper{height:100%; border-left: 1px solid #ddd;}
.sitemap-wrapper > ul{overflow:hidden; position:relative; z-index:1; height:100%;}
.sitemap-wrapper > ul > li{overflow:hidden; float:left; width:20%;height:100%;}
/* .sitemap-wrapper > ul > li:first-child{ width:16.67%} */
.sitemap-wrapper > ul > li > h2{
	overflow:hidden; color:#191919; font-size:18px; letter-spacing:-1.0px; margin:77px 15% 40px;
}
.sitemap-wrapper > ul > li:hover > h2{color:#2d4994;}
.sitemap-wrapper > ul > li .sitemap-2dep {}
.sitemap-wrapper > ul > li .sitemap-2dep a{
	overflow:hidden; position:relative; display:block;  padding:20px 15%; color:#777; font-size:15px; letter-spacing:-0.15px; line-height:1.2em;
	-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s
}
.sitemap-wrapper > ul > li .sitemap-2dep a span{position:relative; z-index:1;}
.sitemap-wrapper > ul > li .sitemap-2dep a .gnb-icon{display:none;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#fff; }
.sitemap-wrapper > ul > li .sitemap-2dep a:hover:after{width:100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
/* 사이트맵 active */
.sitemap-wrapper > ul > li > h2 > span,
.sitemap-wrapper > ul > li .sitemap-2dep a span{
	display:block; opacity:0;filter:Alpha(opacity=50);
	-webkit-transform:translateX(-5%);
	transform:translateX(-50%);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s;
}
.sitemap-wrapper.menu-open > ul > li > h2 > span,
.sitemap-wrapper.menu-open > ul > li .sitemap-2dep a span{
	opacity:1.0;filter:Alpha(opacity=100);
	-webkit-transform:translateX(0);
	transform:translateX(0);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04);
}

@media (min-width: 1400px) {
    .logo {
        left: 9.375%;
    }

    .langmenu {
        right: 13.5%;
    }

    .nav-open-btn {
        right: 9.375%;
    }
    .header_g {width: 100%;}
}

/* header end */

button{
background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
/* .wrap div {position: relative; width: 100%; height: 100vh; overflow: hidden;} */
.wrap div.box1 .imgb {background-image: url('../images/main_visual1.png'); background-size: cover;}
.wrap div.box2 .imgb {background-image: url('../images/main_visual3.jpg'); background-size: cover;}
.wrap div.box3 .imgb {background-image: url('../images/main_visual4.jpg'); background-size: cover;}
.wrap div.box4 .imgb {background-image: url('../images/main_visual5.jpg'); background-size: cover;}
.wrap div.box5 .imgb {background-image: url('../images/main_visual6.jpg'); background-size: cover;}
.slick-prev {display: none !important;}
.slick-next {position: absolute; top: 50%; right: 180px; transform: translateY(-50%); background: inherit; font-size: 0;}
.wrap div .txtb {position: absolute; top: 50%; left: 180px; transform: translateY(-50%); color: #fff; display: block; width: 1400px;}
.txtb h2 {font-size: 48px; margin-bottom: 20px;}
.txtb h2 span {font-size: 72px !important; margin-right: 20px;}
.txtb p {font-size: 24px; margin-top: 20px; line-height: 45px;}
.slick-next:after {
       content: "\f105";
     font: 50px 'FontAwesome';
    color: rgba(255,255,255,0.5);
    width: 60px; height: 60px; text-align: center; border: 3px solid rgba(255,255,255,0.5);
    display: block; vertical-align: middle;
}

.section1 {margin:100px 0;}
.section1_wrap {width:1400px; margin:auto;}
.main-banner:after {content:''; display:block; clear:both;}
.main-banner a {float:left; width:50%;}
.main-banner a li img {width:100%;}

.buyandsell-wrap {width:1400px; margin:auto; margin-bottom:100px;}
.buyandsell-box {display:flex; justify-content: space-between;}
.buyandsell-box > div {width: 48.5%; background:#f6f6f6; padding:0 25px; padding-bottom:25px;}
.buyandsell-box > div p {font-size:18px; text-align:center; margin:25px 0;}
.buyandsell-wrap h3 {font-size:36px; text-align:center; margin-bottom:50px;}
.data-list {
				height:335px;
				overflow-y: hidden;
			}
.blbf > li, .data-list li {background:#fff; padding:10px 0; border-bottom:1px solid #555;}
.blbf > li:last-child, .data-list li:last-child {border:0;}
.blbf > li .blbs, .data-list li .blbs {display:flex; justify-content: left;}
.blbf > li .blbs li, .data-list > li .blbs li {font-size:14px; color:#555; padding:0 5px; border-bottom:none; width:20%; box-sizing:border-box; white-space:nowrap}
.blbf > li .blbs li:nth-child(1), .data-list > li .blbs li:nth-child(1){ padding:0 5px 0 20px}
.blbf > li .blbs li:last-child, .data-list > li .blbs li:last-child{ padding:0 20px 0 5px}

.youtube {background:#222222; padding-bottom:50px; margin-bottom:100px; display:none}
.youtube-wrap {width:1400px; margin:auto;}
.youtube-wrap .yt-logo {width:200px; margin:auto; padding:50px 0;}
.youtube-wrap .yt-logo img {width:100%;}
.yt-box {display:flex; justify-content: space-between;}
.yt-box > div {width:675px; height:350px; background:#121212;}

.qk-banner {width:1400px; margin:auto;}
.qk-banner .smt_20 .sct_ul{justify-content:flex-start}
.qk-banner .smt_20 .sct_li{padding-top:0; width:33.33%}
.qk-banner .sct img{max-width:100%}
.qk-banner-wrap {display:flex; justify-content: space-between; margin-bottom:50px;}
.qk-banner-wrap .qkbl {width:33%;}
.qk-banner-wrap .qkbl img {width:100%;}
.qk-banner-wrap .qkbr {width:67%;}

.wrap_high, .wrap_cost, .wrap_unique{ height:395px; overflow:hidden}

.wrap_high .smt_20 .sct_ul .sct_li, .wrap_cost .smt_20 .sct_ul .sct_li, .wrap_unique .smt_20 .sct_ul .sct_li{ display:none}
.wrap_high .smt_20 .sct_ul .sct_li:nth-child(1), .wrap_high .smt_20 .sct_ul .sct_li:nth-child(2), .wrap_high .smt_20 .sct_ul .sct_li:nth-child(3), .wrap_cost .smt_20 .sct_ul .sct_li:nth-child(1), .wrap_cost .smt_20 .sct_ul .sct_li:nth-child(2), .wrap_cost .smt_20 .sct_ul .sct_li:nth-child(3), .wrap_unique .smt_20 .sct_ul .sct_li:nth-child(1), .wrap_unique .smt_20 .sct_ul .sct_li:nth-child(2), .wrap_unique .smt_20 .sct_ul .sct_li:nth-child(3){ display:block}
.wrap_high .qkbl img, .wrap_cost .qkbl img, .wrap_unique .qkbl img{display:none}
.wrap_high .qkbl, .wrap_cost .qkbl, .wrap_unique .qkbl{ background:url(/images/hq_banner.png) 50% -100px no-repeat; color:#fff; background-size:100% auto; display:flex; justify-content:center; align-items:flex-end; box-sizing:border-box; padding:30px 50px; font-size:24px; text-align:center; font-family:initial; word-break:keep-all }
.wrap_high .qkbl p, .wrap_cost .qkbl p, .wrap_unique .qkbl p{ word-break:keep-all; letter-spacing:-1px; margin:0 0 10px 0}
/*
.wrap_high .qkbl:after{ content:'구매시 10만원 상당의 블링폰혜택 10만원 상당 7종 사은품 증정'}
.wrap_cost .qkbl:after{ content:'구매시 10만원 상당의 블링폰혜택 10만원 상당 7종 사은품 증정'}
*/
.wrap_cost .qkbl{ background:url(/images/ce_banner.png) 50% -100px no-repeat; color:#fff; background-size:100% auto}
.wrap_unique .qkbl{ background:url(/images/up_banner.png) 50% -100px no-repeat; color:#fff; background-size:100% auto}
.qna-wrap h3 {font-size:36px; text-align:center; padding-top:50px;}

.container{
	width: 1400px;
	margin: 0 auto;
	margin-top:50px;
	margin-bottom:100px;
}

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:flex;
	justify-content: center; align-items: center;
}
ul.tabs li{
	background: none;
	color: #222;
	padding: 12px 50px 10px 50px;
	cursor: pointer;
	font-size:18px;
	line-height:1;
	border:1px solid #ededed;
	border-right:0;
}

ul.tabs li:last-child {border-right:1px solid #ededed;}

ul.tabs li.current{
	background: #ededed;
	color: #222;
}

.tab-content{
	display: none;
}

.tab-content.current{
	display: inherit;
}

.qna-ul {border-top:2px solid #141414; margin-top:50px;}
.qna-ul > li {padding:10px 0; border-bottom:1px solid #ededed; font-size:16px;}
.qna-ul > li .qna-sul {padding:0 20px;}
.qna-ul > li .qna-sul > li:last-child {font-size:14px; color:#555; margin-top:5px;}

.necontent-wrap {width:1400px; margin:auto;}
.ne-content {margin-bottom:100px; display:flex; justify-content: space-between;}
.ne-content div {width:675px;}
.ne-content div h2 {font-size: 30px; line-height: 1em; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 2px solid #141414;}

.call-center {width: 100%;}
.call-center img {width: 100%;}

footer {background:#555; padding:50px 0;}
.ft-wrap {width:1400px; margin:auto;}
.ftw-box {display:flex; justify-content: space-between; align-items: center; color:#fff; font-size:14px;}
.ftw-box li:last-child {margin-top:15px; display:flex; align-items:flex-end}
.ftw-box .ftw-right{display:flex}
.ftw-box .ftw-right img{ height:90px; margin:0 10px}
.ftwl-first {margin-bottom:15px;}
.ftwl-first a {color:#fff;}
.ftwl-first a:hover {color:#eee;}

.swicontai-wrap-gray {background:#f6f6f6; padding:50px 0;}
.swicontai-wrap {width:1400px; margin:auto;}
.swiper-container h3 {font-size:36px; text-align:center; margin-bottom:50px;}
.swiper-container h3.mt100 {margin-top:100px;}
.swiper3 .swiper-wrapper .swiper-slide {display: flex; justify-content: center; align-items: center;}

.wrap_banner_bottom #main_bn, .wrap_banner #main_bn{ border:none; margin:0 0 25px 0}
.wrap_banner_bottom #main_bn .owl_pager, .wrap_banner_bottom #slide-counter, .wrap_banner_bottom #main_bn .btn_wr, .wrap_banner #main_bn .owl_pager, .wrap_banner #slide-counter, .wrap_banner #main_bn .btn_wr{display:none}
@media(max-width:1023px){
	.wrap_high .qkbl p, .wrap_cost .qkbl p, .wrap_unique .qkbl p{margin:20px 0 20px 0}
	.wrap_high .smt_20 .sct_ul .sct_li:nth-child(4), .wrap_cost .smt_20 .sct_ul .sct_li:nth-child(4), .wrap_unique .smt_20 .sct_ul .sct_li:nth-child(4){ display:block}

	
.qk-banner .smt_20 .sct_li{width:50%}
	}
@media(max-width:768px){
    #contents {display: none;}
    .nav-open-btn {display: block;}
    .slick-next {right: 20px; top: 46%;}
    .slick-next:after {width: 40px; height: 40px; font: 30px 'FontAwesome';}
    .wrap div .txtb {left: 20px;}
    .txtb h2 span {font-size: 30px !important; display: block;}
    .txtb h2 {font-size: 20px;}
    .txtb p {font-size: 14px; padding-right: 20px; line-height: 20px;}
}
@media(max-width:540px){

	.wrap_high .qkbl p, .wrap_cost .qkbl p, .wrap_unique .qkbl p{ font-size:12px}	
	}
@media(max-width:414px){
.ftw-box .ftw-right img {
    height: 70px;
 }	
	}
@media(max-width:360px){
.ftw-box .ftw-right img {
    height: 60px;
 }	
	}	
@media(max-width:280px){
.ftw-box .ftw-right img {
    height: 45px;
    margin: 0 5px;
}	
}