/**** 공통 ****/


/**** header ****/
#header_bar {width: 100%; height: 115px; padding: 20px 0; position: absolute; top: 0; z-index: 10;}
#header_bar .logo {}


#header_bar .gnb {position: relative; top: 30px;}
#header_bar .gnb .depth1 {float: left; position: relative; font-size: 17px; line-height: 17px; text-align: center; color: white; transition: none; width: 150px; margin-right: 50px; font-family: 'Noto Sans KR', sans-serif;}
#header_bar .gnb .depth1:last-child {margin-right: 0;}

#header_bar .gnb_sub_wrap {position: absolute; left: 0; top: 62px; z-index: 7; width: 100%; height: 0; overflow: hidden; }
#header_bar .gnb_sub_wrap #gnb_sub {padding-top:20px; text-align: center; transition: none;}
#header_bar .gnb_sub_wrap #gnb_sub li {line-height: 30px; font-size: 15px; transition: none; position:relative; color: #a6a5a5; font-family: 'Noto_demi';} 
#header_bar .gnb_sub_wrap #gnb_sub li a {display: block; transition: none;}
#header_bar .gnb_sub_wrap #gnb_sub li a:hover {color: #fff;}


#header_bar.open_menu {background: rgba(0,0,0,0.8); border-bottom: 1px solid #d00f37;}
#header_bar.open_menu .gnb { }
#header_bar.open_menu .gnb .depth1 > a {transition: none;}
#header_bar.open_menu .gnb .depth1:hover > a {color: #d00f37; font-family: 'Noto Sans KR', sans-serif;}
#header_bar.open_menu .gnb .depth1:hover > .gnb_sub_wrap.open_menu:before {content: ''; background: #d00f37; width: 100%; height: 2px; position: absolute; top: 0; left: 0;}

#gnb_sub_bg {width: 100%; height: 0; background: rgba(0,0,0,0.8); transition: height 400ms ease-in-out; position: absolute; top: 115px; left: 0; z-index: 5; overflow: hidden;} 
#gnb_sub_bg.open_menu {}
#gnb_sub_bg .title {position: absolute; top: 80px; left: 0; color: #d00f37; font-size: 24px; line-height: 30px; font-family: 'Noto Sans KR', sans-serif;}
#gnb_sub_bg .title span { font-family: 'Noto_demi'; font-size: 12px;}

.gnb_sub_wrap.open_menu, #gnb_sub_bg.open_menu {height: 285px !important; transition: height 400ms ease-in-out !important;} 
#gnb_sub_bg.open_menu {box-shadow: 0 5px 5px rgba(0,0,0,0.02);}

