@charset "euc-kr";
a:focus {outline:none;}



html{
-webkit-overflow-scrolling : touch;
   word-break: keep-all;
}


html, body {
  overflow-x: hidden;
}


/*****±Û·Î¹ú ¸Þ´º ¿µ¿ª°ü·Ã (PC)*****/
.amDim {display: none;position: absolute;width: 100%;background-color: rgba(0,0,0,.5);right: 0;top: 0;z-index: 98;}
.amline {position: relative;top:100px;border-bottom: 1px solid rgba(0, 0, 0, .05);opacity:1;}
.main #container {margin-top: 0;}
#header {position: fixed;left: 0;right:0;margin:0 auto;width: 100%;top: 0px;z-index: 999999;transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;box-sizing:border-box;}
#header.load {top: 0;}
#header .gnbWrap {position: relative;text-align: center;}
#header h1 {z-index: 97;position: absolute;width:178px;height:92px; margin:0; background-position:center; left: 8%;top: 0px;background-image: url(../img/new/logo_0724_g1.png);background-repeat: no-repeat;text-indent: -9999px; background-size:contain;}
#header h1 a{display: block;height: 100%;}
#header #gnb {font-size: 0;text-align: center;display: inline-block;vertical-align: top;}
#header #gnb > li{display: block;text-align: center;float: left;}
#header #gnb > li > a{display: block;line-height: 75px;color: #fff;padding: 0 21px;font-size: 13px;font-weight: 500;position:relative;top:9px;height:89px;}
#header:hover #gnb > li > a > span {display: block;position: relative;}
#header:hover #gnb > li:hover > a > span {color: #cabe9f;}


#header #gnb > li {
  position: relative; /* ÇÏÀ§ ¸Þ´º À§Ä¡ ±âÁØ */
}



/*
#header #gnb > li .depth2 {font-size: 0;display: none;padding: 40px 0 24px 0;box-sizing:border-box;width: 100%;text-align: center}
*/
/* #header #gnb:hover > li .depth2 {display: block;} */


/* ¿øÇÏ´Â ±â´É: °¢ li¿¡ hoverÇßÀ» ¶§¸¸ depth2 º¸¿©ÁÜ */
#header #gnb > li:hover .depth2 {
  display: block;
}


#header #gnb > li .depth2 {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 200;        /*  ³»¿ë¿¡ µû¶ó Å©±â */
  background: #fff;
  border: 1px solid #ddd;
  text-align: left;
  z-index: 999;
}


#header #gnb > li:nth-child(1) .depth2 { width: 180px; }  /* ABOUT US */
#header #gnb > li:nth-child(2) .depth2 { width: 300px; }  /* BUSINESS */
#header #gnb > li:nth-child(3) .depth2 { width: 180px; }  /* PRODUCT */
#header #gnb > li:nth-child(4) .depth2 { width: 180px; }  /* R&D */
#header #gnb > li:nth-child(5) .depth2 { width: 180px; }  /* PR */
#header #gnb > li:nth-child(6) .depth2 { width: 180px; }  /* CUSTOMER */
#header #gnb > li:nth-child(7) .depth2 { width: 180px; }  /* MALL */


#header #gnb > li .depth2:after {clear: both;content:'';display: block;} 


/* #header #gnb > li .depth2 > li {text-align: center;display: block;} */

/* #header #gnb > li .depth2 > li > a{display: block;font-size: 16px;line-height: 36px;font-weight: normal;color: #777;} */


#header #gnb > li:hover .depth2 > li:hover > a{color: #212529; font-weight: 500;padding: .75rem 1.5rem;}


#header #gnb > li .depth2 > li {
  display: block;
}


#header #gnb > li .depth2 > li > a {
  display: block;
  font-size: 13px;
  color: #333;
  line-height: 36px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
}


#header #gnb > li .depth2 > li > a:hover {

    color: #212529;
    background-color: #f8f9fa;
}


@media (min-width: 992px) {
    #header #gnb > li .depth2 > li > a {
        
        display: block;
        clear: both;
        width: 100%;
        padding: .75rem 1.5rem;
        text-align: inherit;
        white-space: nowrap;
        border: 0;
        padding-top: .75rem;
        padding-bottom: .75rem;
border-bottom: 1px solid rgba(0, 0, 0, .1);
        

        white-space: normal;
        line-height: 1.3;
        min-height: 52px;
        display: flex
;
        align-items: center;
        
    }
}

/*
#header .btn_all_menu {z-index: 100;position: absolute;width: 100px;height: 100px;top: 0;right: 12px;}
#header .btn_all_menu div {position: absolute;width: 33px;height: 25px;left: 50%;top: 50%;margin-left: -16.5px;margin-top: -12.5px;}
#header .btn_all_menu span{position: absolute;right: 0;height: 3px;background-color: #fff;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width: 100%;border-radius: 2px;}
#header .btn_all_menu span.barTop{top: 0;}
#header .btn_all_menu span.barMid{top: 11px;width: 70%;}
#header .btn_all_menu span.barBot{top: 22px;}
#header .btn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:12px;}
#header .btn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:12px;}
#header .btn_all_menu.on .barMid {width: 0;}
#header.active {}
#header.active:after {content:'';position: absolute;width: 100%;height: 1px;background: #cfcfcf;top: 0px;z-index: -1;height:101px;box-shadow:0 0 14px rgba(0,0,0,.0);}
#header.active h1 {background-image: url(../img/new/logo_0724_g1.png); background-size:contain;}
#header.active #gnb > li > a{color:#fff;}
#header.active .btn_all_menu span {background:#111;}
*/



#header.fff  .btn_all_menu span {background-color: #111;}
/* #header:hover {background-color:#cfcfcf; border-bottom: 0px solid #eaeaea;box-shadow:0 0 14px rgba(0,0,0,.2);} */
#header:hover:after {content:'';position: absolute;width: 100%;height: 1px; top: 99px;z-index: -1;}
#header:hover h1 {background-image: url(../img/new/logo_0724_g1.png);}
#header:hover #gnb > li > a{color:#fff;}
#header:hover .btn_all_menu span {background:#111;}
#header .allMenuWrap {z-index: 99;position: absolute;width: 100%;left: -100%;top: 0;box-sizing:border-box;background: #fff;transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out;}
#header .allMenuWrap.active {left: 0;opacity:1;}
#header .allMenuWrap .allMenuWrap_inner {display: table;table-layout: fixed;height: 100%;width: 100%;}
#header .allMenuWrap .allMenu_inner{display: table-cell;vertical-align: middle;height: 100%;padding: 0 4% 0 12%;overflow-y: auto;}
#header .ke-wrap {z-index:90;position: absolute;top: 37px;right: 100px;}
#header .ke-wrap .btn{display:inline-block;position:relative;font-size:13px;text-align:center;padding:5px 15px 5px 15px;margin-right:5px;border-radius:3px;border:1px solid #fff;color:#fff;transition:0.1s ease;}
#header .ke-wrap a:hover .btn{color:#fff;background:#189374;border:1px solid #189374;}
#header .ke-wrap .btn.active {color:#fff;background:#189374;border:1px solid #189374;}
#header.active .ke-wrap {}
#header.active .ke-wrap .btn{border:1px solid #bbb;color:#555;background:#fff;}
#header.active .ke-wrap a:hover .btn{color:#fff;background:#189374;border:1px solid #cabe9f;}
#header.active .ke-wrap .btn.active {color:#fff;background:#189374;border:1px solid #189374;}
#header:hover .ke-wrap {}
#header:hover .ke-wrap .btn{border:1px solid #bbb;color:#555;background:#fff;}
#header:hover .ke-wrap a:hover .btn{color:#fff;background:#189374;border:1px solid #189374;}
#header:hover .ke-wrap .btn.active {color:#fff;background:#189374;border:1px solid #189374;}

