@charset 'utf-8';
/* COMPANY */
.sub_wrap.company {padding:0 0 150px 0}
.company .col_2 {align-items: center; margin-bottom:190px; gap:50px; }
.company .txt_wrap {padding-left: 7vw;}
.company .img_wrap {max-width: 50.3%; flex:0 0 52%; height:100vh; max-height:1000px;}
/*.company .img_wrap  img {height:100vh !important;}*/
.company .col_2.rever .txt_wrap {padding-right: 7vw; padding-left:0;}
.company .col_2.short_p .txt_wrap {padding-right: 2vw !important;}
.company .txt_wrap .title {font-weight: 700; font-size:26px;}
.company .txt_wrap p {display: block; font-size:16px; line-height: 32px; margin-top:65px;}

/* BUSINESS */
.business {margin-top: 160px;}
.business .col_2 {margin-bottom:7vw;}
.business .row_2 {display: flex; flex-direction: column; gap:10vw; justify-content: flex-end;}
.business .row_2.rever {flex-direction: column-reverse; align-items: flex-end;}
.business .row_2.rever .txt_wrap {text-align: right; margin:0;}
.business .txt_wrap {margin-top:50px;}
.business .txt_wrap .title {font-size:30px;}
.business .txt_wrap p {display: block; line-height: 32px; margin-top: 60px;}
.business .col_2.rever {flex-direction: row; justify-content: space-between;}
.business .col_2.rever .row_2.rever {align-items: flex-start;}
.business .col_2.rever .row_2.rever .txt_wrap {text-align: left;}
.business .col_2.rever .row_2 {align-items: flex-end;}
.business .col_2.rever .row_2 .txt_wrap {text-align: right;}

/* 비지니스 컴퍼니처럼 */
.business.renew .col_2 {align-items: center;}
.business.renew .col_2 .txt_wrap {margin:0;}
.business.renew .col_2 .img_wrap {text-align: right;}
.business.renew .col_2.rever {flex-direction: row-reverse;}
.business.renew .col_2.rever .txt_wrap {text-align: right;}
.business.renew .col_2.rever .img_wrap {text-align: left;}

