/* ====================================== */
/* sub - header					   		  */
/* ====================================== */ 
.sub_header_bg {width:100%; position:relative; transition:none;}
.sub_header_wrap {position:relative;}
.header_bg_inner {margin: 0 auto;padding: 0 20px;max-width: 1440px;position: relative;}
.sub_header_bg img {position:relative; width:100%;}

.sub_header_bg {
    width: 100%;
    position: relative;
    padding-bottom: 27.35%;
}
.sub_header_wrap {
    top: 0;
	left: 0;
	width: 100%;
    height: 100%;
	position: absolute;
}
.header_bg_inner {
	margin: 0 auto;
    padding: 0 20px;
    max-width: 1440px;
	position: unset;
}

.sub_com .sub_header_bg {background: url(/public/img/company/company_top.jpg) no-repeat center / cover;}
.sub_visa .sub_header_bg {background: url(/public/img/visa/visa_top_bg.jpg) no-repeat center / cover;}
.sub_per .sub_header_bg {background: url(/public/img/permanent/permanent_header_bg.jpg) no-repeat center / cover;}
.sub_commu .sub_header_bg {background: url(/public/img/community/community-bg01.jpg) no-repeat center / cover;}
.sub_inq .sub_header_bg {background: url(/public/img/community/community-bg01.jpg) no-repeat center / cover;}
.sub_law .sub_header_bg {background: url(/public/img/law/law_topBg.jpg) no-repeat center / cover;}

