/*================================================================
EIFFEL COMPONENT CSS
Version : 1.0.1
Release : 2018-12-16
================================================================*/
.en-text { /* ±âÁ¸ */
    font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
    letter-spacing: 1px;
}
.ef-h2 {
font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
font-weight: 400 !important;
color: #fff;
}
.ef-h3 {
font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
font-weight: 600 !important;
color:rgba(255, 255, 255, 0.6);
}
.ef-footertextcolor {
color: #aaa;
}

/*================================
¸ð¹ÙÀÏ Å×ºí¸´
================================*/
@media all and (max-width:768px) {
#efcontainer {
    width: 100%;
}
#s3d3 { /* Material */
    margin-top: 20px;
}
#s3d4 {
    margin-top: 20px;
}
#s3d5 {
    margin-top: 20px;
}
.ps3d5 {
    margin-top: 0px;
}
#s3d6 {
    margin-top: 20px;
}
#s3d7 {
    margin-top: 20px;
}
#s3d8 {
    margin-top: 20px;
}
#s3d9 {
    margin-top: 20px;
}
#s4d3 {  /* Brand ¼Ò°³ */
    margin-top: 20px;
}
/*product display À̹ÌÁö °£°Ý*/
#efcontainer section#s5 div img:nth-child(2) {
    margin-top: 20px;
}

/* ±Û²Ã ¹× °¡·Î¼± */
.ef-texttitle {
    font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}
.ef-textmid {
    font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 60px;
}
.ef-text {
    font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
}
.s1-hr {
    margin: 10px 0px;
}
.section-hr {
    margin: 50px 0px 10px 0px;
}
.font-ef {
    font-size: 12px !important;
}


/* ¸ð¹ÙÀÏ 3ÁÙ ±×¸®µå */
.photo-grid-inner > table { 
    width:33.3333334% !important;
    height: 179px;
    float: left !important;
}
/* ¸ð¹ÙÀÏ ÆùƮũ±â -> component¡Ú°Ô½ÃÆÇÆû¸ÞÀÏÅëÇÕ½ºÅ¸ÀÏ CSS*/
/*.photo-grid-inner > table .gallery_subject .gallery_title {
    font-size: 12px !important;
    color: red;
}*/

/* ¸ð¹ÙÀÏ th»çÀÌÁî Å©±â ¹× ÁÙÀÓ¸» ÇØÁ¦font-overflow:ell.. word-break: keep-all ´Ü¾î±âÁØÀ¸·ÎÁÙ¹Ù²Þ */
/*white-space*/

#container .business-field .field-items li div >p {
    font-size: 12px;
    margin-top: 10px;
}
.mt-displaynone{
    display: none;
}
/*
    .ef-text-align{ 
        text-align:justify;
        word-break: break-all !important;
    }
*/
    .ef-font-weight {
        font-weight: 300 !important;
    }
    .ef-line-height {
        line-height: 1.5 !important;
}
    .ef-footer {
        word-break: keep-all;
    }

}
/* ³ª¶óÀåÅÍ¿¡¼­ º¸±â »óÀÚ */

.nara-box{
background-color: #E5E6E6;
border-radius: 2px;
letter-spacing: 1px;
padding: 8px 20px;
border: 1px solid #E5E6E6;
}
.nara-title {
margin-bottom: 30px;


font-weight: bold;
}
.nara-firsttext {
margin-top: 60px;
margin-bottom: 10px;


}

.nara-text {
margin-top: 10px;
margin-bottom: 10px;


}
.nara-lasttext {
margin-top: 10px;
margin-bottom: 60px;


}

