@import url('sub.css'); 
/* 공통 */
.basic_career_cont {width: 100%; max-width: 100%;}
.basic_career_cont #subtitle {width: 90%; max-width: 1590px; margin:0 auto;}

.career_cont h3.fs60 {margin: 0 0 15px;}
.career_cont .career_top_txt {margin: 0 0 60px;}

/* 인재상 */
#talent {background: url('/career/img/talent_bg.jpg') no-repeat center/cover;}

#talent .talent_list {display: grid; grid-template-columns: repeat(2, 1fr); max-width: 740px; margin: 0 auto;}
#talent .talent_list li {padding: 0 10px;}
#talent .talent_list .icon_box {display: flex; margin: 0 0 30px; justify-content: center;}
#talent .talent_list .txt_box .fs20 {font-weight: 700; margin: 0 0 12px;}
#talent .talent_list .txt_box .fs18 {opacity: 0.7;}

#submission .submission_list li {display: flex; align-items: flex-start; max-width: 1110px; margin: 0 auto; padding: 60px 0; border-top: 1px solid var(--border);}
#submission .submission_list li h4 {width: 270px; flex-shrink: 0;}
#submission .submission_list li .submission_list_left {flex: 1; position: relative; padding-right: 120px;}
#submission .submission_list li .submission_list_left p.fs18 {position: relative; padding-left: 10px;}
#submission .submission_list li .submission_list_left p.fs18 span {display: block;}
#submission .submission_list li .submission_list_left p.fs18::before {content: ""; width: 3px; height: 3px; background: var(--main); position: absolute; left: 0; top: 15px;}
#submission .submission_list li .submission_list_left p.fs18 + p.fs18 {margin-top: 8px;}
#submission .submission_list li .email_dl {display: flex; align-items: center; flex-wrap: wrap; gap: 5px 25px; margin: 25px 0 0;}
#submission .submission_list li .email_dl dd a {display: flex; align-items: center; gap: 7px;}
#submission .submission_list li .email_dl dd a::before {font-size: 22px; content: "\e6c7";}
#submission .submission_list li .icon_box {position: absolute; right: 0; top: 0; display: inline-flex;}


/*******************************************************************************
    @media 1770px
*******************************************************************************/
@media all and (max-width:1770px){
.career_cont br {display: none;}
.career_cont .career_top_txt .fs46 {text-wrap: balance;}
}

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){

}

/*******************************************************************************
    @media 1300px
*******************************************************************************/
@media all and (max-width:1300px){
/* 투고 */
#submission .submission_list li h4 {width: 180px;}
}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* 공통 */
.career_cont .career_top_txt {margin: 0 0 40px;}

/* 인재상 */
#talent .talent_list .icon_box {margin: 0 0 20px;}
#talent .talent_list .txt_box .fs20 {margin: 0 0 5px;}

/* 투고 */
#submission .submission_list li {padding: 40px 0;}
#submission .submission_list li h4 {width: 120px;}
#submission .submission_list li .icon_box img {width: 80px; height: auto;}
#submission .submission_list li .email_dl {margin: 15px 0 0;}
#submission .submission_list li .email_dl dd a::before {font-size: 20px;}
#submission .submission_list li .submission_list_left {padding-right: 95px;}
#submission .submission_list li .submission_list_left p.fs18 + p.fs18 {margin-top: 5px;}
#submission .submission_list li .submission_list_left p.fs18::before {top: 12px;}
}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
/* 공통 */
.career_cont h3.fs60 {margin: 0 0 8px;}
.career_cont .career_top_txt {margin: 0 0 30px;}
    
/* 인재상 */
#talent .talent_list .icon_box {margin: 0 0 15px;}
#talent .talent_list .icon_box img {width: 60px; height: auto;}

/* 투고 */
#submission .submission_list li {flex-direction: column; gap: 15px; padding: 30px 0; position: relative;}
#submission .submission_list li > * {width: 100%; flex: 0;}
#submission .submission_list li .submission_list_left {padding-right: 0; position: static;}
#submission .submission_list li .submission_list_left p.fs18::before {top: 11px;} 
#submission .submission_list li .email_dl dd a::before {font-size: 18px;}
#submission .submission_list li .icon_box {position: static; display: flex; justify-content: flex-end; margin-top: 15px;}
#submission .submission_list li .icon_box img {width: 70px;}
}

/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){
/* 인재상 */
#talent .talent_list {grid-template-columns: 1fr; gap: 20px;}
#talent .talent_list li {padding: 0;}
}

/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){

}