.page_title p {
	color:#fff;
	font-family: Pretendard;
	font-size: 65px;
	font-weight: 700;
	line-height: 78px;
	margin: 0 auto;
	padding: 0;
	max-width:1440px;	
	position:absolute;
	bottom:60px;
}
.page_title.l20 p {left:20px;}
@media (max-width:1400px) {.page_title p {font-size:55px; bottom:35px;}}
@media (max-width:991px) {.pc_only {display:none;} .sub_header_bg {padding-bottom:34.35%;}}
@media (max-width:767px) {
	.sub_header_wrap {height: 100%;}
	.sub_header_bg img {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.sub_header_bg {padding-bottom: 74.7%;}
	.page_title p {
		color:#fff;
		font-weight:700;
		font-size: 34px;
		line-height: 40px;
		max-width: 1440px;
		position: absolute;
		bottom: 25px;
		padding:0;
	}
	.sub_visa .sub_header_bg {background: url(/public/img/visa/visa_top_bg_mo.jpg) no-repeat center / cover;}
	.sub_per .sub_header_bg {background: url(/public/img/permanent/permanent_header_bg_mo.jpg) no-repeat center / cover;}
	.sub_commu .sub_header_bg {background: url(/public/img/community/com_top_bg_mo.jpg) no-repeat center / cover;}
	.sub_inq .sub_header_bg {background:url(/public/img/community/com_top_bg_mo.jpg) no-repeat center / cover;}
	.sub_law .sub_header_bg {background: url(/public/img/law/law_topBg_mo.jpg) no-repeat center / cover;}
}

/* ====================================== */
/* sub - body_nav					   	  */
/* ====================================== */
.compnay_Wrapper {
    overflow-X: hidden;
} 
.body_nav_warp {
	box-sizing: border-box;
    border-bottom: 1px solid #EEEEEE;
}
.body_nav_inner {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1440px;
    height: 70px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.body_nav {
	height:100%;
	display:flex;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	align-items: center;
}
.b_nav:nth-child(2) {
	margin: 0 10px 0 50px;
}

.b_nav.home {
	width:24px;
	height:24px;
}

.b_nav.home img {width:100%;}


.select_nav {
	position:relative;
	cursor:pointer;
	display:flex;
	color:#777;
	
	font-family: Pretendard;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}
ul.select_nav_h {
    width: 100%;
	height:100%;
    padding:0px 0px;
	display:flex;
	align-items:center;
}
.select_nav_h li {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: flex-start;
    padding-left: 25px;
	justify-content: center;
}
.select_nav_h img {
	padding-bottom: 2px;
	padding-left:20px;
}
.select_nav_h:hover .select_nav_menu {
	display:block;
	padding-top: 0px;
	box-shadow: 0px 5px 15px 0px #00000014;
}
ul.select_nav_menu.cac {width:186px;}
.select_nav_menu {
    display: none;
    width: 100%;
    position: absolute;
    trasition: all 0.35s ease-in;
    top: 100%;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
}
.select_nav_menu.w153 {width:153%;}
.select_nav_menu.w153 li {padding:18px 30px;}
.select_nav_menu li {
    padding: 18px 0px 18px 0px;
    background-color: #fff;
    box-sizing: border-box;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: #777;
}
.sub_visa .select_nav_menu li {
	padding: 18px 0px 18px 0px;
	justify-content: center;
}
.sub_inq .select_nav_menu li {
	padding: 18px 0px 18px 0px;
	justify-content: center;
}
.select_nav_menu li:hover {
	color:#111;
	font-weight: 500;
	background-color:#F8F8F8;
}
.select_nav_arrow {margin-left:12px;}
.b_nav {height:100%; display: flex; align-items: center;}
.b_nav.sub_page {position: relative;}
.b_nav.sub_page img {padding-left: 20px; width: 13px;}
.sub_page.select_nav_h:hover .select_nav_menu {display:block;}
.compnay_cont_inner {
	margin:0 auto;
	max-width:1440px;
	position:relative;
	padding:100px 20px 180px 20px;
}
.c_title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.33;
}
.c_sub_title {
	margin-top:80px;
	margin-bottom:30px;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.2;
}
.c_hi_bg {
	width:100%;
	height:300px;
	background:url(../img/company/company-cont01.jpg) no-repeat center/cover;
}
.c_hi_txt {
	color:#555;
	margin-top:50px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.77;
}
.c_hi_b_txt {
	color:#111;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	margin-top:40px;
}

.adctitle {
    display: block;
    text-align: left;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    color: #10518D;
    padding: 16px 0px 0px 0px;
}

@media (max-width:1400px) {.c_title {font-size: 34px;}.adctitle{font-size:22px;}}
@media (max-width:991px) {
	.body_nav {padding:0 20px;}
	.body_nav_inner {height:70px;}
	.c_hi_b_txt {margin-top:20px;}
	.j_Tag {font-size: 13.4px;line-height: 16px;padding: 4px 10px;}
	ul.select_nav_h {padding: 17px 10px; box-sizing: border-box; max-width:140px;}
	.select_nav_h img {
		padding-bottom: 0px;
		padding-left: 0px;
	}
	.select_nav_h li {padding-right:0px!important; max-width:inherit;}
	.select_nav_h > li {
		padding-right: 0;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	/* .select_nav_menu li {padding-left:17px!important;}	 */
	
	.select_nav_h  p {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		overflow: hidden;
		min-width: 102px;
	}
	.b_nav:nth-child(2) {margin:0;}
	.b_nav.home {width:15px; height:15px; margin-right:6px;}
	.b_nav.sub_page img {width: 11px; height: 100%; padding-left:0;}
	ul.select_nav_menu.cac p {min-width: inherit;}
}
@media (max-width:767px) {
	.body_nav_inner {
		height:52px;
		margin: 0 auto;
		max-width: 1440px;
		padding:0;
		box-sizing: border-box;
	}
	.emolyee_area.ceo {
		position: relative;
		margin-bottom: 100px;
		margin-top: 42px;
	}
	.emolyee_area.ceo .c_sub_title {
		position: absolute;
		top: -47px;
		margin: 0;
		left: 0;
	}	
	.body_nav {
		display: flex;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.22;
		align-items: center;
		max-width: inherit;
		width: 100%;
		padding:0 20px;
	}
	.select_nav {font-size: 14px; line-height: 17px;}
	.b_nav:nth-child(2) {margin:0;}
	.select_nav_h:hover .select_nav_menu {
		width:auto;
		left: 0px;
		transform:inherit;
		margin-top: 0px;
		display: block;
		padding-top: 0px;
		box-shadow: 0px 5px 15px 0px #00000014;
	}
	.select_nav_menu li {width:97px; font-size: 14px; line-height: 17px; padding: 15px 0px 15px 0px!important;}
	.select_nav_h > li {padding-right: 0px!important;}
	.select_nav_menu.cac>li {font-size:14px!important; padding:15px 0px 15px 20px!important;}
	.select_nav_h img {
		padding-bottom: 0px;
		padding-left: 0;
		width: 11px;
	}
	.b_nav.home {
		min-width: 15px;
		height: 15px;
		margin-right: 6px;
	}
	.b_nav.sub_page {
		font-family: Pretendard;
		font-size: 14px;
		font-weight: 500;
		line-height: 17px;
		letter-spacing: 0px;
		text-align: left;
	}
	.b_nav.sub_page img {width: 11px; height: 100%;}
	ul.select_nav_menu.cac {width: 140px;}
	
	ul.select_nav_h {padding: 17px 10px; box-sizing: border-box; max-width:106px;}
	.select_nav_h  p {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		overflow: hidden;
		min-width: 72px;
	}
	.select_nav_h li {padding-right:0px!important; max-width:106px;}
}


/* ====================================== */
/* Company - employee (sub)	        	  */
/* ====================================== */
.eamart{
	    margin-top: 40px;
}
.emolyee_area {
	position: relative;
	display:flex;	
}
.emolyee_area.ceo {
	position:relative;
	margin-bottom:100px;
	margin-top:110px;
}
.emolyee_area.ceo .c_sub_title {
	position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.ceo .emolyee_cont {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap!important;
    padding-left: 300px;
    min-height: 282px;
}
.emolyee_area.ceo .emolyee_box {
	position:relative;
	width: inherit;
	display:flex;
	margin-top:0;
	margin-bottom:0;
	width: calc(100%/2 - 10px);
	height:325px;
}
.emolyee_area.ceo .emolyee_box:nth-child(2) {margin-right:0; margin-bottom:0;}
.emolyee_area.ceo .emolyee_box_bottom {
	padding:0;
	width:52%;
	display:flex;
	align-items:center;
}
.emolyee_box_bottom_txt {height:100%; padding:25px 13px 0 25px;}
.emolyee_area .c_sub_title.em {
	position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.emolyee_cont {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding-left: 299px;
}
.emolyee_area .emolyee_box:nth-child(4n) {margin-right:0px;}
.emolyee_area .emolyee_box {
	width:calc(100%/4 - 12px);
	position:relative;
}
.emolyee_area .emolyee_box {
	/* border:1px solid #EEE; */
	box-sizing:border-box;
	margin-right:16px;
	margin-bottom:60px;
}
.emo .emolyee_box_top {
    background: #EEE;
    height: auto;
	padding-bottom: 125%;
    position: relative;
    overflow: hidden;
}
.emo .emolyee_box_top img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.emolyee_box_top img {
	width:100%;
	min-height:280px;
}

.emolyee_box_top.ceo01 img,
.emolyee_box_top.ceo02 img {
	width: 100%;
    min-height: inherit;
    height: auto;
    height: 100%;
}


.emolyee_area .emolyee_box_bottom {
	height:auto;
	padding:14px;
	border:1px solid #EEE;
	min-height: 75px;
}
.emolyee_box_bottom ul {
	display: flex;
    align-items: flex-end;
}
.emolyee_box_bottom ul.ceo_his li { 
	position:relative;
	padding-bottom:8px;
}
.emolyee_box_bottom ul li:last-child {
	padding-right:0;
	padding-bottom:0;
}
.emolyee_box_bottom .nameBox {
	display:flex;
	padding-bottom:6px;
	align-items: flex-end;
}
.emolyee_name  {
	color:#111111;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.22;
	text-align: left;
	padding-right: 5px;
}
.emolyee_role {
	color:#777777;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.33;
}
.emolyee_mail {
	color:#777777;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.22;
}
.ceo .emolyee_name {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.33;
	padding-bottom:15px;
}
ul.ceo_his {
	display: flex;
    display: block;
    flex-direction: column;
	align-items: flex-start;
}
ul.ceo_his li {position:relative; padding-left:11px;}
ul.ceo_his li::before {
	content:'';
	width:3px;
	height:3px;
	background:#777;
	border-radius:50%;
	position:absolute;
	left:0;
	top:8px;
}
@media (max-width:1600px) {
	.emolyee_box_bottom .nameBox {
		align-items: flex-start;
		flex-direction: column;
	}
	.emolyee_name {padding-bottom: 5px;}
}
@media (max-width:1400px) {
	.emolyee_box_top img {
		width: 100%;
		min-height: inherit;
		vertical-align: bottom;
	}
	.ceo .emolyee_cont {flex-direction: column;}
	.emolyee_area.ceo .emolyee_box {width:100%;height:100%;margin-right:0; height:350px;}
	.emolyee_area.ceo .emolyee_box_bottom {width:60%;}
	.emolyee_area.ceo .emolyee_box_bottom br {display:none;}
	.emolyee_box.fst_box {margin-bottom:25px!important;}
}
@media (max-width:1290px) {
	.emolyee_area .emolyee_box {width: calc(100%/3 - 11px); margin-right:16.5px}
	.emolyee_area .emolyee_box:nth-child(4n) {margin-right: 16.5px;}
	.emolyee_cont, .ceo .emolyee_cont {padding-left:200px;}
	.emolyee_area .emolyee_box:nth-child(3n) {margin-right:0;}
}
@media (max-width:991px) {
	.compnay_cont_inner {
		margin: 0 auto;
		max-width: 1440px;
		padding: 40px 20px 80px 20px;
	}	
	.c_title {display:none;}
	.c_sub_title {
		margin-top: 0;
		margin-bottom: 30px;
		font-size: 30px;
		font-weight: 700;
		line-height: 36px;
	}
	.c_hi_bg {
		width: 100%;
		height: 140px;
		background: url(/public/img/company/company-cont01.jpg) no-repeat center/cover;
	}
	.c_hi_txt {
		color: #555;
		margin-top: 20px;
		font-size: 15px;
		font-weight: 400;
		line-height: 24px;
	}
	.c_hi_b_txt {
		color: #111;
		font-size: 15px;
		font-weight: 500;
		line-height: 24px;
	}
	.fst_box {margin-bottom:20px;}
	.emolyee_area.ceo .c_sub_title {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 16px;
	}
	.emolyee_area.ceo {
		position: relative;
		margin-bottom: 60px!important;
		margin-top: 0px!important;
	}
	.ceo .emolyee_cont {
		width: 100%;
		height: inherit;
		display: flex;
		flex-wrap: nowrap!important;
		padding-left: 0;
		flex-direction: column;
	}
	.emolyee_box_bottom_txt {
		width: 100%;
		height: 100%;
		padding: 30px 14px 0 30px;
	}
	.emolyee_area.ceo .emolyee_box {
		position: relative;
		width: inherit;
		display: flex;
		margin-top: 0;
		margin-bottom: 0;
		width: 100%;
		margin: 0;
	}
	.emolyee_area .emolyee_box:nth-child(4n) {margin-right: 00px;}
	.emolyee_box.fst_box {margin-bottom: 20px!important;}
	.ceo .emolyee_name {
		font-size: 20px;
		line-height: 23px;
		padding-bottom: 24px;
	}
	.emolyee_area {
		position: relative;
		display: flex;
		flex-direction: column;
	}
	.emolyee_area .c_sub_title.em {
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		margin-bottom: 16px;
	}
	.emolyee_cont {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		padding-left: 0;
		justify-content: space-between;
	}
	.emolyee_role {
		color: #777777;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.2;
		padding-bottom: 11px;
	}
	.emolyee_cont {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		padding-left: 0;
	}
	.emolyee_area .emolyee_box {
		width: calc(50% - 5.5px);
		margin-right: 0;
		margin-bottom: 20px;
		position: relative;
	}
	.emolyee_area .emolyee_box_bottom {
		height: auto;
		padding: 10px;
		min-height:82px;
	}
}
@media (max-width:767px) {
	.emolyee_area.ceo .emolyee_box {height:auto;}
	.emolyee_area.ceo .emolyee_box_bottom .mo_br {display:block;}
	.c_sub_title {
		margin-top: 0;
		margin-bottom: 16px;
		font-size: 20px;
		font-weight: 700;
		line-height: 26px;
	}
	.adctitle {
		font-size: 16px;
		line-height: 22px;
		color: #10518D;
		padding: 0px 0px 20px 0px;
	}
	.ceo .emolyee_box {
		height: 100%;
		min-height: 175px;
	}
	.ceo .emolyee_name {
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 8px;
	}
	.emolyee_area .emolyee_box_bottom {min-height:75px;}
	ul.ceo_his li {
		position: relative;
		padding-left: 7px;
		padding-bottom: 10px!important;
	}
	ul.ceo_his li::before {
		width: 2px;
		height: 2px;
		top: 6px;
	}
	.emolyee_box_bottom_txt {
		height:100%;
		padding: 15px 10px 0 10px;
	}
	.emolyee_name {
		font-size: 14px;
		line-height: 17px;
		padding-bottom:5px;
	}
	.emolyee_role {
		color: #777777;
		font-size: 12px;
		font-weight: 400;
		line-height: 15px;
		padding-bottom: 0px;
	}
	.emolyee_area.ceo .emolyee_box_top {width:100%;}
	.emolyee_area.ceo .emolyee_box_bottom {width:100%;}
	.emolyee_box_top img {width: 100%; vertical-align: bottom;}
}

@media (max-width:500px) {
	ul.ceo_his li {padding-bottom: 5px!important;}
	.ceo .emolyee_name {padding-bottom: 8px;}
	.emolyee_area.ceo .emolyee_box_top {max-width:162px;}
	.emolyee_mail {font-size:9px;}
}


/* ====================================== */
/* Company - 오시는 길 (sub)	        	  */
/* ====================================== */

.road_area .c_sub_title {margin-top:0px;}

.bottom_title {
	margin:32px 0 32px;
	color: #01B5DC;
	font-size: 20px;
	font-weight: 800;
	line-height: 24px;
	font-family: Lato;
}
.road_box_top {height: 450px; overflow: hidden;}
.road_box_bottom ul li{
	color:#777;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
} 
.road_box_bottom ul {display:flex;}
.road_box_bottom ul li .b-txt{
	color:#111;
	font-family: Lato;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom:10px;
}
.sub-txt .ad {
	font-size: 18px;
	font-weight: 400;
	line-height: 21.6px;
	letter-spacing: 0em;
	text-align: left;
}	
.sub-txt .ad a{
	font-size: 18px;
	font-weight: 400;
	line-height: 21.6px;
	letter-spacing: 0em;
	text-align: left;
}
.road_box_bottom ul li:nth-child(1) {width:50%;}
.road_box_bottom ul li:nth-child(2) {width:16%;}
.road_box_bottom ul li:nth-child(3) {width:16%;}
.road_box_bottom ul li:nth-child(4) {width:16%;}

.btom_ul {margin-top:24px;}
.btom_ul li {
	padding: 0;
    width: 50%!important;
    padding-right: 0!important;
}

.road_sec .btom_ul li {
	padding: 0;
    width: 43%!important;
    padding-right: 0!important;
}

.road_sec .road_box_bottom ul li:nth-child(1) {padding-right:20px;}


.sg_txt {
	color:#999;
	font-family: Pretendard;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	padding-top:12px;
}
.road_cont.bottom .road_box {margin-top: 110px;}
.road_sec {margin-top:80px;}
#com_gallery {margin-top:120px;}
.imgWrap {display: flex; align-items: flex-end;}
.img_btn {margin-left: 20px;} 
.img_btn .ibtn {cursor: pointer;}
.ibtn.active {border: 5px solid #01B5DC;}
.ibtn {
	width:130px;
	height:82px;
	margin-bottom:20px;
	box-sizing:border-box;
	background-color: #01B5DC;
}
.ibtn img {height:100%; width:100%; vertical-align: bottom;}
.ibtn:last-child {margin-bottom:0;}
#com_gallery .figure {width: 100%; position: relative;}
#com_gallery .figure p {
    position: absolute;
    left: 25px;
    bottom: 25px;
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
}
#com_gallery .figure img {width:100%; vertical-align: bottom; opacity:0;}
.tabcontent #tab01 .figure {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 12.06%, rgba(0, 0, 0, 0) 28.95%), url(../img/company/road_gall01.jpg);
	background-size:cover;
}
.tabcontent #tab02 .figure {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 12.06%, rgba(0, 0, 0, 0) 28.95%), url(../img/company/road_gall02.jpg);
	background-size:cover;
}
.tabcontent #tab03 .figure {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 12.06%, rgba(0, 0, 0, 0) 28.95%), url(../img/company/road_gall03.jpg);
	background-size:cover;
}
.road_gall	{    
	display: flex;
    align-items: flex-end;
	flex-direction: row-reverse;
}
.road_gall .contents_title_area{
    width: auto;
    display: inline;
    margin-bottom: 0;
}
.img_btn ul li {margin-bottom:20px;}
.img_btn ul li:last-child {margin-bottom:0px;}
a.current .ibtn{border: 5px solid rgba(1, 181, 220, 1); box-sizing: border-box;}

@media (max-width:991px) {
	.road_box_bottom ul {display: flex; flex-direction: column;}
	.road_box_bottom ul li {padding-right:0; padding-bottom:20px;}
	.road_box_bottom ul li:nth-child(1) {width:100%;}
	.road_box_bottom ul li:nth-child(2) {width:100%;}
	.road_box_bottom ul li:nth-child(3) {width:100%;}
	.road_box_bottom ul li:nth-child(3) {width:100%; padding-bottom:20px;}
	.btom_ul li {width:100%!important;}
	.btom_ul li:last-child {padding-bottom:0;}
	.sg_txt {padding-top:10px;}
	.road_sec {margin-top: 40px;}
	#com_gallery {margin-top: 60px;}
	.road_box_top iframe {width:100%;}
	.sub-txt .ad br.mo_br {display:none;}
	.road_sec .btom_ul li {
		padding: 0;
		width: 100%!important;
		padding-right: 0!important;
	}
	.road_sec .road_box_bottom ul li:nth-child(1) {
		padding-bottom: 20px!important;
	}
	.road_sec .btom_ul li {
		padding: 0;
		width: 100%!important;
		padding-right: 0!important;
	}
	
}
@media (max-width:767px) {
	.bottom_title {
		margin: 20px 0 20px;
		font-size: 16px;
		font-weight: 800;
		line-height: 19.2px;
	}
	.road_box_bottom ul li .b-txt {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 8px;
	}
	.sub-txt .ad {
		font-family: Lato;
		font-size: 15px;
		font-weight: 400;
		line-height: 24px;
	}
	.sub-txt .ad a{
		font-family: Lato;
		font-size: 15px;
		font-weight: 400;
		line-height: 24px;
	}
	.sub-txt .ad br.mo_br {display:block;}
	#com_gallery {margin-top: 40px;}
	.imgWrap {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}
	.img_btn {
		width:100%;
		display: flex;
		margin-left: 0px;
		padding-top: 10px;
	}
	.img_btn ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.ibtn {
		width: 100%;
		height: inherit;
		margin-bottom: 0px;
		margin-right:10px;
		display:inline-block;
	}
	.ibtn:last-child {margin-right:0;}
	.road_gall {
		display: flex;
		align-items: flex-end;
		flex-direction: column-reverse;
	}
	.img_btn ul li {
		WIDTH: CALC(100%/3 - 3PX);
		display: inline-block;
		vertical-align: bottom;
		margin-bottom:0;
	}
	#com_gallery .figure p {
		left:13px;
		bottom:14px;
		font-size:13px;
		line-height:13px;
	}
	.road_box_top {height: 335px; overflow: hidden;}
	.road_box_top iframe {height:635px;}
}