/**** footer ****/
footer {background: #514e4e; padding: 60px 0; text-align: center;}
footer img {margin-bottom: 30px;}
footer h3 {font-size: 15px; line-height: 20px; font-family: 'Noto Sans KR', sans-serif; color: #c9c8c8;}
footer .info { margin-top: 10px;}
footer .info li {display: inline-block; font-size: 13px; line-height: 13px; border-right: 1px solid #c9c8c8; padding: 0 5px; color: #c9c8c8; margin-bottom: 8px;} 
footer .info li:last-child {border-right: 0;}
footer .info li span {font-family: 'Noto Sans KR', sans-serif; display: inline-block; margin-right: 5px;}
footer p {font-size: 12px; line-height: 15px; margin-top: 10px; color: #c9c8c8;}
footer .menu {margin-top: 30px;}
footer .menu li {display: inline-block; font-size: 15px; line-height: 15px; border-right: 1px solid #c9c8c8; padding: 0 10px; color: #c9c8c8;} 
footer .menu li:last-child  {border-right: 0;}
.top {position: fixed; right: 5%; bottom: 5%; cursor: pointer; transition: none;}


/**** 메인페이지 ****/
/*.main_video {height: 100vh;}*/
.main_video {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%;}
.main_video video {position: fixed; top: 0;  left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1;}
.main_video iframe {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover;}

.main_slide {margin-bottom: -3px;}
.main_slide img {width: 100%;}
.swiper-pagination-bullet-active {background: #d00f37;}

.main_part_2 {background: #d00f37; padding: 100px 0; text-align: center; position: relative; z-index: 1;}
.main_part_2 .title {margin-bottom: 20px;}
.main_part_2 .text {border-left: 30px solid white; border-right: 30px solid white; padding-top: 100px;}
.main_part_2 .text ul  {margin-top: 150px;}
.main_part_2 .text ul li {display: inline-block; width: 240px; height: 60px; border: 1px solid white; font-size: 18px; color: white; text-align: left; margin: 0 5px;}
.main_part_2 .text ul li a {display: block; padding: 16px 30px; position: relative;}
.main_part_2 .text ul li a img {position: absolute; right: 30px; top: 27px;}


/**** 서브 타이틀 섹션 ****/
.sub_title {width: 100%; height: 396px; position: relative;}
.sub_title h2 {font-family: 'Noto Sans KR', sans-serif; font-size: 30px; line-height: 30px; color: white; padding: 0 20px; border-left: 1px solid white; border-right: 1px solid white; width: max-content;}
.sub_title.company {background: url('/images/sub_1_title_bg.jpg') no-repeat center; background-size: cover;}
.sub_title.business {background: url('/images/sub_2_title_bg.jpg') no-repeat center; background-size: cover;}
.sub_title.tech {background: url('/images/sub_3_title_bg.jpg') no-repeat center; background-size: cover;}
.sub_title.board {background: url('/images/sub_4_title_bg.jpg') no-repeat center; background-size: cover;}

/**** LNB ****/
.lnb {background: #d00f37; height: 80px; text-align: center; margin-top: -40px;}
.lnb:before {content: ''; display: block; width: 0px; height: 0px; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 90px solid #d00f37; border-left: 0 solid transparent; position: absolute; left: -90px; top: 0;}
.lnb:after {content: ''; display: block; width: 0px; height: 0px; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 90px solid #d00f37; border-right: 0 solid transparent; position: absolute; right: -90px; top: 0;}
.lnb li {display: inline-block; padding: 0 30px;}
.lnb li a {line-height: 80px; color: white; font-size: 17px; font-family: 'Noto Sans KR', sans-serif;}


/**** Page navi ****/
.page_navi {margin-top: 40px;}
.page_navi h3 {font-size: 18px; line-height: 18px; font-family: 'Noto Sans KR', sans-serif; color: #d00f37;}
.page_navi h3 span {font-size: 12px; line-height: 18px; display: inline-block; margin-left: 5px;}
.page_navi ul {margin-top: 15px;}
.page_navi ul li {display: inline-block; border-right: 1px solid #ccc; padding: 0 10px; font-size: 13px; line-height: 13px; color: #b2a6a6;}
.page_navi ul li:first-child {padding-left: 0;}
.page_navi ul li:last-child {border-right: 0;}
.page_navi ul li.current {color: #333; font-family: 'Noto Sans KR', sans-serif; }

/**** 서브페이지 ****/
.sub_content_wrap {margin-top: 50px; margin-bottom: 100px; text-align: center;}
.sub_content_wrap .title {margin-bottom: 50px;}
.sub_content_wrap .title .red_line {width: 10px; height: 50px; background: #d00f37; display: inline-block;}
.sub_content_wrap .title h2 {font-size: 40px; line-height: 40px; font-family: 'Noto Sans KR', sans-serif; margin: 30px auto 50px;}
.sub_content_wrap .title .gray_line {width: 70px; height: 3px; background: #afafaf; display: inline-block;}

.sub_content_wrap .tabs {margin-bottom: 30px;}
.sub_content_wrap .tabs li {display: inline-block; max-width: 400px; height: 55px; line-height: 55px; font-size: 22px; color: white; background: #a6a3a3; cursor: pointer; margin: 0 2px;}
.sub_content_wrap .tabs.list_2 li {width: 45%; }
.sub_content_wrap .tabs.list_3 li {width: 30%;}
.sub_content_wrap .tabs li.active {background: #d00f37;}

/**** 찾아오시는 길 ****/
#map {width: 100%; height: 500px;}
.map_info {margin-top: 50px;}
.map_info h3 {font-size: 24px; line-height: 30px; color: #595959; margin-bottom: 15px; font-family: 'Noto Sans KR', sans-serif;}
.map_info p {font-size: 18px; line-height: 24px;}
.map_info p span {display: inline-block; font-family: 'Noto Sans KR', sans-serif; margin-right: 10px;}
.map_info ul {max-width: 800px; margin: 30px auto 0;}
.map_info ul li {float: left; width: 50%; font-size: 18px; text-align: left; margin-bottom: 20px;}
.map_info ul li span {display: block; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 5px; color: #d00f37;}




/**** 게시판 ****/
.sub_content_wrap #bo_w {text-align: left;}
.sub_content_wrap #bo_v {text-align: left;}
.sub_content_wrap #bo_list {text-align: left;}

.sub_content_wrap .back_page {display: block; width: 200px; line-height: 50px; border: 1px solid #eee; font-size: 16px; text-align: center; margin: 50px auto;}
.sub_content_wrap .back_page a {display: block;}

.page_title_part {text-align: center; margin-bottom: 50px;}
.page_title_part h2 {font-size: 28px; line-height: 30px; font-family: 'Noto Sans KR', sans-serif; margin-bottom: 10px;}
.page_title_part p {font-size: 18px; line-height: 28px;}

#formmail-write {max-width: 100%;}
#formmail-write .check-list {position: absolute; right: 0; top: -60px; padding: 15px; background: #eee; font-size: 16px;}
#formmail-write h4 {font-size: 18px; line-height: 18px; margin-bottom: 15px; font-family: 'Noto Sans KR', sans-serif;}
#formmail-write .box {background: #f9f9f9; border: 1px solid #eee; padding: 30px; margin-bottom: 50px;}
#formmail-write .form-group .form-control {border: 1px solid #eee; padding: 0 15px;}
#formmail-write .form-group label {font-size: 16px; font-family: 'Noto Sans KR', sans-serif;}
#formmail-write .form-group #wr_content {padding: 15px;}

#bo_list tbody tr:hover {border-left: 2px solid #d00f37;}