/* 공통 */
h1.h1_01 {
    font-size: 38px;
    font-family:'Pretendard Variable', 'Pretendard', 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-weight: 900;

}


/* 인사말 */
#sub_page.company01 {
    background-image: url(/theme/it/img/main/com_bg.png);background-position: center top;
    background-attachment: fixed;
    margin-bottom: 120px;
}
#sub_page.company02 {
    background-image: url(/theme/it/img/main/com_bg.png);background-position: center top;
    background-attachment: fixed;
    margin-bottom: 120px;
}

#sub_page.company01 .full-image {
  
    background-size: cover;
    background-position: 0 50%;
    height: 560px;
}
#sub_page.company01 section .flex {
    display: flex;
        margin-top: 120px;
}

#sub_page.company01 section .flex .left {
    width: 30%;
}

#sub_page.company01 section .flex .right {
    width: 70%;
    padding-left: 120px;
}

#sub_page.company01 section .flex .right .box {
    line-height: 34px;
}
#sub_page.company01 section .flex .left .box img {
    width: 100%;
}
#sub_page.company01 section .flex .right .box h1 {
    font-size: 32px;
    margin-bottom: 38px;
    line-height: 46px;
    font-weight: 900;
}

/* 회사소개 */
#sub_page.company02 section .img_wrap {
    margin-top: 80px;
    margin-bottom: 80px;
}

#sub_page.company02 section .img_wrap img {}

#sub_page.company02 section.section02 {
    display: flex;
}

#sub_page.company02 section.section02 .left {
    width: 40%;
}

#sub_page.company02 section.section02 .right {
    line-height: 33px;
    /* font-size: 21px; */
    width: 60%;
}

#sub_page.company02 section.section02 .right p {
    text-align: right;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-weight: 500;
    font-size: 16px;
}

#sub_page.company02 section.section02 .right p span {
    font-family: 'Shilla_CultureB-Bold';
    font-weight: 900;
    font-size: 30px;
    padding-left: 12px;
}

#sub_page.company02 section.section02 .left h1 {
    font-size: 38px;
    color: #000;
    font-weight: 900;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    line-height: 52px;
}

#sub_page.company02 section.section02 .left h1 span {
    position: relative;
    z-index: 0;
}

#sub_page.company02 section.section02 .left h1 span::before {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 12px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 40px;
}

#sub_page.company02 section.section03 {
    position: relative;
    margin-top: 100px;
    transition: 1s;

}

#sub_page.company02 section.section03 .overlay {
    position: absolute;
    width: 100%;
    z-index: 0;
    height: 100%;
    /*    top: 100%;*/
}

#sub_page.company02 section.section03 .js-parallax.jsp {
    padding-top: 12vmin;
    padding-bottom: 9vmin;
    /*
    padding-top: 135px;
    padding-bottom: 115px;
*/
    background-size: cover !important;
    background-position: top center !important;

}

#sub_page.company02 section.section03 .container {
    z-index: 1;
    position: relative;
}

#sub_page.company02 section.section03 table tbody td,
#sub_page.company02 section.section03 table tbody th {
    border-top: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
    color: #fff;
    font-size: 19px;
    padding-top: 21px;
    padding-bottom: 21px;
}

/* 연혁 */
#sub_page.company03 section.section02 {
    margin-top: 140px;
}

#sub_page.company03 section.section02 .flex {
    display: flex;
    margin-bottom: 90px;
    border-bottom: 1px #eeeeee solid;
    padding-bottom: 90px;
}

#sub_page.company03 section.section02 .left {
    width: 30%;
}

#sub_page.company03 section.section02 .right {
    width: 70%;
}

#sub_page.company03 section.section02 .left .title p {
    color: #9b9b9b;
    font-size: 20px;
    margin-top: 12px;
}

#sub_page.company03 section.section02 .left .title h2 {
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-size: 50px;
    color: #000;
    font-weight: 900;
    display: inline-block;
    position: relative;

}