/* ================================================================*/
/* Company - review (sub)	        	 						   */
/* ================================================================*/

#com_review .mo_only {display:none;}
.review_area {position:relative; margin:60px 0px 60px 0px;}
.review_conts {width:100%;}
.re_top_box {
	width:100%;
	display: flex;
	height:400px;
	overflow: hidden;
	margin-top:40px;
}
.re_top_left {width:50%; background:url(../img/company/review.jpg) no-repeat center/cover;}
.re_top_left img {width:100%;}
.re_top_right {
	width:50%;
	color:#fff;
	display:flex;
	align-items:center;
	background: #00316A;
}
.re_top_right_text {padding:65px 60px 68px;}
.re_top_right_text .re_title {
	font-size: 27px;
	font-weight: 600;
	line-height: 1.48;
	margin-bottom:20px;
}
.re_top_right_text .re_txt {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.55;
	margin-bottom:42px;
}
.re_top_right_text .re_info {
	font-size: 15px;
	font-weight: 400;
	line-height:1.2;	
	position:absolute;
	right:60px;
}
/* 리뷰 슬라이드 */
.sub_review_area {position:relative;}
.sub_review_btn {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    display: inline-flex;
    width: 90px;
    height: 30px;
    align-items: center;
    position: absolute;
    top: -47px;
    right: 0;
	z-index:1;
    margin-bottom: 57px;
}
.sub_review_btn::before {
    content: '';
    width: 1px;
    height: 25px;
    background: #DDD;
    position: absolute;
    left: 43%;
    top: 70%;
    transform: translate(-50%,-50%);
}
.re_top_page_button .sub_review_area .swiper-button-next {
    width: 45px;
    height: 45px;
	display: flex;
	z-index: 10;
    cursor: pointer;
	top: 0;
	right: 0px;
	position: relative;
    align-items: center;
    justify-content: center; 
	transform: translateY(-50%);
}
.sub_review_area .swiper-button-prev, .sub_review_area .swiper-button-next {
	width: 24px!important;
    height: 24px!important;
	left: inherit;
    position: relative;
}
.sub_review_area .swiper-button-next {background: url(/public/img/re_arrow_r.png) no-repeat center/cover;}
.sub_review_area .swiper-button-prev {
	position: relative;
    background: url(/public/img/re_arrow_l_f.png) no-repeat center/cover;
}
.sub_review_area  .swiper-button-next:after, .sub_review_area .swiper-button-prev::after{content: '';}
.sub_review_area .swiper-button-prev.swiper-button-disabled {background:url(/public/img/re_arrow_l.png) no-repeat center/cover;}
.sub_review_area .swiper-button-next.swiper-button-disabled{
    opacity: 1;
    cursor: auto;
    pointer-events: none;
	background:url(/public/img/re_arrow_r_f.png) no-repeat center/cover;
}
.sub_review_area .swiper-button-next:hover::after {opacity:1; background:url(/public/img/re_arrow_r.png) no-repeat center/cover;}
.sub_review_area .swiper-button-prev:hover::after  {opacity:1; background:url(/public/img/re_arrow_l_f.png) no-repeat center/cover;}
.sub_review_area .swiper {width: 100%; overflow: hidden;}
.sub_review_box_area {margin-top:50px;}
.sub_review_box {
    width: 100%;
    height: auto;
    padding: 30px 0px;
    border-bottom: 1px solid #EEE;
}
.sub_review_box .re-star {padding-bottom:15px;}
.review_box_top {
	display:flex;
	position:relative;
	align-items: center;
}
.re_name.box {
	color:#111;
	font-family: Lato;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	padding-right:15px;
	padding-bottom:15px;
}
.review_box_txt {
	color: #555;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.66;
}
.sub_review_box .date {
	color:#AAA;
	font-family: Lato;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	margin-top:15px;
}
.slide_bottom {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.re_top_right_text .re_info li {
	float:left;
	opacity: 1;
	font-family: 'Lato';
	padding : 0px 10px;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	position:relative;
	color: #fff;
}
.ad_txt {
	margin-top:15px;
	color:#777;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0em;
	text-align: left;
	display: flex;
    align-items: flex-end;
}
.ad_txt img {width: 46px; padding-left: 6px; padding-right: 2px;}
/* 페이징 */
.front_paging_line{width: 100%; margin-top: 60px; text-align: center;}
.front_paging_box{display: inline-block;}
.prev_page{
	text-align: center;
	width: 54px;
	height: 46px;
	line-height: 46px;
	background-color: #ededed;
	color: #999999;
	margin-right: 12px;
	font-size: 15px; 
	cursor: pointer;
	border: none;
}
.next_page{
	text-align: center;
	width: 54px;
	height: 46px;
	line-height: 46px;
	background-color: #424242;
	color: #fff;
	margin-left: 10px;
	font-size: 15px; 
	cursor: pointer;
	border: none;
}
.front_paging_number_box{height: 42px;}
.front_paging_number_box ul li{
	font-size:16px;
	font-weight:400;
	text-align:center;
	
	border: 2px solid #FFF;
	color:#999999;
	display: inline-block; 
	width: 40px;
	height: 40px;
	cursor: pointer;
	padding-top: 8px;
	box-sizing: border-box;
	margin-left:-4px;
}
.front_paging_number_box ul li:hover{color:#039BD0;}
.flex_box{display: flex; align-items: center;}
.flex_box .page_left {padding-right:20px; cursor:pointer;}
.flex_box .page_right {padding-left:20px; cursor:pointer;}
.on_front_paging{
	position: relative; 
	color:#039BD0!important; 
	font-weight:600!important;
}

@media (max-width:991px) {
	#com_review .mo_only {
		display:block;
		font-family: Pretendard;
		font-size: 20px;
		font-weight: 700;
		line-height: 26px;
	}
	.sub_review_area .swiper {width: 100%; overflow: visible;}
	.re_top_box {
		width: 100%;
		height: 100%;
		overflow: visible;
		margin-top: 20px;
		flex-wrap: wrap;
		justify-content: center;
	}	
	.re_top_left {
		width: 100%;
		height: 140px;
		background: url(/public/img/company/review.jpg) no-repeat center/cover;
	}
	.re_top_right {
		width: 100%;
		color: #fff;
		display: flex;
		align-items: center;
		background: #00316A;
	}
	.re_top_right_text {padding: 20px;}
	.re_top_right_text .re_title {
		font-size: 16px;
		font-weight: 600;
		line-height: 22px;
		margin-bottom: 10px;
	}
	.re_top_right_text .re_txt {
		font-size: 14px;
		font-weight: 300;
		line-height: 23px;
		margin-bottom: 30px;
	}
	.re_top_right_text .re_info {
		font-size: 15px;
		font-weight: 400;
		line-height: 1.2;
		position: absolute;
		right: 10px;
	}
	.re_top_right_text .re_info li {
		float: left;
		opacity: 1;
		font-family: 'Lato';
		padding: 0px 10px;
		font-size: 12px;
		font-weight: 300;
		line-height: 14px;
		position: relative;
		color: #fff;
	}
}
@media (max-width:767px) {
	.ad_txt {
		margin-top: 15px;
		font-size: 12px;
		line-height: 14.4px;
		align-items: center;
	}
	.ad_txt img {width: 36px; padding-left: 1px; padding-right: 1px;}
	.sub_review_btn {top:-32px; width:60px; margin-bottom: 16px;}
	.sub_review_btn::before {height: 18px; top: 65%;}
	.sub_review_area .swiper-button-next,.sub_review_area .swiper-button-prev {width:14px!important; height:13px!important;}
	.sub_review_box_area {margin-top: 40px;}
	.sub_review_box:first-child{padding-top:0px;}
	.sub_review_box {
		padding: 25px 0px;
	}
	.sub_review_box.first_box {
		padding-top:0;
	}
	.review_box_txt {
		color: #555;
		font-size: 18px;
		font-weight: 400;
		line-height: 1.66;
	}
	.re_name.box {
		padding-right: 10px;
		padding-bottom: 12px;
		font-size: 14px;
		line-height: 17px;
	}
	.review_box_txt {
		color: #555;
		font-size: 14px;
		font-weight: 400;
		line-height: 23px;
	}
	.sub_review_box .date {
		font-size: 12px;
		line-height: 15.6px;
		margin-top:12px;
		margin-left: 0;
	}
	.front_paging_line {
		width: 100%;
		text-align: center;
		margin-top: 40px;
	}
	.front_paging_number_box ul li {
		font-size: 14px;
		font-weight: 400;
		text-align: center;
		border: 2px solid #FFF;
		color: #999999;
		display: inline-block;
		width: 35px;
		height: 35px;
		cursor: pointer;
		box-sizing: border-box;
		margin-left: -4px;
	}
}

@media (max-width:500px) {
	.front_paging_number_box ul li {
		font-size: 14px;
		font-weight: 400;
		text-align: center;
		border: 2px solid #FFF;
		color: #999999;
		display: inline-block;
		width: 27px;
		height: 27px;
		cursor: pointer;
		box-sizing: border-box;
		margin-left: -3px;
		padding: 0;
		line-height: 24px;
	}
	.front_paging_number_box {
		height: 27px;
	}
	.flex_box .page_left {
		position: relative;
		top:2px;
		padding-right: 10px;
		cursor: pointer;
	}
	.flex_box .page_right {
		position: relative;
		top:2px;
		padding-left: 10px;
		cursor: pointer;
	}
}

/* ================================================================*/
/*  // Company - review (sub) //        	 					   */
/* ================================================================*/



/* ================================================================*/
/* Company - work_at_SK (sub)	      	 						   */
/* ================================================================*/
.work_at_bg {width:100%;margin-top:40px;}
.work_at_bg img {width:100%;}
.work_txt_area {position:relative;margin-top:50px;display:flex;}
.work_txt_area .c_sub_title {
	top:0;
	left:0;
	width:400px;
	margin-top:0;
	position:absolute;
}
.work_cont {padding-left: 400px;}
.work_cont .depth02 {margin-top:40px;}
.work_cont .depth02 li {
	color:#555;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	padding-bottom:10px;
}
.work_cont .depth02.way li {position:relative;padding-left: 12px;} 
.work_cont .depth02.way li::before {
    content: '';
    width: 4px;
    height: 4px;
    background: #555;
    position: absolute;
    left: 0;
    top: 14px;
    border-radius: 50%;
}

.work_cont .depth02.way li.b_title::before {
	display:none;
}

.work_cont .depth02 li.list_s{
	padding-left:12px;
	position:relative;
	padding-bottom:0;
	margin-bottom:10px;
}

.work_cont .depth02 li.list_s:last-child {margin-bottom:0;}
.work_cont .depth02 li.list_s::before {
	content:'';
	width:4px;
	height:4px;
	background:#555;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	border-radius:50%;
}

.work_cont .depth02 .b_title {
	color:#111;
	font-size: 18px;
	font-weight: 600;
	padding-bottom:10px;
	padding-left:0!important;
}

.work_cont .depth01>li {margin-bottom:40px;}
.sub_logo {position:absolute; left:0;}
.work_cont .depth02.first {margin-top:0;}
.mo_only {display:none;}


@media (max-width:991px) {
	.mo_only {display:block;}
	#work_at_sk .c_sub_title {margin-bottom: 15px;}
	.c_sub_title.mo {
		color:#555;
		font-family: Pretendard;
		font-size: 23px;
		font-weight: 400;
		line-height: 30px;
		margin-bottom:16px;
	}
	.work_cont {padding-left: 0;}
	.work_at_bg {width: 100%;margin-top: 16px;}
	.work_txt_area .c_sub_title {display:none;}
	.work_txt_area {margin-top: 40px;}
	.work_cont .depth02 {margin-top: 25px;}
}

@media (max-width:767px) {
	.work_at_bg {
		margin-top: 16px;
	}
	.c_sub_title.mo {
		color:#555;
		font-family: Pretendard;
		font-size: 15px;
		font-weight: 400;
		line-height: 22px;
		margin-bottom:16px;
	}
	.work_txt_area {
		position: relative;
		display: flex;
		margin-top: 20px;
	}
	.work_cont .depth02 .b_title {
		font-size: 15px;
		font-weight: 600;
		line-height:24px;
		padding-bottom: 5px;
	}
	.work_cont .depth02 li {
		font-size: 15px;
		font-weight: 400;
		line-height: 24px;
		padding-bottom: 0px;
	}
	.work_cont .depth02 {
		margin-top: 30px;
	}
	.work_cont .depth02 li.list_s {
		padding-left: 12px;
		position: relative;
		padding-bottom: 0;
		margin-bottom: 2px;
	}
	.work_cont .depth02 li.list_s::before {
		content: '';
		width: 3px;
		height: 3px;
	}
	.work_cont .depth02.way li::before {
		content: '';
		width: 3px;
		height: 3px;
		left: 0;
		top: 10px;
	}
}
.gmnoprint, .gm-control-active.gm-fullscreen-control {display: none!important;}