@charset "utf-8";
/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

.bg-white.dark-ed{background-color:#ededed !important}

/*메인오른쪽메뉴*/
.top_menu{
}
.top_menu ul li {float: left;text-align: center;}
.top_menu ul li a {color: #333;text-align: center;text-decoration: none;display: block;}
.top_menu ul li a:hover {color: #971b18;} */

/* .top_menu ul.top_menu_list{position:absolute;top:0px;right:0} */
.navibar_wrap{ width: 100%; height:100px; float:left; }
.navibar{
    float: right;
}
.navibar .top_menu  {height: auto;}
.navibar .top_menu ul.top_menu_list {margin: 0px 0px 0px;}
.navibar .top_menu ul.top_menu_list li.parent_menu{text-align:center;margin-left: 0px;float:left;position:relative;}
.navibar .top_menu ul.top_menu_list li.parent_menu:first-child{ margin: 0; }
.navibar .top_menu ul.top_menu_list li.parent_menu:last-child {/* display:none; */}
.navibar .parent_menu>a{display:block;padding: 0px 24px;line-height: 55px;font-size: 16px;color:#333;text-decoration:none;transition: all 0.3s ease;}
.navibar .parent_menu>a:before{content:"";position:absolute;top: 20px;right: -1px;display:block;width: 1px;height: 15px;border-right: 1px solid #d6d6d6;}
.navibar .parent_menu.end_menu > a:before{border: 0px;}
.navibar .parent_menu a:hover{color: #de3e1e;}
.navibar .parent_menu>a.active{color:#ee1451; }
ul.child_menu {position:absolute;display:none;left:50%;transform: translateX(-50%);z-index: 999999;margin-top: 0;margin-bottom: 0;border: 1px solid #aaa;padding-left: 0;/* border-top: 0px; */box-shadow: 0px 12px 14px rgb(0, 0, 0, 0.12);}
ul.child_menu li.child_smenu{
	 width: 140px;
	 position:relative;
	 padding: 0px 0px 0px;
	 background-color: #ffffff;
	 line-height: 25px;
	 /* border-top:1px solid #1d1d1d; */
	 }
ul.child_menu li.child_smenu a{display:block;font-size: 14px;color: #333;width: 100%;text-decoration:none;text-align: center;transition: color 0.3s ease;padding: 6px 0px;box-sizing: content-box;border-bottom: 1px solid #f3f3f3;}
ul.child_menu li.child_smenu a:hover {color: #111;background: rgb(245 245 245);}
ul.child_menu li.child_smenu a.active{color:#ee1451; }
/*///메인오른쪽메뉴*/





/*커스텀 메인배너박스*/
/* ebcontents master */
.ebcontents-gallery-banner .ebcontents-master {margin-bottom:60px;padding:0 15px;text-align:center}
.ebcontents-gallery-banner .ebcontents-master h2 {margin:0 0 20px;font-size:42px;line-height:42px;font-weight:800}
.ebcontents-gallery-banner .ebcontents-master p {margin-bottom:0;font-size:16px}
/* ebcontents item */
.ebcontents-gallery-banner .item-box {position:relative}
.ebcontents-gallery-banner .item-box {position:relative;padding: 0 0px;}
.ebcontents-gallery-banner .item-box-1 {float:left;width: 49%;}
.ebcontents-gallery-banner .item-box-2 {float:right;width: 49%;margin-bottom: 25px;}
.ebcontents-gallery-banner .item-box-3 {float:right;width: 23.5%;}
.ebcontents-gallery-banner .item-box-4 {float: right;width: 23.5%;margin-right: 2%;}
.ebcontents-gallery-banner .item-image {overflow:hidden}
.ebcontents-gallery-banner .item-image img {max-width:100%;height:auto}
.ebcontents-gallery-banner .item-content {position:absolute;top:50%;right:15px;transform:translateY(-50%);width:50%;padding:0 25px;text-align:right}
.ebcontents-gallery-banner .item-content h4 {margin:0;font-size:16px;font-weight:300;text-transform:uppercase}
.ebcontents-gallery-banner .item-content h5 {margin:0 0 20px;line-height:34px;font-size:22px}

@media (max-width:1199px){
    .ebcontents-gallery-banner .item-box-2 {margin-bottom: 18px;}
}
@media (max-width:991px){
    .ebcontents-gallery-banner .item-box-2 {margin-bottom:20px}
    .ebcontents-gallery-banner .item-content {width:70%}
    .ebcontents-gallery-banner .item-content h4 {font-size:13px}
    .ebcontents-gallery-banner .item-content h5 {margin-bottom:10px;line-height:25px;font-size:15px}
}
@media (max-width:767px){
    .ebcontents-gallery-banner .item-box {float:none;width:100%;text-align: center;}
    .ebcontents-gallery-banner .item-box-2 {margin:20px 0}
	.ebcontents-gallery-banner .item-box-3 {margin:0px 0 20px;}
	.ebcontents-gallery-banner .item-box-3 {float:right;width: 49%;}
    .ebcontents-gallery-banner .item-box-4 {float: right;width: 49%;margin-right: 2%;}
}

/*/////커스텀 메인배너박스*/


/*커스텀 메인배너박스 3개 배너*/
.ebcontents-busi-inner {
    margin: 0 -15px;
}
.ebcontents-busi-inner .item {
    position: relative;
    float: left;
    width: 33.3%;
    padding: 0px 8px;
}


@media (max-width: 1199px){
.ebcontents-busi-inner .item {
    padding: 0 5px;
}
}

@media (max-width: 767px){
    .ebcontents-busi-inner > div:nth-of-type(1){
        
width: 100%;
        
margin-bottom: 30px;
    }
.ebcontents-busi-inner .item {
    width: 50%;
}
}

@media (max-width: 767px){
.ebcontents-busi-inner .item-1, .ebcontents-busi-inner .item-2 {
    margin-top: 0px;
}
}

/*/////커스텀 메인배너박스 3개 배너*/

/*상품할인율 표시 아이콘*/
.product-img .sale_per{
    position: absolute;
    top: -3px;
    right: -3px;
    padding: 12px 10px;
    background: #222;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-family: 'SFPro',"Noto Sans KR";
    font-weight: 600;
}


/*//////////////////////////인트로 CSS////////////////////////////*/
/*커스텀 콘텐이너*/
.container {
 position:relative
}
@media (min-width: 1200px){
#intro_wrap .container {
    width: auto;
    max-width: 1300px;
}
}


/*////////////인트로1/////////////*/
.intro01{
    height: 700px;
    background: url(/theme/eb4_basic/image/intro_bg.png) center no-repeat;
    position: relative;
    background-size: cover;
    z-index: 10;
}
.intro01 .main_title{
    font-size: 20px;
    font-family: "GothamPro","Noto Sans KR","Malgun Gothic",Arial,sans-serif;
    background: rgb(255, 255, 255, 0.4);
    padding: 70px 30px 70px;
    box-shadow: 0px 10px 15px rgb(0, 0, 0, 0.20);
    width: 580px;
}
.intro01 .main_title h2{
    font-size: 1.4em;
    font-weight: 600;
    margin: 0 0 10px;
}
.intro01 .main_title p:nth-of-type(1){
    font-size: 3.3em;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.1em;
    margin: 0px 0px 70px;
}
.intro01 .main_title p:nth-of-type(2){
    font-size: 1.2em;
    color: #333;
    line-height: initial;
    padding: 0px 0px 25px;
}
.intro01 .main_title p:nth-of-type(2):before {content: "";width: 1px;height: 45px;display: block;background: #333;transform: rotate(45deg);margin-left: 20px;}
.intro01 .main_title p:nth-of-type(3){
    font-size: 1.4em;
    line-height: initial;
}

/* PC , 테블릿 가로 (해상도  ~ 1023px)*/
@media all and (max-width:1023px) { /*스타일입력*/}

/* 모바일 가로, 테블릿 세로 (해상도  ~ 767px)*/
@media all and (max-width:767px) { 
.intro01{
    height: 550px;
}
.intro01 .main_title{
    width: 100%;
    font-size: 14px;
    padding: 20px 20px 20px;
}
}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) { 
.intro01{
    height: 400px;
}
.intro01 .main_title{
    font-size: 10px;
}
.intro01 .main_title p:nth-of-type(1){
    margin: 0px 0px 20px;
}
}



/*////////////////인트로2///////////////////*/
.intro02{
    background: #e2f1f6;
    position: relative;
    z-index: 9;
    padding: 120px 0px 120px;
    font-size: 20px;
}
.intro02 h1{
    margin: 0px auto;
    text-align: center;
    background: #e2f1f6;
    position: relative;
    z-index: 10;
    width: 330px;
    font-family: "GothamPro","Noto Sans KR","Malgun Gothic",Arial,sans-serif;
    font-weight: 200;
    font-size: 1.5em;
}
.intro02 h1 strong{
    font-weight: 600;
}
.intro02 .line{border-bottom: 1px solid #000;position: relative;top: -17px;}
.intro02 .contents01{
    background: rgb(255, 255, 255, 0.75);
    width: 665px;
    padding: 50px 60px;
    line-height: initial;
    font-weight: 300;
    position: absolute;
    right: 0px;
    top: 80px;
    z-index: 10;
}
.intro02 .contents01 h2{
    font-family: "GothamPro","Noto Sans KR","Malgun Gothic",Arial,sans-serif;
    font-size: 3.4em;
    line-height: 0.8em;
    font-weight: 600;
    margin: 0px 0px 40px;
}
.intro02 .contents01 h2 span{
    font-size: 0.8em;
    font-weight: 100;
}
.intro02 .contents01 p:nth-of-type(1){
    margin-bottom: 25px;
}
.intro02 .contents01 p:nth-of-type(2){
    margin-bottom: 70px;
}
.intro02 .contents01 p:nth-of-type(3){}

.intro02 .contents01 a.btn_detail{position: relative;display: block;width: 250px;height: 55px;line-height: 55px;border-radius: 50px;letter-spacing: -0.05em !Important;text-align: center;color: #fff;background: #b5985a;transition:.3s;z-index: 10;}
.intro02 .contents01 a.btn_detail:after{position: absolute;content:'';width: 250px;height: 55px;border: 3px solid #b5985a;left: -1px;top: -1px;border-radius: 50px;transition:.3s;opacity: 0;z-index: -1;}
.intro02 .contents01 a.btn_detail:before{position: absolute;content:'';width: 0%;height: 55px;transition:.3s;left: 0;top: 0;z-index: -1;} 
.intro02 .contents01 a.btn_detail:hover{background: rgba(255,255,255,0);color: #b5985a;}
.intro02 .contents01 a.btn_detail:hover:after{opacity: 1;}
.intro02 .contents01 a.btn_detail:hover:before{width: 100%;}


.intro02 .bg{
    height: 700px;
    background: url(/theme/eb4_basic/image/intro_bg01.png) no-repeat center;
    margin-top: 200px;
}
.intro02 .bg p{transform: rotate(-90deg);display: inline-block;position: absolute;left: -374px;top: 480px;font-size: 95px;line-height: normal;font-family: "GothamPro","Noto Sans KR","Malgun Gothic",Arial,sans-serif;color: #c5d3d9;z-index: 0;}


/* PC , 테블릿 가로 (해상도  ~ 1299px)*/
@media all and (max-width:1299px) { 
.intro02 .bg p{transform: rotate(0deg);display: inline-block;position: absolute;left: 0;top: 110px;font-size: 95px;}
}

/* PC , 테블릿 가로 (해상도  ~ 1023px)*/
@media all and (max-width:1023px) { /*스타일입력*/}

/* 모바일 가로, 테블릿 세로 (해상도  ~ 767px)*/
@media all and (max-width:767px) { 
.intro02{
    padding: 70px 0px 70px;
    font-size: 17px;
}
.intro02 .contents01{
    width: 540px;
    padding: 40px 40px;
    right: 0px;
    top: 80px;
}
.intro02 .bg{
    height: 520px;
    margin-top: 170px;
}


.intro02 .bg p{transform: rotate(0deg);display: inline-block;position: absolute;left: 0;top: 110px;font-size: 60px;}
}

/* 모바일 가로, 테블릿 세로 (해상도  ~ 538px)*/
@media all and (max-width:538px) {
    .intro02 .contents01{
    width: 100%;
    padding: 40px 30px;
    right: 0px;
    top: 40px;
}
     }


/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) { 
.intro02{
    font-size: 14px;
    padding: 50px 0px 50px;
}
.intro02 h1{
    width: 240px;
}

.intro02 .line{top: -13px;}

.intro02 .bg{
    height: 420px;
    margin-top: 160px;
}

.intro02 .bg p{top: 110px;font-size: 45px;}

}


/*/////////////////////인트로3//////////////////*/
.intro03{
    font-size: 20px;
}
.portfolio {}

.portfolio .folio-image {
    overflow: hidden;
    position: relative
}

.portfolio .folio-image img {
    width: 100%;
    display: block;
    transition: 0.3s;
}

.portfolio .overlay .overlay-caption {
    display: table;
    height: 100%;
    width: 100%;
}

.portfolio .overlay .overlay-content {
    display: table-cell;
    vertical-align: middle;
}



/*===============================
 ====  17.1 Portfolio Style  ===
*===============================*/


/* Style 1 */

.folio-style-1,
.folio-style-2 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

.folio-style-1 .overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-in-out;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 30px 0px;
}

.folio-style-1:hover .overlay {
    opacity: 1
}


.folio-style-1 .folio-info h4.folio-tittle{
    color: #ececec;
    font-size: 2.3em;
    line-height: 1.4;
}
.folio-style-1 .folio-info p{
	
color: #ececec;
	
font-size: 1em;
}
.folio-style-1 .folio-info span{
    font-size: 2.5em;
    font-weight: 200;
    border: 1px solid #fff;
    border-radius: 40px;
    padding: 0px 5px;
    display: block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 auto 14px;
    line-height: 1.2em;
}

.folio-style-1 .folio-links a i {
    color: #fff;
    font-size: 15px;
    padding: 12px 12px;
    background-color: #efb521;
    border-radius: 50px;
    -webkit-border-radius: 22px;
    margin: 10px;
    border: 2px solid #EFB521;
    display: inline-block;
    transform: scale(, )
}

.folio-style-1 .folio-links a:first-child i {
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

.folio-style-1 .folio-links a:last-child i {
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
}

.folio-style-1:hover .folio-links a:first-child i,
.folio-style-1:hover .folio-links a:last-child i {
    transform: scale(1)
}

.folio-style-1 .folio-links a i:hover {
    background-color: transparent;
    color: #efb521;
}


/* Style 2 */

.folio-style-2 .folio-image img,
.folio-style-2 .overlay,
.folio-style-2 .overlay .overlay-content,
.folio-style-2 .overlay-content .folio-links a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out
}

.folio-style-2 .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    opacity: 0;
}

.folio-style-2 .overlay .overlay-content {
    position: absolute;
    width: 100%;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.95);
    bottom: -85px;
    visibility: hidden;
}

.folio-style-2 .overlay-content .folio-info {
    float: left
}

.folio-style-2 .overlay-content .folio-info .folio-tittle {
    color: #3e3e3e;
    margin: 0;
    font-size: 2.3em;
}
.folio-style-2 .overlay-content .folio-info p {
    color: #3e3e3e;
    margin: 0;
    font-size: 1em;
}

.folio-style-2 .overlay-content .folio-links {
    float: right
}

.folio-style-2 .overlay-content .folio-links a {
    padding: 10px 15px;
    font-size: 18px;
    color: #3e3e3e;
}

.folio-style-2 .overlay-content .folio-links a:hover {
    color: #fff;
    background-color: #212121;
}

.folio-style-2:hover .folio-image img {
    transform: translateY(-55px);
    ;
    -webkit-transform: translateY(-55px);
    ;
}

.folio-style-2:hover .overlay {
    opacity: 1
}

.folio-style-2:hover .overlay-content {
    bottom: 0;
    visibility: visible
}


/* Style 3 */

.folio-style-3 .overlay {
    height: 100%;
    width: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 2;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-in-out;
    overflow: hidden;
    padding: 20px;
}

.folio-style-3:hover .overlay {
    opacity: 1;
}

.folio-style-3 .overlay-content {
    opacity: 0;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.folio-style-3:hover .overlay-content {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.9);
}
.folio-style-3:hover .overlay-content { background-color: transparent !important; }

.folio-style-3:hover .overlay-content p {
	color: #777
}
folio-style-3

/* Style 4 */

.folio-style-4 .folio-image img {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.folio-style-4:hover .folio-image img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transform: scale(1.2) rotate(5deg);
    ;
    -webkit-transform: scale(1.2) rotate(5deg);
    ;
}

.folio-style-4 .overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-in-out;
    overflow: hidden;
}

.folio-style-4:hover .overlay {
    opacity: 1;
}

.folio-style-4:hover .overlay-content p {
	color: #777
}
.folio-style-4 .overlay-content .folio-info .folio-tittle {
    color: #3e3e3e;
    font-size: 2.3em;
    line-height: 1.4;
}
.folio-style-4 .overlay-content .folio-info p {
    color: #3e3e3e;
    margin: 0;
    font-size: 1em;
}

.folio-style-4 .folio-info span{
    font-size: 2.5em;
    font-weight: 200;
    border: 1px solid #333;
    border-radius: 40px;
    padding: 0px 5px;
    display: block;
    width: 1.2em;
    height: 1.2em;
    margin: 0 auto 14px;
    line-height: 1.2em;
    color: #333;
}

/*===============================
 ====  17.2 Portfolio Gird  ====
*===============================*/

.portfolio .folio-item {
    float: left
}

.portfolio.gutter .folio-item {
    padding: 10px;
}

.portfolio.col-1 .folio-item {
    width: 100%;
}

.portfolio.col-2 .folio-item {
    width: 49.99%;
}

.portfolio.col-3 .folio-item {
    width: 33.3333333%;
}

.portfolio.col-4 .folio-item {
    width: 24.98%;
}

.portfolio.col-5 .folio-item {
    width: 19.99%;
}

@media screen and (max-width: 767px){
 /* Portfolio */
    .portfolio.col-2 .folio-item,
    .portfolio.col-3 .folio-item,
    .portfolio.col-4 .folio-item,
    .portfolio.col-5 .folio-item,
    .portfolio.col-6 .folio-item {
        width: 100%;
    }
    /* jjs */
    #rooms_list .folio-item { width: 100%; }
}


/*===============================
 ===  17.3 Portfolio Filter  ===
*===============================*/

.portfolio-filter-group {
    font-family: "Montserrat", Helvetica, sans-serif;
    text-align: center;
    margin: 50px 0px;font-size: 50px;
}

.folio-fillter-1 .iso-button {
    border: 1px solid transparent;
    padding: 10px 22px;
    color: #232323;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 14px;
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    margin-right: 10px;
}

.folio-fillter-1 .iso-button:hover,
.folio-fillter-1 .iso-active {
    border: 1px solid #232323;
}

.folio-fillter-2 .iso-button {
    border: 1px solid #e0e0e0;
    padding: 10px 15px;
    margin: 0px 2.5px;
    color: #232323;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-size: 14px;
    line-height: 4.5;
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.folio-fillter-2 .iso-button:hover,
.folio-fillter-2 .iso-active {
    color: #ececec;
    background-color: #232323;
    border: 1px solid #232323;
}

.folio-fillter-3 .iso-button {
    color: #ccc;
    padding: 10px 15px;
    text-transform: uppercase;
    position: relative;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    font-size: 12px;
    letter-spacing: 2px
}

.folio-fillter-3 .iso-button:hover,
.folio-fillter-3 .iso-active {
    color: #212121;
}


/*===============================
 ====  17.4 Portfolio Single  ===
*===============================*/

.work-single-detail {
    text-transform: uppercase;
    font-weight: normal
}

.work-single-detail p {
    font-size: 12px
}

.work-single-detail p b {
    color: #3e3e3e;
    display: inline-block;
    width: 120px;
    letter-spacing: 1px
}


/* PC , 테블릿 가로 (해상도  ~ 1199px)*/
@media all and (max-width:1199px) { 
.intro03{
    font-size: 16px;
}
}

/* PC , 테블릿 가로 (해상도  ~ 1023px)*/
@media all and (max-width:1023px) {

    .intro03{
    font-size: 13px;
}
}

/* 모바일 가로, 테블릿 세로 (해상도  ~ 767px)*/
@media all and (max-width:767px) {
.intro03{
    font-size: 20px;
}

}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {
    .intro03{
    font-size: 20px;
}
}





/*///////////////////인트로4////////////////////////*/
.intro04{
    font-size: 20px;
    padding: 110px 0px 90px;
}
.intro04 h1{
    margin: 0 0 50px;
    text-align: center;
    font-family: "GothamPro","Noto Sans KR","Malgun Gothic",Arial,sans-serif;
    font-size: 2.5em;
    font-weight: 600;
}



@media (min-width: 1200px){
#intro_wrap .intro04 .container {
    max-width: 1450px;
}
}

/* PC , 테블릿 가로 (해상도  ~ 1023px)*/
@media all and (max-width:1023px) { 
.intro04{
    font-size: 16px;
    padding: 60px 0px 50px;
}
}

/* 모바일 가로, 테블릿 세로 (해상도  ~ 767px)*/
@media all and (max-width:767px) { 
.intro04{
    font-size: 16px;
    padding: 70px 0px 40px;
}
}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) { 
.intro04{
    font-size: 10px;
    padding: 60px 0px 30px;
}
}


/*/////////////////인트로5/////////////////////*/
.intro05{
    background: url(/theme/eb4_basic/image/intro_video.png) center no-repeat;
    background-size: cover;
    padding: 100px 10px;
}

/* PC , 테블릿 가로 (해상도  ~ 1023px)*/
@media all and (max-width:1023px) { /*스타일입력*/}

/* 모바일 가로, 테블릿 세로 (해상도  ~ 767px)*/
@media all and (max-width:767px) { 
.intro05{
    padding: 60px 10px;
}
}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {

    .intro05{
    padding: 50px 10px;
}
}



/*/////////////////////인트로6//////////////////////*/
.intro06{
    background: url(/theme/eb4_basic/image/intro_cos_bg.png) center no-repeat;
    background-size: cover;
    padding: 90px 10px;
    height: 700px;
    text-align: center;
    font-size: 20px;
    position: relative;
}
.intro06 .c_cont{
    position: relative;
    z-index: 10;
}
.intro06 h1{
    font-family: "GothamPro","Noto Sans KR","Malgun Gothic",Arial,sans-serif;
    font-size: 2.5em;
    font-weight: 600;
    margin: 0 0px 20px;
}
.intro06 h2{
    font-size: 1.5em;
    margin: 0px 0px;
}
.intro06 p{
    margin: 90px 0px 100px;
    font-size: 1.4em;
    line-height: 1.6em;
}
.intro06 p strong{
    font-size: 1.5em;
}
.intro06 p span{}
.intro06 a.btn_shop{
    background: #fff;
    padding: 15px 60px;
    font-size: 1.2em;
    position: relative;
}
.intro06 a.btn_shop:hover{
    background: none;
    color: #fff;
}
.intro06 a.btn_shop::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #000;
  -webkit-transform: scaleX(.3);
  transform: scaleX(.3);
  opacity: 0;
  transition: all .1s;
}
.intro06 a.btn_shop:hover::before{
  opacity: 1;
  background-color: #1268c1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
  transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
}

.intro06 .product_wrap{
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 0;
    height: 100%;
}
.intro06 .product_wrap .product01{
    position: relative;
    width: 50%;
}
.intro06 .product_wrap .product01 img{
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -156px;
}
.intro06 .product_wrap .product02{position: relative;width: 50%;}
.intro06 .product_wrap .product02 ul li{
}
.intro06 .product_wrap .product02 ul li:nth-of-type(1) img{
    position: absolute;
    top: 83px;
    right: 50%;
    margin-right: -160px;
}
.intro06 .product_wrap .product02 ul li:nth-of-type(2) img{
    position: absolute;
    bottom: -80px;
    right: 50%;
    margin-right: -222px;
}

/* PC , 테블릿 가로 (해상도  ~ 1499px)*/
@media (max-width: 1499px) {

.intro06 .product_wrap .product01 img{
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -250px;
}
.intro06 .product_wrap .product02 ul li:nth-of-type(1) img{
    position: absolute;
    top: 83px;
    right: 50%;
    margin-right: -300px;
}
.intro06 .product_wrap .product02 ul li:nth-of-type(2) img{
    position: absolute;
    bottom: -80px;
    right: 50%;
    margin-right: -222px;
}
     }

/* PC , 테블릿 가로 (해상도  ~ 1023px)*/
@media all and (max-width:1023px) { 
.intro06{
    padding: 80px 10px;
    height: 670px;
    font-size: 18px;
}

.intro06 .product_wrap .product02 ul li:nth-of-type(1) img{
    position: absolute;
    top: 43px;
    right: 50%;
    margin-right: -320px;
    max-width: 80%;
}
.intro06 .product_wrap .product02 ul li:nth-of-type(2) img{
    position: absolute;
    bottom: -80px;
    right: 50%;
    margin-right: -222px;
}
}

/* 모바일 가로, 테블릿 세로 (해상도  ~ 767px)*/
@media all and (max-width:767px) { 
.intro06{
    padding: 90px 10px;
    height: 640px;
    font-size: 16px;
}


.intro06 .product_wrap .product02 ul li:nth-of-type(1) img{
    position: absolute;
    top: 13px;
    right: 50%;
    margin-right: -270px;
}
.intro06 .product_wrap .product02 ul li:nth-of-type(2) img{
    position: absolute;
    bottom: -80px;
    right: 50%;
    margin-right: -222px;
}
}

/* 모바일 가로, 테블릿 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {

.intro06{
    padding: 60px 10px;
    height: 540px;
    font-size: 12px;
}
.intro06 .product_wrap .product01 img{
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -160px;
    max-width: 75%;
}
.intro06 .product_wrap .product02 ul li:nth-of-type(1) img{
    position: absolute;
    top: 13px;
    right: 50%;
    margin-right: -160px;
}
.intro06 .product_wrap .product02 ul li:nth-of-type(2) img{
    position: absolute;
    bottom: -80px;
    right: 50%;
    margin-right: -144px;
    max-width: 55%;
}
    
}



/*//////////////////////////인트로 CSS 끗////////////////////////////*/




/*개인정보이용방침*/
	.page-content { line-height:22px; word-break: keep-all; word-wrap: break-word; }
	.page-content .article-title { color:#0083B9; font-weight:bold; padding-top:30px; padding-bottom:10px; }
	.page-content ul { list-style:none; padding:0px; margin:0px; font-weight:normal; }
	.page-content ol { margin-top:0px; margin-bottom:15px; }
	.page-content ol > li > ol li {  list-style:disc; }
	.page-content p { margin:0 0 15px; padding:0; }
	.page-content table { border-top:2px solid #999; border-bottom:1px solid #ddd; }
	.page-content th, 
	.page-content td { line-height:1.6 !important; }
	.page-content table.tbl-center th,
	.page-content table.tbl-center td,
	.page-content th.text-center, 
	.page-content td.text-center { text-align:center !important; }
	.page-content .slogan { font-size:25px; letter-spacing:-1px; margin-bottom:15px; line-height:34px; }
	.page-content .slogan i { font-size:17px; vertical-align:top; margin-top:6px; }