#sub_page.company03 section.section02 .left .title h2::before {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 12px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 38px;
}

#sub_page.company03 section.section02 .right dl {
    display: flex;
    margin-bottom: 20px;

}

#sub_page.company03 section.section02 .right dl dt {
    width: 46px;
    margin-right: 60px;
    color: #000;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    position: relative;
}

#sub_page.company03 section.section02 .right dl dt::before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #868686;
    content: '';
    margin-top: 26px;
}

/* #sub_page.company03 section.section02 .right dl dt span {
    background: #e8e8e8;
    display: block;
    border-radius: .4em;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 55px;
    margin-right: 20px;
    font-weight: 600;
} */

#sub_page.company03 section.section02 .right dl dd {
    color: #686868;
    font-weight: 400;
    font-size: 18px;

}

#sub_page.company03 section.section02 .right dl dd {
    line-height: 30px;
    color: #000;
}

#sub_page.company03 section.section02 .right p {
    margin-bottom: 50px;
}

/* 찾아오시는 길 */
#sub_page.company04 section {
    display: flex;
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px #eee solid;
}

#sub_page.company04 section .left {
    width: 32%;
}

#sub_page.company04 section .right {
    width: 68%;
    padding-left: 150px;
}

#sub_page.company04 section .left .box.box01 {
    margin-bottom: 50px;
}

#sub_page.company04 section .left .box span {
    font-size: 20px;
    font-weight: 900;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
     position: relative;
     display:inline-block
}
#sub_page.company04 section .left .box span::before {
    position: absolute;
    width: 100%;
    height: 8px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 21px;
    z-index: -1;
}

#sub_page.company04 section .left .box h1 {
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-size: 26px;
    font-weight: 900;
    color: #000;
    margin-top: 20px;
}

#sub_page.company04 section .left .box .flex {
    display: flex;
    margin-top: 20px;
}

#sub_page.company04 section .left .box .flex div {
    width: 24%;
}

#sub_page.company04 section .left .box .flex ul {
    width: 76%;
}

#sub_page.company04 section .left .box .flex ul.tel li {
    align-items: center;
    height: 57px;
    display: flex;
    color: #000;
    font-family: 'Cairo', sans-serif;
    font-weight: 900;
    font-size: 29px;
}

#sub_page.company04 section .left .box .flex div p {
    width: 57px;
    height: 57px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
}

#sub_page.company04 section .left .box .flex div p i {
    font-size: 26px;
    color: #fff;
}
#sub_page.company04 section .right .map {
    height: 440px;
}
#sub_page.company04 section .right .map .root_daum_roughmap {
    width: 100%;
    height: 440px;
 
}

#sub_page.company04 section .left .box .flex ul li {
    padding-bottom: 5px;
    color: #949494;
}

/* 회사소개 */


.sub_cate {width:100%;max-width:1450px;margin:0px auto;text-align: center }
.sub_cate p  {display: inline-block; margin:5px 5px; }

