@charset "utf-8";

.ui-banner__box.file .ui-banner__title {padding-left: 0;}
.ui-banner__box.file .ui-banner__title:before {display: none;}
.ui-banner__box.file .ui-banner__title .icon_hwp {display: inline-block; width: 32px;height: 32px;margin-right:20px;background: url(/images/recruit/sub02/down_icon.png); background-position: 0 0;vertical-align: middle;}
.ui-banner__box.file .ui-banner__title .icon_docx {display: inline-block; width: 32px;height: 32px;margin-right: 20px;background: url(/images/recruit/sub02/down_icon.png); background-position: -41px 0;vertical-align: middle;}
.ui-banner__box.file .item { padding: 20px 120px 20px 30px;}
.ui-banner__box.file .item .down {background-color:#008357; color:#fff;}
.ui-banner__box.file .item .down:hover,
.ui-banner__box.file .item .down:focus {background-color: #304850;}
.table th {text-align: center;}

/* 와이드페이지 css */
.wide_wrapper .body_wrap.layout {max-width:100%;}
.wide_wrapper .title_wrap {position: relative; max-width:1400px;margin:0 auto 40px;}
.wide_wrapper .content-info{max-width:1400px;margin:100px auto 0;}
@media (max-width: 1469px){
    .wide_wrapper .body_wrap.layout {padding: 0;}
    .wide_wrapper .title_wrap { margin: 0 35px 40px;}
    .wide_wrapper .title_wrap .print_wrap {right: 0;}
    .wide_wrapper #txt {padding: 0 35px;}
}
@media(max-width:1023px){
	.wide_wrapper .title_wrap {margin:0 35px 30px;}
}
@media (max-width: 767px){
    .wide_wrapper .title_wrap { margin: 0 20px 30px;}
    .wide_wrapper #txt {padding: 0 20px;}
}
/* 와이드페이지 css End */


/* sub02_02 복지제도 */
.top_directory {margin-bottom: 50px;}
.top_directory .box_wrap {overflow: hidden; margin: 0 -12px;}
.top_directory .box {overflow: hidden;position: relative;margin: 0 6px 0;padding: 4% 4.5%;width: calc(100% - 12px);border-radius: 13px;}
.top_directory .box::before {position: absolute; bottom: 0; right: 0; content: "";}
.top_directory .l_box {background: #016B3B;}
.top_directory .l_box::before { width: 331px; height: 133px; background: url(/images/recruit/sub02/sub0202_bg.png);}
.top_directory .box .tit {margin-right: 20px; font-size: 30px; font-family: 'gmarket'; color:#fff; letter-spacing: -0.025em;}
.top_directory .box .txt {position: relative;font-size: 18px;color: #fff;letter-spacing: -0.025em;}
.top_directory .vlist__column .inner .circle {background-color: #eef3f1;}
.top_directory .vlist__column .inner .ui-summary p{font-size:20px;}

@media (max-width: 1279px){
    .top_directory .box .txt {display: block;}
    .top_directory .vlist__column.col4 .inner { width: calc(25% - 12px);}
}
@media (max-width: 970px){
    .top_directory .box {width: calc(100% - 12px);}
    .top_directory .box .txt{
    width: 70%;
}
}
@media (max-width: 910px){
    .top_directory .vlist__column.col4 .inner { width: calc(50% - 12px);max-width: 50%;}
}
@media (max-width: 840px){
    .top_directory .box {padding: 30px 40px;}
}
@media (max-width: 600px){
    .top_directory .box::before {display: none;}
    .top_directory .box .txt{width: 100%;}
}
@media (max-width: 480px){
    .top_directory .vlist__column.col4 .inner {float: none; width: calc(100% - 12px);max-width: 100%;}
}
/* sub02_02 복지제도 End */



/* sub02_05 지원서작성가이드 */
.s0205 .tab__body::after {display: block; clear: both; visibility: hidden; content: "";}
.s0205 .box { width: 50%; margin-top: 50px;}
.s0205 .box::-webkit-scrollbar {width: 10px;}
.s0205 .box::-webkit-scrollbar-thumb {border-radius: 5px; background-color: #d2d9d8;}
.s0205 .left {float: left; width: calc(50% - 20px); margin-right: 20px; padding-right: 10px; overflow-y: auto; overflow-x: hidden;}
.s0205 .right {float: right;}
.s0205 .right .wrap {background: #f2f4f3; padding: 10px;}
.s0205 .wrap {position: relative;}
.s0205 .magnifier {width: 200px;height: 200px;	position: absolute;	border-radius: 100%;box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25);display: none;}
.s0205 .target {display: block;	width: 100%;}
@media (max-width: 1200px){
    .s0205 .left {max-height: 900px;}
}
@media (max-width: 1000px){
    .s0205 .left {max-height: 700px;}
}
@media (max-width: 800px){
    .s0205 .tab-ul.type3 li a span {padding: 10px 15px;}
    .s0205 .box { width: 100%; margin-top: 50px;}
    .s0205 .left {float: none;width: 100%; margin-right: 0; padding-right: 0; overflow-y: hidden;max-height: 100%;}
    .s0205 .right {float: none;}
}
@media (max-width: 670px){
    .s0205 .magnifier { display: none !important;}
}
/* sub02_05 지원서작성가이드 End */


/* sub04_0204 비전 */
.vision {text-align: center;}
.vision .tit {display: block; margin-top: 85px; font-family: 'gmarket'; font-size: 19px; color:#333;}
.vision p {letter-spacing: -0.04em;}
.vision .top {overflow: hidden; position: relative; max-width: 1400px; margin: 0 auto;}
.vision .top::before {position: absolute; width: 832px; height: 466px; left: 50%; transform: translateX(-50%); top: 40px; background: url(/images/recruit/sub02/vision_bg.png);content: "";z-index: -1;}
.vision .top .txt .color-green {color:#006940;}
.vision .top .con1 .txt {display: inline-block; position: relative; margin-top: 25px; padding: 0 44px;font-size: 20px; color: #222;}
.vision .top .con1 .txt::before {position: absolute; width: 14px; height: 44px; left: 0; top: calc(50% - 22px); background: url(/images/recruit/sub02/vision_par.png);content: "";}
.vision .top .con1 .txt::after {position: absolute; width: 14px; height: 44px; right: 0; top: calc(50% - 22px); background: url(/images/recruit/sub02/vision_par.png);content: "";transform: rotate(180deg);}
.vision .top .con2 {overflow: hidden; margin-top: 25px; margin-bottom: 175px;}
.vision .top .con2 img {margin: 0 auto;}
.vision .top .con2 .pc {display: block;}
.vision .top .con2 .mo {display: none;}
.vision .top .con2 .txt {margin-bottom: 10px; font-size: 16px; color: #444; font-weight: bold;}
.vision .mid {position: relative;margin-top: -165px;}
.vision .mid:before {position: absolute; width: 100%; height: calc(100% - 165px); left: 0;top: 165px; background: #f1f7f5; content: ""; z-index: -1;}
.vision .mid .value {position: relative; min-height: 630px; max-width: 1400px; margin: 0 auto;}
.vision .mid .value .value_tit {display: inline-block;position: relative;padding: 90px 70px;background: #006940 url(/images/recruit/sub02/value_cir.png) left bottom no-repeat;color:#fff;border-radius: 50%;border: 32px solid #fff;}
.vision .mid .value .value_tit:before {position: absolute; width: 480px; height: 280px; left: 50%; transform: translateX(-50%); top: 33%; background: url(/images/recruit/sub02/value_bg.png); content: ""; z-index: -1;}
.vision .mid .value .value_tit span {display: block; font-family: 'gmarket'; font-family: 18px;}
.vision .mid .value .value_tit strong {display: block;font-family: 'gmarket'; font-size: 31px; font-weight: bold;}
.vision .mid .value .value_list::after {display: block; clear: both; content: ""; visibility: hidden;}
.vision .mid .value .value_list li {position: absolute; width: calc(50% - 195px);}
.vision .mid .value .value_list li:nth-child(1) {left: 0; top: 31%; padding-right: 85px; text-align: right;}
.vision .mid .value .value_list li:nth-child(2) {left: 6%; top: 53%; padding-right: 85px; text-align: right;}
.vision .mid .value .value_list li:nth-child(3) {left: 50%; transform: translateX(-50%); top: 58%; padding-top: 85px; text-align: center;}
.vision .mid .value .value_list li:nth-child(4) {right: 6%; top: 53%; padding-left: 85px; text-align: left;}
.vision .mid .value .value_list li:nth-child(5) {right: 0; top: 31%; padding-left: 85px; text-align: left;}
.vision .mid .value .value_list li .icon {position: absolute;}
.vision .mid .value .value_list li:nth-child(1) .icon {right: 0; top: 0;}
.vision .mid .value .value_list li:nth-child(2) .icon {right: 0; top: -20px;}
.vision .mid .value .value_list li:nth-child(3) .icon {left: calc(50% - 27px); top: 0;}
.vision .mid .value .value_list li:nth-child(4) .icon {left: 0; top: -20px;}
.vision .mid .value .value_list li:nth-child(5) .icon {left: 0; top: 0;}
.vision .mid .value .value_list li strong {font-size: 18px;color: #333;font-weight: bold;}
.vision .mid .value .value_list li p {font-size: 16px; color:#393939;}
.vision .bottom {max-width: 1400px; margin: 0 auto;}
.vision .bottom .s_tit {display: block; margin-bottom: 40px; font-family: 'gmarket'; font-size: 16px; color:#666;}
.vision .bottom .txt { margin-top: 30px;font-size: 18px; color: #222; line-height: 29px;}
.vision .bottom .txt .block {display: block;}
.vision .bottom .our {display: flex; justify-content:center; position: relative; margin-top: 80px;}
.vision .bottom .our:before {position: absolute; width: 1px; height: 80px; left:50%; top: -40px; background: #016b3b; content: "";}
.vision .bottom .our::after {display: block; clear: both; content: ""; visibility: hidden;}
.vision .bottom .our li {display: flex;flex-direction: column;justify-content: center; align-items: center;flex-basis: 335px;max-width: 335px; min-height: 335px; border-radius: 50%;}
.vision .bottom .our li:nth-child(1) {background: rgba(75, 174, 52, 0.1);}
.vision .bottom .our li:nth-child(2) {background: rgba(39, 129, 88, 0.1)}
.vision .bottom .our li:nth-child(3) {background: rgba(38, 150, 157, 0.1);}
.vision .bottom .our li + li {margin-left: -25px;}
.vision .bottom .our li .our_tit {font-family: 'gmarket'; font-size: 35px; color: #333; font-weight: bold;}
.vision .bottom .our li:nth-child(1) .our_tit .point {color:#0f9936;font-family: 'gmarket';font-weight: bold;}
.vision .bottom .our li:nth-child(2) .our_tit .point {color:#016b3b;font-family: 'gmarket';font-weight: bold;}
.vision .bottom .our li:nth-child(3) .our_tit .point {color:#03858d;font-family: 'gmarket';font-weight: bold;}
.vision .bottom .our li .our_txt {font-size: 16px;color: #393939;}
.vision .bottom .our li .our_txt .block {display: block;}
@media (max-width: 1469px){
    .vision .top {padding: 0 35px;}
    .vision .mid .value {margin: 0 35px;}
    .vision .bottom {padding: 0 35px;}
}
@media (max-width: 1200px){
    .vision .mid .value .value_tit:before {display: none;}
    .vision .mid .value .value_list {padding: 30px;}
    .vision .mid .value .value_list li {position: relative; padding-left: 85px; width: 100%; margin-bottom: 30px;}
    .vision .mid .value .value_list li:nth-child(1) {left: auto; top: auto; padding-right: 0; text-align: left;}
    .vision .mid .value .value_list li:nth-child(2) {left: auto; top: auto; padding-right: 0; text-align: left;}
    .vision .mid .value .value_list li:nth-child(3) {left: auto; transform: none; top: auto; padding-top: 0; text-align: left;}
    .vision .mid .value .value_list li:nth-child(4) {right: auto; top: auto; }
    .vision .mid .value .value_list li:nth-child(5) {right: auto; top: auto; }
    .vision .mid .value .value_list li:nth-child(3) {transform: none;}
    .vision .mid .value .value_list li .icon {left: 0 !important; right:auto !important; top:5px !important;}
}
@media (max-width: 1024px){
    .vision .bottom img {max-width: 290px;}
    .vision .bottom .our li {flex-basis: 250px; max-width: 250px; min-height: 250px;}
    .vision .bottom .our li .our_tit {font-size: 28px;}

}
@media (max-width: 767px){
    .vision .top {padding: 0 20px;}
    .vision .top .con2 .pc {display: none;}
    .vision .top .con2 .mo {display: block;margin-bottom: 20px;}
    .vision .mid .value {margin: 0 20px;}
    .vision .mid .value .value_tit {
 padding: 70px 50px;
 background-position: -30px
 bottom;
 }
    .vision .mid .value .value_list {padding: 30px 0;}
    .vision .bottom {padding: 0 20px;}
    .vision .bottom .our { flex-wrap: wrap;}
    .vision .bottom .our:before {top: -60px;}
    .vision .bottom .our li {flex-basis: 100%; max-width: 100%; min-height: auto; padding: 30px 10px; border-radius: 0;}
    .vision .bottom .our li + li {margin-left: 0; margin-top: 20px;}
}
/* sub04_0204 비전 End */