/*================================
Å×ºí¸´
================================*/
@media all and (max-width:1024px) {
#efcontainer {
    width: 100%;
}
#s3d3 { /* Material */
    margin-top: 20px;
}
#s3d4 {
    margin-top: 20px;
}
#s3d5 {
    margin-top: 20px;
}
.ps3d5 {
    margin-top: 0px;
}
#s3d6 {
    margin-top: 20px;
}
#s3d7 {
    margin-top: 20px;
}
#s3d8 {
    margin-top: 20px;
}
#s3d9 {
    margin-top: 20px;
}
#s4d3 {  /* Brand ¼Ò°³ */
    margin-top: 20px;
}
#s8d3 {  /* ÆĶó¼ÖµðÅ×ÀÏ */
    margin: 20px 0px 20px 0px;
}
#s8d5 {  /* ÆĶó¼ÖµðÅ×ÀÏ */
    margin: 20px 0px 20px 0px;
}
#s8d7 {  /* ÆĶó¼ÖµðÅ×ÀÏ */
    margin: 20px 0px 20px 0px;
}
/* ±Û²Ã ¹× °¡·Î¼± */
.ef-texttitle {
    font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}
.ef-textmid {
    font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 60px;
}
.ef-text {
    font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
}
.s1-hr {
    margin: 10px 0px;
}
.section-hr {
    margin: 50px 0px 10px 0px;
}
.mt-displaynone{
    display: none;
}
#efcontainer section#pdisplay div img:nth-child(2) {
    margin-top: 20px;
}
    .material-video{/*¸ð¹ÙÀÏ*/
        position: relative;
        height:0;
        padding-bottom: 61.6%;
        width: 100%;
        float: left;
        margin-top: 20px;
    }
}
/*================================
   PC - 1025px ÀÌ»ó
================================*/
@media all and (min-width: 1025px) {
    #efcontainer {
        width: 1024px;
        margin: 0 auto;
    }
    #s1 { /* Á¦Ç° */
/*        height: 600px; */
/*        border: 1px solid gray;*/
    }
    #s1d1 {
        width: 55%;
        float: left;
        display: inline-block;
        padding: 5px 0px;
        line-height: 22px;
    }
    #s1d2 {
        width: 43%;
        display: inline-block;
        padding: 50px 0px 0px 70px;
    }
    #s2 { /* Detail Image */
    }
    #s2d1 {
    }
    #s2d2{
    }
    #ef-center{
        text-align: center;
    }
    .s2-grid-2 {
        width: 33%;
        margin: 0 8%;
    }
    .s2-grid-3 {
        width: 33%
    }
    #s3 { /* Material */
/*        height: 550px;*/
/*  2°³ ³ÖÀ»°æ¿ì¿¡´Â 1050px Á¤µµ ;  */
    }
    #s3d1 {
    }
    #s3d2 {
        width: 55.5%;
        float: left;
        padding: 5px 0px 0px 5px;
    }
    #s3d3 {
        margin: 0px 0px 0px 10px;
        width: 43%;
        height: 423px;
        display: inline-block;
    }
    #s3d4 {
        width: 55.5%;
        float: left;
        padding: 5px 0px 0px 5px;
    }
    #s3d5 {
        margin: 0px 0px 0px 10px;
        width: 43%;
        height: 423px;
        display: inline-block;
    }
    .ps3d5 {
        margin: 0px 0px 0px 15px;
        width: 43.5%;
        height: 350px;
        display: inline-block;
    }
    #s3d6 {
        width: 55%;
        float: left;
        padding: 5px 0px 0px 5px;
    }
    #s3d7 {
        margin: 0px 0px 0px 10px;
        width: 43%;
        height: 423px;
        display: inline-block;
    }
    #s3d8 {
        width: 55%;
        float: left;
        padding: 5px 0px 0px 5px;
    }
    #s3d9 {
        margin: 0px 0px 32px 10px;
        width: 43%;
        height: 423px;
        display: inline-block;
    }
    .s3-texttitle {
        font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 60px;
        text-align: center;
    }
    #s4 { /* Brand ¼Ò°³ */