.cate{position:relative;width:100%;text-align: center; padding:5px 0 0px 0;margin:0 auto;}
.cate:before,
.cate:after{clear:both;display:table;content:"";line-height:0}
.cate ul{display:inline-block;border:0px solid #b6b188;text-align:center;margin:30px auto;height: auto}
.cate li{float:left;height:auto;overflow: hidden; display:inline;margin:0px auto;text-align: center;}
.cate li a{display:block;position:relative;border:1px solid #ccc; background:#fff;color:#333;font-weight:bold;border-radius:100px;padding:10px 20px;cursor:pointer;text-align: center;margin:5px 5px}
.cate li a:after{content:'';display:block;position:absolute;top:17px;right:0;width:0px;height:15px;background:#333}
.cate li a:hover{position:relative;z-index:5;border:1px solid #333; background:#333;color:#fff;font-weight:bold;border-radius:100px;padding:10px 20px;cursor:pointer;text-align: center;margin:5px 5px;text-decoration: none}
.cate #bo_cate_on {border:1px solid #333; background:#333;color:#fff;font-weight:bold;border-radius:100px;padding:10px 20px;}
.cate li:last-child a{}
.cate li:last-child a:after{display:none}
.cate li a.sel{position:relative;z-index:5;color:#313131;background:#fcfcfc}
.cate li a.sel:hover{color:#014fbb}


a.btn7 {
	
	background-color:#fff;
	border-radius:50px;		
	border:1px solid #222;
	display:inline-block;
	color:#222;
	font-size:16px;
	font-weight:600;
	height:auto;
	line-height:20px;
	width:auto;padding:10px 25px;  
	text-decoration:none;
	text-align:center;margin:10px auto;
    box-shadow:0px 3px 5px 0px rgba(0,0,0,.2);
    transition:all .4s;
}
a.btn7:hover {	
	background-color:#222;border:1px solid #222;
	color:#fff;
}
a.btn7_on {	
	background-color:#222;
	border-radius:50px;		
	border:1px solid #222;
	display:inline-block;
	color:#fff;
	font-size:16px;
	font-weight:600;
	height:auto;
	line-height:20px;
	width:auto;padding:10px 25px;  
	text-decoration:none;
	text-align:center;margin:10px auto;
    box-shadow:0px 3px 5px 0px rgba(0,0,0,.2);
    transition:all .4s;
}

.section-3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color:#fff;
    background-image: url('/theme/it/img/main/com_bg.png');
    background-position: center top;background-attachment: fixed;
   
}
.section-3 .title {
    font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
    padding: 60px 0px 20px 0px;
    text-align: center;
    width: 100%;
    color: #333;
    font-weight: 900;
    font-size: 60px;}

.section-3-2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color:#fff;
    background-image: url('');  
     background-position: center top;
}

.section-3-2 .title {
    font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
    padding: 60px 0px 20px 0px;
    text-align: center;
    width: 100%;
    color: #333;
    font-weight: 900;
    font-size: 60px;}

.brand_bg { 
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
    text-align: center;
    transform: translateY(2%);
    opacity: 1;
    transition: .5s;
    transition-delay: .2s;
    
}

.brand_bg img {width:100%; text-align: center;height: auto;margin: 20px auto; }

.brand_txt_section {
    margin: 0px auto 0px;
    width: 50%;
    padding: 10px 0px;
    float: left;
    height: auto;
    overflow: hidden;
}
.brand_txt_section3 {
    margin: 50px auto 0px;
    width: 50%;
    padding: 10px 0px;
    float: left;
    height: auto;
    overflow: hidden;
}
.brand_txt_section img {width:100%;text-align: center;height: auto;border-radius:0px}

.first.brandstory_section1 {
    font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
    padding: 100px 10px 50px 250px;
    width: 100%;
    color: #05234B;
    font-weight: 800;
    font-size: 40px;
    text-align: left;
    margin-top: 10px;
    word-break: keep-all;
    word-wrap: break-word;
    height: auto;float: left;
}

.first_2.brandstory_section1 { 
    font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
    padding: 0px 10px 10px 250px;
    width: 100%;
    color: #333;
    font-weight: 500;
    font-size: 20px;line-height:30px;
    text-align: left;
    margin-top: 0px;
    word-break: keep-all;
    word-wrap: break-word;
    height: auto;float: left;}

.mfirst.brandstory_section1 {
    font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
    padding: 150px 10px 50px 150px;
    width: 100%;
    color: #05234B;
    font-weight: 800;
    font-size: 40px;
    text-align: left;
    margin-top: 10px;
    word-break: keep-all;
    word-wrap: break-word;
    height: auto;float: left;
}

.mtwo.brandstory_section1 {
    padding: 60px 100px 50px 100px;
    width: 100%;
    height: auto;
    color: #333;
    font-size: 20px;
    text-align: left;
    word-break: keep-all;
    word-wrap: break-word;
    line-height: 30px;float: left;
    
}


.two.brandstory_section1 {
    padding: 60px 30px 50px 240px;
    width: 100%;
    height: auto;
    color: #333;
    font-size: 20px;
    text-align: left;
    word-break: keep-all;
    word-wrap: break-word;
    line-height: 30px;float: left;
}


.two_2.brandstory_section1 {
    padding: 60px 220px 50px 50px;
    width: 100%;
    height: auto;
    color: #333;
    font-size: 20px;
    text-align: left;
    word-break: keep-all;
    word-wrap: break-word;
    line-height: 30px;float: left;
}

.txt.brandstory_section1 {
    padding: 80px 50px 50px 130px;
    width: 82%;
    color: #333;
    font-size: 20px;
    text-align: left;
    font-family: 'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
    font-weight: 500;
    word-break: keep-all;
    word-wrap: break-word;
    line-height: 30px;
} 

.txt.brandstory_section1 span {font-size:20px}
.txt_2.brandstory_section1 span {font-size:20px}

.txt_1.brandstory_section1 {
    padding: 120px 30px 50px 150px;
    width: 95%;
    color: #333;
    font-size: 24px;
    text-align: left;
    font-family:'Pretendard Variable', 'Pretendard', 'Roboto','Noto Sans KR';
    font-weight: 800;
    word-break: keep-all;
    word-wrap: break-word;
    line-height: 30px;
}

.txt_2.brandstory_section1 {
    padding: 60px 0px 50px 250px;
    width: 95%;
    color: #333;
    font-size: 20px;
    text-align: left;
    font-family:'Pretendard Variable', 'Pretendard', 'Roboto','Noto Sans KR';
    font-weight: 500;
    word-break: keep-all;
    word-wrap: break-word;
    line-height: 30px;
}


.brand_txt_section2 {
        position: relative;    
        margin: 20px auto ;
        height: auto;
      overflow: hidden;
        width: 96%;       
        padding:0 10px;
        text-align: center;
        float: none;
    }

.brand_txt_section3 {
    margin: 50px auto 0px;
    width: 50%;
    padding: 10px 0px;
    float: left;
    height: auto;
    overflow: hidden;
}


 .brand_txt_section4 {
        position: relative;    
        margin: 40px auto ;
        height: auto;
      overflow: hidden;
        width: 100%;       
        padding:40px 0px;
        text-align: center;
        float: none;
       background-color: #f9f9f9;
    }

.brand_txt_section5 {
        position: relative;    
        margin: 40px auto ;
        height: auto;
      overflow: hidden;
        width: 100%;       
        padding:40px 0px;
        text-align: center;
        float: none;
       background-color: #fff;
    }


.brand_txt_section2 h1, .brand_txt_section4 h1, .brand_txt_section5 h1  
   {font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';       
    width: 100%;
    max-width:1300px;       
    margin: 10px auto;   
    color: #05234B;
    font-weight: 800;
    font-size: 40px;
    text-align: center;}

.brand_txt_section2 p, .brand_txt_section4 p, .brand_txt_section5 p
   {font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';      
    width: 100%;max-width:1300px;margin: 10px auto;
    height: auto;
    overflow: hidden;
    color: #333;
    font-weight: 500;
    font-size: 20px;
    line-height:30px;   
    text-align: center;}

.brand_txt_section2 span
   {font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';      
    width: 100%;
    color: #333;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    
}


.brand_txt_section2 img {text-align: center;height: auto}
.brand_txt_section2 p.con {width:100%;max-width:1300px;text-align: center;margin:0 auto}
.brand_txt_section2 ul {display: flex;flex-direction: row;width:98%;max-width:1300px;margin:10px auto}
.brand_txt_section2 ul li {width:31%;margin:1%;height:auto;overflow: hidden}
.brand_txt_section2 ul li img {width:100%;border-radius:10px;margin:0 auto}

.brand_txt_section4 ul {display: flex;flex-direction: row;width:98%;max-width:1300px;margin:10px auto}
.brand_txt_section4 ul li {width:31%;margin:1%;height:auto;overflow: hidden;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0);border-radius:20px;}
.brand_txt_section4 ul li img {width:100%;border-radius:20px;margin:0 auto;}

.brand_txt_section5 ul {display: flex;flex-direction: row;width:98%;max-width:1300px;margin:10px auto}
.brand_txt_section5 ul li {width:31%;margin:1%;height:auto;overflow: hidden;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0);border-radius:20px;}
.brand_txt_section5 ul li:hover {box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .3);border:0px solid #ccc;border-radius:20px;  transition: all .2s;}
.brand_txt_section5 ul li img {width:100%;border-radius:20px;margin:0 auto;}

   .first.brandstory_section2 {
        font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
        padding: 20px 10px 10px 10px;
        width: 100%;
        color: #05234B;
        font-weight: 800;
        font-size: 40px;
        text-align: center;
        max-width:1400px;
        margin:30px auto;
        word-break: keep-all;
        word-wrap: break-word
    }
    .two.brandstory_section2 {
        padding: 20px 0px 0px 0px;
        width: 100%;
        color: #333;
        font-size: 20px;
        font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';font-weight: 500;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    .txt.brandstory_section2 {
        padding: 10px 10px 10px 10px;
        width: 100%;
        color: #333;
        font-family: 'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';font-weight: 500;
        font-size: 20px;
        text-align: center;
        max-width:1400px;
        margin:10px auto;
        word-break: keep-all;
        word-wrap: break-word;
        line-height: 24px;
    }

.video.brandstory_section2 {
    width: 100%;
   
    margin: 20px auto;    
    overflow: hidden;
    position: relative;}



@media (max-width:1290px) {
    .section-3 {
        width: 100%;text-align: center; 
        height: auto;
        overflow: hidden;
        background-color:#fff;
        background-image: url('/theme/it/img/main/com_bg.png');
    }
    
    .section-3 .title {
    font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
    padding: 30px 0px 20px 0px;
    text-align: center;
    width: 100%;
    color: #333;
    font-weight: 900;
    font-size: 28px;}
      .section-3-2 .title {
    font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
    padding: 30px 0px 20px 0px;
    text-align: center;
    width: 100%;
    color: #333;
    font-weight: 900;
    font-size: 28px;}
    
    .brand_bg { 
    display: flex;flex-wrap: wrap;flex-direction: column;    
    width: 100%;margin: 0 auto;
    height: auto;
    overflow: hidden;}
    
    .brand_bg iframe {display:block;width: 100%}
    
    .brand_txt_section {
        position: relative;
        display: flex;flex-wrap: wrap;flex-direction: column;
        width: 96%;
        margin: 0px auto;
        padding:0 10px;
        text-align: center;
        float: none;
        order: 1; 
    }
    
     .brand_txt_section3 {
        position: relative;
        display: flex;flex-wrap: wrap;flex-direction: column;
        width: 96%;
        margin: 0px auto;
        padding:0 10px;
        text-align: center;
        float: none;
        order: 3; 
    }
    
    
      .brand_txt_section4 {
        position: relative;
        display: flex;
        flex-wrap: wrap;flex-direction: column;
        width: 96%;
        margin: 0px auto 20px;
        padding:0px 10px;
        text-align: center;
        float: none;       
        background-color: transparent;  
    }
     .brand_txt_section5 {
        position: relative;
        display: flex;
        flex-wrap: wrap;flex-direction: column;
        width: 96%;
        margin: 0px auto 20px;
        padding:0px 10px;
        text-align: center;
        float: none;       
        background-color: transparent;  
    }

    
    .first.brandstory_section1 {
        font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
        padding: 20px 10px 10px 10px;
        width: 100%;
        color: #05234B;
        font-weight: 800;
        font-size: 24px;
        text-align: center;max-width:1000px;
        margin-top: 0px;
        word-break: keep-all;
        word-wrap: break-word
    }
    
    .first_2.brandstory_section1 {
        font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
        padding: 30px 10px 10px 10px;
        width: 100%;
        color: #333;
        font-weight: 500;
        font-size: 16px;line-height:20px;
        text-align: center;max-width:1000px;
        margin-top: 0px;
        word-break: keep-all;
        word-wrap: break-word
    }
    
    .two.brandstory_section1 {
        padding:20px 0px 10px 0px;
        width: 100%;
        color: #333;
        font-size: 18px;
        font-family:'Pretendard Variable', 'Pretendard', 'Roboto','Noto Sans KR';font-weight: 500;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word
    }
    
    .mfirst.brandstory_section1 {
    font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';
    padding:40px 10px 10px 10px;
    width: 100%;
    color: #05234B;
    font-weight: 800;
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
    word-break: keep-all;
    word-wrap: break-word;
    height: auto;float: left;
}

.mtwo.brandstory_section1 {
    padding: 20px 0px 20px 0px;
    width: 100%;
    height: auto;
    color: #333;
    font-size: 18px;
    text-align: left;
    word-break: keep-all;
    word-wrap: break-word;
    line-height: 30px;float: left;
    
}

    
    .two_2.brandstory_section1 {
        padding: 50px 0px 30px 0px;
        width: 100%;
        color: #333;
        font-size: 18px;
        font-family:'Pretendard Variable', 'Pretendard', 'Roboto','Noto Sans KR';font-weight: 500;
        text-align: center;
        word-break: keep-all;
        word-wrap: break-word;
        order:1; display: flex;flex-wrap: wrap;flex-direction: column;
    }
    
    .txt.brandstory_section1 {
        padding: 20px 0px 10px 0px;
        width: 100%;
        color: #333;
        font-family:'Pretendard Variable', 'Pretendard', 'Roboto','Noto Sans KR';font-weight: 500;
        font-size: 16px;
        text-align: left;
        max-width:1000px;
        word-break: keep-all;
        word-wrap: break-word;
        line-height: 24px;
    }
    
    .txt_2.brandstory_section1 {
        padding: 20px 0px 10px 0px;
        width: 100%;
        color: #444;
        font-family:'Pretendard Variable', 'Pretendard', 'Roboto','Noto Sans KR';font-weight: 500;
        font-size: 16px;
        text-align: left;
        max-width:1000px;
        word-break: keep-all;
        word-wrap: break-word;
        line-height: 24px;
        order:2;
    }
    
    .brand_txt_section2 h1, .brand_txt_section4 h1, .brand_txt_section5 h1 
   {font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';       
    width: 100%;
    color: #05234B;
    font-weight: 800;
    font-size: 24px;
    text-align:left;}
    
 .brand_txt_section2 p 
   {font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';      
    width: 100%;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: left;}
    
       
 .brand_txt_section4 p, .brand_txt_section5 p
   {font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';      
    width: 100%;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: left;}

    
}


.section3.block {width:96%;max-width:1400px;padding:0px 20px;
	margin:20px auto; height: auto;overflow: hidden;  
   
}
.section3.block h1 {
	margin: 20px auto; width: 100%;max-width:1400px;text-align:left;color:#05234B;font-weight:bold;font-size:26px;line-height:30px;
}
.section3.block h1:before{
    content: "";
    position: absolute;margin:-20px 0px;
    width: 35px;
    height: 2px;
    background: #04239B;
}

.section3.block p {
	margin: 0px auto; width: 100%;text-align:left;color:#333;font-weight:500;font-size:18px;line-height:24px;
}

.section3.block h2 {
	margin: 60px auto;font-size:24px;line-height:30px;font-weight:500;text-align:center;color:#05234B
}
  
.section3.block ul {
	display: flex; flex-wrap: wrap; margin: 30px auto; width: 100%;max-width:1480px;height: auto;overflow: hidden;
}
.section3.block li {width:14.3%;margin:1%;height: auto;overflow: hidden;text-align: center;border:0px solid #eee} 
.section3.block li img {width:90%;border:1px solid #eee;text-align: center;margin:0px auto;border-radius:10px}   
.section3.block li p {margin: 10px auto;text-align: center;color:#333;font-weight:500;font-size:14px;line-height:18px;}   

.first.brandstory_section3 {
	padding: 20px 0px 20px;  width: 100%;max-width:1200px;text-align:center;
}
.two.brandstory_section3 {
	padding: 5px 0px 20px; border-bottom: 1px solid #ccc;
}
.section3.block img {
	text-align:center; width: 100%;max-width:1300px;margin: 0 auto;
}    

 @media (max-width:640px){
.section3.block h1 {
	margin: 25px auto; width: 100%;text-align:left;color:#05234B;font-weight:bold;font-size:18px;line-height:24px;
}     
     .section3.block p {
	margin: 0px auto; width: 100%;text-align:left;color:#333;font-weight:500;font-size:16px;line-height:20px;
}
 .section3.block h2 {
	margin: 40px auto;font-size:18px;line-height:24px;font-weight:500;text-align:center;color:#05234B
}       
.section3.block li {width:31%;float:left;margin:1%;height: auto;overflow: hidden} 
.section3.block li img {width:90%;border:1px solid #eee;text-align: center}      
 
.brand_txt_section2 span
   {font-family:'Pretendard Variable', 'Pretendard','Roboto','Noto Sans KR';      
    width: 100%;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    text-align: left;
    
}  
     
.brand_txt_section4 ul {display: flex; flex-wrap: wrap;width:98%;margin:10px auto}
.brand_txt_section4 ul li {width:48%;margin:1%;height:auto;overflow: hidden} 
.brand_txt_section5 ul {display: flex; flex-wrap: wrap;width:98%;margin:10px auto}
.brand_txt_section5 ul li {width:48%;margin:1%;height:auto;overflow: hidden}      
    }

/* 오시는 길 */
section.company_04 {width:100%;max-width:1400px;margin:20px auto;padding:10px}
section.company_04 #map p.sky {
    position: absolute;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 16px 48px 18px;
}

section.company_04 #map .root_daum_roughmap {
    width: 100%;
}

section.company_04 .table_wrap {
    margin-top: 60px;
}

section.company_04 .table_wrap .title h2 {
    font-size: 33px;
    font-weight: 900;
    color: #000;
    margin-bottom: 24px;
 
}

section.company_04 .table_wrap .title span {
    font-size: 22px;
    font-weight: 800;
    color: #868686;
   
    padding-left: 12px;
}

section.company_04 .table_wrap .title a.btn {
    font-size: 16px;
    color: #000;
    border: 1px #000 solid;
    border-radius: 0;
}

section.company_04 .table_wrap .table {
    border-bottom: 1px #ddd solid;
}

section.company_04 .table_wrap .table {
    border-top: 3px #000 solid;
}

section.company_04 .table_wrap .table th,
section.company_04 .table_wrap .table td {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 10px
}
section.company_04 .table_wrap .table tr {border-bottom: 1px solid #eee}

section.company_04 .table_wrap .table span.blue {
    background: #7182f5;
    line-height: 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0.2em;
    margin-right: 6px;
}



/* 오시는 길 마감 */


.table>tbody>tr>td, .spac-table .table>tbody>tr>th, .spac-table .table>tfoot>tr>td, .spac-table .table>tfoot>tr>th, .spac-table .table>thead>tr>td, .spac-table .table>thead>tr>th {
    padding: 10px 10px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #e3e3e3;}

 .table td {
    padding-left: 22px;
    font-size: 14px;}