#header .btn_all_menu {z-index: 100;position: absolute;width: 100px;height: 100px;top: 0;right: 12px;}
#header .btn_all_menu div {position: absolute;width: 33px;height: 25px;left: 50%;top: 50%;margin-left: -16.5px;margin-top: -12.5px;}
#header .btn_all_menu span{position: absolute;right: 0;height: 3px;background-color: #fff;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width: 100%;border-radius: 2px;}
#header .btn_all_menu span.barTop{top: 0;}
#header .btn_all_menu span.barMid{top: 11px;width: 70%;}
#header .btn_all_menu span.barBot{top: 22px;}
#header .btn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:12px;}
#header .btn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:12px;}
#header .btn_all_menu.on .barMid {width: 0;}
#header.active {}
#header.active:after {content:'';position: absolute;width: 100%;height: 1px;background: #cfcfcf;top: 0px;z-index: -1;height:101px;box-shadow:0 0 14px rgba(0,0,0,.0);}
#header.active h1 {background-image: url(../img/new/logo_0724_g1.png); background-size:contain;}
#header.active #gnb > li > a{color:#fff;}
#header.active .btn_all_menu span {background:#111;}




@media screen and (max-width: 1280px){
#header #gnb > li > a{        
padding-right: 1rem;
        padding-left: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
}
}







/*****±Û·Î¹ú ¸Þ´º ¿µ¿ª°ü·Ã (Tab & Mobile)*****/
@media screen and (max-width: 1024px){
.amline {position: relative;top:60px;border-bottom:1px solid rgba(0, 0, 0, .05);opacity:1;}
.gnbWrap {display: none;} 
#header {display: none;} 
#header .allMenuWrap {display: none;} 
#mheader {position: fixed;left: 0;right:0;margin:0 auto;width: 100%;top: 0px;z-index: 999999;transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;box-sizing:border-box;}
#mheader.load {top: 0;}
#mheader .gnbWrap {position: relative;text-align: center;}
#mheader h1 {z-index: 97;position: absolute;width:277px;height:60px;left:36px;top:0px; margin:0px; background-position-y: center; background-image:url(../img/new/logo_0724_g1.png);background-size:54%;background-repeat:no-repeat;text-indent: -9999px;}
#mheader h1 a{display: block;height: 100%;}
#mheader .mbtn_all_menu {z-index: 100;position: absolute;width: 60px;height: 60px;top: 0;right: -5px;}
#mheader .mbtn_all_menu div {position: absolute;width: 20px;height: 20px;left: 50%;top: 50%;margin-left: -10px;margin-top: -10px;}
#mheader .mbtn_all_menu span{position: absolute;right: 0;height: 3px;background-color: #fff;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width: 100%;border-radius: 2px;}
#mheader .mbtn_all_menu span.barTop{top: 0;}
#mheader .mbtn_all_menu span.barMid{top: 8px;width: 70%;}
#mheader .mbtn_all_menu span.barBot{top: 16px;}


/*
#mheader .mbtn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:8px;}
#mheader .mbtn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:8px;}
#mheader .mbtn_all_menu.on .barMid {width: 0;}
*/

#mheader.active {}
#mheader:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #cfcfcf;top: 0px;z-index: 2;height:60px;box-shadow:0 0 14px rgba(0,0,0,.0);1px solid #9d9d9d}
#mheader.active h1 {background-image: url(../img/new/logo_0724_g1.png);}
#mheader.active .mbtn_all_menu span {background-color: #fff;}
/*
#mheader.fff .mbtn_all_menu span {background-color: #000;}
*/
#mheader .allMenu {padding: 0;}

#mheader .allMenu > li{display: block;width: 100%;float: none;width: auto;padding: 0;}
/* #mheader .allMenuWrap {width: 40%;padding:100px 20px 50px 20px;display: block;z-index: 99;position: absolute;right: -100%;top: 0;box-sizing:border-box;background-color: #fff;transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out;}
#mheader .allMenuWrap.active {right: 0;} */




#mheader .allMenuWrap {
    width: 100%;
    padding: 0px 10px 0px 10px;
    display: block;
    z-index: 99;
    position: absolute;
    right: 0;
    top: -100vh;
    box-sizing: border-box;
    background-color: #fff;
    transition: top .4s ease-in-out;
    -webkit-transition: top .4s ease-in-out;
   margin-top : 60px;
    z-index:1;
background-color:#cfcfcf;
}


#mheader .allMenuWrap.active {
    top: 0;
}


#mheader .allMenuWrap {
    height: auto !important;
}


.holder{
display:none;
}

#mheader .allMenuWrap .allMenuWrap_inner{padding-top: 80px;display: block;box-sizing:border-box}
#mheader .allMenuWrap .allMenu_inner {display: block;padding: 0;}
#mheader .allMenuWrap .allMenuWrap_inner {padding-top: 60px;}
}
@media screen and (max-width: 768px){
#mheader .allMenuWrap {width: 100%;padding:0px 10px 0px 10px;}
}






/*****»çÀ̵å(Çܹö°Å) ¸Þ´º°ü·Ã (PC)*****/
#sidemenu{width:80%;margin:0 auto;padding:33px 0 0 0;}
#sidemenu ul {border-left:1px solid #ddd;float:left;width:20%;height:426px;}
/* #sidemenu ul:first-child {border-left:0px solid #ddd;} */
#sidemenu ul:last-child {border-right:1px solid #ddd;}
#sidemenu ul:nth-child(5) {border-right:1px solid #ddd;}
#sidemenu ul li.title{display:block;color:#333;padding:10px 10px 19px 20px;font-size:26px;font-weight:bold;}
#sidemenu ul li > a{display:block;color:#555;font-size:15px;font-weight:500;padding:0 0 0 12px;margin:0 30px 12px 30px;background:url(../img/common/blet_side.png) 0px 10px;background-repeat:no-repeat;}
#sidemenu ul li:hover > a{color:#189374;}
.si-wrap{width:100%;height:200px;position:fixed;bottom:0;background:url('../img/new/main/menubaimg0715.jpeg') center top no-repeat;text-align:center;background-size:cover;}
.si-wrap h3 {color:#fff;font-size:24px;font-weight:500;margin:80px 0 0 0;}
.si-wrap h5 {color:#fff;font-size:12px;font-weight:normal;margin:10px 0 0 0;}




@media screen and (max-width: 1440px){
#sidemenu{width:100%;padding:0 0 0 0;}
#sidemenu ul {width:20%;height:400px;}
#sidemenu ul:first-child {}
#sidemenu ul li.title{padding:0px 10px 0px 20px;font-size:24px;}
#sidemenu ul li > a{font-size:16px;margin:0 10px 20px 2px;background:url(../img/common/blet_side.png) 0px 8px;background-repeat:no-repeat;}
#sidemenu ul li > a{display:block;color:#555;font-size:16px;font-weight:500;padding:0 0 0 12px;margin:0 20px 2px 20px;background:url(../img/common/blet_side.png) 0px 10px;background-repeat:no-repeat;}
#sidemenu ul li:hover > a{}


.si-wrap{width:100%;height:160px;position:fixed;bottom:0;background:url('../img/new/main/menubaimg0715.jpeg') center top no-repeat;text-align:center;background-size:cover;}
.si-wrap h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin: 60px 0 0 0;
}
}


/*****»çÀ̵å(Çܹö°Å) ¸Þ´º°ü·Ã (Tab & Mobile)*****/
@media (max-width: 1024px) {
/*
#gnbmenu, #gnbmenu ul, #gnbmenu ul li, #gnbmenu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;box-sizing: border-box;}
*/



#gnbmenu, #gnbmenu ul, #gnbmenu ul li, #gnbmenu ul li a {margin: 0; padding: 0; border: 0;list-style: none;line-height: 1;display: block;position: relative;box-sizing: border-box; 
background-color: #aaa7a7;    
}

#gnbmenu ul{
background-color: ##8f8f8f; 
}



