/* 드레그 방지 및 폰트 */
*{font-family:"NanumSquareOTFac", sans-serif;font-weight:normal;font-stretch:normal;font-style:normal;-ms-user-select: none;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}
.container{width:100%;margin:auto;background:#fff;}
.sy-icon{font:normal normal normal 14px/1 'FontAwesome';text-rendering:auto;-webkit-font-smoothing:antialiased;transform:translate(0, 0);}

/* head-tit*/
.head{position:relative;width:100%;height:380px;}
.head.tab1{background:url(../imeges/img_bg_01.jpg) no-repeat;background-size:cover;}
.head.tab2{background:url(../imeges/img_bg_02.jpg) no-repeat;background-size:cover;}
.head.tab3{background:url(../imeges/img_bg_03.jpg) no-repeat;background-size:cover;}
.head .head-tit{width:100%;height:100%;text-align:center;}
.head .head-tit h1{height:49px;display:inline-block;position:relative;font-family: "NanumSquareOTFacB", sans-serif;font-size:45px;line-height:1.09;letter-spacing:-1.45px;color:#fff;margin-top:135px;}
.head .head-tit h1 span{font-family:"NanumSquareOTFac", sans-serif;opacity:0.8;}
.head .head-tit h1:after{content:"";display:block;width:100%;height:24px;opacity:0.04;background:#fff;margin:-19px 0 ;}
.head .head-tit p{margin-top:33px;font-size:19px;color:#fff;line-height:1.11;opacity:0.84;}
.head .head-tit p:after{content:"";display:block;width:248px;height:16px;opacity:0.04;background:#fff;margin:-10.5px auto 0 ;}
/* //head-tit*/

/* tab */
.sy-tab{width:1281px;display:block;position:relative;margin:-38px auto 0;font-size:0;color:#404040;text-align:center;z-index:10;}
.sy-tab .tab{width:427px;height:76px;line-height:76px;display:inline-block;font-size:20px;background:#fff;cursor:pointer;border:1px solid #e1e1e1;}
.sy-tab .tab:not(.active):hover{color:#09153a;font-family: "NanumSquareOTFacB", sans-serif;}
.sy-tab .tab:not(:nth-child(1)){border-left:0;}
.sy-tab .tab.active{background:#09153a;border-color:#09153a;color:#fff;box-shadow:0 3px 12px 0 rgba(101, 117, 167, 0.32);}
.sy-tab .tab:nth-child(1).active:before{content:"";display:inline-block;vertical-align: middle;width:30px;height:30px;margin-right:7px;background:url(../imeges/ic_company.svg) no-repeat;}
.sy-tab .tab:nth-child(2).active:before{content:"";display:inline-block;vertical-align: middle;width:30px;height:30px;margin-right:7px;background:url(../imeges/ic_history.svg) no-repeat;}
.sy-tab .tab:nth-child(3).active:before{content:"";display:inline-block;vertical-align: middle;width:30px;height:30px;margin-right:7px;background:url(../imeges/ic_certification.svg) no-repeat;}
/* //tab */

/* content */
.tab-info-area{width:100%;font-size:0;z-index:1;}
.tab-info-area .sy-section{width:1280px;margin:0 auto;position:relative;z-index:1;}

/* company */
.tab-info-area .sy-company{display:block;font-size:13px;overflow:hidden;}
.sy-section .sy-section-txt,
.sy-section .sy-section-img{display:inline-block;}

.sy-section .sy-section-txt .txt-p{height:44px;font-size:40px;letter-spacing:-1.4px;color:#7b7b7b;}
.sy-section .sy-section-txt .txt-p:first-child{margin-bottom:10px;}
.sy-section .sy-section-txt .txt-p span{height:47px;font-size:42px;padding-right:7px;letter-spacing:-1.42px;color:#222;font-family: "NanumSquareOTFacEB", sans-serif;}
.sy-section .sy-section-txt .txt-sub{margin-top:55px;font-size:20px;}
.sy-section .sy-section-txt .txt-sub .txt-p,
.sy-section .sy-section-txt .txt-sub .txt-p span{height:22px;font-size:20px;}
.sy-section .sy-section-txt .txt-sub .txt-p span{color:#09153a;}
.sy-section-txt .txt-sub .list-box{position:relative;margin-left:23px;}
.sy-section .sy-section-txt .txt-sub .list-box:before{content:"";display:inline-block;width:2px;height:125px;margin:21.3px 33px 0 0;background:#ececec;vertical-align:middle;}
.sy-section .sy-section-txt .txt-sub .list-box:after{content:"";display:inline-block;width:8px;height:8px;margin-top:21px;background:#09153a;border-radius:50%;position:absolute;top:20px;left:-3px;}
.sy-section .sy-section-txt .txt-sub .list-box ul{height:88px;display:inline-block;line-height:1.65; color:#888;vertical-align:middle;}
.sy-company .sy-section.fir{width:1330px;}
.sy-company .sy-section.fir .sy-section-txt{margin-top:229px;padding-left:25px;}
.sy-company .sy-section.fir .sy-section-txt > .txt-p:first-child{margin-bottom:13px;}
.sy-company .sy-section.fir .sy-section-txt .txt-p:last-child{margin-left:4px;}
.sy-company .sy-section.fir .sy-section-txt .txt-sub .txt-p{color:#404040;}
.sy-company .sy-section.fir .sy-section-txt .img-box{margin-top:24.8px;text-align:right;}
.sy-company .sy-section.fir .sy-section-txt .img-box img{position:relative;left:70px;}
.sy-company .sy-section.fir .sy-section-img{margin-left:140px;vertical-align:top;}
.sy-company .sy-section.fir .sy-section-img .img-box{display:inline-block;text-align:center;background:#fff;border-radius: 6px;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);}
.sy-company .sy-section.fir .sy-section-img .img-box.atobid{width:242px;height:338px;margin-top:251px;}
.sy-company .sy-section.fir .sy-section-img .img-box.atobid img{margin:97px auto 117px;}
.sy-company .sy-section.fir .sy-section-img .img-box.halla{width:236px;height:510px;margin-left:11px;vertical-align:top;}
.sy-company .sy-section.fir .sy-section-img .img-box.halla img{margin:289px auto 97px;}
.sy-company .sy-section.sec{width:100%;height:565px;position:relative;z-index:10;}
.sy-company .sy-section.sec .sy-section-img{width:892px;position:absolute;right:1028px;z-index:2;margin-top:159px;background:#101c40;}
.sy-company .sy-section.sec .sy-section-img .business{width:892px;height:270px;background:url(../imeges/img_02.png) no-repeat;}
.sy-company .sy-section.sec .sy-section-img .business .business-box{width:155px;height:270px;background: #101c40;}
.sy-company .sy-section.sec .sy-section-img .business .business-box p{width:17px;height:138px;display:inline-block;margin:66px 94px 0;font-family: "NanumSquareOTFacEB", sans-serif;color:#fff;font-size:15px;writing-mode:vertical-rl;transform:rotate(180deg);position:relative;}
.sy-company .sy-section.sec .sy-section-img .business .business-box p:before{content:"";display:inline-block;width:2px;height:20px;background:#3b476a;position:absolute;left:30px;margin-top:59px;}
.sy-company .sy-section.sec .sy-section-txt{width:1116px;height:516px;position:absolute;right:0;margin-top:49px;background:#f6f6f6;z-index:1;}
.sy-company .sy-section.sec .sy-section-txt .txt-p{margin-left:177px;}
.sy-company .sy-section.sec .sy-section-txt .txt-p:first-child{margin-top:126px;}
.sy-company .sy-section.sec .txt-sub .list-box ul:last-child{color:#555;line-height:1.75;}
.sy-company .sy-section.sec .sy-section-txt .txt-sub .list-box{margin-left:238px;}
.sy-company .sy-section.thir{width:100%;/* height:974px; */margin-top:-136px;padding:136px 0 168px;position:relative;background:url(../imeges/img_bg2.jpg) no-repeat;background-size:cover;}
.sy-company .sy-section.thir .sy-section-txt{width:1280px;display:block;margin:144px auto 0;}
.sy-company .sy-section.thir .sy-section-txt .txt-p:first-child{width:61px;height:14px;margin-bottom:50px;font-size:13px;line-height:1.08;color:#091948;position:relative;-webkit-text-stroke:0.2px #091948;font-family: "NanumSquareOTFacEB", sans-serif;}
.sy-company .sy-section.thir .sy-section-txt .txt-p:first-child:before{content:"";display:inline-block;width:8px;height:8px;margin:3px 0 0 128.1px;background:#09153a;border-radius:50%;position:absolute;z-index:1;}
.sy-company .sy-section.thir .sy-section-txt .txt-p:first-child:after{content:"";display:inline-block;width:644px;height:2px;margin:6px 48.5px;background:#ececec;position:absolute;}
.sy-company .sy-section.thir .sy-section-txt .txt-p:nth-child(3){margin:13px 0 68px;}
.sy-company .sy-section.thir .sy-section-txt .txt-table:before{content:"";display:block;width:1280px;height:1.5px;background:#09153a;border-radius:3px;}
.sy-company .sy-section.thir .sy-section-txt .txt-table:after{content:"";display:block;width:1280px;height:1px;background:#e1e1e1;border-radius:3px;}
.sy-company .sy-section.thir .sy-section-txt .txt-tr{font-size:0;}
.sy-company .sy-section.thir .sy-section-txt .txt-tr:first-child:after{content:"";display:block;width:1280px;height:1px;background:#e1e1e1;border-radius:3px;}
.sy-company .sy-section.thir .sy-section-txt .txt-tr .txt-th{width:28px;height:23px;margin:56px 46.5px 56px 0;line-height:1.76;letter-spacing:1.68px;display:inline-block;font-size:21px;color:#09153a;vertical-align:top;text-decoration:underline;text-underline-position:under;-webkit-text-stroke: 2px #09153a;font-family: "NanumSquareOTFacEB", sans-serif;}
.sy-company .sy-section.thir .sy-section-txt .txt-tr .txt-td{width:1182px;height:59px;display:inline-block;margin:42.5px 0 42px;/* font-size:20px; */font-size:19.5px;line-height:1.85;color:#404040;}
/* //company */

/* history */
.tab-info-area .sy-history{width:100%;height:1066px;display:block;font-size:13px;overflow:hidden;background:url(../imeges/img_bg2_01.jpg) no-repeat;background-size:cover;z-index:1;}
.sy-history .sy-section-txt,
.sy-confirm .sy-section-txt{display:block;font-size:0;text-align:center;}
.sy-history .sy-section-txt .txt-p,
.sy-confirm .sy-section-txt .txt-p{height:22px;font-size:20px;line-height:1.65;color:#555;}
.sy-history .sy-section-txt .txt-p span,
.sy-confirm .sy-section-txt .txt-p span{font-size:32px;line-height:1.09;color:#222;}
.sy-history .sy-section-txt .txt-table{width:427px;height:326px;display:inline-block;
font-size:13px;vertical-align:top;}
.sy-history .sy-section-txt .txt-table:before{content:"";display:inline-block;width:8px;height:8px;background:#09153a;position:relative;top:-6px;}
.sy-history .sy-section-txt .txt-table .txt-th,
.sy-history .sy-section-txt .txt-table .txt-td{text-align:left;}
.sy-history .sy-section-txt .txt-table .txt-th{width:149px;height:66px;margin-bottom:42px;font-size:60px;line-height:1.2;color:#404040;font-family: "NanumSquareOTFacEB", sans-serif;}
.sy-history .sy-section-txt .txt-table .txt-td{height:20px;margin-bottom:37px;font-size:18px;line-height:1.5;color:#555;}
.sy-history .sy-section-txt .txt-table .txt-td span{width:22px;height:20px;margin-right:10px;font-size:18px;line-height:1.11;color:#7b7b7b;font-family: "NanumSquareOTFacEB", sans-serif;}
.sy-history .sy-section-txt .txt-table .txt-td.txt-br{height:47px;}
.sy-history .sy-section-txt .txt-table .txt-td.txt-br span:last-child{margin-left:22px;}
.sy-history .sy-section.fir .sy-section-txt,
.sy-confirm .sy-section.fir .sy-section-txt{margin:230px auto 0;}
.sy-history .sy-section.fir .sy-section-txt .txt-p:first-child,
.sy-confirm .sy-section.fir .sy-section-txt .txt-p:first-child{height:35px;margin-bottom:21px;}
.sy-history .sy-section.sec .sy-section-btn{width:1280px;display:inline-block;text-align:right;font-size:0;}
.sy-history .sy-section.sec .sy-section-btn .btn-box{width:72px;height:72px;display:inline-block;margin:42px 0 55.5px;border:1px solid #d8d8d8;cursor:pointer;}
.sy-history .sy-section.sec .sy-section-btn .btn-box:last-child{border-left:0;}
.sy-history .sy-section.sec .sy-section-btn .btn-box.btn-prev{background:#fff url(../imeges/ic_arrow-left.svg);}
.sy-history .sy-section.sec .sy-section-btn .btn-box.btn-next{background:#fff url(../imeges/ic_arrow-right.svg);}
.sy-history .sy-section.sec .sy-section-btn .btn-box:hover{border:1px solid #09135a;}
.sy-history .sy-section.sec .sy-section-btn .btn-box.btn-prev:hover{background:#fff url(../imeges/ic_arrow-left_hover.svg);}
.sy-history .sy-section.sec .sy-section-btn .btn-box.btn-next:hover{background:#fff url(../imeges/ic_arrow-right_hover.svg);}
.sy-history .sy-section.sec .sy-section-btn .btn-box .sy-icon{font-size:26.7px;}
.sy-history .sy-section.thir{position:relative;}
.sy-history .sy-section.thir:before{content:"";width:1px;height:20px;display:inline-block;background:#9c9c9c;position:absolute;top:-5.7px;left:-111px;}
.sy-history .sy-section.thir .sy-section-txt{width:1278px;height:350px;padding-top:4px;overflow:hidden;}
.sy-history .sy-section.thir .sy-section-txt:before{content:"";width:1712px;height:1px;margin-bottom:19.5px;display:inline-block;background:#9c9c9c;position:absolute;left:-111px;}
.sy-history .sy-section.thir .sy-section-txt .txt-table-wrap{width:5124px;transform:translateX(0);transition:0.5s;text-align:left;}
/* //history */

/* confirm */
.tab-info-area .sy-confirm{width:100%;height:979px;display:block;font-size:13px;overflow:hidden;background:url(../imeges/img_bg3_01.jpg) no-repeat;background-size:cover;z-index:1;}
.sy-confirm .sy-section.sec .sy-section-txt{margin-top:80px;width:1280px;overflow-x:scroll;scrollbar-track-color:#cdc9ca;scrollbar-arrow-color:#cdc9ca;scrollbar-face-color:#09153a;overscroll-behavior:contain; /* 스크롤 중복 방지 */}
.sy-confirm .sy-section.sec .sy-section-txt::-webkit-scrollbar{height:7px;}
.sy-confirm .sy-section.sec .sy-section-txt::-webkit-scrollbar-track{height:4px;background: transparent;border-bottom:5px solid #cdc9ca; }
.sy-confirm .sy-section.sec .sy-section-txt::-webkit-scrollbar-thumb{background:#09153a;}
.sy-confirm .sy-section.sec .sy-section-txt .txt-table-wrap{width:3810px;height:397px;text-align:left;}
.sy-confirm .sy-section.sec .sy-section-txt .txt-table-wrap .txt-table{width:320px;height:318px;margin:0 25px 79px 0;border:1px solid #e6e6e6;display:inline-block;background:#fff;vertical-align:top;cursor:pointer;}
.sy-confirm .sy-section.sec .sy-section-txt .txt-table-wrap .txt-table:hover{border:1px solid #09153a;}
.sy-confirm .sy-section.sec .sy-section-txt .txt-table-wrap .txt-table .txt-td{margin-top:38px;text-align:center;}
.sy-confirm .sy-section.sec .sy-section-txt .txt-table-wrap .txt-table .txt-td img{width:151px;height:205px;}
.sy-confirm .sy-section.sec .sy-section-txt .txt-table-wrap .txt-table .txt-td p{width:130px;height:22px;margin:18px auto 0;font-size:20px;line-height:1.65;color:#404040;}
.pop-box{width:100%;height:100%;margin: auto;display:block;position:fixed;top:0;left:0;z-index:100;background:rgba(0, 0, 0, 0.22);cursor:pointer;display:none;}
.pop-box img{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.pop-box:before{content:"";display: inline-block;width:26px;height:26px;background:url(../imeges/ic_x.svg) no-repeat;position:absolute;top:7%;left:64.5%;z-index:1000;}
/* //confirm */
/* //content */

/* footer */
.footer{width:100%;height:120px;display:block;background:#4a4a4a;color:#fff;text-align:center;}
.footer .company-info{width:630px;display:inline-block;margin:auto;padding-top:50px;line-height:1.8;font-size:13px;}
.footer .company-info li{text-align:left;}
/* //footer */