/* MEMEBER */
.member {background:url('../images/member/bg_search.jpg') center / cover no-repeat; padding:0 0 150px 0; height:860px;}
.member .inner {}
.member .src_wrap {background:rgba(255, 255, 255, 0.1); height:35vw;}
.member .src_wrap .search_con {display: flex; justify-content: center; align-items: center; height: 100%;}
.member .src_wrap .search_con form {position: relative; }
.member .src_wrap .search_con label {display: none;}
.member .src_wrap .search_con input {background:transparent; width:380px; border:none; border-bottom:1px solid #000; font-family: "Batang", "BatangChe", "AppleMyungjo", serif; padding:25px 0 ;}
.member .src_wrap .search_con input:focus {border:none; border-bottom:1px solid #000;}
.member .src_wrap .search_con input::placeholder {color:#000;}
.member .src_wrap .search_con button.btn_search {display: block; width:21px; height:21px; position: absolute; top:15px; right:0; text-indent: -999px; overflow: hidden; background:url('../images/member/icon_search.png') center no-repeat; }
.member .src_wrap .related_wrap {position: absolute; left:0; top:51px; width: 100%; display: none; }
.member .src_wrap .related_wrap ul {line-height: 40px; width:100%; background: rgba(255, 255, 255, 0.5); padding:30px 25px;}
.member .src_wrap .related_wrap .rlt_close {margin-top:41px; text-align: center;}

.member_view {}
.member_view .top_wrap {text-align: center; padding:80px 0 60px 0; border-bottom:1px solid #e7e7e7; font-size:40px;}
.member_view .top_wrap h2 {font-size:30px;}
.member_view .bt_wrap {display: flex; gap:110px; margin-top:70px;}
.member_view .bt_wrap .lft_wrap {flex:0 0 480px; max-width: 480px;}
.member_view .bt_wrap .rgh_wrap {line-height: 26px;}
.member_view .bt_wrap .name {margin-bottom:80px; font-weight: 700; font-size:18px;}
.member_view .bt_wrap .txt {margin-bottom:90px; font-weight: 400;}
.member_view .bt_wrap .txt .tit {margin-bottom:35px; font-weight: 700;}
.member_view .bt_wrap .txt ul {}
.member_view .bt_wrap .txt p {font-weight: 400;}

.recruit {}
.recruit .top_wrap {padding:200px 0; text-align: center; border-bottom:1px solid #e7e7e7;  font-size:20px;}
.recruit .top_wrap h2 {font-size:30px; margin-bottom:80px;}
.recruit .top_wrap span {display: block; margin-bottom:30px;}
.recruit .bt_wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; gap:70px; padding:200px 0 50px 0;}
.recruit .bt_wrap .tit {font-size:26px;}
.recruit .bt_wrap ul {display: flex; gap:210px;}
.recruit .bt_wrap ul li {}
.recruit .bt_wrap ul li a {color:#777777; text-align: center; display: flex; flex-direction: column; justify-content: center; gap:17px;}
.recruit .bt_wrap ul li a::before {content: ''; display: inline-block; width:70px; height:70px; background:url('/resource/images/member/icon_down.png') center / cover no-repeat;}


/* NOTICE */
.notice .board_wrap {}
.notice .board_wrap .row {border-bottom:1px solid #ececec;}
.notice .board_wrap .row.notice {background:#f1f4f1; font-weight: 700;}
.notice .board_wrap .row a {display: flex; width:100%; color:#000; padding:15px 0;}
.notice .board_wrap .row .tit {flex:0 0 104px; text-align: center;}
.notice .board_wrap .row .txt {flex:1 1 auto;}
.notice .board_wrap .row .date {flex:0 0 160px; text-align: center;}

.notice .view .view_top {padding:50px 0; text-align: center; border-bottom:1px solid #ececec; border-top:1px solid #ececec;}
.notice .view .view_top .tit {font-size:25px; font-weight:700; line-height: normal; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.notice .view .view_top .date {display: block; color:#bdbdbd; margin-top:20px;}
.notice .view .view_top .add-file {margin-top:30px; text-align: left; display: flex; flex-direction: row; align-items: center; gap:15px; font-size:14px; }
.notice .view .view_top .add-file a {color:#000; text-decoration: underline;}
.notice .view .view_con {border-bottom:1px solid #ececec; padding:6.875em 0; max-width: 1024px; margin:0 auto;}
.notice .view .view_con p {font-size:1.25em; line-height: 1.5em;}
.notice .board_wrap .btn_wrap {display: block; width:100%;text-align: center; margin-top:5.625em;}
.notice .board_wrap .btn_wrap ul {display: flex; gap:20px; justify-content: center; align-items: center;}
.notice .board_wrap .btn_wrap button {text-align: center; padding:20px 0; max-width:178px; width:80%; background:#000000; color:#fff;}

.notice .board_wrap .move_btn {margin-top:3.125em;;}
.notice .board_wrap .move_btn > ul {display: flex; flex-direction: column; border-top:1px solid #000; border-bottom:1px solid #000;}
.notice .board_wrap .move_btn > ul > li:first-child {border-bottom:1px solid #ececec;}
.notice .board_wrap .move_btn a {display: flex; padding:25px 41px; color:#000; }
.notice .board_wrap .move_btn a > span {color:#8e8e8e; display: inline-block; width:180px; margin-right:15px;}
.notice .board_wrap .move_btn a > p {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;  width:80%;}

.notice .board_foot {position: relative;}
.notice .board_foot .search_wrap {position: absolute; right:0; top:0;}
.search_form_con label {display: none;}
.search_form_con input {border:none; border-bottom:1px solid #bdbdbd; padding:24px 25px 24px 0; width:280px;}
.search_form_con button {position: absolute; right:0; top:50%; transform: translate(0, -50%); display: inline-block; width:25px; height:25px; background:url('../images/common/src_btn.png') center no-repeat; text-indent: -99999px; overflow: hidden;}

/* LOCATION */
.location {}
.location .inner {}
.location .top_wrap {text-align: center; margin-top:80px; }
.location .top_wrap h2 {font-size:30px; letter-spacing: 0;}
.location .top_wrap .link_wrap {}
.location .top_wrap .link_wrap ul {display: flex; justify-content: center; gap:50px; margin-top:40px; padding-bottom:35px; border-bottom:1px solid #e7e7e7;}
.location .top_wrap .link_wrap ul > li {}
.location .top_wrap .link_wrap ul > li > a {color:#b5b5b5; font-weight: 400;}
.location .top_wrap .link_wrap ul > li > a:hover {color:#000;}
.location .top_wrap .link_wrap ul > li > a.active {color:#000;}
.location .top_wrap .img_wrap {margin-top:95px;}
.location .top_wrap .img_wrap ul {display: flex; justify-content: space-between; gap:0;}
.location .top_wrap .img_wrap ul > li {cursor: pointer;}
.location .top_wrap .img_wrap ul > li:hover {opacity: 0.9;}
/*
.location .top_wrap .img_wrap ul > li {flex:0 0 33.3333%;}
.location .top_wrap .img_wrap ul > li img {width:100%;}
*/
.location .item {text-align: center; margin-top:200px; scroll-margin-top: 150px;}
.location .item .tit {margin-bottom:25px;}
.location .item .add {margin-bottom:68px;}
.location .item .map_wrap {height:530px; max-width: 1200px; margin:0 auto;}

/*	common */
.col_2 {display: flex; }
.col_2.rever {display: flex; flex-direction: row-reverse;}
.col_2 > * {flex:0 0 50%; max-width: 50%;}
.tta_r {text-align: right;}
.mb_140 {margin-bottom:140px;}
/*h2 {letter-spacing: -.125em;}*/


/*	modal */
.modal-con {display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); max-width: 700px; width:50%; height: 600px; background:#fff; z-index: 9999; border-radius: 20px;}
.modal-con .title{ font-size:24px; padding:60px 40px 0 40px; color:#000000; font-weight: 600; letter-spacing: -.1rem;}
.modal-con .con {font-size:15px; line-height:1.3; padding:20px 40px 0 40px; top: 50%; transform: translate(0, -50%);  display: block; position: relative;}
.modal-con .con .txt {text-align: center; font-size:30px; font-weight: 600;}
.modal-con .con .txt span {display: block; margin-top:25px;}
.modal-con .modal_close { display:block; position:absolute; width:30px; height:30px; right:40px; top:50px; background: url(/images/main/btn_close.png) no-repeat; background-size:cover; z-index: 999;}

/* 이용약관*/
.pvsCntTp {clear:both; text-align: left;}
.pvsCntTp .pd1 { padding:10px 0 15px 0;}
.pvsCntTp .pd2 {margin-top:18px;}
.pvsCntTp ol li dl {position:relative; overflow:hidden; zoom:1; padding-bottom:20px;}
.pvsCntTp ol li dl dt {padding:19px 0 14px 0; color:#333;}
.pvsCntTp ol li dl dd {padding:0 0 14px 20px; color:#333;}
.pvsCntTp ol li dl.nobg {background:none;}

/* 페이저 */
.pager {display: flex; width:100%; align-items: center; justify-content: center; margin-top:90px;}
.pager .arr {width:32px; height:42px; line-height: 42px; }
.pager a {display: block; width:100%; height:100%; text-align: center; color:#000;}
.pager > ul  {display: flex; gap:5px; margin:0 20px;}
.pager > ul > li {width:44px; height:44px; line-height: 44px;}
.pager > ul > li.on {border:1px solid #5d5d5d; border-radius: 2px;}
.pager > ul > li.on a {text-decoration: underline;}

.view_wrap {display: none; padding:20px 0; text-align: center;}
.view_wrap a {display: block; color:#000; text-decoration: underline;}

@media screen and (max-width:1400px) {	
	

}

@media screen and (max-width:1024px) {	
	
	.col_2.rever {flex-direction: column !important;}
	
	/* COMPANY */
	.company .txt_wrap .title {display: flex; flex-direction: column; gap:20px;}
	.company .col_2 {margin:90px 0 200px 0; width: auto;}
	.company .txt_wrap {padding-left:0;}
	.company .col_2.rever .txt_wrap {padding-right: 0; padding-left:0;}
	.company .img_wrap {max-width: 100%; flex:0 0 100%; height:auto;}
	.company .img_wrap  img {height:auto !important;}

	/* BUSINESS */
	.business .row_2.rever {flex-direction: column;}
	.business .col_2 {margin-bottom: 150px; gap:150px;}
	.business .row_2 {gap:50px;}
	.business .row_2 .img_wrap {display: flex; justify-content: center; width:100%;}
	.business .row_2 .txt_wrap {text-align: center;}
	.business .col_2.rever {flex-direction: column;}
	.business .col_2.rever {flex-direction: column-reverse !important;}
	.business .row_2.rever .txt_wrap {width:100%; text-align: center;}
	.business .col_2.rever .row_2 .txt_wrap,
	.business .col_2.rever .row_2.rever .txt_wrap {text-align: center;}
	
	.business.renew .col_2.rever {flex-direction:column !important ;}


	/* MEMEBER */
	.member_view .bt_wrap {flex-direction: column;}
	.member .src_wrap .search_con input {width:310px;}
	
	.recruit .bt_wrap ul {flex-direction: column; gap:50px;}


	/* NOTICE */
	.notice .board_wrap .row .date {display: none;}
	.notice .board_foot {display: flex; flex-direction: column; gap:20px;}
	.notice .board_foot .search_wrap {position: relative; right:auto; top:auto;}
	.pager > ul > li {width:22px; height:22px; line-height: 22px;}
	.search_form_con input {width:100%;}
	.notice .board_wrap .move_btn a > span {width:60px;}
	.notice .view .view_con .se-section-table {width: auto !important; overflow-x: scroll;}
	.notice .view .view_con td {width: fit-content !important;}
	.notice .view .view_con table {width:100% !important;}
	.notice .view .view_con div {padding:0 !important;}



	/* LOCATION */
	.location .top_wrap .img_wrap ul {flex-direction: column; gap:20px;}
	
	
	/*	common */
	.col_2 {flex-direction: column; gap:50px;}
	.col_2 > * {flex:0 0 100%; max-width: 100%; text-align: center !important;}
	

	.view_wrap {display: block;}


}

@media screen and (max-width:768px) {	
	/* COMPANY */


	/* BUSINESS */


	/* MEMEBER */


	/* LOCATION */
	
	/* NOTICE */
	.notice .view .view_top .add-file {flex-direction: column;}
	
	
	/*	common */
			
}

@media screen and (max-width:425px) {		
	/* COMPANY */


	/* BUSINESS */


	/* MEMEBER */


	/* LOCATION */
	
	
	/*	common */
	
}

@media screen and (max-width:320px) {		
	
}