.youtube-wrap {position: relative; width: 100%;padding-bottom: 56.25%;}
.player {position: absolute; width: 100%; height: 100%;background: #000;}

/*메인-비디오*/
.main {}
.main .main_wrap {position: relative; height: 650px;}
.main_wrap .main_text {position: absolute; top: 40%; padding: 0 15%; z-index: 99999;}
.main_wrap .main_text h2 {margin-bottom: 30px; font-size: 50px; color: #fff; font-weight: 800;}
.main_wrap .main_text p {font-size: 40px; color: #fff; font-weight: 500;}
.main_wrap .main_video {}
.main_wrap .main_video .main_v_wrap {height: 100%;}
.main_wrap .main_video .main_v_wrap video {width: 100%; height: 100%; object-fit: cover; min-width: 100%; min-height: 100%; position: absolute; top: 0; right: 0;}

/*메인-서비스*/
.cont01 {padding: 90px 0;}
.cont01 .cont01_wrap {max-width: 1260px; margin: 0 auto;}
.cont01_wrap h2 {font-size: 44px; font-weight: 800; color: #222; margin-bottom: 80px; text-align: center;}
.cont01_wrap ul {display: flex; flex-wrap: wrap;}
.cont01_wrap ul li {width: 33.33%; border: 1px solid #281871; display: flex; flex-wrap: wrap;}
.cont01_wrap ul li .cont01_text {height: 270px; padding: 60px 0 0 50px;}
.cont01_wrap ul li .cont01_text h3 {margin-bottom: 30px; color: #222; font-weight: 500; font-size: 30px;}
.cont01_wrap ul li .cont01_text p {width: 90%; word-break: keep-all; font-size: 18px; line-height: 26px; color: #444; font-weight: 400;}
.cont01_wrap ul li .cont01_img {}
.cont01_wrap ul li .cont01_img img {width: 100%;}

/*메인-회사소개*/
.cont02 {padding: 90px 0;}
.cont02 .cont02_wrap {max-width: 1260px; margin: 0 auto;}
.cont02_wrap .cont02_box {overflow: hidden; padding-bottom: 70px;}
.cont02_wrap .cont02_box .cont02_text {width: 60%; float: left;}
.cont02_wrap .cont02_box .cont02_text h2 {font-size: 44px; font-weight: 800; color: #222; margin-bottom: 60px;}
.cont02_wrap .cont02_box .cont02_text p {font-size: 22px; font-weight: 500; color: #222; line-height: 36px; word-break: keep-all; width: 90%; margin-bottom: 70px;}
.cont02_wrap .cont02_box .cont02_text a {font-size: 17px; font-weight: 300; color: #555; padding: 15px 35px; border: 1px solid #281871; border-radius: 40px;}
.cont02_wrap .cont02_box .cont02_text a:hover {background: #281871; color: #fff;}
.cont02_wrap .cont02_box .cont02_img {float: right; width: 40%;}
.cont02_wrap .cont02_box .cont02_img img {width: 100%;}
.cont02_wrap .cont02_num {overflow: hidden;}
.cont02_wrap .cont02_num li {float: left; width: 25%; text-align: center;}
.cont02_wrap .cont02_num li img {margin-bottom: 40px;}
.cont02_wrap .cont02_num li h3 {font-size: 52px; font-weight: 800; color: #281871; margin-bottom: 25px; line-height: 52px;}
.cont02_wrap .cont02_num li span {font-size: 24px; font-weight: 500; color: #444; display: block; text-align: center;}

/*메인-전시회*/
.cont03 {padding: 70px 0; background: url(../img/cont03_bg.png)no-repeat center/cover; overflow: hidden;}
.cont03 .cont03_wrap {margin: 0 auto; max-width: 1260px;}
.cont03_wrap .cont03_text {float: left; width: 75%; overflow: hidden;}
.cont03_wrap .cont03_text .c3_h2 {line-height: 44px; float: left; width: 15%;}
.cont03_wrap .cont03_text .c3_h2 h2 {font-size: 44px; font-weight: 600; position: relative; color: #fff;}
.cont03_wrap .cont03_text h2::after {content: ""; position: absolute; display: inline-block; background: #fff; width: 3px; height: 85px; top: 50%; transform: translateY(-50%); right: -30px;}
.cont03_wrap .cont03_text .c3_p {float: left; width: 85%; padding-top: 15px;}
.cont03_wrap .cont03_text .c3_p p {color: #fff; font-size: 24px; font-weight: 500; padding-left: 10%;}
.cont03_wrap .cont03_link {float: right; width: 25%; text-align: right; padding-top: 15px;}
.cont03_wrap .cont03_link a {color: #fff; font-size: 16px; font-weight: 300; padding: 12px 40px; border: 1px solid #fff;}
.cont03_wrap .cont03_link a:hover {color: #333; background: #fff; font-weight: 500;}

/*메인-고객센터*/
.cont04 {padding: 90px 0; background: url(../img/cont04_bg.png)no-repeat center/cover;}
.cont04 .cont04_wrap {max-width: 1260px; margin: 0 auto;}
.cont04_wrap ul {overflow: hidden;}
.cont04_wrap ul li {float: left; width: 33.33%; padding: 0 20px;}
.cont04_wrap ul li .cont04_box {background: #fff; padding: 50px 0px 0 30px; height: 210px;}
.cont04_wrap ul li:nth-child(3) .cont04_box {background: rgba(40,24,113,0.9);}
.cont04_wrap ul li .cont04_box a {}
.cont04_wrap ul li .cont04_box a img {float: left;}
.cont04_wrap ul li .cont04_box a:hover img {opacity: 0.8; transition: 0.3s ease-in;}
.cont04_wrap ul li .cont04_box a .cont04_text {float: left; width: 65%; padding-left: 10px;}
.cont04_wrap ul li .cont04_box a .cont04_text h3 {font-size: 24px; color: #333; font-weight: 500; margin-top: 20px;}
.cont04_wrap ul li .cont04_box a .cont04_text p {margin-top: 10px; font-size: 17px; font-weight: 400; color: #666; line-height: 24px; word-break: keep-all;}
.cont04_wrap ul li .cont04_box .cont04_textbox {}
.cont04_wrap ul li .cont04_box .cont04_textbox h2 {font-size: 24px; color: #fff; font-weight: 500; margin-bottom: 10px;}
.cont04_wrap ul li .cont04_box .cont04_textbox p {font-size: 17px; font-weight: 500; color: #fff;}
.cont04_wrap ul li .cont04_box .cont04_textbox a {font-size: 17px; font-weight: 500; color: #fff;}
.cont04_wrap ul li .cont04_box .cont04_textbox p span {font-size: 24px; font-weight: 600;}
.cont04_wrap ul li .cont04_box .cont04_textbox a span {font-size: 24px; font-weight: 600;}

/*서브-회사소개-인사말*/
.sub01 {}
.sub01 .s1_c1_img {margin-bottom: 60px; text-align: center;}
.sub01 .s1_c1_img img {}
.sub01 .s1_c1 {overflow: hidden; position: relative; padding: 0 10px 0px 10px;}
.sub01 .s1_c1 .s1_c1_text {padding: 0 20px;}
.sub01 .s1_c1 .s1_c1_text h2 {font-size: 27px; font-weight: 600; line-height: 40px; color: #333; word-break: keep-all; margin-bottom: 20px;}
.sub01 .s1_c1 .s1_c1_text p {font-size: 17px; font-weight: 400; line-height: 26px; margin-bottom: 15px; color: #444; word-break: keep-all;}
.sub01 .s1_c1 .s1_c1_text p:last-child {font-size: 25px; font-weight: 500; color: #222; text-align: right;}

/*서브-회사소개-오시는길*/
.sub01 .s1_c2 {}
.sub01 .s1_c2 .s1_c2_map {}
.sub01 .s1_c2 .s1_c2_map iframe {width: 100%;}
.sub01 .s1_c2 .s1_c2_table {margin-top: 50px; overflow: hidden;}
.sub01 .s1_c2 .s1_c2_table .s1_c2_img {width: 30%; float: left; text-align: center;}
.sub01 .s1_c2 .s1_c2_table .s1_c2_img img {padding-top: 55px;}
.sub01 .s1_c2 .s1_c2_table table {width: 70%; float: right;}
.sub01 .s1_c2 .s1_c2_table table tr {border-bottom: 1px solid #d1d1d1;}
.sub01 .s1_c2 .s1_c2_table table tr:first-child {border-top: 2px solid #0e0868;}
.sub01 .s1_c2 .s1_c2_table table tr th {font-size: 18px; font-weight: 500; color: #222; background: #eee; border-right: 1px solid #d1d1d1; padding: 10px;}
.sub01 .s1_c2 .s1_c2_table table tr td {font-size: 17px; font-weight: 400; color: #555; padding: 10px;}

/*서브-수상내역*/
.tab_nav {overflow: hidden; margin-bottom: 50px;}
.tab_nav li {float: left; width: 18%; border-radius: 5px; text-align: center; padding: 20px; margin: 0 15px; cursor: pointer; font-size: 19px; color: #444; background: #eee;}
.tab_nav li.current {font-weight: 600; background: #fff; color: #0e0868; border: 3px solid #0e0868;}
.tab_content {display: none;}
.tab_content.current {display: inherit;}

.certifi-item
{float:left; width:25%; padding:0 15px; margin-bottom:50px;}
.certifi-item > a
{display:inline-block; width:100%; height:100%;}
.certifi-item .certifi-img
{width:100%; height:350px; position:relative; box-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.certifi-item .certifi-img > span
{background:#c6c6c6; display:inline-block; width:100%; height:100%;}
.certifi-item .certifi-over-box
{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); transition:all 0.3s}
.certifi-item .certifi-over-box:hover
{opacity: 0.8;}
.certifi-tit
{display:table; width:100%; height:70px;}
.certifi-tit-inner
{display:table-cell; vertical-align:middle; text-align:center;}
.certifi-tit h3
{font-size:17px; color:#555;}

#menu1 .certifi-item:nth-child(1) .sub04_img {background: url(../img/sub05_img01.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(2) .sub04_img {background: url(../img/sub05_img02.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(3) .sub04_img {background: url(../img/sub05_img03.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(4) .sub04_img {background: url(../img/sub05_img04.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(5) .sub04_img {background: url(../img/sub05_img05.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(6) .sub04_img {background: url(../img/sub05_img06.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(7) .sub04_img {background: url(../img/sub05_img07.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(8) .sub04_img {background: url(../img/sub05_img08.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(9) .sub04_img {background: url(../img/sub05_img09.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(10) .sub04_img {background: url(../img/sub05_img10.png)no-repeat top center/cover;}
#menu1 .certifi-item:nth-child(11) .sub04_img {background: url(../img/sub05_img11.png)no-repeat top center/cover;}

#menu2 .certifi-item:nth-child(1) .sub04_img {background: url(../img/sub05_img12.png)no-repeat top center/cover;}
#menu2 .certifi-item:nth-child(2) .sub04_img {background: url(../img/sub05_img13.png)no-repeat top center/cover;}
#menu2 .certifi-item:nth-child(3) .sub04_img {background: url(../img/sub05_img14.png)no-repeat top center/cover;}
#menu2 .certifi-item:nth-child(4) .sub04_img {background: url(../img/sub05_img15.png)no-repeat top center/cover;}

/*서브-회사소개-채용정보*/
.sub06 {}
.sub06 .sub06_box {}
.sub06 .sub06_box .sub06_text {margin-bottom: 50px;}
.sub06 .sub06_box .sub06_text h2 {font-size: 32px; color: #0e0868; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #0e0868; margin-bottom: 20px;}
.sub06 .sub06_box .sub06_text p {font-size: 19px; font-weight: 500; line-height: 36px; word-break: keep-all; padding-left: 20px;}
.sub06 .sub06_box .sub06_img {}
.sub06 .sub06_box .sub06_img h3 {font-size: 32px; color: #0e0868; font-weight: 600; padding-bottom: 15px; border-bottom: 1px solid #0e0868; margin-bottom: 30px;}
.sub06 .sub06_box .sub06_img ul {overflow: hidden;}
.sub06 .sub06_box .sub06_img ul li {float: left; text-align: center; width: 20%; height: 230px; padding: 15px;}
.sub06 .sub06_box .sub06_img ul li .sub06_imgwrap {padding-top: 40px; border-radius: 100%; border: 1px solid #ddd; background: #fbfbfb; height: 100%;}
.sub06 .sub06_box .sub06_img ul li img {margin-bottom: 10px;}
.sub06 .sub06_box .sub06_img ul li p {font-size: 14px; font-weight: 600; color: #888;}
.sub06 .sub06_box .sub06_img ul li b {font-size: 17px; font-weight: 500; color: #333;}



@media screen and (max-width: 1024px){
  .main {padding-top: 40px;}
  
  .cont01 {padding: 50px 20px;}
  .cont01_wrap h2 {font-size: 40px; margin-bottom: 30px;}
  .cont01_wrap ul li .cont01_text {padding: 40px 0 0 20px;}
  .cont01_wrap ul li .cont01_text h3 {font-size: 26px; margin-bottom: 20px;}
  .cont01_wrap ul li .cont01_text p {font-size: 16px;}
  
  .cont02 {padding: 50px 20px 90px;}
  .cont02_wrap .cont02_box .cont02_text h2 {font-size: 38px; margin-bottom: 20px;}
  .cont02_wrap .cont02_box .cont02_text p {font-size: 18px; line-height: 30px; margin-bottom: 45px;}
  .cont02_wrap .cont02_box .cont02_text a {font-size: 15px; padding: 10px 25px;}
  .cont02_wrap .cont02_num li h3 {font-size: 46px; line-height: 46px;}
  .cont02_wrap .cont02_num li span {font-size: 20px;}
  
  .cont03 {padding: 50px 20px;}
  .cont03_wrap .cont03_text {width: 80%;}
  .cont03_wrap .cont03_text .c3_h2 {line-height: 38px;}
  .cont03_wrap .cont03_text .c3_h2 h2 {font-size: 38px;}
  .cont03_wrap .cont03_text .c3_p {padding-top: 0;}
  .cont03_wrap .cont03_text .c3_p p {font-size: 20px;}
  .cont03_wrap .cont03_link {width: 20%;}
  
  .cont04 {padding: 50px 20px;}
  .cont04_wrap ul li {width: 50%; padding: 20px;}
  
  .sub01 .s1_c1_img img {width: 100%;}
  
  .certifi-item {width: 33.33%;}
  
  .sub06 .sub06_box .sub06_text {margin-bottom: 30px;}
  .sub06 .sub06_box .sub06_text h2 {font-size: 26px;}
  .sub06 .sub06_box .sub06_text p {font-size: 17px; line-height: 30px;}
  .sub06 .sub06_box .sub06_img h3 {font-size: 26px;}
  .sub06 .sub06_box .sub06_img ul li {padding: 15px 14%;}
  
}

@media screen and (max-width: 768px){
  .main .main_wrap {height: 550px;}
  .main_wrap .main_text h2 {font-size: 36px; margin-bottom: 15px;}
  .main_wrap .main_text p {font-size: 30px;}
  
  .cont01_wrap ul li {width: 50%; margin-bottom: 30px;}
  
  .cont02_wrap .cont02_box .cont02_text {width: 100%;}
  .cont02_wrap .cont02_box .cont02_text h2 {font-size: 34px; margin-bottom: 30px;}
  .cont02_wrap .cont02_box .cont02_text p {width: 100%; font-size: 17px;}
  .cont02_wrap .cont02_box .cont02_img {display: none;}
  .cont02_wrap .cont02_num li h3 {font-size: 40px; line-height: 40px; margin-bottom: 10px;}
  
  .cont03_wrap .cont03_text {width: 100%; text-align: center;}
  .cont03_wrap .cont03_text .c3_h2 {width: 100%; margin-bottom: 20px;}
  .cont03_wrap .cont03_text .c3_p {width: 100%; margin-bottom: 30px;}
  .cont03_wrap .cont03_text .c3_p p {padding-left: 0;}
  .cont03_wrap .cont03_link {width: 100%; text-align: center;}
  
  .cont04_wrap ul li {width: 100%; padding: 10px 0;}
  
  .sub01 .s1_c1 {padding: 0;}
  .sub01 .s1_c1_img {margin-bottom: 40px;}
  .sub01 .s1_c1 .s1_c1_text h2 {font-size: 24px; line-height: 30px;}
  .sub01 .s1_c1 .s1_c1_text p {font-size: 16px; line-height: 22px;}
  .sub01 .s1_c1 .s1_c1_text p:last-child {font-size: 22px;}
  
  .sub01 .s1_c2 {margin-top: 50px;}
  .sub01 .s1_c2 .s1_c2_table .s1_c2_img {display: none;}
  .sub01 .s1_c2 .s1_c2_table table {width: 100%;}
  
  .sub02 .sub02_box {width: 50%;}
  .sub02 .sub02_box a h2 {font-size: 17px;}
  
  .certifi-item {width: 50%;}
  .tab_nav li {width: 22%;}
  
  .sub06 .sub06_box .sub06_img ul li {padding: 15px 10%;}
  
  
  
}

@media screen and (max-width: 570px){
  .cont01_wrap ul li {width: 100%;}
  .cont01_wrap ul li .cont01_text {height: inherit; padding: 30px;}
  .cont01_wrap ul li .cont01_text p {width: 100%;}
  .cont01_wrap ul li .cont01_img {width: 100%;}
  
  .sub06 .sub06_box .sub06_img ul li {padding: 15px 5%;}
  
}

@media screen and (max-width: 450px){
  .main .main_wrap {height: 450px;}
  .main_wrap .main_text {padding: 0 10%;}
  .main_wrap .main_text h2 {font-size: 42px;}
  .main_wrap .main_text p {font-size: 24px;}
  
  .cont02 .cont02_wrap h2 {font-size: 20px; word-break: keep-all;}
  .cont02_wrap .cont02_text h2 span {font-size: 17px; word-break: keep-all;}
  .cont02_wrap .cont02_text a {font-size: 14px; padding: 5px 10px;}
  .cont02_wrap .cont02_num li {width: 50px; padding-bottom: 30px;}
  
  .cont04_wrap ul li .cont04_box {height: 180px; padding: 30px 0 0 20px;}
  .cont04_wrap ul li .cont04_box a img {width: 25%; padding-top: 15px;}
  .cont04_wrap ul li .cont04_box a .cont04_text {padding-left: 15px;}
  .cont04_wrap ul li .cont04_box a .cont04_text h3 {font-size: 21px;}
  .cont04_wrap ul li .cont04_box a .cont04_text p {font-size: 15px; line-height: 20px;}
  .cont04_wrap ul li .cont04_box .cont04_textbox h2 {font-size: 21px;}
  .cont04_wrap ul li .cont04_box .cont04_textbox a {font-size: 15px;}
  .cont04_wrap ul li .cont04_box .cont04_textbox a span {font-size: 20px;}
  .cont04_wrap ul li .cont04_box .cont04_textbox p {font-size: 15px;}
  .cont04_wrap ul li .cont04_box .cont04_textbox p span {font-size: 20px;}
  
  .sub01 .s1_c1 .s1_c1_text h2 {font-size: 20px; line-height: 24px;}
  .sub01 .s1_c1 .s1_c1_text p {font-size: 15px;}
  .sub01 .s1_c1 .s1_c1_text p:last-child {font-size: 18px;}
  
  .sub02 .sub02_box {width: 100%;}
  
  .certifi-item {width: 100%;}
  .tab_nav li {width: 40%;}
  
  .sub06 .sub06_box .sub06_img ul li {padding: 5px; height: 210px;}
  
}

@media screen and (max-width: 375px){
  .sub-cont {padding: 50px 0;}
  
  .sub06 .sub06_box .sub06_img ul li {width: 100%; padding: 5px 20%;}
  
}