@charset "utf-8";

/* work */
.work.pc {display:block;}
.work.mobile {display:none;}
.work h4 {margin-bottom:-18px;}
.work .txt_box {position:relative; overflow:hidden; padding:3.6111em 0; border-bottom:1px solid #aaa;}
.work .txt_box h3 {float:left; width:26%; margin-right:6%; line-height:140%;}
.work .txt_box div {float:left; width:68%;}
.work .txt_box div p {line-height:200%;}
.work .txt_box div p span {padding-right:14px;}

@media screen and (max-width: 568px) {
.work.pc {display:none;}
.work.mobile {display:block; height:auto; margin-bottom:4em;}
.work h4 {padding:0 1.2em;}
.work .txt_box {border:0;}
.work .txt_box h3 {width:100%; margin-bottom:10px;}
.work .txt_box div {width:100%;}
.work-container .swiper-pagination-bullet {width:10px; height:10px;}
.work-container .swiper-pagination-bullet-active {background:#184c80;}
}

/* joinus */
.joinus {background:#f8f8f8;}
.joinus.pc {display:block;}
.joinus.mobile {display:none;}
.joinus .joinus_wp ul {position:relative; overflow:hidden; margin-top:2.5em;}
.joinus .joinus_wp ul li {float:left; width:30%; margin-left:5%;}
.joinus .joinus_wp ul li:nth-child(3n+1) {margin-left:0;}
.joinus .joinus_wp ul li dl dt {border-bottom:1px solid #ddd; padding:.7em 0;}
.joinus .joinus_wp ul li dl dd {padding-top:1em; line-height:150%;}
.joinus .joinus_wp ul li:nth-child(1),
.joinus .joinus_wp ul li:nth-child(2),
.joinus .joinus_wp ul li:nth-child(3) {height:17em;}

.joinus .joinus_wp ul li:nth-child(4),
.joinus .joinus_wp ul li:nth-child(5),
.joinus .joinus_wp ul li:nth-child(6) {height:13em;}

.joinus .joinus_wp ul li dl dd p {padding-bottom:10px;}
.joinus .joinus_wp ul li dl dd a.max-lnk {padding:.8em 2.4em 1em 0;}
.joinus .joinus_wp ul li dl dd a.max-lnk.more {margin-top:-14px;}

@media screen and (max-width: 900px) {
	.joinus .joinus_wp ul li {width:47%; margin-left:0%;}
	.joinus .joinus_wp ul li:nth-child(even) {margin-left:5%;}
	.joinus .joinus_wp ul li:nth-child(3),
	.joinus .joinus_wp ul li:nth-child(5){margin-left:0;}
}

@media screen and (max-width: 568px) {
	.joinus.pc {display:none;}
	.joinus.mobile {display:block;}
	.joinus .joinus_wp dl dt {padding:1em 0 1em .5em; border-bottom:1px solid #ccc; display: -webkit-box; display:-moz-box; display: -ms-flexbox;  display:-webkit-flex; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
	.joinus .joinus_wp dl dt a {display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
	.joinus .joinus_wp dl dt i {width:20px; height:20px; margin-right:10px;}
	.joinus .joinus_wp dl dt i:before,
	.joinus .joinus_wp dl dt i:after {background:#333; width:20px; top:9px;}
	.joinus .joinus_wp dl dt i:after {height:20px; width:3px; top:0; left:9px; transition:all 0.3s linear; transform:rotate(0deg);}

	.joinus .joinus_wp dl dd {padding:1em 1em; background:#eaeaea; transition:unset;}
	.joinus .joinus_wp dl dd p {padding:.5em 0; line-height:150%;}
	/* current */
	.joinus .joinus_wp dl dt.current a {color:#0f1f2a;}
	.joinus .joinus_wp dl dt.current i:before,
	.joinus .joinus_wp dl dt.current i:after {background:#333; }
	.joinus .joinus_wp dl dt.current i:after {transform:rotate(90deg);}
}

/* decision */
.decision h3 {line-height:150%;}
.decision h3 span {display:block; margin-bottom:.5em;}
.decision ul {position:relative; overflow:hidden; margin-top:4em;}
.decision ul li {float:left; width:30%; margin-left:5%; background:#f8f8f8; margin-bottom:5%;}
.decision ul li:nth-child(3n+1) {margin-left:0;}
.decision ul li dl {padding:1.5em;}
.decision ul li dl dt {border-bottom:1px solid #ddd;}
.decision ul li dl dt p {line-height:140%;}
.decision ul li dl dt .num {margin-bottom:5px;}
.decision ul li dl dt .tit {margin-bottom:20px; height:2.6em;}
.decision ul li dl dt p.lett {letter-spacing:-2px;}
.decision ul li dl dd {padding-top:1em; line-height:150%;}
.decision ul li dl dd p {line-height:150%;}
.decision ul li dl dd .txt {height:3em;}
.decision ul li dl dd .btn {font-size:14px; color:#999; text-decoration:underline; text-align:right;}
.decision ul li dl dd .btn a {width:100%; height:100%; display:block; cursor:pointer;}
.decision ul li dl dd .btn a:hover {font-weight:bold; color:#000;}
.decision.pc {display:block;}
.decision.mobile {display:none;}
#myModal {position:fixed; width:100%; top:0; left: 0; z-index:2; display:none;}
#myModal .decision_pop_bg {position: absolute; background: rgb(0 0 0 / 60%); width: 100%; height: 100vh; z-index:-1;}
#myModal .close_btn {font-size:30px; z-index:3; top:0; left:101%; position:absolute; color:#fff; cursor:pointer;}
#myModal .close_btn:hover {color:#fff !important;}
#myModal .i-close:before,
#myModal .i-close:after {width:34px !important; height:4px !important;}

#myModal .pop_list {position:absolute; width:944px; height:565px; left:50%; top:180px; background:#fff; z-index:5; transform:translate(-50%, 5%);}
#myModal .pop_list .txt_box {padding:80px;}
#myModal .pop_list .txt_box:before {display:block; font-size:60px; font-weight:bold; position:absolute; color:#184c80;}
#myModal .pop_list.list1 .txt_box:before {content:"01";}
#myModal .pop_list.list2 .txt_box:before {content:"02";}
#myModal .pop_list.list3 .txt_box:before {content:"03";}
#myModal .pop_list.list4 .txt_box:before {content:"04";}
#myModal .pop_list.list5 .txt_box:before {content:"05";}
#myModal .pop_list.list6 .txt_box:before {content:"06";}
#myModal .pop_list.list7 .txt_box:before {content:"07";}
#myModal .pop_list.list8 .txt_box:before {content:"08";}
#myModal .pop_list .txt_box h3 {line-height:110%; padding-left:100px;}
#myModal .pop_list .txt_box p {line-height:180%; padding-left:100px; color:#777;}
#myModal .pop_list .txt_box p mark {display:block; padding:1.2em 0 .8em; color:#333;}

@media screen and (max-width: 1093px) {
	.decision ul li dl dt {font-size:1.18em;}
}

@media screen and (max-width: 1040px) {
	#myModal .pop_list {width:88%; left:48.5%;}
}

@media screen and (max-width: 900px) {
	.decision ul li {width:48%; margin-left:2%; margin-bottom:2%;}
	.decision ul li:nth-child(3n+1) {margin-left:2%;}
	#myModal .pop_list {top:100px;}
	#myModal .pop_list .txt_box:before {font-size: 1.867em;}
	#myModal .pop_list .txt_box h3 {padding-left: 60px;}
	#myModal .pop_list .txt_box p {padding-left: 60px;}
}

@media screen and (max-width: 568px) {
	.decision ul li {width:100% !important;}
	.decision.pc {display:none;}
	.decision.mobile {display:block; position:relative; overflow:hidden;}
	.decision ul {position:inherit; overflow:visible;}
	.decision ul li {margin-left:0;}
	.decision ul li:nth-child(3n+1) {margin-left:0;}
	.decision_navi {position:absolute; left:0; width:100%; top:-180px;}
	.decision .swiper-container {height: 19.444em;}
	.decision .swiper-button-prev, .swiper-container-rtl .swiper-button-next {right:92%; margin:0;}
	.decision .swiper-button-next, .swiper-container-rtl .swiper-button-prev {left:92%; margin:0;}
	.decision ul li dl dd .txt {height:2em;}
	.decision ul li dl dd p.btn {width:100%; text-align:right;}
	.decision ul li dl dd p.btn a {font-size: 0; background:url("../image/sub/decision_btn.png") center no-repeat; width:40px; height:40px; background-size:100%; display: inline-block;}
	#myModal .pop_list .txt_box {padding:40px;}
	#myModal .pop_list .txt_box:before {position:inherit;}
	#myModal .pop_list .txt_box h3 {padding-left:0;}
	#myModal .pop_list .txt_box p {padding-left:0;}
	#myModal .close_btn {top:-45px; left:50%;}
}


/* welfare */
.welfare h3 {line-height:140%;}
.welfare .welfare_wp .cont {position:relative; overflow:hidden; padding-top:4em;}
.welfare .welfare_wp .cont .img_box {width:100%; height:10em;}
.welfare .welfare_wp .cont .img_box.bg1 {background:url("../image/sub/welfare_img01.jpg"); background-size:cover; background-position:center;}
.welfare .welfare_wp .cont .img_box.bg2 {background:url("../image/sub/welfare_img02.jpg"); background-size:cover; background-position:center;}
.welfare .welfare_wp .cont .img_box.bg3 {background:url("../image/sub/welfare_img03.jpg"); background-size:cover; background-position:center;}
.welfare .welfare_wp .cont .img_box.bg4 {background:url("../image/sub/welfare_img04.jpg"); background-size:cover; background-position:center;}
.welfare .welfare_wp .cont .img_box p {position:absolute; padding:2.3em 1.5em; color:#fff;}
.welfare .welfare_wp .cont .txt_box {padding:2em 0 4em 0; border-bottom:1px solid #bbb;}
.welfare .welfare_wp .cont .txt_box.bor_no {border:0;}
.welfare .welfare_wp .cont .txt_box ul {position:relative; overflow:hidden;}
.welfare .welfare_wp .cont .txt_box ul li {float:left; position:relative; width:32%; margin-left:2%; margin-bottom:2.5em;}
.welfare .welfare_wp .cont .txt_box ul li:nth-child(3n+1) {margin-left:0;}
.welfare .welfare_wp .cont .txt_box ul li div {width:100px; height:100px; background:#f8f8f8; border-radius:60px; position:relative; float:left;}
.welfare .welfare_wp .cont .txt_box ul li div img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.welfare .welfare_wp .cont .txt_box ul li p {float:left; width:55%; margin-left:24px; padding-top:1.5em;}
.welfare .welfare_wp .cont .txt_box ul li p span.small {display:block; font-size:20px; line-height:180%;}
.welfare .welfare_wp .cont .txt_box ul li p.txt2 {padding-top:.5em; line-height:150%;}

@media screen and (max-width: 1074px) {
	.welfare .welfare_wp .cont .txt_box ul li p.txt2 {padding-top:1.3em;}
	.welfare .welfare_wp .cont .txt_box ul li p.f24 {font-size:1.13em;}
	.welfare .welfare_wp .cont .txt_box ul li p span.small {font-size:16px;}
}

@media screen and (max-width: 935px) {
	.welfare .welfare_wp .cont .img_box {height:10em;}
	.welfare .welfare_wp .cont .img_box p {padding:2.7em 1.5em;}
	.welfare .welfare_wp .cont .txt_box ul li {height:10em;}
	.welfare .welfare_wp .cont .txt_box ul li div {width:71px; height:71px; float:none; margin:0 auto;}
	.welfare .welfare_wp .cont .txt_box ul li p {float:none; text-align:center; width:100%; margin: 0 auto;}
	.welfare .welfare_wp .cont .txt_box ul li p.txt {text-align:center;}
	.welfare .welfare_wp .cont .txt_box ul li p.txt2 {float:none; margin:0 auto; text-align:center;}
	.welfare .welfare_wp .cont .txt_box ul li p span.small {display:none;}
}

@media screen and (max-width: 568px) {
	.welfare .welfare_wp .cont .txt_box ul li p.f24 {font-size:1em;}
	.welfare .welfare_wp .cont .img_box {height:8em;}
}

/* team */
.team .team_wp h3 {line-height:140%;}
.team .team_wp .team-list {position:relative; overflow:hidden; padding-top:5em;}
.team .team_wp .team-list li {float:left; width:20%;}
.team .team_wp .team-list .tit-box {height:224px; margin:8px;}
.team .team_wp .team-list .tit-box h5 {padding:66px 0 0 15px; color:#fff; font-size:2em; font-weight:600; letter-spacing:-0.025em; line-height:1.278em;}
.team .team_wp .team-list .team-box {height:224px; margin:8px; padding:28px 0 0; text-align:center; cursor:pointer; background:#eeeeee;
	-webkit-transition:background 200ms;
	-moz-transition:background 200ms;
	-o-transition:background 200ms;
	transition:background 200ms;
}
.team .team_wp .team-list .img {display:inline-block; position:relative; width:120px;}
.team .team_wp .team-list .img img {position:relative; max-width:100%; vertical-align:top;}
.team .team_wp .team-list .img:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.5; background-repeat:no-repeat; background-size:contain;
	-webkit-transition:opacity 200ms;
	-moz-transition:opacity 200ms;
	-o-transition:opacity 200ms;
	transition:opacity 200ms;
}
.team .team_wp .team-list .info {margin:24px 0 0;}
.team .team_wp .team-list .info strong {display:block; font-size:1.333em; font-weight:600; letter-spacing:-0.025em; line-height:1;
	-webkit-transition:color 200ms;
	-moz-transition:color 200ms;
	-o-transition:color 200ms;
	transition:color 200ms;
}
.team .team_wp .team-list .info span {display:none; color:#555; letter-spacing:-0.025em; line-height:1.5em;}
.team .team_wp .list01 .tit-box {background:#184c80;}
.team .team_wp .list02 .tit-box {background:#e76674;}
.team .team_wp .list01 .img:before {background-image:url("../image/sub/lipaco_team_circle1.png");}
.team .team_wp .list02 .img:before {background-image:url("../image/sub/lipaco_team_circle2.png");}
.team .team_wp .list01 .info strong {color:#184c80;}
.team .team_wp .list02 .info strong {color:#e76674;}
.team .team_wp .list01 .team-box:hover {background:#436c96;}
.team .team_wp .list02 .team-box:hover {background:#e8818c;}
.team .team_wp .team-list .team-box:hover .img:before {opacity:1;}
.team .team_wp .team-list .team-box:hover strong {color:#fff;}

#myModa2 {display:none; position:fixed; top:0; left:0; width:100%; height:100%; font-family:"Noto Sans KR",sans-serif; overflow:hidden; overflow-y:auto; z-index:10002;}
#myModa2 .modal-box {position:relative; width:530px; margin:5% auto; text-align:center; background:#fff; z-index:1;}
#myModa2 .modal-hd {padding:18px 0; border-bottom:1px solid #eee;}
#myModa2 .modal-hd h5 {font-size:1.333em; font-weight:600; letter-spacing:-0.025em; line-height:1;}
#myModa2 .modal-cont {padding:55px 30px;}
#myModa2 .modal-cont .img {display:inline-block; position:relative; width:240px; height:240px;}
#myModa2 .modal-cont .img img {position:relative; max-width:100%; vertical-align:top;}
#myModa2 .modal-cont .img:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.8; background-repeat:no-repeat; background-size:contain;}
#myModa2 .modal-cont .info {margin:30px 0 40px;}
#myModa2 .modal-cont .info strong {font-size:2.222em; font-weight:600; letter-spacing:-0.025em; line-height:1.3em;}
#myModa2 .modal-cont .task {text-align:left;}
#myModa2 .modal-cont .task-name {position:relative; margin:0 0 1.556em;}
#myModa2 .modal-cont .task-name span {display:inline-block; position:relative; font-size:1.333em; font-weight:600; letter-spacing:-0.025em; padding-right:0.4em; background:#fff; z-index:1;}
#myModa2 .modal-cont .task-name:after {content:""; position:absolute; left:10px; top:55%; right:0; height:1px; background:#777777;}
#myModa2 .modal-cont .task i {display:inline-block; padding:0.3em 1em; color:#777777; font-style:normal; letter-spacing:-0.025em; line-height:1.4em; vertical-align:top; white-space:nowrap; border-radius:1em; background:#e5e5e5;}
#myModa2 .modal-cont .task p {margin:1.1em 0 0; color:#777777; font-size:1.125em; letter-spacing:-0.025em; line-height:1.778em;}
#myModa2 .list01 .modal-hd h5 {color:#184c80;}
#myModa2 .list02 .modal-hd h5 {color:#e76674;}
#myModa2 .modal-btn {position:absolute; font-size:0; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#myModa2 .modal-close {right:30px; top:15px; width:27px; height:27px; background-image:url("../image/common/modal_close.png");}
#myModa2 .modal-prev {left:30px; top:220px; width:16px; height:29px; background-image:url("../image/common/modal_prev.png");}
#myModa2 .modal-next {right:30px; top:220px; width:16px; height:29px; background-image:url("../image/common/modal_next.png");}
#pop_bg.decision_pop_bg {display:none; position:fixed; left:0; top:0; bottom:0; background: rgb(0 0 0 / 60%); width:100%; z-index:10001;}


@media screen and (max-width:1366px) {
	.team .team_wp .team-list li {width:25%;}
	.team .team_wp .team-list .tit-box {height:200px;}
	.team .team_wp .team-list .tit-box h5 {padding-top:60px;}
	.team .team_wp .team-list .team-box {height:200px; padding-top:20px;}
	.team .team_wp .team-list .img {width:110px;}
}
@media screen and (max-width: 900px) {
	.team .team_wp .team-list {margin:0 -5px;}
	.team .team_wp .team-list li {width:33.333%;}
	.team .team_wp .team-list .tit-box {margin:5px;}
	.team .team_wp .team-list .team-box {margin:5px;}
}
@media screen and (max-width: 767px) {
	.team .team_wp .team-list li {width:50%;}
}
@media screen and (max-width: 568px) {
	.team .team_wp .team-list {margin:0;}
	.team .team_wp .team-list li {float:none; position:relative; width:auto;}
	.team .team_wp .team-list .tit-box {height:auto; margin:0 0 10px;}
	.team .team_wp .team-list .tit-box h5 {padding:20px 30px;}
	.team .team_wp .team-list .team-box {position:relative; height:auto; margin:0 0 10px; padding:30px 20px 30px 120px; text-align:left;}
	.team .team_wp .team-list .img {position:absolute; left:30px; top:50%; width:60px; height:60px; margin-top:-30px;}
	.team .team_wp .team-list .info {margin:3px 0 0;}

	#myModa2 .modal-box {width:auto; margin:20px;}
	#myModa2 .modal-hd {padding:12px 0;}
	#myModa2 .modal-cont {padding:40px 20px;}
	#myModa2 .modal-cont .img {width:120px; height:120px;}
	#myModa2 .modal-cont .info {margin:15px 0 20px;}
	#myModa2 .modal-cont .info strong {font-size:1.8em;}
	#myModa2 .modal-cont .task-name span {font-size:1.2em;}
	#myModa2 .modal-close {right:20px; top:14px; width:18px; height:18px;}
	#myModa2 .modal-prev {left:20px; top:138px; width:10px; height:18px;}
	#myModa2 .modal-next {right:20px; top:138px; width:10px; height:18px;}
}

/* apply */
.apply {}
.apply .f42 {margin:.952em 0 2.381em;}
.apply .f42 .nb {display:inline;}
.apply .f42 mark {color:#e76774; position:relative;}
.apply .f42 mark:after {content:''; display:inline-block; width:100%; height:2px; background-color:currentColor; position:absolute; bottom:-.3em; left:0;}

.frm-wrap {width:100%; height:auto; padding:2.778em 2.778em 6em; background-color:#f5f5f5;}
.frm-wrap .col-gray2 {line-height:1.6;}
.frm-wrap .frm-writ > li {margin-top:4.444em;}
.frm-wrap .frm-writ > li:after {content:''; display:block; clear:both;}
.frm-wrap .frm-writ > li strong {display:block; font-size:1.556em;}
.frm-wrap .frm-writ > li strong span {display:inline-block; vertical-align:top; font-size:.857em; line-height:1.3;}
.frm-wrap .frm-it-box {margin:1.333em 0 0 0; overflow:hidden;}
.frm-wrap .frm-it-box li {border-bottom:1px solid #ccc; overflow:hidden; padding-top:1em;}
.frm-wrap .frm-it-box li:not(:nth-child(1)) {float:left; width:45.33%; margin:0 2.33%;}
.frm-wrap .frm-it-box li label {float:left; width:4em; color:#aaa; padding:.722em 0 0 .444em;}
.frm-wrap .frm-it-box li input {float:left; width:calc(100% - 4.444em); color:#555; background:none;}
.frm-wrap .frm-it-box li:nth-child(1) {width:45.33%; margin-left:2.33%;}
.frm-wrap .frm-it-box li:nth-child(4) {width:95.33%; margin-left:2.33%;}
.frm-wrap .frm-it-box li:nth-child(4) label {width:8em;}
.frm-wrap .frm-it-box li:nth-child(4) input {width:calc(100% - 8.444em);}
.frm-wrap .frm-it-box .active {border-bottom-color:#555;}
.frm-wrap .frm-it-box .active label {color:#555;}
.frm-wrap .frm-writ > li .max-select {float:left; width:45.33%; margin:1.333em 2.33% 0; opacity:.5;}
.frm-wrap .frm-writ > li .max-select.active {opacity:1;}
.frm-wrap .frm-file-box {margin-top:1.333em;}
.frm-wrap .frm-file-box li {width:95.33%; height:auto; padding-top:1em; margin:0 auto; border-bottom:1px solid;}
.frm-wrap .frm-file-box li:after {content:''; display:block; clear:both;}
.frm-wrap .frm-file-box li .file-box {width:100%; height:auto; position:relative;}
.frm-wrap .frm-file-box li .file-box label {float:left; width:4.5em; padding:.722em 0 0 .444em; color:#555;}
.frm-wrap .frm-file-box li .file-box .upload-name {float:left; width:calc(100% - 6.944em); padding:.929em 0; background:none; font-size:.778em;}
.frm-wrap .frm-file-box li .file-box .upload-hidden {display:none;}
.frm-wrap .frm-file-box li .i-plus {display:none; position:absolute; top:.85em; right:0;}
.frm-wrap .frm-writ > .bt-send {opacity:.4;}
.frm-wrap .frm-writ > .bt-send button {color:inherit; padding:0;}
.frm-wrap .frm-writ > .bt-send.active {opacity:1;}
.frm-wrap .frm-writ > .bt-send.active button:hover {color:#184c80;}

@media screen and (max-width: 900px) {
	.apply {padding-bottom:0 !important;}
	.apply .inner {padding:0 !important;}
	.apply .inner .f24 {padding:0 .85em;}
	.apply .f42 {padding:0 .75em; line-height:1.4;}
	.apply .f42 .nb {display:block;}
	.frm-wrap {padding:2.778em 1.2em;}
	.frm-wrap .col-gray2 {display:none;}
	.frm-wrap .frm-writ > li:nth-child(1) {margin-top:0;}
	.frm-file-box li .file-box label {font-weight:700;}
	.frm-file-box li .i-plus {display:block;}
}
@media screen and (max-width: 568px) {
	.frm-wrap .frm-writ > li strong {font-size:1.333em;}
	.frm-wrap .frm-it-box {padding:0 1.3em;}
	.frm-wrap .frm-it-box li {float:none; width:100% !important; margin:0 !important;}
	.frm-wrap .frm-writ > li .max-select {float:none; width:85.33%; margin:1.333em auto 0;}
	.frm-wrap .frm-writ > li .frm-tta-box {height:17.733em; padding:0 1.3em;}
}