#gnbmenu {width: 100%;color: #ffffff;}
#gnbmenu ul ul {display: none;}
.align-right {float: right;}


/*
#gnbmenu > ul > li > a {padding: 16px 24px;cursor: pointer;z-index: 2;font-size: 20px;font-weight: 500;text-decoration: none;color: #555;text-shadow: 0 1px 1px rgba(0, 0, 0, 0);background: #fff;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);transition:0.3s ease;border-bottom: 1px solid #f1f1f1;}
*/


#gnbmenu > ul > li > a {padding: 16px 24px;cursor: pointer;z-index: 2;font-size: 20px;font-weight: 500;text-decoration: none;color: #fff;background: #cfcfcf;transition:0.3s ease;}

/* #gnbmenu > ul > li > a:hover, #gnbmenu > ul > li.active > a, #gnbmenu > ul > li.open > a {color: #189374;} */

#gnbmenu > ul > li > a:hover, #gnbmenu > ul > li.active > a, #gnbmenu > ul > li.open > a {color: #cabe9f;}

/*
#gnbmenu > ul > li.open > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0);border-bottom: 1px solid #f1f1f1;}
*/


/*
#gnbmenu > ul > li:last-child > a, #gnbmenu > ul > li.last > a {border-bottom: 1px solid #f1f1f1;}
*/