/*        height: 550px;*/"
    }
    #s4d1 {
    }
    #s4d2 {
        width: 55%;
        float: left;
        padding: 5px 0px 0px 5px;
    }
    #s4d3 {
        margin: 0px 0px 32px 10px;
        width: 43%;
        height: 423px;
        display: inline-block;
    }
    .s4-texttitle {
        font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 60px;
        text-align: center;
    }
    #s5d1 {
    }
    #s5d2 {
        width: 48%;
        float: left;
        padding: 5px 0px 0px 5px;
    }
    #s6 { /*ÆĶó¼Ö ºê·£µå¼Ò°³ */
        height: 490px;
    }
    #s7 { /*ºê·£µå µ¿¿µ»ó Æеù */
        padding-bottom: 100px;
    }
    #s8d2 { /*ÆĶó¼Ö µðÅ×ÀÏ */
        width: 55%;
        float: left;
        padding: 5px 0px 0px 5px;
    }
    #s8d3 {
        margin: 0px 0px 0px 10px;
        width: 43%;
        height: 340px;
        display: inline-block;
    }
    #s8d4 {
        width: 55%;
        float: left;
        padding: 5px 0px 0px 5px;
    }
    #s8d5 {
        margin: 0px 0px 0px 10px;
        width: 43%;
        height: 340px;
        display: inline-block;
    }
    #s8d6 {
        width: 55%;
        float: left;
        padding: 5px 0px 0px 5px;
    }
    #s8d7 {
        margin: 0px 0px 0px 10px;
        width: 43%;
        height: 360px;
        display: inline-block;
    }
    .s8-texttitle{
        font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
        font-size: 18px;
        font-weight: bold;
        padding: 140px 0px 0px 0px;
        text-align: center;
    }
    .material-video{ /*PC*/
        position: relative;
        height:0;
        padding-bottom: 32.95%;
        padding-left: 5px;
        width: 55%;
        float: left;
    }
/* ³ª¶óÀåÅÍ¿¡¼­ º¸±â »óÀÚ */
.nara-box{
background-color: #E5E6E6;
border-radius: 2px;
letter-spacing: 1px;
padding: 8px 20px;
font-size: 14px;
border: 1px solid #E5E6E6;
}
.nara-title {
margin-bottom: 30px;
font-size: 24px;
font-weight: bold;
}
.nara-firsttext {
margin-top: 60px;
margin-bottom: 10px;
font-size: 18px;
}

.nara-text {
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
}
.nara-lasttext {
margin-top: 10px;
margin-bottom: 80px;
font-size: 18px;
}
    #pdisplay{ */PCÆĶó¼Ö µð½ºÇ÷¹ÀÌ*/
    }
#efcontainer section#pdisplay div img:nth-child(2) {
    margin-top: 20px;

}

/* ±Û²Ã ¹× °¡·Î¼± */
    .ef-texttitle {
        font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 1px;
    }
    .ef-textmid {
        font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 60px;
    }
    .ef-text {
        font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
        letter-spacing: 1px;
    }
    .font-ef {
        font-family: 'Noto Sans', 'Open Sans', sans-serif !important;
    }
    .first-hr {
        margin-bottom: 70px;
    }
    .s1-hr{
        margin: 10px 0px;
    }
    .section-hr {
        margin: 60px 0px 10px 0px;
    }
    .ef-hidden {
        display: none !important;
    }
    .category-desc{
        width: 70% !important;
        font-size: 16px !important;
        margin: auto !important;
/*        letter-spacing:.3px;*/
    }
    .main-h3font-size {
        font-size: 38px !important;
    }
    .ef-text-align{ /*¾çÂÊÁ¤·Ä */
        text-align:justify;
        word-break: break-all !important;
/*        word-break: keep-all !important;*/
    }
    .ef-font-weight {
        font-weight: lighter;
    }
    .ef-footer {
        line-height: normal;
    }
/*°Ô½Ã¹° ÀçÁú, ºê·£µå ±Û¾¾Å©±â */
    #efcontainer section div div p:nth-child(2), #efcontainer section div#s4d3 p:nth-child(2) {
        font-size: 14px;
    }
}