/*===============================================================*/
/*======================= Mobile 520 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:520px){
.pct {display:none !important;}
.tablet {display:none !important;}
.mobile {display:block !important;}
img.tablet_img {display:none;}
img.pct_img {display:none;}
img.mobile_img {display:block;}
table.mobile {display:table;}

/* header */
#header {height:65px;}
.headerWrap h1 {width:125px; top:9px;}

/* allmenu */
.btn_menu {width:30px;}
.bar1, 
.bar2, 
.bar3 {width:25px; height:2px; margin-top:7px;}
.bar1 {margin-top:0;}
.bar2 {width:18px;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-6px, 6px) ; transform: rotate(-45deg) translate(-6px, 6px);}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-6px, -7px) ; transform: rotate(45deg) translate(-6px, -7px);}

#AllMenu {top:65px; padding:4% 4% 0; font-size:4.8vw;}
#AllMenu ul li {padding:2% 0; line-height:10vw;}
#AllMenu .btn_login {width:100%; height:13vw; margin:6% auto 0; line-height:13vw;}

/*main contents */
#mainVisual {padding:15% 0 20%;}

#mainVisual .main_txt {width:100%;}
#mainVisual .main_info_txt dl {margin:7% 0 8%;}
#mainVisual .main_info_txt dl dt {/* width:22%;  */height:9vw; font-size:3.8vw; line-height:8.5vw;}
#mainVisual .main_info_txt dl dd {padding-top:4%; font-size:3.5vw; word-break:keep-all;}
#mainVisual .main_info_txt dl dd br {display:none;}
#mainVisual .main_quick_link ul li {height:65vw; border-width:1px;}
#mainVisual .main_quick_link ul li a {padding:12% 10%;}
#mainVisual .main_quick_link ul li strong {padding-top:20%; padding-left:0; background-size:16% !important; font-size:4.5vw;}
#mainVisual .main_quick_link ul li p {padding-top:4%; font-size:3.5vw;}
#mainVisual .main_quick_link ul li p br {display:none;}
#mainVisual .main_quick_link ul li .arrow {width:10vw; height:5.5vw; right:10%; bottom:12%;}

.main_banner {padding:6% 2% 0;}
.main_banner strong {font-size:4.5vw;}
.main_banner p {padding-top:2%;}

/* SelectBoxStyle */
.SelectType01 {min-width:50%; padding: 0 4vw 0 1.5%; height:10vw; background-image:url('/images/common/btn/select_arrow_m.png'); background-size:7vw; line-height:10vw;}

/*sub contents*/
.sub #contents {padding:12% 4%;}
.sub #contents .titleArea h3 {font-size:7vw;}
.sub #contents .titleArea {margin-bottom:10%;}
.sub #contents .titleArea02 h4 {font-size:4.5vw;}
.sub #contents .titleArea02 h4 span {font-size:4vw;}
.sub #contents .titleArea02 p {padding-top:2%; line-height:1.4;}
.contentsArea {min-height:100vw;}
.contentsArea .section {margin-top:8%;}

.caution {margin-bottom:4%;}
.caution p {width:75%; word-break:keep-all;}
.caution a {margin-top:3%;}

/* ApplyStep */
.apply_step {margin-bottom:12%;}
.apply_step:after {top:2.35vw;}
.apply_step ul li {padding-top:3.5%;}
.apply_step ul li:before {width:5vw; height:5vw;}

/* MypageStep */
.frame.crazy ul {width: 160vw !important;}

.mypage_step {margin-bottom:12%;}
.mypage_step:after {top:5.5vw;}
.mypage_step ul li {height:11vw; line-height:10.5vw;}
.mypage_step ul li.on a:after {width:calc(100% + 2px); height:calc(100% + 2px);}

/* 온라인 CV 작성 */
.suformBox {padding:4%;}
.suformBox02 textarea {height:40vw;}
.inputBox {margin-top:4%; font-size:3.5vw;}
.inputBox strong {font-size:3.5vw; padding-bottom:1vw; line-height:5vw;}
.inputBox .input_info {padding-bottom:3%;}
.inputBox .labelBox label {margin-right:4%;}
.inputBoxWrap:first-child {margin-top:-4%;}
.inputBoxWrap.list3 .inputBox {width:100%; margin-left:0;}
.inputBoxWrap.list3_2 .inputBox {width:100%; margin-left:0;}
.inputBox.peroid .peroidArea {}
.inputBox.peroid .peroidArea select {background-position:110% center; font-size:3.5vw;}
.inputBox.peroid .peroidArea select.year {width:18.2%; min-width:18.2%;}
.inputBox.peroid .peroidArea select.num {width:17%; min-width:17%;}
.inputBox.peroid .peroidArea br + select {margin-left:0; margin-top:1.5%;}
.inputBox.peroid .peroidArea br + select + select {margin-top:1.5%;}
.inputBox.peroid .peroidArea span {margin:0 0.9%; font-size:3.5vw;}
.suformBox > textarea {min-height:30vw;}

