/* ¹ÝÀÀÇü******************************************************************/
@media (max-width:1380px) {
.tnb{margin-left:0;}
.gnb{margin-left:20px;}
}

@media (max-width:1279px) {

.foot-area,
#main-youtube,
#job-list,
.site-banner-area{width:96%;}

.tnb{position:absolute; top:0; display:block; width:100%; height:30px; line-height:30px; }
.tnb a{background:#0066c7; color:#fff; display:block; margin-left:0; width:50%; float:left;}
.tnb a i{width:auto;}
.tnb a.tnb-login{background:#00bcc2; color:#fff;}
header{padding-top:30px;}
.header-logo{position:absolute; left:20px;}
.gnb{margin-left:0px; padding-left:400px; box-sizing:border-box; width:100%;}
.gnb > li{width:30%; box-sizing:border-box; padding:0;}

#snb{width:100%; top:0;}
#sub-top{height:320px;}
.sub-content{max-width:95%; margin-top:50px;}


#visual{height:auto;}
.visual-img-bg{width:100%; left:0; margin-left:0;}
.visual-img-bg img{width:140%; max-width:140%; display:block; }
/*.visual-img-text{margin-top:-10%;}
.visual-img-text img{width:50%;}*/

.job-list-padding-box{padding:10px;}
.job-list-area li{height:auto;}
}

@media (max-width:1024px) {
header{height:auto; line-height:1.25em;}
.header-logo{position:relative; width:100%; left:0;}
.header-logo a{ height:auto; line-height:1.2em; padding:40px 0;}
.header-logo img{width:90%; max-width:390px;}

.tnb a{font-size:18px;}

.gnb{padding-left:0; background:#0066c7;}
.gnb > li{height:auto; line-height:30px;}
.gnb > li a{color:#fff; padding:10px 0; font-size:18px;}
.gnb > li:hover:after{width:0;}

.vs-tit h2{font-weight:900; font-size:22px; color:#0066c7;}


.foot-area{background:none; padding-right:0; text-align:center; padding-bottom:50px;}

.job-list-area li{width:49%; margin-left:2%; margin-bottom:2%;}
.job-list-area li:nth-child(2n+1){margin-left:0;}

#customer{padding-bottom:0;}
.customer-area{text-align:center;}
.privacy-btn{position:relative; right:auto; display:block; margin:30px auto 0; text-align:center;}

.sub-content{margin-top:2%;}
.sub-cont-title{font-size:28px; padding:20px 0 10px;}

.list-side{width:100%;}
.list-box{width:100%;}
.sub-job-select >li{padding:10px 5px;}
.sjs-2depth li{display:inline-block; margin-right:10px;}
.list-search{width:100%; margin:0 auto 30px;}
.list-search input{padding:10px 5px;}

.sub-job-select{display:none;}

.sub-job-mobile{display:block; text-align:center; margin-bottom:10px;}
.sub-job-mobile select{width:49.5%; background:#fff; border:1px #ccc solid; padding:10px 0; border-radius:5px; box-sizing:border-box; }

.list-box .job-list-area li,
.list-box .job-list-area li:nth-child(4n+1){width:49%; margin-left:2%;}
.list-box .job-list-area li:nth-child(2n+1){margin-left:0;}

.board-view-top-img{width:40%;}
.board-view-top-option{width:100%;}

#main-youtube .you-banner-ul > li{float:none; width:100%; margin-left:0;}
}

@media (max-width:768px) {
body, th, td, input, select, textarea, button{font-size:16px;}

.header-logo a{padding:20px 0;}

.visual-img-bg img{width:160%; max-width:160%;}

.site-banner-img{padding:0 5px;}

#main-youtube{padding:20px 0 30px;}
#main-youtube ul li{width:100%; margin-left:0; margin-bottom:10px; border:0;}
.you-title{font-size:16px;}

#job-list{padding-bottom:30px;}
#job-list h2{text-align:center; font-size:28px;}
.job-list-more{position:relative; right:auto; top:auto; width:100%; box-sizing:border-box; text-align:center; margin-top:5px; background:#06142e; border-radius:0; padding:20px 0; font-size:17px; font-weight:500;}
.job-list-area li{width:100%; margin-left:0; height:auto;}
.job-list-area li dt{width:60px;}
.job-list-area li dl{font-size:15px;}
.on-off span{font-size:14px;}
.on2-off span{font-size:14px;}
.on3-off span{font-size:14px;}
.enter-more{font-size:16px; background:#2469aa; color:#fff; padding:15px 0; border-top:0;}

#site-banner{padding:10px 0;}
#site-banner h2{display:none;}
.site-banner-area{padding-left:0;}

#customer{padding:20px 0 0;}
.customer-area p{line-height:1.2em;}
.customer-tel{font-size:28px; margin-left:0px; display:block;}
.customer-tit{display:block; background-position:50% 0; padding-top:36px; padding-left:0;}
.customer-info{font-size:14px; padding-left:0;}
.privacy-btn{margin-top:10px; padding:10px 0;}

.foot-area{padding:30px 0; font-size:15px;}

#sub-top{padding-bottom:0; height:120px;}

.sub-content{padding-bottom:50px;}

.list-box .job-list-area li,
.list-box .job-list-area li:nth-child(4n+1){width:100%; margin-left:0%;}

.board-view-top-img{width:100%;}
.board-view-top-option{width:100%;}

.board-view-cont-table,
.board-view-cont-table tbody,
.board-view-cont-table tr,
.board-view-cont-table td{display:block;}
.board-view-cont-table td img{margin-top:20px;}

.board-option-table th{background:#ecf2f8; border-bottom:1px #aabbcd solid; padding:10px 0;font-size:14px;}
.board-option-table td{border-bottom:1px #aabbcd solid; padding:10px;font-size:12px;}
}


@media (max-width:480px) {
.gnb > li a{color:#fff; padding:10px 0; font-size:14px;}
.board-option-table th{background:#ecf2f8; border-bottom:1px #aabbcd solid; padding:10px 0;font-size:14px;}
.board-option-table td{border-bottom:1px #aabbcd solid; padding:10px;font-size:12px;}
}