section{position: relative;}
.bd1660{width: 1660px; margin: 0 auto; max-width: 100%;}
.bd1400{width: 1400px; margin: 0 auto; max-width: 100%;}
.bd1200{width: 1200px; margin: 0 auto; max-width: 100%;}
.bd960{width: 960px; margin: 0 auto; max-width: 100%;}
.section_wrap{padding-bottom: 160px;}
.blue_gd{background: linear-gradient(90deg,#00b9d4, #3473c9);}

.sub_banner{width: 100%; height: 480px; position: relative; color: #fff; background-color: #333; padding:100px 130px 0 130px}
.apply_banner{background: url(https://d2npjdo51qntuz.cloudfront.net/static/img/user/sub/top_title05.jpg)no-repeat; background-position: right; background-size: cover;}
/* .apply_banner{background: url(https://d2npjdo51qntuz.cloudfront.net/static/img/user/sub/apply_title.jpg)no-repeat; background-position: center; background-size: cover;} */
.people_banner{background: url(https://d2npjdo51qntuz.cloudfront.net/static/img/user/sub/top_title03.jpg)no-repeat; background-position: center; background-size: cover;}
.culture_banner{background: url(https://d2npjdo51qntuz.cloudfront.net/static/img/user/sub/top_title04.jpg)no-repeat; background-position: left; background-size: cover;}

.sub_banner .bg{position: relative; height: 100%;}
.sub_banner .content{position: absolute; bottom: 36px;}
.sub_banner h1{font-size: 55px; line-height: 1; color: #fff; padding-bottom: 10px;}
.sub_banner p{font-size: 26px; line-height: 1; color: #fff; font-weight: 500;}
.sub_banner .bot{position: absolute; bottom: 30px; right: 0; font-size: 18px;}
.sub_banner .scroll{width: 70px; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);
animation-name: scroll; animation-duration: 1s; animation-direction: alternate; animation-iteration-count: infinite;}

@keyframes scroll {
    from {bottom: 50px;}
    to {bottom: 35px;}
  }


.sub_title{text-align: center;}
.sub_title h1{display: inline-block; background: linear-gradient(90deg,#00b9d4, #3473c9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 55px; margin-bottom: 54px;}
.content_wrap{padding-top: 120px;}

#apply01 .process ul{display: flex; margin: -28px; justify-content: center;}
#apply01 .process ul li{width: 20%; padding: 28px; max-width: 250px; text-align: center; position: relative;}
#apply01 .process .circle{border: 1px solid #e9e9e9; background-color: rgba(245, 245, 245, 0.3); width: 100%; padding-bottom: 100%; position: relative; border-radius: 50%;}
#apply01 .process .circle img{position: absolute; width: 65px; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#apply01 .process p{font-size: 18px; font-weight: bold; margin-top: 16px;}
#apply01 .process i{position: absolute; width: 14px; top: 42%; right: -9px; opacity: 0.3;}
#apply01 .process_info{padding: 100px 66px 0 66px; word-break: keep-all;}
#apply01 .process_info li{padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #e1e1e1;}
#apply01 .process_info li:last-child{margin-bottom: 0; border-bottom: none;}
#apply01 .process_info h6{font-size: 28px; padding-bottom: 6px;}
#apply01 .process_info span{font-size: 20px; position: relative; top: -2px; color: #00b9d4; padding-right: 16px;}

#people02 .center{height: 790px; position: relative; width: 750px; margin: 0 auto; margin-bottom: 270px;}
#people02 .rotate_circle{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#people02 .rotate_circle li{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#people02 .rotate_circle .back{width: 340px; height: 380px; opacity: 0.2; border-radius: 50%;}
#people02 .rotate_circle .back.circle_01{background-color: #00b9d4; transform: translate(-50%,-50%) rotate(-60deg);}
#people02 .rotate_circle .back.circle_02{background-color: #3473c9; transform: translate(-50%,-50%) rotate(-15deg);}
#people02 .rotate_circle .circle_03{width: 360px; height: 360px; border-radius: 50%;}
#people02 .rotate_circle .circle_03 .logo{position: absolute; text-align: center; color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
#people02 .rotate_circle .circle_03 .logo img{width: 170px; margin: 0 auto;}
#people02 .rotate_circle .circle_03 .logo p{padding-top: 14px; text-transform: uppercase; font-weight: 500;}
#people02 .line_wrap li{width: 2px; height: 170px; background-color: #ddd; position: absolute;}
#people02 .line_wrap li.line_01{left: calc(50% - 1px); top: 37px;}
#people02 .line_wrap li.line_02{transform: rotate(-45deg); right: 190px; bottom: 110px;}
#people02 .line_wrap li.line_03{transform: rotate(45deg); left: 190px; bottom: 120px;}
#people02 .line_wrap li i{display: block; position: absolute; width: 12px; height: 12px; border: 3px solid #3473c9; border-radius: 50%;}
#people02 .line_wrap li.line_01 i{left: -5px; top: -9px;}
#people02 .line_wrap li.line_02 i,#people02 .line_wrap li.line_03 i{bottom: -11px; left: -5px;}

#people02 .talent{position: relative;}
#people02 .keyword{padding-top: 20px;}
#people02 .keyword i{font-weight: bold; display: block; font-size: 18px; padding-bottom: 5px; color: #ccc;}
#people02 .keyword span{background-color: #00b9d4; color: #fff; padding: 3px 10px; border-radius: 30px;}
#people02 .txt_box{position: absolute; text-align: center;}
#people02 .txt_box h4{font-size: 40px; font-weight: bold;}
#people02 .txt_box p{font-size: 20px;}
#people02 .talent .txt_box.txt01{top: 30px; left: 15px;}
#people02 .talent .txt_box.txt02{top: 30px; right: 15px;}
#people02 .talent .txt_box.txt03{bottom: -230px; left: 50%; transform: translateX(-50%);}
#people02 .talent .txt_box .icon{width: 170px; margin: 0 auto;}

#people03 .top_content{margin-bottom: 80px;}
#people03 .top_content h6,#people03 .rank_wrap h6{font-size: 36px; line-height: 1.4;}
/* #people03 .top_content h6{color: #aaa;} */
#people03 .pic{margin-bottom: 80px; overflow: hidden;}
#people03 .txt_box{display: flex; margin: -40px;}
#people03 .txt_box li{padding: 40px;}
#people03 .txt_box li h6{font-size: 28px; font-weight: bold;}
#people03 .txt_box li p{padding-top: 16px; font-size: 18px; word-break: keep-all;}
#people03 .txt_box .inner{ border-top: 4px solid #000; padding-top: 20px;}
#people03 .txt_box .hr01{padding-top: 160px;}
#people03 .txt_box .hr02{padding-top: 80px;}
#people03 .txt_box .hr03{padding-top: 0px;}
#people03 .txt_box .s_icon{text-align: right;}
#people03 .txt_box .s_icon img{width: 40px; display: inline-block;}

#people03 .rank_wrap{background-color: #f5f5f5; padding: 100px 0;}
#people03 .rank_wrap p{font-size: 18px; padding-left: 3px; padding-top: 8px; color: #777;}
#people03 .rank{display: flex; margin: -14px; padding-top: 36px; flex-wrap: wrap;}
#people03 .rank li{padding: 14px;}
#people03 .rank .name{background-color: #fff; padding: 20px 40px; text-align: center;}
#people03 .rank .name span{font-size: 24px; font-weight: bold; color: #00b9d4; margin-right: 10px; position: relative; top: 1px; opacity: 0.8;}
#people03 .rank .name i{font-size: 20px;}


/* #apply .sub_title{padding-bottom: 100px;} */
#apply .count{padding-bottom: 10px;}
#apply .count p{font-weight: 500;}
#apply .count p span{font-weight: 900; font-size: 20px; color: #3473c9; padding-right: 3px;}
#apply .side_search{width: 400px; padding: 60px 30px; background-color: #f5f5f5;}
#apply .side_search input{width: 100%; border: 1px solid #ddd; background-color: #fff; padding: 0 10px;  height: 38px; line-height: 38px;}
#apply .side_search input::placeholder{font-size: 13px !important; color: #555;}
#apply .side_search #search_ul>li{margin-bottom: 26px;}
#apply .search_btn{width: 100%; background: #3473c9; color: #fff; text-align: center; line-height: 38px; height: 38px; cursor: pointer;}
#apply .search_btn:hover{background: linear-gradient(90deg,#00b9d4, #3473c9);}
.selectric .label{font-size: 14px !important; color: #555 !important;}
#apply .side_search p{font-size: 19px; position: relative; font-weight: 700;}
#apply .side_search .set span{position: absolute; cursor: pointer; right: 0; top: 4px; font-size: 15px;}
#apply .side_search .set{border-bottom: 1px solid #000; margin-bottom:40px;}
#apply .side_search .set span:hover{color: #999;}
#apply .content{position: relative; min-height: 600px;}
#apply .content .side_search{position: sticky; top: 20px; left: 0; border-radius: 16px;}
#apply .content .inner{width: calc(100% - 400px);}
#apply .content>div{float: left;}

#apply .content .inner>ul{padding-left: 40px; display: flex; flex-wrap: wrap;}
#apply .content .inner>ul>li{width: 50%; height: 100%; padding-left: 30px; padding-bottom: 30px;}
#apply .content .inner .in_box{border: 1px solid #ddd; padding: 35px 25px; cursor: pointer; border-radius: 16px;}
#apply .content .in_box .top{border-bottom: 1px solid #ddd; padding-bottom: 10px; position: relative;}
#apply .content .in_box .apply_btn{width: 70px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; font-weight: bold;}
#apply .content .in_box.on .apply_btn{background: #3473c9; color: #fff;}
#apply .content .in_box.off .apply_btn{background-color: #a1a1a1; color: #dddddd;}
/* #apply .content .in_box .top>li:nth-child(1){position: absolute;top: 0; left: 0;} */
#apply .content .in_box .top>li:nth-child(2){width: 100%; font-size: 16px; display: flex; justify-content: space-between; line-height: 45px;}
#apply .content .in_box .top span{color: #3473c9; font-weight: 800;}
#apply .content .in_box .top span.always{color: #0ec896;}
#apply .content .in_box .bot{padding-top: 20px;}
#apply .content .in_box .bot h4{font-size: 22px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#apply .content .in_box .bot p{font-size: 16px; color: #555; padding-top: 10px;  width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#apply .content .in_box.off span{color: #888 !important;}
#apply .content .in_box.off{opacity: 0.6;}




.board_common .board{width: 100%; border-top: 2px solid #333; margin-top: 30px;}

.board_faq .board li,.board_notice .board li{border-bottom: 1px solid #e6e6e6; padding: 36px 35px 34px 25px; cursor: pointer;}
.board_faq .board h4,.board_notice .board h4{font-size: 23px; font-weight: 600;}
.board_faq .board h4 span{margin-left: 20px;}
.board_faq .board p{font-size: 18px; margin-top: 20px; margin-left: 40px;}

.search{width: 100%; text-align: right;}
.search .input{display: inline-block; border-radius: 20px; padding: 5px 40px 5px 18px; background-color:#f5f5f5; position: relative; width: 260px; height: 40px;}
.search .input .icon{width: 20px; height: 20px; position: absolute; opacity: 0.3; cursor: pointer; top: 50%; transform: translateY(-50%); right: 12px;}
.search .input input{height: 100%; width: 100%; border: 0;}
input:focus {outline: none;}

.pagenation_wrap{width: 100%; text-align: center; padding-top: 80px;}
.page_board{display: inline-block;}
.page_board>li{float: left; overflow: hidden;  padding: 10px 16px; cursor: pointer; margin: 0 2px; border: 1px solid #fff;}
.page_board>li>a{padding: 10px;}
.page_board>li>b{padding: 10px; display: inline-block; width: 100%; height: 100%;}
.page_board>li.arrow{padding: 0;}
.page_on{color: #fff; font-weight: bold !important; background: #3473c9; border: 1px solid #3473c9;}
.page_board>li:hover{border: 1px solid #ddd; box-sizing: border-box;}
.board_pic{border: 1px solid #ddd;}
/* list pagination */

.board_notice .board li.board_title{background-color: #f5f5f5; text-align: center; padding-top: 20px; padding-bottom: 20px;}
.board_notice .board li{position: relative; padding-right: 180px;}
.board_notice .board li#no_post{padding-right: 0;}
.board_notice .board p{font-size: 18px; width: 102px; color: #777; position: absolute; top: 50%; transform: translateY(-50%); right: 34px;}
.board_notice .board li.board_title h4{font-size: 18px; color: #777; font-weight: 400;}
.board_notice .board li.board_title{cursor: unset;}
.board_notice .board li h4{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.no_post{width: 100% !important; display: block; text-align: center; font-size: 17px; font-weight: bold; color: #333;}

.board_notice .btn_wrap{display: flex; justify-content: center;}
.board_notice .btn_wrap .list_return{margin: 0; margin: 20px; margin-top: 60px;}

.view_title{font-size: 19px; text-align: center; padding: 24px 0 6px 0; background-color: #f5f5f5; word-break: keep-all; border-top: 2px solid #333;}
.view_date{background-color: #f5f5f5; text-align: center; padding: 6px 0 24px 0; font-size: 16px; color: #aaa; border-bottom: 1px solid #e4e4e4;}
/* 첨부행: 라벨(파일명+아이콘) / 파일목록 세로 중앙 정렬 — top:13 과 padding:24 어긋남 수정 */
.view_file{
  padding: 20px 24px 20px 160px;
  border-bottom: 1px solid #ddd;
  position: relative;
  min-height: 56px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.view_file > span{
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  line-height: 1.4;
  font-size: 15px;
}
.view_file > span i{
  position: static;
  width: auto;
  margin: 0;
  display: inline-flex;
  align-items: center;
  line-height: 0;
}
.view_file > span i img{
  width: 16px;
  height: 16px;
  display: block;
  object-fit: contain;
}
.view_file > div{
  width: 100%;
  min-width: 0;
}
.view_file #file_copy{
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
}
.view_file p{
  width: 100%;
  margin: 0;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.view_file p:hover{color: #3473c9;}
.board_view_content{border-bottom: 1px solid #ddd; padding: 40px 5% 80px 5%; line-height: 1.6; word-break: keep-all; background-color: #fff; min-height: 450px;}
.board_view_content img{height: auto !important; max-width: 80% !important; margin: 0 auto;}
.board_view_page{padding: 16px 50px; border-bottom: 1px solid rgb(230, 230, 230);}
.board_view_page p{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.board_view_page .title{padding-right: 26px;}
.board_view_photo{padding: 48px 5%;}
.board_photo{padding-bottom: 20px;}
.board_photo:last-child{padding-bottom: 0;}
.board_photo>img{width: 60%; margin: 0 auto;}
.view_info{display: block;}
.list_return{background-color: #3473c9; color: #fff; width: 180px; height: 50px; margin: 60px auto 0 auto; text-align: center; line-height: 50px; cursor: pointer;}
.list_return:hover{opacity: 0.7;}
.view_pagenation{position: relative;} 
.view_pagenation .page_inner{position: relative; padding: 24px 24px 24px 160px; cursor: pointer;}
.view_pagenation .page_inner:first-child{border-bottom: 1px dashed #ddd;}
.view_pagenation .page_inner:last-child{border-bottom: 1px solid #ddd;}
.view_pagenation .page_inner span{position: absolute; left: 24px; top: 24px;}
.view_pagenation .page_inner span i{display: inline-block; width: 8px; height: 8px; border-top: 2px solid #777; border-right: 2px solid #777; position: relative; left: 20px;}
.view_pagenation .prev span i{transform: rotate(-45deg);}
.view_pagenation .next span i{transform: rotate(135deg); top: -3px;}
.view_pagenation .page_inner p{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.view_pagenation .page_inner:hover p{color: #3473c9;}

.media_board .media{display: flex; flex-wrap: wrap; margin: -30px -10px;}
.media_board .media li{padding: 30px 10px; width: 100%; width: 25%;}
.media_board .media .thumnail{width: 100%; padding-bottom: 56%; background-color: #f5f5f5; position: relative; overflow: hidden;}
.media_board .media .thumnail img{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); object-fit: cover; object-position: center;}
.media_board .media .info{width: 100%; padding-top: 10px;}
.media_board .media .info p{width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px;}

.interview .people{display: flex; flex-wrap: wrap;}
.interview .people li{width: 25%; padding: 30px 10px; }
.interview .people .peo_pic{background-color: #fff; border-radius: 24px; overflow: hidden;}
.interview .content_wrap{background-color: #f9f9f9;}
.interview .info{padding: 20px;}
.interview .info .logo{width: 140px; margin: 0 auto;}
.interview .info .txt{text-align: center; font-size: 20px; font-weight: bold;}
.interview .info .txt .part{color: #0289d6;}
.interview .info .txt i{font-size: 16px; font-weight: 500; padding-left: 4px; color: #bbb;}
.interview .thumnail{width: 100%; height: 330px; background-color: #f5f5f5; position: relative; overflow: hidden;}
/* 레거시 background-size 는 img 에 무효 → object-fit 으로 동일 의도(cover) 보정 */
.interview .thumnail img{width: 100%; height: 100%; object-fit: cover; object-position: center; display: block;}


#part .top_content{margin-bottom: 80px;}
#part .top_content h6{font-size: 36px; line-height: 1.4;}
#part .pic{margin-bottom: 80px;}
/* #people03 .top_content h6{color: #aaa;} */

.tab{display: flex; justify-content: center; align-items: center; padding-bottom: 50px;}
.tab li{padding: 0 8px;}
.tab a{padding: 14px 24px; background-color: #f5f5f5; border-radius: 36px; font-size: 17px;}
.tab a:hover{background-color: #bbb; color: #fff;}
.tab a.on{background-color: #00b9d4; color: #fff;}


/* 개인정보/이용약관 — 레거시 실화면: 다크배경 + 본문폭과 같은 전체 폭 select + 흰 본문 박스 */
.agree_area{background-color:#333; min-height:500px; padding-top:200px; padding-bottom: 80px;}
.agree_area .bd-lg{
  max-width: 1200px;
  padding-left: 40px;
  padding-right: 40px;
  box-sizing: border-box;
}
.agree_area .main_title{text-align: center; color: #fff;}
.agree_area .main_title span{display: block;}
.agree_area .main_title b{display: block; font-size: 30px; padding-bottom: 30px;}
/* 버전 select = 흰 영역과 동일 폭, 본문 박스 바로 위(레거시 full-width) */
.agree_area .policy_select{
  width: 100%;
  margin: 0 0 0;
}
.agree_area .policy_select .selectric-wrapper{width: 100%;}
.agree_area .policy_select .selectric{
  background: #fff;
  border: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
}
.agree_area .policy_select .selectric .label{
  height: 44px;
  line-height: 44px;
  font-size: 15px !important;
  color: #333 !important;
  margin: 0 44px 0 16px;
}
.agree_area .policy_select .selectric .button{
  width: 44px;
  height: 44px;
}
.agree_area .policy_con{
  width: 100%;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
.agree_area .policy_in{
  border: 1px solid #e5e5e5;
  background-color:#fff;
  padding: 48px 56px 60px;
}
.agree_area .policy_in iframe{display:block; width:100%; background:#fff; min-height:400px;}
/* 버전 select 바로 아래 본문이면 상단선 제거(한 덩어리로 보이게) */
.agree_area .policy_select + .policy_con .policy_in{
  border-top: none;
}






/* draft css */

html.draft{overflow-x: auto; min-width: 1900px;}


.common_top{display: flex; padding-bottom: 30px;}
.common_top h5{width: 360px; font-size: 40px; font-weight: 700; }
.common_top p{width: calc(100% - 360px); font-size: 20px; font-weight: 400; padding-top: 8px;}


.draft01 .bot01>ul{display: flex; gap: 60px;}
.draft01 .bot01>ul li{width: 50%;}
.draft01 .bot01>ul li>div{background-color: #f5f5f5; padding: 36px; border-radius: 20px; height: 100%;}
.draft01 h6.common_h6{font-size: 24px; font-weight: 700; padding-bottom: 10px;}
.draft01 .bot01>ul li>div p{font-size: 19px;}
.draft01 .assess{padding-top: 14px;}
.draft01 .assess>div{display: flex; align-items: center; gap: 6px;}
/*
 * 평가 단계 칩 세로 정렬:
 * - <i> 기본 inline + line-box 메트릭 → 한글 시각 중심이 위로 떠 보임
 * - Apple SD 메트릭(ascent/descent override) 영향으로 더 두드러짐
 * → inline-flex + line-height 고정 + 하단 패딩을 조금 더 줘서 광학 중앙
 */
.draft01 .assess>div i{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg,#00b9d4, #3473c9);
    min-width: 115px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
    padding: 10px 14px 6px;
    border-radius: 50px;
    box-sizing: border-box;
}

.inner:has(.bot02){padding-top: 100px; margin-top: 100px; border-top: 1px solid #ddd;}
.draft01 .bot02{background-color: #f5f5f5; padding: 36px; border-radius: 20px;}
.draft01 .bot02 .assess{width: 90%; margin:  0 auto;}
.draft01 .bot02 .assess.other{width: 100%; overflow-x: auto;}
.draft01 .bot02 .assess.other.mobile{display: none;}
.draft01 .bot02 .assess.other img{min-width: 1140px;}
/* .draft01 .bot02 .assess.other img{width: 90%; margin: 0 auto;} */
.draft01 .bot02 .assess01{padding-top: 10px;}
.draft01 .bot02 .assess01>ul{display: flex; width: 90%; margin: 0 auto; max-width: 100%; justify-content: space-between; gap: 60px;}

.draft02 .content>ul{display: flex;}
.draft02 .content>ul li:nth-child(1){width: 640px;}
.draft02 .content>ul li:nth-child(2){width: calc(100% - 640px); padding-left: 110px;}
.draft02 .content>ul li .txt{padding: 180px 0 120px 0;}
.draft02 .content>ul li:nth-child(2) .txt{padding-left: 90px;}
.draft02 .content>ul li .txt span{font-size: 120px; font-family: "GangwonEduPower"; font-weight: 400; letter-spacing: 10px; color: #f6f6f6; line-height: 1;}
.draft02 .content>ul li .txt p{font-size: 26px; font-weight: 400; line-height: 1.5; position: relative; top: -50px; left: 100px;}

.draft02 .content>ul li .txt p strong{font-weight: 400;}

.draft01 .bot02 .assess.public>ul{display: flex; flex-wrap: wrap; margin: -22px -34px; max-width: 100%; justify-content: center;}
.draft01 .bot02 .assess.public>ul li{width: calc(100% / 6); text-align: center;  padding: 22px 34px;}
.draft01 .bot02 .assess.public>ul li p{padding-top: 10px; text-align: center; font-size: 20px; font-weight: 700;}

.pic_wrap{display: flex; margin: 0 30px; flex-wrap: wrap;}
.pic_wrap li{width: 50% !important; padding: 0 30px !important;}
.pic_wrap li:last-child{margin-top: 160px;}
.pic_wrap li:nth-child(2){position: relative; top: 200px;}




.draft02 .content.mo_office{display: none;}
.draft02 .content.mo_office>ul{display: block;}
.draft02 .content.mo_office>ul li:nth-child(2){padding-left: 0;;}
.draft02 .content.mo_office>ul li{display: flex;width: 100%;align-items: center;}
.draft02 .mo_office .img_sec{width: 500px;;}
.draft02 .mo_office .txt_sec{width: calc(100% - 560px);;    font-size: 22px;position: relative;padding-top: 20px;}
/* .draft02 .mo_office .txt_sec span{font-weight: 600;} */
.draft02 .mo_office .img_sec + .txt_sec{margin-left: 60px;}
.draft02 .mo_office .txt_sec + .img_sec{margin-left: 60px;}
.draft02 .mo_office .txt_sec em{    font-size: 80px; font-family: "GangwonEduPower";
  font-weight: 400; letter-spacing: 5px; color: #f6f6f6;position: absolute;left:-10px;;top:-50px;z-index: 1;}
  .draft02 .mo_office .txt_sec p{z-index: 99;position: relative;}


.return_top_box {
  
}

.return_top_box h4 {font-size:24px; font-weight:700;text-align: center;line-height:1.4;}

.return_top_box>div {margin:30px auto 0;width:fit-content;border:2px solid #333;padding:30px 50px;}

.return_top_box>div a {background:#333;color:#fff;font-size:14px;display: flex;justify-content: center;align-items: center;gap:5px;padding:3px 15px 2px;cursor: pointer;width:fit-content;margin:20px auto 0;}
.return_top_box>div a i {color:#fff;}

.return_top_box>div>div {display: flex;justify-content: center;gap:15px;margin-bottom:20px;font-size:18px;font-weight:700;}

.return_wrap input {
  position: relative;
  width: 300px;
  height: 40px;
  padding: 0 15px;
  border: 1px solid #ddd;
}


.return_bt_box {margin-top:70px;}
.return_bt_box div {display: flex;gap:20px;align-items: baseline;}
.return_bt_box h4 {font-size: 32px;font-weight:700;}
.return_bt_box p {font-weight:700;font-size:18px;}

.return_bt_box ul {width:100%;border-top:2px solid #333;margin-top:10px;}

.return_bt_box ul li {display: flex;align-items: center;height:90px;border-bottom:1px solid #ddd;}
.return_bt_box ul li label {width:170px;font-weight:700;}
  
.filebox .upload-name {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  vertical-align: middle;
  border: 1px solid #dddddd; 
  color: #999999;
}

.filebox label {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  vertical-align: middle;
  background-color: #333;
  cursor: pointer;
  height: 40px;
  margin-left: 10px;
  text-align: center; 
  width: 120px !important;
  font-size:14px;
  display: flex;
  gap:5px;
  align-items: center;
}

.filebox input[type="file"] {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.return_btn_wrap {width:fit-content;margin:0 auto;margin-top:30px;}
.return_btn {background:#333;color:#fff;font-weight:700;font-size:14px;display:inline-block;padding:10px 30px;vertical-align: middle;}


/* 히스토리 연혁 */

.history-wrap {display: flex;flex-direction: column;gap:100px;}

.history-con {display:grid;grid-template-columns: 2fr 5fr;gap:50px;}
.history-con .history-left {position:sticky;display: flex;flex-direction: column;gap:10px;height:fit-content;top:150px;}
.history-con .history-left h3 {font-size:40px;font-weight: 800;color:#032e7c;line-height: 1.2;}
.history-con .history-left span {font-size:32px;color:#0289d6;}
.history-con .history-left p {font-size:20px;line-height:1.5;word-break: keep-all;}


.history-con>ul {border-left:1px solid #ddd; padding:20px 50px;display: flex;flex-direction: column;gap:60px;}
.history-con>ul span {font-size:28px;color:#032e7c;font-weight:700;position:relative;}
.history-con>ul span::before {display: block;content:"";width:18px;height:18px;border-radius: 100px;position:absolute;left:-59px;top:50%;transform:translateY(-50%);background:#fff;border:4px solid #032e7c;}
.history-con>ul li {font-size:20px;}
.history-con>ul ul {display: flex;flex-direction: column;gap:7px;}
.history-con>ul ul li {display: flex;gap:10px;}
.history-con>ul li em {font-size:20px;font-weight:700;min-width:30px;}


.tab-btn-wrap {
  display: flex;
  gap:15px;
  justify-content: center;
  margin-bottom:100px;
}

.tab-btn-wrap .tab-btn {
  padding: 6px 20px 4px;
  border:2px solid #999;
  border-radius: 100px;
  color:#999;
  cursor: pointer;
  font-size:18px;
}

.tab-btn-wrap .tab-btn.on {
  border:2px solid #00b9d4;
  color:#00b9d4;
}


.tab-con-box {display: grid;grid-template-columns: 2fr 3fr;gap:100px;}
.tab-con-box figure {aspect-ratio: 16/9;border-radius:15px;overflow: hidden;}

.tab-con-box .tab-con-img {position: relative;width:fit-content;height: fit-content;}
.tab-con-box .tab-con-img::before {display: block;content: "";width:100%;height:100%;border:2px solid #00b9d4;border-radius:15px;position:absolute;transform: rotate(-3deg);z-index:-1;top:0;left:0;}
.tab-con-box .tab-con-img::after {display: block;content: "";width:100%;height:100%;border:2px solid #3473c9;border-radius:15px;position:absolute;transform: rotate(3deg);z-index:-1;top:0;left:0;}
.tab-con-box figure img {width:100%;height:100%;display: block;object-fit: cover;}

.tab-con-box h3 {font-size:24px;color:#00b9d4;font-weight:500;}
.tab-con-box span {font-size:34px;color:#333;font-weight:700;line-height: 1;}
.tab-con-box p {font-size:18px;background:#f9f9f9;padding:35px 45px;border-radius: 15px;}
.tab-con-text {display: flex;flex-direction: column;gap:40px;}
.hr {width:100%;height:1px;background:#ddd;}

.tab-con {display: none;}
.tab-con.active {display: flex;flex-direction: column;gap:80px;}




/* 251105 채용공고 상세 */


/* 좌측 필터 */

#apply-renewal .content {display:flex; gap:100px;}

.apply-filter {border:1px solid #fff; }
.apply-filter ul li ul {display:flex;flex-direction: column;gap:8px;}
/* .apply-filter>ul {display: flex;flex-direction: column;gap:30px;} */

.apply-tt {display:flex;justify-content: space-between;align-items: center;padding:10px 0;}
.apply-tt h4 {font-size:18px;}
.apply-tt i {font-size:20px;transition:0.2s;}
.apply-tt i.rotate {transform: rotate(180deg);transition:0.2s;}

.apply-search-wrap {
  display:flex;
  border-bottom:2px solid #333;
}

.apply-search-wrap input {
  border:none;
  font-size:14px;
  padding:15px;
}

.apply-search-wrap button {
  padding:15px;
}
.apply-search-wrap button img {width:fit-content;max-width: unset;}

.filter-con {margin:20px 0;padding-bottom:20px;;border-bottom:1px solid #ddd;}
.filter-con:last-child {border-bottom:0;}


.check-label {
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.7;
  font-family: 'Pretendard';
  text-align: left;
  padding-left: 22px;
  vertical-align: middle;
}

.check-label .checkmark {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
}

.check-label input:checked ~ .checkmark {
  background-color: #373737;
  border: 1px solid #373737;
}

.check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
}

.check-label .checkmark:after {
  content: '';
  width: 10px;
  height: 7px;
  position: absolute;
  display: none;
  background: url(https://d2npjdo51qntuz.cloudfront.net/static/img/user/check.svg) no-repeat center;
  background-size: contain;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.check-label input:checked ~ .checkmark:after {
  display: block;
}

.check-label input:checked ~ i {
  font-weight: 600;
  color: #373737;
}

.check-label i {
  color: #757575;
  font-weight: 400;
}

.check-label .checkmark.square {
  border-radius: 0.2em;
}

.apply-con {width:100%;}


/* 채용공고 */

.recruit-count {font-weight:600;font-size: 18px;display: flex;align-items: center;gap:2px;padding:10px;border-bottom:1px solid #ddd;}
.recruit-count span {padding-left:5px;font-size:24px;color:#0289d6;}

.recruit-con {display: flex;align-items: center;padding:30px 10px;border-bottom: 1px solid #ddd;gap:10px;}
.recruit-info {display: flex;width:100%;align-items: center;gap:30px;justify-content:space-between;}

.recruit-dday {width:100px;font-size:26px;font-weight:700;color:#0289d6;text-align: center;}
.recruit-info div ul {display: flex; flex-wrap: wrap;column-gap:15px;row-gap:0px;;}
.recruit-info .recruit-title {font-size:22px;font-weight:700;color:#333;line-height:1.3;} 
.recruit-info ul li {font-size:16px;color:#999;position: relative;padding-right:15px;white-space: nowrap;}
.recruit-info ul li::after {display: block;content: "";width:1px;height:12px;background:#ccc;position: absolute;top:50%;right:0;transform: translateY(-60%);}
.recruit-info ul li:last-child:after {display: none;}

.recruit-con span {height:fit-content;padding:8px 15px 6px;border:1px solid #333;border-radius:50px;}


.no-recruit {margin:100px auto;text-align: center;color:#666;}


/* ********************************************* *
 * 1800px
 * ********************************************* */
 @media screen and (max-width: 1800px){
   
    .bd1660,.bd1200,.bd960{padding: 0 16px;}
    #ecopro02 .bot_content .apply h4{font-size: 24px;}

  }

  /* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1600px){

  .common_top p br{display: none;}
  .draft01 .bot02 .assess.public>ul li p{font-size: 16px;}
  .tab-con-box {gap:90px;}

}
  
  /* ********************************************* *
  * 1400px
  * ********************************************* */
  @media screen and (max-width: 1440px){

    .sub_banner{padding-left: 20px; padding-right: 20px;}
  
    #apply .content .inner>ul>li{width: 100%;}

    .draft01 .bot01>ul{flex-wrap: wrap;}
    .draft01 .bot01>ul li{width: 100%;}


    .draft02 .content>ul li{padding: 10px !important;width: 100%;}
    .pic_wrap li:last-child {margin-top: 200px; }
    .pic_wrap{margin:0;margin-top: 20px;}



    .draft02 .content>ul li:nth-child(2) .txt {padding-left: 0; }
    .draft02 .content>ul li .txt {padding: 90px 0 90px 0;  }

    .tab-con-box {gap:70px;}
    .tab-con-text {gap:25px;}
    .tab-con-box p {padding:25px 35px;font-size:16px;}
    .tab-con-box span {font-size:30px;}
    .tab-con-box h3 {font-size:22px;}




    #apply-renewal .content {gap:50px;}


  }
  
  /* ********************************************* *
  * 1200px
  * ********************************************* */
  @media screen and (max-width: 1200px){
  
    .sub_banner{height: 400px;}
    .sub_banner h1{font-size: 36px;}
    .sub_banner p{font-size: 20px; font-weight: 500;}
        
 
    .media_board .media li{width: 33.333%;}

    #people02 .rotate_circle .circle_03{width: 180px; height: 180px;}
    #people02 .rotate_circle .back{width: 190px; height: 180px;}
    #people02 .rotate_circle .circle_03 .logo img{width: 100px;}
    #people02 .rotate_circle .circle_03 .logo p{font-size: 14px;}
    #people02 .txt_box h4{font-size: 28px;}
    #people02 .txt_box p{font-size: 16px;}
    #people02 .keyword{width: 200px; word-break: keep-all; margin: 0 auto;}
    #people02 .keyword span{font-size: 12px;}
    #people02 .center{height: 600px; width: 665px;}
    #people02 .line_wrap li.line_03{bottom: 107px;}
    #people02 .talent .txt_box.txt01{left: 9%;}
    #people02 .talent .txt_box.txt02{right: 12%;}

    #people03 .txt_box li h6{word-break: keep-all;}
    #people03 .txt_box li h6 br{display: none;}
    #people03 .txt_box li{padding: 20px;}
    #people03 .txt_box{margin: -20px;}
    
    .interview .people li{width: 33.333%;}

    .common_top{flex-wrap: wrap;}
    .common_top p{width: 100%;}


    .draft01 .bot02 .assess.public>ul li {width: calc(100% / 5);}
    .draft01 .bot02 .assess {width: 100%;}
    .draft01 .bot02 .assess.public>ul {margin:0px;}

    .draft02 .content.mo_office{display: block;}
    .draft02 .content.pc_office{display: none;}
    .draft02 .content.mo_office>ul li{padding:40px 0 !important;}

    .draft02 .content.mo_office i{padding-bottom: 70%;position: relative;    display: block;width: 100%;overflow: hidden;border-radius: 20px;}
    .draft02 .content.mo_office i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%; height: 100%;}
    .draft02 .content.mo_office li > div:first-child{text-align: right;}
    .draft02 .mo_office li > div:first-child em{left: auto;right:-20px;}
    
    .draft02 .content.mo_office .li_02 .img_sec{width: 500px;}
    .draft02 .content.mo_office .li_02 i{padding-bottom: 60%;margin: 40px 00;}
    .draft02 .content.mo_office .li_02 i:last-child,
    .draft02 .content.mo_office .li_02 i:first-child{transform: translateX(300px);}

    .tab-con-box figure {aspect-ratio: 4/3;}
    .tab-con-box span {font-size:28px;}
    



    .recruit-info {flex-direction: column;gap:10px;align-items: flex-start;}
    .recruit-con span {order:1;padding:3px 10px 1px;font-size:14px;}







  }
  
  /* ********************************************* *
  * 1024px
  * ********************************************* */
  @media screen and (max-width: 1024px){
  
    #people02 .talent .txt_box.txt01{left: 1%;}
    #people02 .talent .txt_box.txt02{right: 3%;}
    #people02 .txt_box p{line-height: 1.3;}
    #people02 .keyword{padding-top: 5px;}

    #people03 .txt_box{display: block;}
    #people03 .txt_box li{width: 100%; padding-top: 40px!important;}

    #apply01 .process ul{flex-wrap: wrap;}
    #apply01 .process ul li{width: 33.333%; max-width: none;}

    .board_view_content img{max-width: 100% !important;}
    .board_view_content{padding-left: 0; padding-right: 0;}
  

    .history-con .history-left h3 {font-size:34px;}
    .history-con .history-left span {font-size:28px;}
    .history-con .history-left p {font-size:18px;}
    .history-con>ul span {font-size:26px;}
    .history-con>ul li {font-size:18px;}
    .history-con>ul li em {font-size:18px;}
    .history-con>ul span::before {width:15px; height:15px;}


    .tab-con-box {grid-template-columns: 1fr;gap:40px;}
    .tab-con-box figure {aspect-ratio: 3/1;}
    .tab-con-box .tab-con-img::before {display: block;content: "";width:100%;height:100%;border:2px solid #00b9d4;border-radius:15px;position:absolute;transform: rotate(-2deg);z-index:-1;top:0;left:-0px;}
    .tab-con-box .tab-con-img::after {display: block;content: "";width:100%;height:100%;border:2px solid #3473c9;border-radius:15px;position:absolute;transform: rotate(2deg);z-index:-1;top:0;left:0px;}
    .tab-con.active {gap:50px;}


    #apply-renewal .content {flex-direction: column;}
    .apply-search-wrap input {width:100%;}







  }
  
  
  /* ********************************************* *
  * 960px
  * ********************************************* */
  @media screen and (max-width: 960px){
  
    #ecopro02 .bot_content ul li{width: 50%;}
    
    #apply .content .inner{width: 100%;}
    #apply .content .side_search{width: 100%; position: relative; top: 0;}
    #apply .content .inner>ul{padding-left: 0; padding-top: 40px;}
    #apply .content .inner>ul>li{padding-left: 0;}
    #apply .sub_title{padding-bottom: 20px;}
    #people02 .center{margin-bottom: 200px;}
    #people02 .talent .txt_box.txt03{bottom: -200px;}

    .draft01 .bot02 .assess.public>ul li { padding: 10px 16px;}

    .draft02 .content>ul li:nth-child(2) .txt::before,
    .draft02 .content>ul li .pic { border-radius: 12px;}
    .draft02 .content>ul li .txt p {font-size: 22px;}


    .draft02 .mo_office .img_sec,
    .draft02 .content.mo_office .li_02 .img_sec {width: 400px;}

    .draft02 .content.mo_office>ul li {padding: 20px 0 !important;  }
    .draft02 .mo_office .txt_sec {width: calc(100% - 400px); }
    .draft02 .content.mo_office i{border-radius: 10px;}
    .draft02 .content.mo_office .li_02 i { margin: 20px 00; }

    .draft02 .mo_office .img_sec + .txt_sec {margin-left: 40px; }
    .draft02 .mo_office .txt_sec + .img_sec {margin-left: 40px;}
    .draft02 .content.mo_office .li_02 i:last-child, 
    .draft02 .content.mo_office .li_02 i:first-child {   transform: translateX(200px);  }

    .return_top_box div div {text-align: center;}
  }




    
  /* ********************************************* *
  * 860px
  *
  ********************************************* */
  @media screen and (max-width: 860px){

    .sub_navi{display: none;}

    .apply_banner{background-position: 70%;}
    .interview .people li{width: 50%;}
    .draft01 .bot02 .assess01>ul { width: 100%;gap: 30px;}


    .draft02 .content>ul li:nth-child(2) .txt::before,
    .draft02 .content>ul li .pic {width: 300px}
    .draft02 .content>ul li .txt {width: calc(100% - 330px);margin-left: 30px;}
    .draft02 .content>ul li:nth-child(2) .txt::before{    margin-right: 30px;}


    .draft02 .mo_office .txt_sec em { font-size: 70px; top: -30px;}

    
    .draft02 .mo_office .img_sec,
    .draft02 .content.mo_office .li_02 .img_sec {width: 300px;}
    .draft02 .mo_office .txt_sec {width: calc(100% - 300px); font-size: 18px;}

    .draft02 .content.mo_office .li_02 i {padding-bottom: 60%;}


    .return_top_box h4 {font-size:22px;}


  }
  
    /* ********************************************* *
  * 780px
  *
  ********************************************* */
  @media screen and (max-width: 780px){

    #people03 .rank {flex-wrap: wrap; margin: -20px;}
    #people03 .rank li{width: 50%; padding: 20px;}

  }
  
  /* ********************************************* *
  * 760px
  *
  ********************************************* */
  @media screen and (max-width: 760px){
  
    .media_board .media li{width: 50%;}
    .media_board .media .info p{font-size: 16px;}
    
    .sub_title h1{font-size: 40px; margin-bottom: 30px; line-height: 1.1; padding-top: 3px;}

    .sub_banner{height: 300px;}
    .sub_banner h1{line-height: 1.1; font-size: 30px;}
    .sub_banner p{line-height: 1.3; font-size: 16px;}

    .content_wrap{padding-top: 80px;}

    #apply .side_search{padding: 20px;}

    #apply .content .in_box .apply_btn{width: 80px; height: 36px; line-height: 36px;}
    #apply .content .in_box .top>li:nth-child(2){line-height: 36px;}

    #apply01 .process_info{padding: 100px 0 0 0;}

    .board_notice .board li.board_title{padding-top: 16px; padding-bottom: 16px;}
    .board_faq .board li, .board_notice .board li{padding: 16px;}
    .board_notice .board li.board_title h4{font-size: 14px;}
    .board_faq .board h4 span{margin-left: 0;}
    .board_faq .board h4 i{display: none;}
    .board_faq .board h4, .board_notice .board h4{font-size: 18px; text-align: left;}
    .board_notice .board p{font-size: 14px; text-align: center; right: 0;}
    .board_faq .board p{font-size: 16px; margin-left: 0; margin-top: 10px;}

    #people02 .rotate_circle,#people02 .txt_box{position: relative !important; top: 0 !important; left: 0 !important; bottom: 0 !important; transform: translate(0) !important;}
    #people02 .center{height: auto; width: 100%; margin-bottom: 0;}
    #people02 .line_wrap{display: none;}
    #people02 .rotate_circle{width: 100%; margin: 0 auto;}
    #people02 .rotate_circle li{position: relative; top: 0; left: 0; transform: translate(0);}
    #people02 .rotate_circle .circle_03{width: 100%; border-radius: 90px; height: 130px;}
    #people02 .rotate_circle .back{display: none;}
    #people02 .txt_box{display: flex; align-items: center; border-bottom: 1px solid #e5e5e5; padding: 40px 0;}
    #people02 .txt_box:last-child{border-bottom: 0;}
    #people02 .talent .txt_box .icon{width: 150px;}
    #people02 .txt_box p br{display: none;}

    #people03 .top_content h6, #people03 .rank_wrap h6{font-size: 24px;}



    .draft01 .assess>div i{min-width: auto;width: calc((100% - 40px) / 3);margin-top: 4px;}
    .draft01 .assess>div{flex-wrap: wrap;}
    .draft01 .assess>div span{display: block;width: 8px;}



    .draft02 .content>ul li .txt p {font-size: 18px; }


    .tab-btn-wrap {flex-wrap: wrap;gap:10px;margin-bottom:70px;}



    .return_top_box h4 {font-size:20px;}
    .return_top_box>div {padding:20px 35px;}
    .return_top_box ul li {font-size:16px;}
    .return_bt_box h4 {font-size:26px;}
    .return_bt_box p {font-size:16px;}
    .return_bt_box div {flex-direction: column;gap:0;}
    .return_bt_box ul li {flex-direction: column;align-items: flex-start;justify-content: center;}
    .scan div {flex-direction: row;} 
    .return_wrap input {width:180px !important;} 
    .scan .filebox label {width:100px !important}



    .recruit-dday {font-size:20px;line-height:1.2;text-align: left;}
    .recruit-info {gap:5px;}
    .recruit-con {flex-direction: column;align-items: flex-start;}
    .recruit-info div ul {column-gap: 8px;}
    .recruit-info ul li {font-size:14px;padding-right:8px;}
    .recruit-info .recruit-title {font-size:18px;}
    .recruit-count {font-size:16px;}
    .recruit-count span {font-size:22px;}
    .recruit-con span {padding:2px 10px 0;}

    .apply-filter ul li ul {gap:5px;}
    .filter-con {margin:10px 0;padding-bottom:10px;}
    #apply-renewal .content {gap:30px;}
    



  }

      /* ********************************************* *
  * 650px
  *
  ********************************************* */
  @media screen and (max-width: 650px){
    
    .section_wrap {padding-bottom:100px; }



    #apply01 .process .circle img{width: 50px;}
    #people03 .rank_wrap p{font-size: 16px;}
    #people03 .rank_wrap p br{display: none;}

    .interview .people li{width: 100%;}

    
  .draft01 .bot02 .assess.other.mobile{display: block;}
  .draft01 .bot02 .assess.other.pc{display: none;}
  .draft01 .bot02 .assess.other.mobile>ul:first-child{padding-top: 0;}
  .draft01 .bot02 .assess.other.mobile>ul{padding-top: 24px;}
  .draft01 .bot02 .assess.other.mobile>ul{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;}
  .draft01 .bot02 .assess.other.mobile>ul li{width: calc(50% - 5px); background-color: #fff; border-radius: 20px; text-align: center; padding: 8px 30px;}
  .draft01 .bot02 .assess.other.mobile>ul li.blue_gd{color: #fff;}

  .draft01 .bot02 .assess01>ul{gap: 10px;}
  .draft01 .bot01>ul li>div,
  .draft01 .bot02 {padding: 20px;}



  .draft02 .mo_office .txt_sec em {font-size: 40px; top: 10px;}
  .draft02 .mo_office .img_sec,
  .draft02 .content.mo_office .li_02 .img_sec {width: 100%;}
  .draft02 .mo_office .txt_sec {width: calc(100%); font-size: 16px;}
  .draft02 .content.mo_office>ul li{display: block;}
  .draft02 .mo_office .txt_sec + .img_sec,
  .draft02 .mo_office .img_sec + .txt_sec{margin-left: 0;}
  .draft02 .mo_office .txt_sec em{left:0;top:-10px;}

  .draft02 .mo_office .txt_sec p br{display: block;}

  .draft02 .content.mo_office .li_02 i:last-child, 
  .draft02 .content.mo_office .li_02 i:first-child{transform: none;}

  /* .draft02 .mo_office .txt_sec{background: #fff;padding:40px 30px 30px;width: 80%;border-radius: 0 20px 0 0;} */


  .draft02 .mo_office .txt_sec{transform: translateY(-60px);z-index: 99;padding-left: 10px;text-align: 18px;}

  .draft02 .content.mo_office .li_02 i{margin:0;}
  .draft02 .content.mo_office .li_02 i,
  .draft02 .content.mo_office i {padding-bottom: 60%;}



  .draft02 .mo_office .txt_sec em {font-size: 70px; top: -45px; color: #111;  opacity: 0.1; }


  .draft02 .content.mo_office .li_03,
  .draft02 .content.mo_office .li_05{display: flex;flex-direction: column-reverse;align-items: flex-start;}

  .draft02 .content.mo_office .li_03 .txt_sec,
  .draft02 .content.mo_office .li_05 .txt_sec{text-align: left;margin-left: 0;}

  .draft02 .content.mo_office .li_03 .txt_sec em,
  .draft02 .content.mo_office .li_05 .txt_sec em{left: 0; right: 0;}



  .draft02 .content.mo_office .li_02 .img_sec i{display: none;}
  .draft02 .content.mo_office .li_02 .img_sec i:first-child{display: block;}
  .draft02 .content.mo_office .li_02 .img_sec i img{content:url(https://d2npjdo51qntuz.cloudfront.net/static/img/user/ecopro/166767469671617.gif)}

  /* .draft02 .content.mo_office>ul li{padding:0 !important} */





  .history-con .history-left h3 {font-size:28px;}
  .history-con .history-left span {font-size:20px;}
  .history-con .history-left p {font-size:16px;}
  .history-con>ul span {font-size:20px;}
  .history-con>ul li {font-size:16px;}
  .history-con>ul li em {font-size:16px;}
  .history-con>ul span::before {width:12px; height:12px;border:3px solid #032e7c;left:-37px;}
  .history-con {gap:30px;grid-template-columns: 1fr;}
  .history-con>ul {padding:20px 30px; gap:45px;}
  .history-con>ul li em {min-width:20px;}
  .history-con .history-left {position:static;gap:5px;}





  
  .tab-con-box {grid-template-columns: 1fr;gap:40px;}
  .tab-con-box figure {aspect-ratio: 16/9;}
  .tab-con-box .tab-con-img::before {transform: rotate(-3deg);z-index:-1;top:0;left:-0px;}
  .tab-con-box .tab-con-img::after {transform: rotate(3deg);z-index:-1;top:0;left:0px;}
  .tab-con.active {gap:50px;}
  .tab-con-box h3 {font-size:18px;}
  .tab-con-box span {font-size:24px;}
  .tab-btn-wrap .tab-btn {font-size:15px;padding: 5px 17px 3px;}
  .tab-con-box p {padding:20px 25px;line-height:1.5;}
  .return_bt_box {margin-top:50px;}
  .return_btn {padding:8px 20px;}






}



    /* ********************************************* *
  * 500px
  *
  ********************************************* */
  @media screen and (max-width: 500px){

    #apply .side_search #search_ul>li{margin-bottom: 16px;}
    #apply .content .in_box .top{padding-left: 0; height: auto;}
    #apply .content .in_box .top>li:nth-child(1){position: relative; width: 100%;}
    #apply .content .in_box.on .apply_btn{width: 100%;}
    #apply .content .in_box .top>li:nth-child(2){padding-top: 6px;}
    #apply .content .inner .in_box{padding: 20px;}
    #apply .content .in_box .bot h4{font-size: 20px;}

    #apply01 .process_info span{font-size: 16px;}
    #apply01 .process_info h6{font-size: 24px;}
    #apply01 .process_info li{padding-bottom: 24px; margin-bottom: 24px;}

    #apply01 .process ul{margin: -10px;}
    #apply01 .process ul li{padding: 10px;}
    #apply01 .process p{margin-top: 10px;}
    #apply01 .process i{display: none;}

    .board_notice .board li.board_title{display: none;}
    .board_notice .board p{position: relative; top: 0; transform: translateY(0); text-align: left;}
    .search .input{width: 100%;}
    
    
    .tab{margin-bottom: 30px; overflow-x: auto; padding: 7px 24px 11px 24px;}
    .tab::-webkit-scrollbar{display: none;}
    .tab a{font-size: 14px; padding: 10px 20px;}
    .tab li{padding: 0 3px;}

    #people02 .talent .txt_box .icon{width: 100%; max-width: 170px;}
    #people02 .talent .txt_box{flex-wrap: wrap;}

    #apply01 .process p{font-size: 16px;}

    
    .agree_area .policy_in{padding: 40px 16px;}
    .draft01 .bot02 .assess.other.mobile>ul li{font-size: 14px;}


    .draft01 .bot02 .assess01>ul{display: block;}
    .draft01 .bot02 .assess01>ul li img{display:none ;}
    .draft01 .bot02 .assess01>ul li + li{margin-top: 10px;}
    .draft01 .bot02 .assess01>ul li{border-radius: 40px;text-align: center;padding:8px;font-weight: 600;}
    .draft01 .bot02 .assess01>ul li:first-child{bordeR:1px solid #01b7d4;color: #fff;background: #01b7d4;}
    .draft01 .bot02 .assess01>ul li:first-child::before{content:'전문성';}
    .draft01 .bot02 .assess01>ul li:nth-child(2){bordeR:1px solid #1b96cf;color: #fff;background: #1b96cf;}
    .draft01 .bot02 .assess01>ul li:nth-child(2)::before{content:'성장';}
    .draft01 .bot02 .assess01>ul li:last-child{bordeR:1px solid #3375c9;color: #fff;background: #3375c9;}
    .draft01 .bot02 .assess01>ul li:last-child::before{content:'창의';}

    .draft01 .bot02 .assess.public>ul {  justify-content: flex-start;}
    .draft01 .bot02 .assess.public>ul li {width: calc(100% / 3);     padding: 10px 0px;}
    .draft01 .bot02 .assess.public>ul li > div{width: 60%;margin:0 auto;;}
    .draft01 .bot02 .assess.public>ul li p {font-size: 14px;}


    .draft01 .bot01>ul li>div p,
    .common_top p {font-size: 16px;}


    .common_top h5 { font-size: 32px;}



    .draft01 h6.common_h6 {font-size: 22px;}


.draft02 .content>ul li:nth-child(2) .txt::before, 
.draft02 .content>ul li .pic{ padding-bottom: 50%;}
.draft02 .content>ul li .txt p {font-size: 16px;}


.draft01 .bot01>ul li>div p + .assess{margin-top: 10px;}

.draft01 .assess,
.draft01 .bot02 .assess01 {padding-top: 0;}

.draft01 .bot01>ul li>div,
.draft01 .bot02 { border-radius: 10px;}




  .return_top_box h4 {font-size:18px;}
  .return_top_box ul li {font-size:14px;}
  .return_bt_box h4 {font-size: 22px;}
  .return_bt_box p {font-size:15px;line-height:1.5;}
  .return_bt_box ul li label {font-size:15px;}
  .scan .filebox label {font-size:14px;}



  }

      /* ********************************************* *
  * 480px
  *
  ********************************************* */
  @media screen and (max-width: 480px){
    .sub_title h1 {font-size: 36px;}
    .section_wrap {padding-bottom: 80px; }



    .media_board .media{margin: -10px;}
    .media_board .media li{width: 100%; padding: 10px;}

    #people03 .top_content h6 br{display: none;}
    #people03 .top_content{margin-bottom: 30px;}
    #people03 .pic{margin-bottom: 40px;}
    #people03 .txt_box li p{padding-top: 8px;}
    #people03 .txt_box li h6{font-size: 24px;}
    #people03 .rank .name{padding: 10px 20px; text-align: left;}
    #people03 .rank{margin: -10px;}
    #people03 .rank li{padding: 10px;}
    #people03 .rank .name i{font-size: 16px;}
    #people03 .rank .name span{font-size: 16px;}
    
    .draft01 .bot02 .assess.public>ul li > div{width: 80%;margin:0 auto;;}


    
    .draft01 .assess>div i{min-width: auto;width: calc((100% - 34px) / 2);}
    .draft01 .assess>div{flex-wrap: wrap;font-size: 14px;}
    .draft01 .assess>div span{margin-top: 4px;}
    .draft01 .assess>div span:nth-child(2n-1){display: none;}
    .draft01 .assess>div span:nth-child(2n+1){display: none;}


    .draft01 .bot02 .assess01>ul li{font-size: 14px;}
    .draft01 .bot02 .assess.other.mobile>ul li { padding: 8px 10px;}


    .inner:has(.bot02) {padding-top: 60px;  margin-top: 80px;}


    .draft01 .bot01>ul li>div, 
    .draft01 .bot02 {padding: 16px; }


    .draft02 .content.mo_office .li_02 .img_sec i{margin:0;}
    .draft02 .mo_office .txt_sec{padding:0;transform: none;padding-top: 10px;padding-left: 10px;width: 100%;;}

    .draft02 .content.mo_office>ul li {padding: 20px 0 !important; }

    .draft02 .mo_office .txt_sec{text-align: 16px;}
    .draft02 .mo_office .txt_sec em {font-size: 60px;}
    

  }
  
      /* ********************************************* *
  * 300px
  *
  ********************************************* */
  @media screen and (max-width: 300px){

    #people03 .rank li{width: 100%;}
    #people03 .rank_wrap{padding: 80px 0;}

    
  }