[data-section='header01_mo'] .header_bg_check{background-color:#333; position:relative !important;}
[data-section='header01_mo'] .gnb{width: 100%; position: absolute; top: 0; left: 0; z-index: 100; }
[data-section='header01_mo'] .gnb_absolute{position: absolute; top: 0; left: 0; z-index: 999;}
/* header 태그에 해당 클래스 추가시 상단에 겹쳐지게됨 */
[data-section='header01_mo'] .gnb i{color: #fff; font-size: 18px; cursor: pointer;}
[data-section='header01_mo'] .inner{border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: flex; padding: 0 130px; width: 100%; height: 100px; align-items: center; justify-content: space-between;}
[data-section='header01_mo'] .inner .nav{display: flex; justify-content: space-between;}
[data-section='header01_mo'] ul.main_menu>li{padding: 0 10px;}
[data-section='header01_mo'] .h_logo{width: 140px;}
[data-section='header01_mo'] .menu_wrap{width: 50%;}
[data-section='header01_mo'] .nav>li{position: relative; padding: 0 30px; word-break:keep-all;}
[data-section='header01_mo'] .lnb{width: 100%; position: absolute; padding-top:10px; left: 0; display: block;}
[data-section='header01_mo'] .lnb li{background-color: rgba(0, 0, 0, 0.5); width: 100%; position: relative; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
[data-section='header01_mo'] .lnb li:last-child{border-bottom: 0;}
[data-section='header01_mo'] .lnb li:hover{background-color: rgba(0, 0, 0, 1);}
[data-section='header01_mo'] .lnb li i{font-size: 15px; padding: 10px; display: block;}
[data-section='header01_mo'] .header_pointer{cursor:pointer;}
[data-section='header01_mo'] .side_menu li{display: inline-block; padding: 0 5px;}
[data-section='header01_mo'] .mo_btn,.mobile{display: none;}
/* ********************************************* *
* 1600px
* ********************************************* */
@media screen and (max-width: 1660px){
[data-section='header01_mo'] .gnb.inner{padding: 0 80px;}
}
/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
[data-section='header01_mo'] .mo_btn,.mobile{display: block;}
[data-section='header01_mo'] .side_menu{display: none;}
[data-section='header01_mo'] .inner{height: 80px; padding-left: 30px; padding-right: 30px;}
[data-section='header01_mo'] .gnb.nav>li{padding: 0;}
[data-section='header01_mo'] .gnb .nav{padding-right: 0 !important;}
[data-section='header01_mo'] .gnb .nav>li{display: none;}
[data-section='header01_mo'] .gnb .nav>.mo_btn{display: block; padding-top: 15px; cursor: pointer; padding-right:0;}
[data-section='header01_mo'] .lan_btn{width: 97px; height: 97px;}
[data-section='header01_mo'] .mobile{display: block;}
[data-section='header01_mo'] .mo_menu{width: 100%; position: absolute; z-index: 100; top: 79px; background-color: #fff; text-align: center; display: block; border-top: 1px solid #ddd;}
[data-section='header01_mo'] .mo_menu li{background-color: #fff;}
[data-section='header01_mo'] .mo_menu i{width: 100%; display: block; padding: 14px; font-size: 17px; text-transform: uppercase;}
[data-section='header01_mo'] .mo_menu_inner>li>i{border-bottom: 1px solid #ddd;}
[data-section='header01_mo'] .mo_sub_menu{background-color: #fff; display: block;}
[data-section='header01_mo'] .mo_sub_menu i{border-bottom: 1px solid #f5f5f5; font-size: 16px;}
[data-section='header01_mo'] .mo_sub_menu>li{background-color: #f5f5f5; border-bottom: 1px solid #ddd;}
[data-section='header01_mo'] .mo_lan span{width: 100%; float: left; display: block !important; cursor: pointer; border-right: 1px solid #ddd;}
[data-section='header01_mo'] .mo_lan span i{font-size: 14px;}
[data-section='header01_mo'] .mo_lan span:last-child{border-right: 0;}
[data-section='header01_mo'] .rock,.lan_btn{display: none;}
[data-section='header01_mo'] .adm_btn{display: none;}
}
[data-section='apply_banner02'] .sub_banner{width: 100%; height: 800px; position: relative; color: #fff; background-color: #333; margin-bottom: 130px;}
[data-section='apply_banner02'] .sub_banner .bg{position: relative; height: 100%;}
[data-section='apply_banner02'] .sub_banner .bg>div{height: 100%; width: 100%;}
[data-section='apply_banner02'] .sub_banner .bg img{height: 100%; width: 100%;}
[data-section='apply_banner02'] .sub_banner .bg_content{ padding:100px 130px 0 130px;}
[data-section='apply_banner02'] .sub_banner .content{position: absolute; top: calc(50% - 100px); transform: translateY(-50%);}
[data-section='apply_banner02'] .sub_banner h1{font-size: 55px;}
[data-section='apply_banner02'] .sub_banner p{font-size: 28px; padding-top: 10px;}
[data-section='apply_banner02'] .sub_banner .bot{position: absolute; bottom: 50px; font-size: 18px;}
[data-section='apply_banner02'] .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;}
}
/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
[data-section='apply_banner02'] .sub_banner h1{font-size: 40px;}
[data-section='apply_banner02'] .sub_banner p{font-size: 24px;}
[data-section='apply_banner02'] .sub_banner{height: 750px;}
}
/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
[data-section='apply_banner02'] .sub_banner .bg_content{padding-left: 20px; padding-right: 20px;}
}
/* ********************************************* *
* 860px
*
********************************************* */
@media screen and (max-width: 860px){
[data-section='apply_banner02'] .sub_banner h1{font-size: 32px; }
[data-section='apply_banner02'] .sub_banner p{font-size: 20px;}
[data-section='apply_banner02'] .sub_banner{height: 600px;}
[data-section='apply_banner02'] .sub_banner .scroll{width: 50px;}
[data-section='apply_banner02'] .sub_banner .bg_content{ padding-top: 140px;}
}
/* ********************************************* *
* 680px
* ********************************************* */
@media screen and (max-width: 680px){
[data-section='apply_banner02'] .sub_banner h1{font-size: 28px;}
[data-section='apply_banner02'] .sub_banner p{font-size: 18px; padding-top: 0;}
[data-section='apply_banner02'] .sub_banner .bot{font-size: 16px;}
}
Apply·채용공고
[data-section='apply_view'] .bd1280{width: 1280px; margin: 0 auto; max-width: 100%;}
[data-section='apply_view'] .board_notice{padding-bottom:120px}
[data-section='apply_view'] .sub_title{padding-bottom: 70px;}
[data-section='apply_view'] .sub_title h1{font-size: 36px;}
[data-section='apply_view'] .sub_title p{font-size: 18px;}
[data-section='apply_view'] .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;}
[data-section='apply_view'] .view_date{background-color: #f5f5f5; text-align: center; padding: 6px 0 24px 0; font-size: 16px; color: #aaa; border-bottom: 1px solid #e4e4e4;}
[data-section='apply_view'] .view_file{padding: 24px 24px 24px 160px; border-bottom: 1px solid #ddd; position: relative;}
[data-section='apply_view'] .view_file span{position: absolute; left: 24px; top: 24px;}
[data-section='apply_view'] .view_file p{width: 100%; margin:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
[data-section='apply_view'] .view_file p:hover{color: #042b69;}
[data-section='apply_view'] .view_file i{margin-right:6px; width:23px; height:29px;}
[data-section='apply_view'] .view_file b{font-weight:500;}
[data-section='apply_view'] .apply_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;}
[data-section='apply_view'] .apply_view_content img{height: auto !important; max-width: 80% !important; margin: 0 auto;}
[data-section='apply_view'] .apply_view_page{padding: 16px 50px; border-bottom: 1px solid rgb(230, 230, 230);}
[data-section='apply_view'] .apply_view_page p{width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
[data-section='apply_view'] .apply_view_page .title{padding-right: 26px;}
[data-section='apply_view'] .apply_view_photo{padding: 48px 5%;}
[data-section='apply_view'] .board_photo{padding-bottom: 20px;}
[data-section='apply_view'] .board_photo:last-child{padding-bottom: 0;}
[data-section='apply_view'] .board_photo>img{width: 60%; margin: 0 auto;}
[data-section='apply_view'] .view_info{display: none;}
[data-section='apply_view'] .list_return{background-color: #042b69; color: #fff; width: 180px; height: 50px; margin: 60px 10px 0 10px; text-align: center; line-height: 50px; cursor: pointer;}
[data-section='apply_view'] .list_return:hover{opacity: 0.7;}
[data-section='apply_view'] .view_pagenation{position: relative;}
[data-section='apply_view'] .view_pagenation .page_inner{position: relative; padding: 24px 24px 24px 160px; cursor: pointer;}
[data-section='apply_view'] .view_pagenation .page_inner:first-child{border-bottom: 1px dashed #ddd;}
[data-section='apply_view'] .view_pagenation .page_inner:last-child{border-bottom: 1px solid #ddd;}
[data-section='apply_view'] .view_pagenation .page_inner span{position: absolute; left: 24px; top: 24px;}
[data-section='apply_view'] .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;}
[data-section='apply_view'] .view_pagenation .prev span i{transform: rotate(-45deg);}
[data-section='apply_view'] .view_pagenation .next span i{transform: rotate(135deg); top: -3px;}
[data-section='apply_view'] .view_pagenation .page_inner p{width: 100%; margin:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
[data-section='apply_view'] .view_pagenation .page_inner:hover p{color: #042b69;}
/* list pagination */
[data-section='apply_view'] .ing{opacity:0.5 !important; }
[data-section='apply_view'] .end{background-color:#ccc !important;}
[data-section='apply_view'] .file_name_icon{display:flex; align-items:center;}
[data-section='apply_view'] .file_name_text{display:flex; align-items: center;}
[data-section='apply_view'] .file_name_text img{margin-right:6px; cursor:pointer; width: 26px; height: 26px;}
[data-section='apply_view'] .display_flex{display:flex; justify-content:center;}
/* ********************************************* *
* 680px
* ********************************************* */
@media screen and (max-width: 680px){
[data-section='apply_view'] .board_notice .board h4{font-size: 20px;}
}
/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
[data-section='apply_view'] .view_pagenation .page_inner span,[data-section='apply_view'] .view_file span{left: 5px;}
[data-section='apply_view'] .view_pagenation .page_inner span i{left: 14px;}
[data-section='apply_view'] .view_pagenation .page_inner,[data-section='apply_view'] .view_file{padding-left: 82px;}
[data-section='apply_view'] .view_file i{margin-left: 6px;}
}
채용정보
첨부파일지원하러가기
목록으로
[data-section='footer01'] #footer{position:relative; width:100%; background:#242424; color:#fff; padding-bottom: 20px;}
[data-section='footer01'] #footer .inr{width:1660px;}
[data-section='footer01'] #footer address b{opacity:0.75; padding:0 5px 0 0; font-weight:300; font-size:14px; color:#888;}
[data-section='footer01'] #footer address span{padding:0 10px 0 0;}
[data-section='footer01'] #footer address span,
[data-section='footer01'] #footer address i{opacity:0.75; line-height:1.8em; font-weight:200; color:#fff;}
[data-section='footer01'] #footer address span.dhm{font-weight:600; color:#cb1919;}
[data-section='footer01'] #footer .logo{display:inline-block; opacity:0.35; padding-top:14px; vertical-align:top;}
[data-section='footer01'] #footer .logo img{height:32px; vertical-align:middle;}
[data-section='footer01'] #footer .top_footer{padding:44px 0 30px; border-bottom:1px solid #323232;}
[data-section='footer01'] #footer .btm_footer{padding:30px 0 50px;}
[data-section='footer01'] #footer .btm_footer:after{content:''; display:block; clear:both;}
[data-section='footer01'] #footer .btm_footer p{float:left; opacity:0.2; font-weight:200; font-size:14px; color:#fff;}
[data-section='footer01'] #footer .link{float:right;}
[data-section='footer01'] #footer .link > li{display:inline-block; margin:0 0 0 5px; border:1px solid #424242; border-radius:2px;}
[data-section='footer01'] #footer .link > li:last-child{background:#3a3a3a; border:1px solid #565656;}
[data-section='footer01'] #footer .link > li:last-child i{opacity:0.8;}
[data-section='footer01'] #footer .link > li > i{display:inline-block; opacity:0.5; line-height:30px; padding:0 10px; font-weight:200; font-size:13px; color:#fff;}
[data-section='footer01'] #footer .footer_info{display:inline-block; padding:0 0 0 40px;}
[data-section='footer01'] #footer .footer_info span{padding:0 15px 0 0; font-weight:300; font-size:15px; color:#ccc; word-break:keep-all;}
[data-section='footer01'] #footer .footer_info span.tel_link{display:none;}
[data-section='footer01'] #footer .footer_info span > i{color:#CCC;}
[data-section='footer01'] #footer .footer_info p,
[data-section='footer01'] #footer .footer_info i{padding:2px 0 0; color:#CCC;}
[data-section='footer01'] #footer .bd1600{width: 1600px; margin: 0 auto; max-width: 100%; min-height: 0 !important;}
/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
[data-section='footer01'] #footer .logo img{height:25px;}
[data-section='footer01'] #footer .footer_info span{padding:0 10px 0 0; font-size:12px;}
[data-section='footer01'] #footer .btn_top{right:15px; width:42px; height:42px; background-size:6px;}
[data-section='footer01'] #footer .btn_top.fiexd.active{bottom:20px;}
[data-section='footer01'] #footer address b{padding:0 2px 0 0;}
[data-section='footer01'] #footer address span.dhm{display:block; font-weight:bold; color:#ff4d4d;}
[data-section='footer01'] #footer .top_footer{padding:24px 0 15px; border-bottom:1px solid #323232;}
[data-section='footer01'] #footer .btm_footer p{display:block; float:none; font-size:12px;}
[data-section='footer01'] #footer .btm_footer{padding:20px 0 30px;}
[data-section='footer01'] #footer .link{display:block; float:none; margin-top:13px;}
[data-section='footer01'] #footer .link > li{margin:0 0 0 2px;}
[data-section='footer01'] #footer .link > li:first-child{margin-left:0;}
[data-section='footer01'] #footer .link > li > i{padding:0 10px; font-size:11px;}
[data-section='footer01'] #footer .footer_info{padding-left: 0;}
[data-section='footer01'] #footer .logo{margin-bottom: 10px;}
[data-section='footer01'] #footer .footer_pointer{cursor:pointer;}
}