#gnbmenu .holder {width: 0;height: 0;position: absolute;top: 3px;right: 0;}
#gnbmenu .holder::after, #gnbmenu .holder::before {display: block;position: absolute;content: "";width: 7px;height: 7px;right: 20px;z-index: 10;transform: rotate(-135deg);opacity:1;}
#gnbmenu .holder::after {top: 17px;border-top: 2px solid #555;border-left: 2px solid #555;}
#gnbmenu > ul > li > a:hover > span::after, #gnbmenu > ul > li.active > a > span::after, #gnbmenu > ul > li.open > a > span::after {border-color: #189374;}
#gnbmenu .holder::before {top: 18px;border-top: 2px solid;border-left: 2px solid;}
#gnbmenu ul ul li a {color:#555;font-size:15px;font-weight:500;padding:0 0 0 12px;margin:15px 10px 0 25px;background:url(../img/common/blet_mgnb.png) 0px 6px;background-repeat:no-repeat;}
#gnbmenu ul ul li:hover > a, #gnbmenu ul ul li.open > a, #gnbmenu ul ul li.active > a {color: #0a1f5c;}
#gnbmenu ul ul li:first-child > a {box-shadow: none;margin-top:20px;}
#gnbmenu ul ul ul li:first-child > a {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);}
#gnbmenu ul ul ul li a {padding-left: 30px;}
#gnbmenu > ul > li > ul > li:last-child > a, #gnbmenu > ul > li > ul > li.last > a {border-bottom: 0;padding-bottom:25px;}
#gnbmenu > ul > li > ul > li.open:last-child > a, #gnbmenu > ul > li > ul > li.last.open > a {border-bottom: 1px solid #ddd;}
#gnbmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {border-bottom: 0;}
#gnbmenu ul ul li.has-sub > a::after {display: block;position: absolute;content: "";width: 5px;height: 5px;right: 20px;z-index: 10;top: 11.5px;border-top: 2px solid #eeeeee;border-left: 2px solid #eeeeee;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}
#gnbmenu ul ul li.active > a::after, #gnbmenu ul ul li.open > a::after, #gnbmenu ul ul li > a:hover::after {border-color: #ffffff;}
.ke-wrap {position:relative;top: 30px;left: 15px;}
.ke-wrap .btn{display:inline-block;position:relative;font-size:13px;text-align:center;padding:5px 15px 5px 15px;margin-right:5px;border-radius:3px;border:1px solid #bbb;color:#555;background:#fff;transition:0.1s ease;}
.ke-wrap a:hover .btn{color:#fff;background:#189374;;border:1px solid #189374;}
.ke-wrap .btn.active {color:#fff;background:#189374;;border:1px solid #189374;}
}
@media (max-width: 768px) {
#gnbmenu {margin:10px 0 10px 0;}
#gnbmenu > ul > li > a {padding: 16px 14px;font-size: 14px;}
#gnbmenu .holder {top: 1px;}
/*  #gnbmenu ul ul li a {display:block;color:#555;font-size:13px;font-weight:500;padding:0 0 0 10px;margin:15px 10px 0 15px;background:url(../img/common/blet_mgnb.png) 0px 6px;background-repeat:no-repeat;} */


#gnbmenu ul ul li a {display:block;color:#fff;font-size:13px;font-weight:500;padding:0 0 0 10px;margin:15px 10px 0;  15px; background: unset;         color: rgba(255, 255, 255, .65);}
}




@media (min-width: 1025px) {
#gnbmenu {display:none;}
}





/*****¸ÞÀÎ ¹× ¼­ºêÆäÀÌÁö »ó´Ü ºñÁ־󿵿ª*****/
/*****PC ÇØ»óµµ ½ÃÀÛ*****/
.visual-main01{width:100%;height:100vh;background:url(../img/new/mainbanner01.png) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-main02{width:100%;height:100vh;background:url(../img/new/mainbanner02.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-main03{width:100%;height:100vh;background:url(../img/main/visual03.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub01{width:100%;height:490px;background:url(../img/new/company01/sub-banner01.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-rdsub01{width:100%;height:490px;background:url(../img/new/company01/sub-banner03.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub02{width:100%;height:490px;background:url(../img/main/sub-visual02.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub03{width:100%;height:490px;background:url(../img/new/company01/sub-banner22.jpeg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub04{width:100%;height:490px;background:url(../img/main/sub-visual04.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub05{width:100%;height:490px;background:url(../img/main/sub-visual05.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.visual-sub06{width:100%;height:490px;background:url(../img/main/sub-visual06.jpg) center;background-size:cover;display:flex;justify-content:center;align-items:center;}
.v-mt01{color:#fff;font-size:70px;font-weight:bold;line-height:90px;padding:0 0 15px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .1);letter-spacing:.5px;}
.v-mt02{color:#eee;font-size:20px;line-height:30px;padding:0 0 40px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.vr-btn{display:inline-block;font-size:15px;text-align:center;padding:7px 25px 7px 25px;border-radius:0px;color:#fff;border:1px solid #fff;transition:0.3s ease;}
 a:hover .vr-btn{color:#fff;border:1px solid #1b967a;background:#1b967a;}
.v-st01{color:#fff;font-size:48px;font-weight:600;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);font-family: 'Montserrat', sans-serif;}
.v-st02{color:#eee;font-size:19px;font-weight:normal;margin:10px 0 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}




@media screen and (max-width: 1440px){
.v-mt01{font-size:60px;line-height:70px;padding:0 0 15px 0;letter-spacing:.5px;}
.v-mt02{font-size:16px;line-height:24px;padding:0 0 30px 0;}
.vr-btn{font-size:15px;padding:7px 25px 7px 25px;}
 a:hover .vr-btn{}
}




@media (max-width: 1024px) {
.visual-main01{width:100%;height:80vh;background:url(../img/new/mainbanner01.png) center;background-size:cover;}
.visual-main02{width:100%;height:80vh;background:url(../img/new/mainbanner02.jpg) center;background-size:cover;}
.visual-main03{width:100%;height:80vh;background:url(../img/main/visual03.jpg) center;background-size:cover;}
.visual-sub01{width:100%;height:350px;background:url(../img/new/company01/sub-banner01.jpg) center;background-size:cover;}
.visual-rdsub01{width:100%;height:350px;background:url(../img/new/company01/sub-banner03.jpg) center;background-size:cover;}
.visual-sub02{width:100%;height:350px;background:url(../img/main/sub-visual02.jpg) center;background-size:cover;}
.visual-sub03{width:100%;height:350px;background:url(../img/new/company01/sub-banner22.jpeg) center;background-size:cover;}
.visual-sub04{width:100%;height:350px;background:url(../img/main/sub-visual04.jpg) center;background-size:cover;}
.visual-sub05{width:100%;height:350px;background:url(../img/main/sub-visual05.jpg) center;background-size:cover;}
.visual-sub06{width:100%;height:350px;background:url(../img/main/sub-visual06.jpg) center;background-size:cover;}
.v-mt01{font-size:40px;line-height:40px;padding:0 0 15px 0;}
.v-mt02{font-size:14px;line-height:20px;padding:0 0 30px 0;}
.vr-btn{font-size:12px;padding:5px 20px 5px 20px;}
 a:hover .vr-btn{}
.v-st01{font-size:44px;}
.v-st02{font-size:14px;margin:5px 0 0 0;}
}




/*****½º¸¶Æ®Æù Çػ󵵿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 480px) {
.visual-main01{width:100%;height:74vh;background:url(../img/new/mainbanner01.png) -320px 0px;background-size:cover;}
.visual-main02{width:100%;height:74vh;background:url(../img/new/mainbanner02.jpg) -250px 0px;background-size:cover;}
.visual-main03{width:100%;height:74vh;background:url(../img/main/visual03.jpg) -270px 0px;background-size:cover;}
.visual-sub01{width:100%;height:250px;background:url(../img/new/company01/sub-banner01.jpg) 0px 0px;background-size:cover;}
.visual-rdsub01{width:100%;height:250px;background:url(../img/new/company01/sub-banner03.jpg) 0px 0px;background-size:cover;}
.visual-sub02{width:100%;height:250px;background:url(../img/main/sub-visual02.jpg) -300px 0px;background-size:cover;}
.visual-sub03{width:100%;height:250px;background:url(../img/new/company01/sub-banner22.jpeg) -350px 0px;background-size:cover;}
.visual-sub04{width:100%;height:250px;background:url(../img/main/sub-visual04.jpg) -200px 0px;background-size:cover;}
.visual-sub05{width:100%;height:250px;background:url(../img/main/sub-visual05.jpg) -400px 0px;background-size:cover;}
.visual-sub06{width:100%;height:250px;background:url(../img/main/sub-visual06.jpg) -400px 0px;background-size:cover;}
.v-mt01{font-size:22px;line-height:30px;padding:0 0 15px 0;}
.v-mt02{font-size:11px;line-height:16px;padding:0 0 20px 0;}
.vr-btn{font-size:10px;padding:5px 20px 5px 20px;}
 a:hover .vr-btn{}
.v-st01{font-size:28px;}
.v-st02{font-size:11px;margin:5px 0 0 0;}
}






/*****·ÎÄÃ ¸Þ´º°ü·Ã (PC)*****/
.lnbwrap {position:relative;width:100%;background:#f6f6f6;border-bottom:1px solid #ddd;}
.lnbmenu{width:1270px;padding:25px 0 25px 0;margin:0 auto;;font-size:18px;font-weight:500;}
.lnbmenu a:link{color:#65656;margin:0 60px 0 0;}
.lnbmenu a:visited{color:#656565;}

.lnbmenu .on{color:#061e48;border-bottom:3px solid #061e48;padding:24px 0 23px 0;}





/*****·ÎÄÃ ¸Þ´º°ü·Ã (Tab & Mobile)*****/
@media (max-width: 1024px) {
.lnbmenu{display:none;}
.location {position:relative;background:#f6f6f6;width:100%;height:50px;border-bottom:1px solid #ddd;}
.location:after {content:""; clear:both; display:block;}
.location .location-wrap {width:100%; margin:0 auto;}
.location .location-wrap a.btn-home {display:block;float:left;background:url("../img/common/btn-home.png") center no-repeat;color:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;width:50px;height:50px;}
.location .depth01 {width:30%;float:left;position:relative;z-index:99;}
.location .depth01 p {width:100%;margin:0px;padding:0 0 0 15px;background:url("../img/common/btn-arrow.png") right no-repeat;background-size:26px;height:49px;line-height:50px;font-size:12px;font-weight:bold;color:#555;cursor:pointer;}
.location .depth01 ul.drop {width:101%;background:#fff;display:none; position:absolute;left:-1px;padding:10px 0 10px 0;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.location .depth01 ul.drop li a {display:block;height:30px;font-size:12px;line-height:30px;padding-left:15px;color:#555;transition:0.2s ease;}
.location .depth01 ul.drop li a:hover {color:#fff;background:#189374;}
.location .depth01 ul.drop li {border-top:0px solid #ccc;}
.location .depth01 ul.drop li:first-child {border-top:0;}
.location .depth02 {width:60%;float:left;position:relative;z-index:99;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.location .depth02 p {width:100%;margin:0px;padding:0 0 0 15px;background:url("../img/common/btn-arrow.png") right no-repeat;background-size:26px;height:49px;line-height:50px;font-size:13px;font-weight:500;color:#555;cursor:pointer;}
.location .depth02 ul.drop {width:100%;background:#fff;display:none; position:absolute;left:-1px;padding:10px 0 10px 0;border-top:1px solid #ddd;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.location .depth02 ul.drop li a {display:block;height:30px;font-size:12px;line-height:30px;padding-left:15px;color:#555;transition:0.2s ease;}
.location .depth02 ul.drop li a:hover {color:#fff;background:#189374;}
.location .depth02 ul.drop li {border-top:0px solid #ccc;}
.location .depth02 ul.drop li:first-child {border-top:0;}
}
@media (max-width: 768px) {
.location {}
.location:after {}
.location .location-wrap {}
.location .location-wrap a.btn-home {width:10%;height:50px;}
.location .depth01 {width:28%;}
.location .depth01 p {}
.location .depth01 ul.drop {}
.location .depth01 ul.drop li a {}
.location .depth01 ul.drop li a:hover {}
.location .depth01 ul.drop li {}
.location .depth01 ul.drop li:first-child {}
.location .depth02 {width:72%;}

.location.location_bu .depth02 {width:72%;}

.location .depth01.depth01_customer{ width: 38%; }


.location .depth02 p { white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; padding-right: 26px; }
.location .depth02 ul.drop {}
.location .depth02 ul.drop li + li {  margin-top: 5px;}
 .location .depth02 ul.drop li a { height: auto; line-height: 1.2; padding:4.65px 15px}
.location .depth02 ul.drop li a:hover {}
.location .depth02 ul.drop li {}
.location .depth02 ul.drop li:first-child {}
}






/*****ÀÏ¹Ý ÄÁÅÙÃ÷ ¿µ¿ª°ü·Ã*****/
.navTop{position:fixed;z-index:-1;width:100%;height:400px;opacity:0;}
.nav{position:relative;text-align:center;font-size:12px;color:#fff;margin:5px 0 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.nav img{vertical-align:-1px;}
.nav .current{display:inline-block;color:#fff;padding:0 0 0 8px;}
.tc01{color:#1b967a;text-decoration:none;}
.tc02{color:#0a1f5c;text-decoration:underline;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-j{text-align:justify;}
.ta-b{font-weight:500;}
.ts01{color:#111;font-size:30px;margin:0 0 0 0;font-weight:500;text-align:center;line-height:38px;}
.ts02{color:#777;font-size:19px;margin:30px 0 0 0;font-weight:normal;text-align:center;line-height:28px;}
.ts03{color:#333;font-size:30px;margin:20px 0 25px 0;font-weight:500;line-height:46px;}
.ts04{color:#555;font-size:19px;line-height:26px;}
.ts05{color:#333;font-size:20px;margin:40px 0 0 0;font-weight:500;font-style:italic;text-align:right;}
/*.ts06{color:#111;font-size:31px;margin:30px 0 0 0;font-weight:700;}*/
.ts06{
color:#3f4448;font-size:32px;margin:30px 0 0 0;font-weight:700;
}

/*.ts07{color:#333;font-size:18px;margin:10px 0 25px 0;font-weight:500;line-height:32px;}*/
.ts07{
color:#3f4448;font-size:36px;margin:30px 0 0 0;font-weight:600;
line-height:1.2;
}

/*.ts08{color:#555;font-size:15px;margin:0 0 0 0;line-height:26px;}*/
.ts08{color:#343a40;font-size:16px;margin:48px 0 0 0;line-height:24px;}

.tb01{font-size:16px;color:#666;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.tl01{color:#555555;text-decoration:none;font-size:29px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:18px 0 23px 0;margin:35px 0 60px 0;text-align:center;letter-spacing:1px;}
.gnbmenu01{position:relative;top:0;}
.t1{width:100%;margin:0 auto;border-left:0px solid #ddd;border-right:0px solid #ddd;border-top:3px solid #555;border-bottom:1px solid #ddd;font-size:17px;}
.t1 caption{display:none;}
.t1 th{padding:20px 20px 20px 20px;background-color:#fafafa;color:#111;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;font-weight:500;}
.t1 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#555;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:left;}
.t1 th.left{text-align:left;}
.t1 td.left{text-align:left;}
.t1 td.rline{border-right:1px solid #ddd;}
.t1 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555;}
.t1 td.fst{background:#fff;text-align:center;font-weight:normal;color:#777;}
.t1 th:first-child{border-left:0px;}
.t1 td:first-child{border-left:0px;}
.tit-main01 {font-size:60px;font-weight:bold;color:#999;padding:0 0 30px 0;}
.tit-main02 {font-size:18px;font-weight:normal;color:#777;padding:0 0 50px 0;line-height:26px;}
.tit-main03 {text-align:center;font-size:42px;font-weight:bold;color:#111;padding:150px 0 10px 0; font-family: 'Montserrat', sans-serif;}
.tit-main04 {text-align:center;font-size:18px;font-weight:normal;color:#888;padding:0 0 50px 0;}
.tit-main05 {text-align:center;font-size:38px;font-weight:bold;color:#111;padding:120px 0 10px 0;}
.tit-main06 {text-align:center;font-size:18px;font-weight:normal;color:#888;padding:0 0 50px 0;}
.tit-main07 {text-align:center;font-size:34px;font-weight:500;color:#fff;padding:5px 0 0 0;}
.tit-main08 {text-align:center;font-size:18px;font-weight:normal;color:#fff;padding:5px 0 30px 0;}
.mts01 {color:#111;font-size:60px;margin:30px 0 20px 0;font-weight:500;}
.mts02 {color:#333;font-size:24px;margin:0 0 20px 0;font-weight:500;}
.mts03 {color:#111;font-size:60px;margin:50px 0 20px 0;font-weight:500;}
.mts04 {color:#333;font-size:24px;margin:0 0 20px 0;font-weight:500;}
.tsm01{margin-top:-70px;}
.tsm02{margin-top:-20px;}
.tit-sub01{text-align:center;font-size:48px;font-weight:500;color:#111;position:relative;padding:90px 0 90px 0;}
.tit-sub01:before{position:absolute;bottom:70px;left:50%;width:40px;height:3px;content:'';-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:#222}
.tit-sub02 {text-align:center;font-size:14px;font-weight:normal;color:#999;margin:5px 0 50px 0;letter-spacing:2px;}
.tit-sub03 {text-align:center;font-size:40px;color:#000;font-weight:normal;margin:0;}
.tit-sub04 {text-align:center;font-size:16px;font-weight:normal;color:#999;margin:5px 0 40px 0;}
.round{border-radius:20px;}
.map{width:100%;height:600px;margin:0 0 70px 0;border:none;}
.au-btn{display:inline-block;position:relative;font-size:12px;text-align:center;padding:6px 30px 6px 30px;margin:30px 0 0 0;border-radius:0px;border:1px solid #bbb;color:#555;background:#fff;transition:0.3s ease;}
 a:hover .au-btn{color:#fff;background:#c83044;border:1px solid #c83044;}
.ms-wrap{position:relative;background:#000;overflow:hidden;border-radius:0px;}
.ms-wrap .ms-img{display:block;transition:0.3s ease;}
 a:hover .ms-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .ms-img{transform:scale(1.1);filter: blur(0px);opacity: 0.5;}
.ms-wrap .ms-title{width:100%;position:absolute;top:15%;left:10%;transition:0.2s ease;}
 a:hover .ms-wrap .ms-title{transform:translateY(-20px);}
.ms-wrap .ms-title h3{color:#fff;font-size:24px;font-weight:500;margin:0 0 5px 0;}
.ms-wrap .ms-title h5{color:#fff;font-size:17px;font-weight:normal;margin:0 0 15px 0;}
.ms-btn{display:inline-block;font-size:12px;padding:5px 20px 5px 20px;transition:0.2s ease;opacity:1;color:#fff;border:1px solid #fff;}
.ms-top{margin-top:50px;}
.mb-wrap{background:#000;text-decoration:none;overflow:hidden;border-radius:0px;}
.mb-wrap .mb-img{display:block;transition:0.3s ease;}
 a:hover .mb-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .mb-img{transform:scale(1.1);filter: blur(0px);opacity: 0.5;}
.mb-wrap .mb-title {  width: 83%; position: absolute; text-align: left; top: 20%; left: 10%;}
.mb-wrap .mb-title h3{color:#fff;font-size:28px;font-weight:500;margin:0 0 5px 0;opacity:1;transition:0.2s ease;}
 a:hover .mb-wrap .mb-title h3{opacity:1;transform:translateY(-20px);}
.mb-wrap .mb-title h5{color:#fff;font-size:17px;font-weight:normal;margin:0 0 15px 0;opacity:1;transition:0.2s ease;}
 a:hover .mb-wrap .mb-title h5{opacity:1;transform:translateY(-20px);}
.mb-btn{display:inline-block;font-size:12px;padding: 5px 25px 6px 25px;transition:0.2s ease;opacity:1;color:#fff;border:1px solid #fff;}
 a:hover .mb-btn{color:#fff;border:1px solid #fff;opacity:1;transform:translateY(-20px);}
.op-wrap{width:100%;overflow:hidden;}
.opDim{position:absolute;width:100%;height:100px;background-color:rgba(0,0,0,.2);bottom:0;}
.op-wrap .op-title{position:absolute;bottom:-5px;padding:10px 20px 10px 20px;z-index: 10;}
.op-wrap .op-title h3{color:#fff;font-size:28px;font-weight:500;margin:0 0 5px 0;}
.op-wrap .op-title h5{color:#fff;font-size:17px;font-weight:normal;margin:0 0 15px 0;}
.an-wrap {text-align:center;margin:0 auto;padding:250px 30px 250px 30px;margin:0px 0 0 0;background:url('../img/new/mainsubbannernew04.jpeg') center top no-repeat;background-attachment:fixed; background-size:cover;}
.an-wrap h3 {color:#fff;font-size:40px;font-weight:500;margin:0 0 15px 0;letter-spacing:.5px;}
.an-wrap h5 {color:#fff;font-size:18px;font-weight:normal;margin:0 0 25px 0;line-height:26px;}
.an-btn{display:inline-block;font-size:15px;padding: 7px 30px 7px 30px;border-radius: 0px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
.an-wrap2 {text-align:center;margin:0 auto;padding:150px 30px 196px 30px;margin:150px 0 0 0;background-color:#222;}
.an-wrap2 h3 {    color: #fff;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700 !important;
    font-size: 48px;
    letter-spacing: -.04em;
}
.an-wrap2 h5 {color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 57px 0;
    line-height: 26px;
}
 a:hover .an-btn{color:#fff;background:#1b967a;border:1px solid #1b967a;}
.bn-wrap {margin:0 auto;padding:100px 0px;margin:150px 0 0 0;background:url('../img/new/mainfooterbannernew05.jpeg') center top no-repeat;background-attachment:scroll;background-size:cover;text-align:center;}
.bn-wrap h3 {color:#fff;font-size:56px;font-weight:700;margin:0 0 16px 0;text-align:center;letter-spacing:.5px;
    margin-top: 20px;    font-family: 'Montserrat', sans-serif;letter-spacing: -.04em;
}
.bn-wrap h5 {color:#fff;font-size:23px;font-weight:300;margin:0 0 30px; 0;text-align:center;letter-spacing: -.03em;    line-height: 1.35;}
.bn-btn{display:inline-block;color:#fff;font-size:16px;width:200px;padding:18px 42px;margin:0 5px 0 5px;text-align:center;border-radius: 0px;border:1px solid #ddd;transition:0.3s ease;}
 a:hover .bn-btn{color:#fff;background:#3f4448;border:1px solid #3f4448;}
.ci-wrap{width:100%;padding:50px 20px 0 20px;margin:0 auto;text-align:center;}
.ci-wrap .ci-btn{display:inline-block;font-size:17px;font-weight:500;color:#000;padding: 10px 30px 10px 30px;margin:0 5px 0 5px;background:#f5f5f5;border:1px solid #ddd;border-radius:5px;transition:0.1s ease;position:relative;}
.ci-wrap .ci-btn:hover {color:#fff;background:#0a1f5c;border:1px solid 0a1f5c;}
.ci-wrap .icon{font-size:24px;padding:0 0 0 20px;top:3px;position:relative;}
.kb-wrap {position:relative;width:100%;height:530px;margin:0 auto;background:url('../img/company/img0101.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;}
.kf-wrap{width:670px;padding:20px 15px 0 50px;}
.kf-wrap h3{color:#222;font-size:38px;font-weight:500;margin:0 0 0 0;line-height:50px;}
.kf-wrap h5{color:#555;font-size:19px;font-weight:normal;margin:30px 0 30px 0;line-height:30px;}
.kf-wrap ul {}
.kf-wrap ul li {font-size:18px;color:#555;padding:0 0 0 13px;margin:0 0 12px 0;background:url(../img/common/blet01.png) 0px 7px; background-repeat:no-repeat;}
.it-wrap {position:relative;margin:0 0 30px 0;padding:100px 50px 100px 50px;background:url('../img/company/img0401.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;border-radius:0px;}
.it-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.it-wrap h5 {color:#fff;font-size:15px;font-weight:normal;line-height:24px;}
.it-wrap .figure{background:#004d28;position:absolute;bottom:-30px;right:-30px;width:600px;height:400px;z-index:-1;}
.ce-wrap{text-decoration:none;background:#fff;padding:70px 15px 50px 15px;}
 a:hover .ce-wrap{color:#555;text-decoration:none;}
.ce-wrap .ce-title{text-align:center;}
 a:hover .ce-title{color:#ff3000;}
.ce-wrap h3{color:#111;font-size:18px;font-weight:500;margin:15px 0 0 0;}
.ce-wrap h5{color:#777;font-size:14px;font-weight:normal;margin:5px 0 0 0;}
.co-wrap{text-decoration:none;background:#fff;border:1px solid #ccc;padding:80px 15px 50px 15px;border-radius:10px;}
.co-wrap .co-title{text-align:center;}
.co-wrap h3{color:#333;font-size:19px;font-weight:bold;margin:15px 0 0 0;}
.co-wrap h5{color:#777;font-size:14px;font-weight:normal;margin:10px 0 0 0;line-height:20px;}
.sb-wrap{text-decoration:none;margin:0 0 0 0;}
.sb-wrap .sb-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.sb-wrap h3{color:#111;font-size:22px;font-weight:500;margin:15px 0 0 0;}
.sb-wrap h5{color:#777;font-size:18px;font-weight:normal;margin:10px 0 0 0;}
.xb-wrap{text-decoration:none;margin:0 auto;}
.xb-wrap .xb-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
.xb-wrap h3{color:#111;font-size:24px;font-weight:500;margin:15px 0 0 0;}
.xb-wrap h5{color:#777;font-size:18px;font-weight:normal;margin:10px 0 0 0;line-height:26px;}
.mov-wrap {position:relative;padding-bottom:60%;height:0;overflow:hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed {position:absolute;top:10px;left:0px;width:100%;height:714px;}
.featurette-divider {margin: 80px 0;}
.footer-divider {margin: 150px 0;clear:both;}
.dfs-divider01 {margin: 150px 0;clear:both;}
.dfs-divider02 {margin: 120px 0;clear:both;}
.dfs-divider03 {margin: 100px 0;clear:both;}
.dfs-divider04 {margin: 80px 0;clear:both;}
.dfs-divider05 {margin: 50px 0;clear:both;}
.dfs-line01 {margin:130px 0;border-top:1px solid #ddd;}
.dfs-line02 {margin:100px 0;border-top:1px solid #ddd;}
#history-box{width:100%;margin:0 0 0 0;text-align:center;margin:0 auto;}
#history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;padding:40px 50px 0 50px;}
#history-box dl.noline{border:none;margin-top:-18px;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:36px;color:#111;padding:18px 0 5px 0;position:absolute;}
#history-box dd{float:left;text-align:left;padding:20px 0 40px 120px;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 10px 70px;font-size:18px;color:#555;}
#history-box dd .num{position:absolute;left:10px;}
#history-box dd .year{padding:0 50px 0 0;text-align:left;font-weight:bold;}
.policy-box01 {padding:15px 15px 15px 15px;font-size:15px;color:#666;clear:both;height:600px;overflow-y:scroll;border:1px solid #cccccc;background:#ffffff;}
.policy-box02 {padding:15px 15px 15px 15px;font-size:15px;color:#666;clear:both;height:200px;overflow-y:scroll;border:1px solid #cccccc;background:#ffffff;}
#square_box{float:left;width:100%;padding:25px;margin:0 0 30px 0;border:1px solid #b2b2b2;}
#square_box h3{font-size:18px;font-weight:500;color:#555;margin:0 0 10px 0;}
#square_box h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
#square_box01{float:left;width:100%;padding:25px;margin:0 0 30px 0;background:#eee;}
#square_box01 h3{font-size:20px;font-weight:500;color:#555;margin:0 0 5px 0;}
#square_box01 h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
footer {width:100%;position:relative;clear:both;padding:50px 0 100px 0;background-color:#353535;border-top:0px solid #eee;}
footer:after {content:""; display:block; clear:both;}
footer .flogo {position:absolute; left:-32px; top:11px;}
footer .fnb {width:100%; padding:15px 0 0 0; overflow:hidden;margin:0 0 0 120px;}
footer .fnb ul {margin:0 0 0 1px;text-align:center;display: none;}
footer .fnb ul:after {content:""; display:block; clear:both;}
footer .fnb ul li {float:left; font-size:17px;padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/en/common/fnb-line.png') right 5px no-repeat; background-position: 
right;}
footer .fnb ul li a {color:#eee;}
footer .fnb ul li a:hover {color:#fff;}
footer .fnb ul li.last {background:url('');}
footer .sns {position:absolute; right:15px; top:20px;}
footer .sns ul:after {content:""; display:block; clear:both;}
footer .sns ul li {float:left; padding:0 0 0 10px;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {width:100%; padding:15px 0 1px 1px;margin:0 0 0 120px;}
footer .address ul:after {content:""; display:block; clear:both;}
footer .address ul li {float:left; font-size:15px;line-height:15px;color:#aaa;padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/en/common/fnb-line.png') right 3px no-repeat;}
footer .address ul li.last {background:url('');}
footer .address ul li strong {font-weight:600;}
footer .copy {width:100%; font-size:15px;color:#aaa;padding: 0 0 0;margin:-4px 0 0 120px;}





@media (max-width: 1024px) {
.navTop{position:fixed;z-index:1;width:100%;height:60px;opacity:0;}
.logo{position:absolute;top:13px;left:10px;text-align:left;z-index:999;width:200px;}
.ts01{font-size:17px;margin:5px 0 15px 0;line-height:24px;}
.ts02{font-size:13px;margin:0 0 0 0;line-height:20px;}
.ts03{font-size:18px;margin:10px 0 20px 0;line-height:25px;}
.ts04{font-size:13px;line-height:20px;}

.ts05{font-size:14px;margin:25px 0 0 0;}
/*.ts06{font-size:18px;margin:20px 0 10px 0;}
.ts07{font-size:15px;margin:0 0 10px 0;line-height:22px;}*/

.ts08{font-size:13px;margin:0 0 30px 0;line-height:20px;}
.tb01{font-size:13px;padding:0 0 0 9px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 6px; background-repeat:no-repeat;}
.tl01{font-size:20px;padding:20px 0 15px 0;margin:20px 0 35px 0;text-align:center;}
.tit-main01 {font-size:24px;padding:0 0 20px 0;}
.tit-main02 {font-size:12px;padding:0 0 0 0;line-height:18px;}
.tit-main03 {font-size:24px;padding:60px 0 5px 0;}
.tit-main04 {font-size:12px;padding:0 0 15px 0;}
.tit-main05 {font-size:24px;padding:60px 0 5px 0;}
.tit-main06 {font-size:12px;padding:0 0 15px 0;}
.tit-main07 {font-size:24px;padding:0 0 5px 0;}
.tit-main08 {font-size:12px;padding:0 0 15px 0;}
.mts01 {font-size:30px;margin:10px 0 10px 0;}
.mts02 {font-size:14px;margin:0 0 10px 0;}
.mts03 {font-size:30px;margin:10px 0 10px 0;}
.mts04 {font-size:14px;margin:0 0 10px 0;}
.tsm01{margin-top:-20px;}
.tsm02{margin-top:-20px;}
.tit-sub01{font-size:24px;padding:50px 0 50px 0;}
.tit-sub01:before{bottom:35px;width:30px;height:3px;}
.tit-sub02 {font-size:12px;margin:5px 0 30px 0;}
.tit-sub03 {font-size:24px;margin:20px 0 5px 0;}
.tit-sub04 {font-size:12px;margin:0 0 30px 0;}
.round{border-radius:15px;}
.map{width:100%;height:400px;margin:0 0 30px 0;border:none;}
.top-line{display:none;height:1px;}
.back-to-top {position:fixed;bottom:0px;right:0px;display:none;z-index:9999;opacity:0;}
.t1{width:100%;font-size:13px;}
.t1 th{padding:10px 5px 10px 5px;}
.t1 td{padding:10px 5px 10px 5px;}
.au-btn{font-size:11px;padding:6px 15px 5px 15px;margin:15px 0 15px 0;}
 a:hover .au-btn{}
.ms-wrap{}
.ms-wrap .ms-img{}
 a:hover .ms-wrap{}
 a:hover .ms-img{}
.ms-wrap .ms-title{top:10%;left:10%;}
 a:hover .ms-wrap .ms-title{transform:translateY(-10px);}
.ms-wrap .ms-title h3{font-size:15px;margin:10px 0 5px 0;}
.ms-wrap .ms-title h5{font-size:12px;margin:0 0 15px 0;}
.ms-btn{font-size:9px;padding:3px 10px 3px 10px;}
.ms-top{margin-top:30px;}
.mb-wrap{}
.mb-wrap .mb-img{}
 a:hover .mb-wrap{}
 a:hover .mb-img{}
.mb-wrap .mb-title{top:15%;left:0%;padding-left:30px;width:95%}
.mb-wrap .mb-title h3{font-size:18px;margin:10px 0 2px 0;}
 a:hover .mb-wrap .mb-title h3{transform:translateY(-10px);}
.mb-wrap .mb-title h5{font-size:13px;margin:0 0 15px 0;}
 a:hover .mb-wrap .mb-title h5{transform:translateY(-10px);}
.mb-btn{font-size:10px;padding: 5px 15px 5px 15px;}
 a:hover .mb-btn{transform:translateY(-10px);}
.op-wrap{}
.opDim{position:relative;height:80px;background-color: rgba(0,0,0,.4);}
.op-wrap .op-title{position:absolute;bottom:0px;padding:10px; height:80px}
.op-wrap .op-title h3{font-size:14px;margin:0 0 5px 0;}
.op-wrap .op-title h5{font-size:10px;margin:0 0 5px 0;}
.an-wrap {padding:100px 20px 100px 20px;margin:0px 0 0 0;background-attachment:scroll; background-size:cover;}
.an-wrap h3 {font-size:22px;margin:0 0 10px 0;letter-spacing:.5px;}
.an-wrap h5 {font-size:11px;margin:0 0 20px; 0;line-height:18px;}
.an-wrap2 {padding:60px 20px 60px 20px;margin:60px 0 0 0;background-attachment:scroll; background-size:cover;}
.an-wrap2 h3 {font-size:22px;margin:0 0 10px 0;letter-spacing:.5px;}
.an-wrap2 h5 {font-size:11px;margin:0 0 20px; 0;line-height:18px;}
.an-wrap2 img {width:100%;}
.an-btn{font-size:11px;padding: 5px 20px 5px 20px;}
 a:hover .an-btn{}
.bn-wrap {padding:70px 20px 70px 20px;margin:60px 0 0 0;background-attachment:scroll; background-size:cover;}
.bn-wrap h3 {font-size:35px;margin:0 0 5px 0;letter-spacing:.5px;}
.bn-wrap h5 {font-size:18px;margin:0 0 37px; 0;}
.bn-btn{width:300px;font-size:12px;padding:15px 0 15px 0;margin:5px 0 5px 0;}
 a:hover .bn-btn{}
.ci-wrap{width:100%;padding:25px 10px 25px 10px;margin:10px 0 0 0;}
.ci-wrap .ci-btn{font-size:12px;padding:10px 15px 10px 15px;margin:8px 3px 8px 3px;}
.ci-wrap .ci-btn:hover {}
.ci-wrap .icon{font-size:18px;padding:0 0 0 7px;top:3px;}
.kb-wrap {position:relative;width:100%;height:250px;margin:0 auto;background:url('../img/company/img0101.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;}
.kf-wrap{width:100%;padding:40px 20px 0px 20px;}
.kf-wrap h3{font-size:18px;margin:0 0 0 0;line-height:26px;}
.kf-wrap h5{font-size:13px;margin:20px 0 25px 0;line-height:20px;}
.kf-wrap ul {}
.kf-wrap ul li {font-size:13px;padding:0 0 0 11px;margin:0 0 10px 0;background:url(../img/common/blet01.png) 0px 3px; background-repeat:no-repeat;}
.it-wrap {padding:50px 20px 50px 20px;background-attachment:scroll; background-size:cover;}
.it-wrap h3 {font-size:20px;margin:0 0 10px 0;line-height:28px;}
.it-wrap h5 {font-size:12px;line-height:18px;}
.ce-wrap{padding:50px 10px 30px 10px;}
 a:hover .ce-wrap{}
.ce-wrap .ce-title{}
 a:hover .ce-title{}
.ce-wrap h3{font-size:14px;margin:15px 0 0 0;}
.ce-wrap h5{font-size:11px;margin:5px 0 0 0;}
.co-wrap{padding:50px 10px 30px 10px;}
.co-wrap .co-title{}
.co-wrap h3{font-size:14px;margin:15px 0 0 0;}
.co-wrap h5{font-size:11px;margin:5px 0 0 0;line-height:15px;}
.sb-wrap{}
.sb-wrap .sb-title{padding:10px;}
.sb-wrap h3{font-size:16px;margin:15px 0 0 0;}
.sb-wrap h5{font-size:13px;margin:5px 0 0 0;line-height:20px;}
.xb-wrap{}
.xb-wrap .xb-title{padding:10px;}
.xb-wrap h3{font-size:16px;margin:15px 0 0 0;}
.xb-wrap h5{font-size:13px;margin:10px 0 0 0;line-height:20px;}
.mov-wrap {position:relative;padding-bottom:65%;height:0;overflow:hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed {position:absolute;top:0px;left:0px;width:100%;height:100%;}
.featurette-divider {margin: 60px 0;}
.footer-divider {margin: 60px 0;}
.dfs-divider01 {margin: 60px 0;}
.dfs-divider02 {margin: 50px 0;}
.dfs-divider03 {margin: 40px 0;}
.dfs-divider04 {margin: 30px 0;}
.dfs-divider05 {margin: 20px 0;}
.dfs-line01 {margin:50px 0;border-top:1px solid #ddd;}
.dfs-line02 {margin:30px 0;border-top:1px solid #ddd;}
#history-box{width:100%;margin:-15px 0 0 0;}
#history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;padding:0px 10px 0px 10px;}
#history-box dl.noline{border:none;margin-top:-30px;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:24px;padding:30px 50px 0 0;position:relative;}
#history-box dd{clear:both;float:left;text-align:left;padding:5px 0 20px 0;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 1px 35px;font-size:13px;line-height:18px;}
#history-box dd .num{position:absolute;left:2px;}
#history-box dd .year{padding:0 50px 0 0;margin:30px 0 0 0;text-align:left;font-weight:bold;font-size:2em;}
.policy-box01 {padding:15px 15px 15px 15px;font-size:13px;height:400px;}
.policy-box02 {padding:15px 15px 15px 15px;font-size:13px;height:200px;}
#square_box{padding:15px;margin:0 0 20px 0;}
#square_box h3{font-size:15px;margin:0 0 5px 0;}
#square_box h5{font-size:12px;margin:5px 0 0 0;}
#square_box01{padding:15px;margin:0 0 30px 0;}
#square_box01 h3{font-size:15px;margin:0 0 5px 0;}
#square_box01 h5{font-size:12px;margin:5px 0 0 0;}
footer {padding:25px 0 50px 0;}
footer .flogo {position:relative; left:0; top:0; margin:20px 0 16 0; text-align:center;}
footer .fnb {padding:20px 0 0 0;margin:0 0 0 0;}
footer .fnb ul {text-align:center; margin:0;}
footer .fnb ul li {display:inline; float:none; margin:0 6px 0 0;background:url('../img/en/common/fnb-line.png') right 10px no-repeat;}
footer .fnb ul li a {font-size:12px;}
footer .fnb ul li.last {padding:0; margin:0;}
footer .sns {position:relative; right:auto; left:0; top:0; margin:20px 0 0 -10px;}
footer .sns ul {text-align:center;}
footer .sns ul li {display:inline; float:none;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {padding:10px 0 2px 0;text-align:center;margin:0 0 0 5px;}
footer .address ul {text-align:center;padding:0;margin:0;}
footer .address ul li {display:block; font-size:12px;float:none; padding:1px 0;background:url('');}
footer .address ul li.last {background:url('');}
footer .address ul li strong {}
footer .copy {font-size:12px;text-align:center; margin:5px 0 0 0;}
}




@media (min-width: 1025px) {
#mheader{display:none;}
.location{display:none;}
.mlnbmenu{display:none;}
.mj-menu02{display:none;}
.top-line{color:#777;padding:30px 3px 0 3px;position:relative;top:-1px;width:1px;font-size:0.8em;font-weight:lighter;z-index:-10;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 10px;display:none;z-index:9999;}

}

@media screen and (max-width:10254px){
.ts07{margin:30px 0;}
}

@media screen and (max-width: 768px) {
  .ts06 {
    font-size: 24px;
    margin: 20px 0 10px 0;
  }
  .ts07 {
    font-size: 27px;
    margin: 50px 0 40px 0;
    line-height: 35px;
word-break:keep-all;
  }


.ts07 br{
display:none;
}


.ts08{
font-size:14px;
line-height:22px;
text-align: unset;
}
}

@media screen and (max-width:545px){
.ts06{font-size:27px;}
}


/*****ÅؽºÆ® Áٹٲٱ⠰ü·Ã*****/
@media (max-width: 1024px) {
  .hidden-ms {display: none !important;}
}
@media (max-width: 768px) {
  .hidden-xs {display: none !important;}
}
@media (min-width: 1025px) {
  .hidden-bs {display: none !important;}
}
@media (min-width: 769px) {
  .hidden-fs {display: none !important;}
}


.spacer_1 {
padding-top: 100px;
}
@media (max-width: 574px) {
    .spacer_1 {
        padding-top: 
50px;
    }
}

.root_daum_roughmap_landing{
height:100% !important;
}

.cotainerWrap{
max-width:1500px;
padding-top:100px;
width:100%;
}

.container .mapWrap{
display:flex;
align-items:center;
margin-bottom:50px;
}


.container .mapWrap:last-child{
margin-bottom:0;
}


.container .mapWrap .left,
.container .mapWrap .right{
width:50%;
height:500px;
}


.container .mapWrap .right{
background-color:#fafafa;
padding:20px;
box-sizing:border-box;
display:flex;
flex-direction:column;
justify-content:center;
}


.container .mapWrap .mapTit{
font-size:42px;
font-weight:700;
color:#3f4448;
margin:0 0 30px 0;
padding-bottom:30px;
border-bottom:1px solid #3f4448;
}

.container .mapWrap .right .mapTxt{
display:flex;
flex-direction:column;
gap:16px;
}

.container .mapWrap .mapTxt li{
font-size:16px;
color:#777;
}


.container .mapWrap .mapTxt li strong{
font-weight:600;
font-size: inherit;
color:#3f4448;
}


.container .mapWrap .root_daum_roughmap .cont{
display:none !important;
}


.container .mapWrap.map02{
flex-flow:row-reverse;
}


.container .mapWrap.map02 .right{
background-color:#3f4448;
}


.container .mapWrap.map02 .right .mapTit{
color:#fff;
border-bottom:1px solid #fff;
}


.container .mapWrap.map02 .right .mapTxt li{
color:rgba(255,255,255,.6);
}


.container .mapWrap.map02 .right .mapTxt li strong{
color:#fff;
}


@media screen and (max-width:989px){
.container .mapWrap{
flex-direction:column !important;
}


.container .mapWrap .right{
padding:100px 60px;
height:auto;
}


.container .mapWrap .left, .container .mapWrap .right{
width:100%;
}
}


@media screen and (max-width:767px){
.container .mapWrap .left{
height:360px;
}


.container .mapWrap .right{
padding:30px 20px;
}


.container .mapWrap .mapTit{
font-size:28px;
}


.container .mapWrap .right .mapTxt{
font-size:14px;
}
}


.col-md-8 .h1.business-h3{
font-size:42px; font-weight:500 !important;
}


@media screen and (max-width:768px){
.col-md-8 .h1.business-h3{
font-size:28px;
}
}


.col-zc-6.flex-center{
display:flex;
align-items:center;
}


@media screen and (max-width:1025px){
.col-zc-6.flex-center{
flex-direction:column;
}


.col-zc-6.flex-center .aci01{
width:100%;
padding:0 15px;
}


.col-zc-6.flex-center .aci02{
width:100%;
}
}


.allMenuWrap * { font-family: Pretendard Variable,'Noto Sans KR', 'Noto Sans', 'Roboto', -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}
.si-wrap h3, .si-wrap h5 {letter-spacing: -.04em; line-height: 1.35;}


.board_description img {
    max-width: 100%;
}