@charset "utf-8";

/* Mobile */
.main_container{position:relative;}
.m_content{box-sizing:border-box;position:relative;}
.m_content h2{font-weight: 400;font-size:1.25rem;color:#262626;display:inline-block;padding-bottom:30px;}
.m_content > div > div{padding:30px 3%;position:relative;box-sizing:border-box;}

.m_content .top_con .m_visual{background:#4053b4;padding:30px 3% 30px 3%;color:#fff;font-family:'SCDream';font-weight:400;color:#9da6d8;border-radius:0 0 0 30px;box-sizing:border-box;margin:0;}
.m_visual:after{display:block;content:'';background:url('/images/12_job/main/vis.png')no-repeat;background-size:150px;width:150px;height:145px;position:absolute;right:3%;top:24px;}
.m_visual h2{padding-top: 20px; font-family:'SCDream';color:#fff;font-weight:300;word-break:break-word;font-size:1.3rem;padding-right:170px;padding-bottom:0;position:relative;}
.m_visual h2:before{display:block;content:'';}
.m_visual h2:after{display:block;content:'';}
.m_visual h2 strong{font-weight:600;display:block;word-break: keep-all;}
.m_visual > p{padding:50px 0 15px;}
.m_visual > p span{color:#ecefff;}
.m_visual > p span.fs_big{font-size: 20px;}
.m_visual .if_b{color:#c7cdeb;background:rgba(0,0,0,.2);border-radius:25px;padding:2%;}
.m_visual .if_b strong{position:relative;display:inline-block;padding:3px 6px 6px 40px;font-size:1.25rem;font-weight:100;}
.m_visual .if_b strong:before{display:inline-block;content:'';width:33px;height:32px;position:absolute;left:0;top:0;background:url("/images/12_job/main/m_t.png") no-repeat 0 -137px;}
.m_visual .if_b p span{display:inline-block;padding:0 15px;}
.m_visual .if_b a{color:#c7cdeb;}

.main_bbs .control p{display:flex;justify-content:center;align-items:center;position:absolute;top:21px;right:3%;padding:10px;border-radius:15px;border:solid 1px #d8d8d8;}
.main_bbs .control button{border-left:none;width:32px;height:20px;overflow:hidden;background:url("/images/12_job/main/m_i.png") no-repeat;font-size:0;border-left:solid 1px #dedede;}
.main_bbs .control button.stop{background-position:-234px  -32px;border:none;}
.main_bbs .control button.play{background-position:-233px  0px;border:none;}
.main_bbs .control button.more{background-position:-234px  -61px;}
.main_bbs .control .b_btn{left:91px;right:auto;padding:0;border:0;top:31px;z-index:1;}
.main_bbs .control .b_btn button{border:none;}
.main_bbs .control .b_btn button.prev{background-position:6px 2px;}
.main_bbs .control .b_btn button.next{background-position:center -151px;}
.b_con{height: 255px;overflow: hidden;}
.b_con .receipt_info{margin-bottom: 50px;display: block;}
.b_con .receipt_info>p:first-of-type{display: flex;align-items: center;justify-content: space-between;}
.b_con .receipt_info .re_txt{display: inline-block;font-size: 0;}
.b_con .receipt_info .re_txt:after{content: '';display: inline-block;background: url(/images/12_job/main/reciop_mobile.png) no-repeat center;width: 70px;height: 53px;}
.b_con .receipt_info .re_headcount{float: right;}
.b_con .receipt_info .re_headcount em{position: relative;vertical-align: text-top;color: #5f5f5f;font-size: 16px;}
.b_con .receipt_info .re_headcount em:before{content: '';left: -40px;top: -7px;position: absolute;width: 33px;height: 30px;background: url(/images/12_job/main/icon.png) 31% center;}
.b_con .receipt_info .re_headcount em>strong.big{color: #4053b4;padding-left: 5px;font-weight: 300;}
.b_con .receipt_info:hover .hire_tit,
.b_con .receipt_info:active .hire_tit,
.b_con .receipt_info:focus .hire_tit{color: #4053b4;}
.hire_con .hire_tit{transition: .2s all;display: block;margin-bottom: 30px;padding: 20px 0 30px;color: #383838 font-size: 18px;font-weight: 200;border-bottom: 1px dotted #d1d1d1;}
.hi_info span{padding-bottom: 5px;display: block;color:#7c7c7c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.hi_info span>em{color: #aeaeae;padding-right: 10px;font-style: normal;}
.hi_info span>em:before{content: '';display: inline-block;margin-right: 5px;background: url(/images/12_job/main/icon.png) 68% center;width: 15px;height: 10px;}
.hire_more{background: url(/images/12_job/main/icon.png) no-repeat -11% center;display: block;width: 40px;height: 40px;border: 1px solid #d3d3d3!important;border-radius: 10px;position: absolute;bottom: 25px;right: 12px;}

.m_content .lnk{padding:0;}
.lnk div{padding:30px 80px 30px 3%;background:#e0f4fa;position:relative;box-sizing:border-box;}
.lnk div:after{display:block;content:'';width:100px;height:88px;background:url('/images/12_job/main/link.png') no-repeat 0 -100px;background-size:100px;position:absolute;right:0;bottom:0;}
.lnk div h3{font-size: 18px;font-weight: 400;color: #2d4f9f;margin: 10px 0;word-break: keep-all;}
.lnk div ul{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;position: relative;z-index: 1;}
.lnk div li a{color:#6898a6;font-size:.9rem;letter-spacing:-.7px;display:block;}
.lnk div li.ytb a{color: #b01414;}
.lnk div li.ins a{color: #583ab7;}
.lnk div.l2{background:#e4f8f3;}
.lnk div.l2:after{display:block;content:'';background-position:0 0;}
.lnk div.l2 li a{color:#70938a;}
.lnk div li:hover a,
.lnk div li:focus a,
.lnk div li:active a{background:#6898a6;color:#fff}

.b_right h2{margin: 20px 0;padding: 0;font-size: 1.4em;font-weight: 400;}
.b_list h3{font-weight: 400;font-size: 1.35rem;color:#262626;display:inline-block;padding-bottom:30px;}
.b_list ul{overflow:hidden;}
.b_list li{position:relative;padding:2% 0;}
.b_list li p{color:#656565;display:inline-block;position:relative;font-size:1rem;background:#fff;padding:0 10px 10px 0;}
.b_list li p:after{display:block;content:'';width:100vw;position:absolute;left:0;right:0;height:1px;background:#ebecef;top:.7rem;z-index:-1;}
.b_list li strong{display:block;font-weight:200;color:#2a2a2a;font-size: 1.25rem;padding:5px 0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;}
.b_list li:hover strong,
.b_list li:focus strong,
.b_list li:active strong{color:#4053b4}
.b_list li span{color:#919191;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.b_list li.new strong:before{display:block;content:'New';font-family:'BMJUA';color:#70e0b2;font-size:25px;width:45px;height:24px;position:absolute;left:0;top:0;}
.b_list li.new strong{padding-left:50px;}
.b_list .list_more {background: url(/images/12_job/main/icon.png) 100% center;width: 20px;height: 20px;position: absolute;right: 0;top: 0;}

.mid_con{margin-bottom:60px}
.m_content > div > .b_right{padding:0 3%;}
.b_right > div {overflow:hidden;position:relative;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px #e1e1e1 solid;}
.b_right > div h2{padding:30px 0}

/* Tablet */
@media all and (min-width:768px) {
.menu ul{gap: 0 20px;}
	
.main_container:before{display:block;content:'';background:#4053b4;width:100%;height:20%;position:absolute;right:0;top:-90px;z-index:-1;}
.main_container{position:relative;}
.m_content > div > div{margin:40px 3%;}
.m_content h2{display: block;font-size:1.6rem;clear: both;}

.m_content .top_con .m_visual{padding:3% 5%;padding-right:320px;}
.m_visual:after{background-size:350px;width:350px;height:326px;top:11px;right:0;}
.m_content .m_visual h2{font-size:2.32rem;display:inline-block;padding:0;}
.m_visual h2:before{display:block;content:'';width:56px;height:47px;position:absolute;background:url("/images/12_job/main/m_t.png") no-repeat 0 0;z-index:-1;left:-15px;top:-15px;}
.m_visual h2:after{display:block;content:'';width:56px;height:47px;position:absolute;background:url("/images/12_job/main/m_t.png") no-repeat 0 -68px;z-index:-1;right:-15px;bottom:-15px;}
.m_visual h2 strong{font-size:2rem;}
.m_visual > p{font-size:1.5625rem;padding:15px 0 15px;}
.m_visual > p span.fs_big{font-size: 1.15em;}
.m_visual .if_b{display:inline-block;}
.b_con .receipt_info .re_headcount em{font-size: 18px;vertical-align: super;}
.b_con .receipt_info .re_headcount em>strong.big{font-size: 30px;}
.hire_con .hire_tit{font-size: 20px; padding: 30px 0 40px;}
.hi_info span{font-size: 17px;}
.b_con .receipt_info .re_txt:after{background: url("/images/12_job/main/reciop_pc.png") no-repeat center;width: 91px;height: 60px;}
.hire_more{border-radius: 15px;width: 60px;height: 60px;background-position: -22% center;bottom: 0;}

.m_content .top_con .main_bbs{border-radius:30px 0 0 0;box-shadow:-13px -16px 23px rgba(72,99,188,.08);padding-left:80px;padding-top:55px;}
.main_bbs .control p{right:40px;top:11%;padding:14px 17px;}
.main_bbs .control .b_btn{width:90px;display:block;left:-3%;top:40px;}
.main_bbs .control .b_btn button{width:100%;height:90px;border-radius:23px;background-color:#fff;box-shadow:2px 2px 25px rgba(72,99,188,.15);margin-bottom:5px;}
.main_bbs .control .b_btn button.prev{background-position:center 38px;background-color:#4053b4;}
.main_bbs .control .b_btn button.next{background-position:center -112px;}
.main_bbs div ul{height:300px;}

.lnk div:after{content:'';width:184px;height:180px;background-size:auto;background-position:0 -166px;right:-4%;}
.lnk div li a{padding:6px 18px;border-radius:20px;background:#fff;font-size:1.125rem;}
.lnk div li.ytb a{background: #b01414;color: #fff;}
.lnk div li.ins a{background: #583ab7;color: #fff;}
.lnk div.l2{margin:0;}
.lnk div.l2:after{background-position:0 16px;}

.m_content .lnk{padding:0;display:flex;justify-content:space-between;align-items:center;margin:0 3%;}
.lnk div{border-radius:30px; width:48%;margin-right:3%;}
    
.m_content > div > .b_right{overflow: hidden;padding:0;}
.b_right > div{float:left;width: 49%;margin: 0 0 0 2%;padding-bottom: 0;margin-bottom: 0;box-sizing: border-box;}
.b_right .b_list:first-of-type{margin:0;}
}

/* Desktop */
@media all and (min-width:1023px) {
.m_content{max-width:1399px;margin:0 auto;}
.main_container{position:relative;min-width:1023px;}

.hire_con .hire_tit{width: 100%;}
.m_content .mid_con{display:flex;justify-content:space-between;align-items:flex-end;margin:35px 0 80px 0;}
.m_content .lnk{flex-direction:column;margin:0;justify-content:center;align-items:flex-start; margin-right: 30px;}
.lnk div{width:100%;margin:30px 0;padding:20px 100px 20px 30px;height:186px;}
.lnk div h2{font-size:1.6rem;padding-bottom: 10px;}
.lnk div h3{margin: 15px 0 5px;}
.lnk div ul{gap: 10px 10px;}
.lnk div.l2{padding-right: 160px;}

 .b_right h2{margin:0;}
.m_content > div > .b_right{width:calc(100% - 435px);margin:0;justify-content: space-around;}
.b_right > div{overflow:hidden;}
.lnk div li a {font-size: 1rem;}
.lnk div li.ytb a:before{display: inline-block;width: 24px;height: 20px;background: url("/images/12_job/main/main_sns.png") no-repeat top center;content: "";vertical-align: middle;margin-right: 2px;}
.lnk div li.ins a:before{display: inline-block;width: 24px;height: 20px;background: url("/images/12_job/main/main_sns.png") no-repeat bottom center;content: "";vertical-align: middle;margin-right: 2px;}
}

/* Pc */
@media all and (min-width:1400px) {
 /* Menu 추가 css */
.menu ul .menu1 ul{left: 0;}
.menu ul .menu2 ul{left: 100px;}
.menu ul .menu3 ul{left: 140px;}
.menu ul .menu4 ul{right: 15px;}
.menu ul .menu6 ul{right:0;}
.menu>ul>li.menu7 .depth_box{left: 74%;}

.main_container:before{width:20%;top:-180px;height:621px;}
.m_content{max-width:1600px;margin:0 auto;}
.main_container{position:relative;}
.m_content h2{font-size:1.875rem;padding-bottom: 22px;}
.m_content .top_con {padding-right:calc(100% - 520px);position:relative;height:440px;}
.m_content .top_con .m_visual{width:calc(100% - 520px);position:absolute;right:0;padding:0 390px 0 80px;height:440px;background:transparent;}
.m_visual:before{display:block;content:'';background:#4053b4;width:100%;height:106%;position:absolute;margin-top:0;z-index:-1;border-radius:0 0 0 60px;left:0;right:0;top:-180px;padding-bottom:155px;}
.m_visual > p{padding: 20px 0 20px;}
.m_visual .if_b{font-size:1.25rem;margin-right: 2%;}
.m_visual .if_b strong{font-size:1.6rem;margin-bottom:15px;}
.m_visual .if_b p span{padding: 0 15px 5px;}
.m_visual .if_b p span:last-of-type{padding-bottom: 0;}
.hire_more{right: 50px; bottom: 20px;}

.m_content .mid_con{display:flex;justify-content:space-between;align-items:flex-end;margin:35px 0 80px 0;}
.m_content .lnk{width:500px;flex-direction:column;margin:0;justify-content:center;align-items:flex-start;}
.lnk div{width:100%;margin:30px 0;padding: 15px 185px 30px 35px;height: 185px;}
.lnk div:first-of-type{margin-top:0;}
.lnk div h2{font-size:1.6rem;}
.lnk div li a{font-size: 1.125rem;} 

.m_content .top_con .main_bbs{margin:50px 0 0;padding:58px 50px 0 80px;width:520px;height:100%;}
.b_list ul:after{display: block;clear: both;content: "";}
.b_list li{padding: 30px 30px 30px 0;/* width: calc((100% - 30px)/2); *//* float: left; */}
.b_list li:nth-of-type(2n){padding-right: 0; border:none;}
.b_list li p{font-size:1.125rem;padding-bottom: 16px;}
.b_list li strong{padding-bottom: 16px;}
.b_list li p:after{width: 390px;}
.b_list li span{-webkit-line-clamp: 2;}
.b_list .list_more{top: 30px;right: 30px;}
    
.m_content > div > .b_right{width:calc(100% - 540px);margin:0;min-height: 400px;background: #f8f8f8;border-radius: 30px;padding: 40px;}
.b_right > div{overflow:hidden;background: #fff;height: 250px;padding: 30px;border: none;border-radius: 30px;}
 .b_list h3{padding-bottom: 0;}
}


/* Desktop wide*/
@media (min-width:1600px) {
.main_bbs .control .b_btn{top:115px;left:-40px;}
.m_content .m_visual h2{font-size:3.3rem;padding-top:10px;}
.m_content .m_visual h2 strong{font-size:3rem;}
.m_content > div > .b_right{width: calc(100% - 560px);}
.m_visual:after{background-size:auto;width:390px;top:0;height:100%;}
.b_list li p:after{width: 445px;}
}


/*번역*/
.translated-ltr .m_container{position: relative;top: 40px;}
.translated-ltr .main_bbs h2{padding-bottom: 10px;}
.translated-ltr .main_bbs .control{display: flex;justify-content: flex-end;}
.translated-ltr .main_bbs .control p{position: static;display: inline-flex;}

@media all and (min-width:768px) {
.translated-ltr .m_content .m_visual h2{line-height: 1;font-size: 2rem;}
.translated-ltr .main_bbs .control{display: block;}
.translated-ltr .main_bbs .control p{position: absolute;display: block;}
.translated-ltr .m_content .lnk{align-items: stretch;}

@media all and (min-width:1023px) {
.translated-ltr .lnk div{height: auto;}
.translated-ltr .lnk div h2{font-size: 1.2rem;}
.translated-ltr .lnk div li a{font-size: 0.85rem;}}
}
@media all and (min-width:1400px) {
.translated-ltr .main_container:before{top: -185px;height: 685px;}
.translated-ltr .m_content .top_con .m_visual{height: 500px;}
.translated-ltr .m_visual:before{top: -185px;bottom: 0;height: auto;}
.translated-ltr .lnk div h2{font-size: 1.4rem;}
.translated-ltr .m_content .lnk div{height: auto;padding-right: 120px;}
}