.addBoxWrap .addBox > .btn_add, 
.addBoxWrap .addBox > .btn_delete {width:10vw; height:10vw; margin-left:2%;}
.addBoxWrap .addBox .input_con {width:calc(98% - 10vw);}
.addBoxWrap .input_con .filetype input.text {width:calc(98% - 20vw);}
.addBoxWrap .input_con textarea {margin-top:2%;}
.addBoxWrap .input_con .filetype .file-btn {margin-left:2%;}
.addBoxWrap .input_con .filetxt p span {display:inline-block; max-width:90%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:middle;}
.addBoxWrap .input_con .filetxt .btn_delete {width:3vw; height:3vw; background-size:100%;}

/* 나의 작성내역 */
.suviewBox dl dt {width:28%; padding:1% 3%;}
.suviewBox dl dd {width:72%; padding:1% 3%;} 
.suviewBox dl:first-child dt,
.suviewBox dl:first-child dd {padding-top:3%;}
.suviewBox dl:last-child dt,
.suviewBox dl:last-child dd {padding-bottom:3%;}
.suviewBox.wide dl dt {width:31%;}
.suviewBox.wide dl dd {width:69%;}
.suviewBox .su_txt {padding:3% 4%;}
.suview_nodata {line-height:25vw;}

.suviewBox02 dl dt {width:28%; padding:2% 3%;}
.suviewBox02 dl dd {width:72%; padding:2% 3%;} 
.suformBox02 p {padding-bottom:4%;}

.suviewBox03 .su_txt {max-height:80vw; padding:2% 3%;}
.suviewBox03 .tt {padding-bottom:4%;}

.sufileBox {padding:3% 3%;}
.sufileBox .fileArea {padding-bottom:3%;}
.sufileBox .fileArea .file_name {width:83%; padding-right:3%; font-size:3.5vw;}
.sufileBox .fileArea .btn_file_view {width:17%; height:6vw; font-size:3vw; line-height:5.6vw;}
.sufileBox .fileInfo {padding-top:3%;}

.applyComplete {padding:15% 0;}
.applyComplete img {width:14%;}
.applyComplete strong {padding-top:6%; font-size:4.2vw;}
.applyComplete p {padding-top:2%;}

/* 로그인 */
#MemBody.login {width:80%; padding:5% 0;}
#MemBody.login .login_title img {width:18%;}
#MemBody.login .login_title p {padding-top:8%; font-size: 3.2vw;}
#MemBody.login .login_con {margin-top:10%;}
#MemBody .mem_table td {padding-top:2%;}
#MemBody .mem_table td input.text {height:12vw;}
#MemBody .mem_table td .button {height:16vw; font-size:5vw; line-height:16vw;}
#MemBody.login .login_util {margin-top:6%;}

/* 아이디/비밀번호 찾기 */
#findIdpw .find {padding:6% 5%;}
#findIdpw .find h4 {padding-bottom:2%; font-size:4.2vw;}
#findIdpw .find .writeBtnArea {margin-top:6%;}

#findIdpw.idpw_result .find {padding:15% 5%;} 

/* 개인정보처리방침, 이용약관 */
.AgreePrivacy {margin:10% 0;}
/* .AgreePrivacy .privBox {margin-top:6%;} */
.AgreePrivacy .privBox strong {padding-bottom:2%; font-size:4.5vw;}
.AgreePrivacy .privBox textarea {height:40vw; padding:4%;}
.AgreePrivacy .privBox label {padding-top:2%;}

.privacy .privacyCon {padding:3%; height:100vw; line-height:5vw;}
.privacy .priv_section {margin-top:6%;}
.privacy .priv_section p {margin-top:4%;}
.privacy .priv_section strong {font-size:3.8vw;}
.privacy .priv_section table {width:100%;}

/*foot*/
#foot {font-size:3.2vw;}
.footWrap {padding:6% 4%;}
.footWrap .f_util a {font-size:3.2vw;}
.footWrap .f_util i {height:3vw; margin:1px 4% 0;}
.footWrap address {padding-top:3%;}
.footWrap address i {height:3vw; margin:-1px 4% 0;}
.footWrap .copy {padding-top:3%; font-size:2.6vw;}

/* 관리자 로그인 */
div#box {width:90%; padding:8%; margin-left:-45%; box-sizing:border-box;}
div#box .login_center {padding:6% 0;}
div#p_input span.label {padding-right:4%;}

}

/*===============================================================*/
/*======================= Mobile 360 px ~ =======================*/
/*===============================================================*/
@media only screen and (max-width:360px){

}