@charset "utf-8";
/*************************************************
프로젝트명 : 2018 연합뉴스 채용사이트
commnet : style (768 이하) - mobile
*************************************************/

@media only screen and (max-width:768px){

/* =============== common ======================== */
body{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;}
p,li,dt,dd,span,strong,em,b,input,button,select,textarea,label,a{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;}

/* =============== Layout ======================== */
.wrap{width:100%;height:auto;margin:0;}
.bg-wrap{display:none !important;}


/* ---- header (common) ---- */
.wrap-header{position:relative;width:100%;}
.wrap-header:after{content:"";display:block;clear:both;position:absolute;z-index:-1;top:0;left:0;width:100%;height:50px;background-color:#0068d1;}
.wrap-header .header{width:100%;text-align:center;}
.wrap-header .logo-yna{margin-top:4px;}
.header .log-con{position:absolute;top:4px;right:4px;}
.header .btn-mypage{position:absolute;top:4px;right:4px;}
.header .btn-menu-open{position:absolute;top:4px;left:4px;}

.wrap-header .nav-wrap,
.wrap-header .site-info{display:none !important;}
.site-info .log-con{}
.site-info .txt{}

/* navigation */


/* menu all */
.meun-wrap{position:fixed;z-index:200;top:0;left:-100%;width:100%;height:100%;
-webkit-transition:left 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85),background 0.25s ease-in 0.25s;
-moz-transition:left 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85),background 0.25s ease-in 0.25s;
-ms-transition:left 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85),background 0.25s ease-in 0.25s;
transition:left 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85),background 0.25s ease-in 0.25s;}
.meun-wrap.menu-open{left:0;background:rgba(0,0,0,0.7);}
.meun-wrap .btn-menu-close{position:absolute;top:0px;right:43px;}
.meun-scroll{width:70.4%;height:100%;margin:0;background:#0068d1;}
.meun-scroll .inner{}
.meun-scroll .logo-yna04{width:100%;height:75px;}
.meun-scroll .site-info{margin:15px;}
.meun-scroll .site-info .log-con{width:100%;}
.meun-scroll .site-info .btn-login,
.meun-scroll .site-info .btn-logout{width:100%;}
.meun-scroll .site-info .txt-con{margin-top:43px;}
.meun-scroll .site-info .txt-con p{font-size:14px;color:#fff;}

.nav-menu{}
.nav-menu a{color:#fff;}
.nav-menu>ul{}
.nav-menu>ul>li{border-bottom:1px solid rgba(255,255,255,0.2);}
.nav-menu>ul>li>a{display:block;position:relative;padding:11px 25px 13px;font-size:17px;line-height:26px;}

.nav-menu .dep02{display:none;background:#005bb7;}
.nav-menu .dep02 li{}
.nav-menu .dep02 a{display:block;padding:10px 40px 12px;font-size:15px;line-height:26px;}
.nav-menu .dep02 a:after{}
.nav-menu .dep02 .active{background-color:#fff;}
.nav-menu .dep02 .active a{color:#005bb7;}

.nav-menu .has-list>a{}
.nav-menu .has-list>a:before,
.nav-menu .has-list>a:after{content:"";display:block;clear:both;position:absolute;background:#fff;
-webkit-transition:opacity 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-moz-transition:opacity 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-ms-transition:opacity 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
transition:opacity 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);}
.nav-menu .has-list>a:before{top:17px;right:35px;width:1px;height:15px;opacity:1;}
.nav-menu .has-list>a:after{top:24px;right:28px;width:15px;height:1px;}
.nav-menu .on.has-list>a{}
.nav-menu .on.has-list>a:before{opacity:0;}

.nav-menu .open .dep02{display:block;}


/* ---- container (common) ---- */
.wrap-container{width:100%;min-height:auto;margin:24px 0;}
.wrap-container .container{width:100%;min-height:auto;padding:0;}
.wrap-container .contents{}
.wrap-container .content01{width:100%;padding:0;}
.wrap-container .content01 .title-page01{margin-bottom:0;}
.wrap-container .content01 .title-page01 .txt-mes01{width:100%;margin:13px auto 0;}


/* ---- footer (common) ---- */
.footer{height:auto;background-color:#e2e5e8;}
.footer>div{width:auto;padding:40px 15px;text-align:center;}
.footer .tit{margin-right:4px;color:#0068d1 !important;}

.footer div,
.footer span,
.footer p,
.footer address{font-size:12px;line-height:22px !important;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif !important;color:#000;}

.footer .addr-box>div{display:block;}
.footer .addr-box .line{display:block;}
.footer .addr-box address .tit{display:inline-block;}

.footer .link-box{display:none;}
.footer .copy-box{}


/* =============== Content.css ======================== */

/* ---- 폼 ---- */
/* 텍스트 폼 */
input.text01{}

.textarea01{}

/* 체크박스, 라디오 버튼 */
input.check01,input.radio01{}

.label-check01{}
.label-check02{}

.label-radio01{}

/* 셀렉트 */
div[class*='select-type']{}
.select01{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;}

.select-list-box{}

/* 파일첨부 */
.label-file01{display:inline-block;position:relative;}


/* ---- 칼라 포인트 ---- */
.color01{}
.color02{}
.color03{}


/* ---- 포지션 ---- */
.position-area{}


/* ---- IR 기법  ---- */
.ir-zone{position:relative;}


/* ---- 암시적 레이블 명시적으로 적용 ---- */
.label-wrap{position:relative;}


/* ---- 아이콘 ---- */
.ico-star{}
.ico-warn{}
.ico-arr01{display:block;width:50px;height:42px;border:0;text-indent:-9999px;}
.ico-arr01:after{width:17px;height:17px;margin:-15px 0 0 -9px;border-bottom:1px solid #000;border-left:1px solid #000;}

/* ---- 로고 ---- */
.logo-yna{display:inline-block;width:110px;height:42px;}
.logo-yna strong,
.logo-yna span{width:100%;height:100%;background-position:0 -250px;background-size:300px auto;text-indent:-9999px;}

.logo-yna02{}
.logo-yna03{}


/* ---- 타이틀 ---- */
.title-page01{box-sizing:border-box;padding:6px 15px 38px;border-bottom:1px solid #061b35;}
.title-page01 .tit{}
.title-page01 .tit>a,
.title-page01 .tit>span{position:relative;font-size:34px;line-height:100%;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;letter-spacing:-1px;}

.title-page01 .tit>a{padding-left:26px;}
.title-page01 .tit>a:after{content:"";display:block;clear:both;position:absolute;top:10px;left:5px;width:18px;height:18px;border-left:1px solid #000;border-bottom:1px solid #000;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);}

.title-page01 .txt-mes01{}
.title-page01 .txt-mes01 p{font-size:14px;}
.title-page01 .right01{top:5px;right:18px;}
.title-page01 + .contents{margin-top:0;border:none;}

.title-sub01{}
.title-sub01 .tit{font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;}
.title-sub01 .ico-star{margin-left:6px;}
.title-sub01 .txt-mes01{margin-top:10px;}

.title-sub02{position:relative;}
.title-sub02 .tit{font-size:30px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;}

.title-sub03{}
.title-sub03 .tit{display:inline;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;letter-spacing:0;}
.title-sub03 .ico-star{margin:7px 0 0 6px;}

.title-sub04{}
.title-sub04 a,
.title-sub04 span{display:inline-block;position:relative;padding:0 0 4px;font-weight:normal;font-size:34px;line-height:100%;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;letter-spacing:-1px;color:#3f3f3f;}
.title-sub04>a{border-bottom:1px solid #3f3f3f;}
.title-sub04>a:after{position:absolute;top:10px;right:-26px;width:18px;height:18px;background:none;border-right:1px solid #000;border-bottom:1px solid #000;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);}

.title-error01{}
.title-policy01{}

.title-pop01{}
.title-pop02{}

.tit-box01{}
.txt-desc01{}

.para-con01{}

.para-con02{}
.para-con02 p,
.para-con02 span,
.para-con02 strong{font-weight:normal;font-size:17px;line-height:100%;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;color:#061b35;}
.para-con02 p{margin-bottom:8px;}

.para-con03{}
.para-con04{box-sizing:border-box;margin:0 15px;padding:0 0 19px;background-color:#fff;border-bottom:1px solid #dcdcdc;text-align:left;
-webkit-box-shadow:inherit;-moz-box-shadow:inherit;box-shadow:inherit;}
.para-con04 p{position:relative;text-align:right;}
.para-con04 .txt-co{float:left;font-size:30px;line-height:32px;letter-spacing:0;}
.para-con04 .num{float:right;margin-left:4px;vertical-align:top;}
.para-con04 .num em{margin-top:0;color:#061b35 !important;vertical-align:top;}

.para-con04 p,
.para-con04 .num,
.para-con04 .num em{font-size:14px;line-height:32px;color:#7a8794;}

.para-con05{}

.txt-vital{}
.txt-mes01{}
.txt-mes01 p{font-size:14px;line-height:20px;font-weight:normal;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;color:#000;}
.txt-mes02{}
div[class*='txt-mes'] .hl01{color:#0068d1;
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(228,240,252,1) 15%,rgba(228,240,252,1) 90%,rgba(255,255,255,1) 100%);
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(228,240,252,1) 15%, rgba(228,240,252,1) 90%, rgba(255,255,255,1) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(228,240,252,1) 15%,rgba(228,240,252,1) 90%,rgba(255,255,255,1) 100%);}
.txt-warn{}

.txt-tag01,
.txt-tag02{background-color:#eaf2fa !important;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;color:#7a8794;}

/* ---- 검색 및 폼 ---- */
.enter-form01{}

.search-form01{height:42px;}
.search-form02{height:42px;}

.search-form02 .search-word .text01{height:42px;border:none;border-bottom:1px solid #c0c7cd;}
.search-form02 .select-list-box,
.search-form02 .select-list-box .selected-headline,
.search-form02 .select-list-box .selected-headline:after{height:42px;line-height:42px;background-position:-300px -100px;}
.search-form02 .btn-type07.btn-srch01,
.search-form02 .btn-type07.btn-srch02{width:42px;height:42px;}

.text-form01{}

.file-form01{}
.period-form01{}
.opt-form01{}


/* ---- 로그인 ---- */
.login-zone01{}

.login-zone02{box-sizing:border-box;width:100%;padding:0 15px;border:none;}
.login-zone02 .title{position:relative;width:auto;margin:0;font-size:34px;line-height:100%;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;letter-spacing:-1px;color:#000;}
.login-zone02 .txt-mes01{width:100%;margin:13px auto 40px;}
.login-zone02 .txt-mes01 .br{display:block;margin-left:0;}
.login-zone02 fieldset{width:100%;margin:0 auto;}
.login-zone02 .form{}
.login-zone02 .form p{margin-top:10px;}
.login-zone02 .form .text01{width:100%;}
.login-zone02 .btn-center{margin-top:10px;}
.login-zone02 .btn-center button{width:100%;}
.login-zone02 fieldset + div{width:100%;margin:24px auto 0;}

.join-box{display:none;width:100%;border-top:1px solid #000;margin:30px 0 100px;padding-top:30px;}
.join-box>div{width:auto;margin:0 15px;}
.join-box>div .btn-type08{text-decoration:none;}
.join-box>div .btn-type08 span{padding:0;font-size:34px;line-height:100%;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;letter-spacing:-1px;color:#000;}
.join-box .btn-type08 span{font-size:22px;}
.join-box .txt-mes01{margin-top:10px;}
.join-box .for-mobile{display:block;}


/* 비밀번호 찾기 */
.pw-zone01{box-sizing:border-box;width:100%;margin-bottom:50px;padding:0 15px;}
.pw-zone01 .form{font-size:0;}
.pw-zone01 .form p{margin-top:20px;}
.pw-zone01 .form label{width:100%;margin-bottom:10px;font-weight:normal;font-size:17px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;color:#061b35;}
.pw-zone01 .form .text01{width:100% !important;}
.pw-zone01 .form .mark{font-size:17px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;}
.pw-zone01 .form .txt-mes01{margin:10px 0 0 0;}
.pw-zone01 .btn-center button{width:100%;}

.pw-zone01 #loginMail{
width:-webkit-calc(54% - 37px) !important;width:-moz-calc(54% - 37px) !important;width:calc(54% - 37px) !important;}
.pw-zone01 #loginMail + .mark + .text01{width:46% !important;}

/* 에러페이지 */
.error-zone01{margin:0 15px;}
.error-zone01 .title-error01{margin:50px 0 20px;font-weight:normal;font-size:30px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;text-align:center;}
.error-zone01 .txt-desc01{margin:0;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;text-align:center;}
.error-zone01 .error-box{margin-top:0;padding-left:0;background:none;}
.error-zone01 .desc-con{position:relative;box-sizing:border-box;padding:38px 0;width:100%;text-align:center;}
.error-zone01 .desc-con:before,
.error-zone01 .desc-con:after{display:none;}
.error-zone01 .desc-con p{font-size:15px;line-height:18px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;color:#061b35;}
.error-zone01 .btn-left{margin:0;text-align:center;}
.error-zone01 .btn-left .btn-style04{width:100%;}


/* ---- 버튼영역 기본 ---- */
.btn-center{}
.btn-right{}
.btn-left{}

.btns-fixed{display:none;position:absolute;z-index:10;bottom:0;left:0;width:44px;margin-left:0;}


/* ---- 버튼 ---- */
a[class*='btn-type'],
button[class*='btn-type']{}
a[class*='btn-type'] span,
button[class*='btn-type'] span{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;}

a[class*='btn-type01'] span,
button[class*='btn-type01'] span{padding:0 10px;color:#0068d1;}

.btn-style01{}
.btn-style01 span{}

.btn-style02{}
.btn-style02 span{}

.btn-style03{}
.btn-style03 span{}

.btn-style04{min-width:auto;height:54px;}
.btn-style04 span{font-size:15px;line-height:54px;}

/* btn-type05 - 첨부 파일 아이콘과 스타일이 다른 경우 수정 (현재는 공통으로 적용) */
.btn-style05{min-width:144px;height:44px;}
.btn-style05 span{position:relative;font-size:13px;line-height:44px;}
.btn-style05 span[class*='ico-']{height:44px !important;padding:0 18px 0 38px !important;color:#061b35 !important;}
.btn-style05 .ico-file{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;}
.btn-style05 .ico-file:after{background-position:-125px -375px;background-size:300px auto;}

/* btn-type07 */
a[class*='btn-type07']{}
button[class*='btn-type07']{}

.btn-type07.btn-srch01{width:42px;height:42px;}
.btn-type07.btn-srch01 span{border-radius:50%;background-position:0 -425px !important;background-size:300px auto;}
.btn-type07.btn-close01{width:60px;height:60px;border:1px solid #000;}
.btn-type07.btn-close01 span{background-position:-227px -301px;background-size:300px auto;}

/* btn-type08 */
a[class*='btn-type08'],
button[class*='btn-type08']{}
a[class*='btn-type08'] span,
button[class*='btn-type08'] span{font-size:17px;}

/* sns-type01 */
.sns-type01{}
.sns-type01 button{width:44px;height:44px;}
.sns-type01 button>span{background-size:300px auto;border:1px solid #c0c7cd;border-radius:0;}
.sns-type01 button+button{margin-left:-1px;}
.sns-type01 .fb>span{background-position:-109px -439px;}
.sns-type01 .tw>span{background-position:-164px -438px;}
.sns-type01 .url>span{background-position:-217px -434px;}


/* ---- 프로세스 ---- */
.process-nav01{}


/* ---- 탭 ---- */
.tab-type01{}
.tab-type02{}

.tab-type03,
.tab-type04{position:relative;box-sizing:border-box;width:138px;height:44px;margin:0;}
.tab-type03 .btn-select,
.tab-type04 .btn-select{display:inline-block;position:relative;box-sizing:border-box;width:100%;height:100%;padding:0 10px;border:1px solid #000;font-size:15px;line-height:44px;}
.tab-type03 .btn-select:after,
.tab-type04 .btn-select:after{content:"";display:block;clear:both;position:absolute;top:13px;right:12px;width:11px;height:11px;border-left:1px solid #000;border-bottom:1px solid #000;
-webkit-transition:all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-moz-transition:all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-ms-transition:all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
transition:all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);}

.tab-type03 ul,
.tab-type04 ul{display:none;box-sizing:border-box;position:absolute;z-index:10;top:43px;left:0px;width:100%;border:1px solid #0068d1;background:#fff;}
.tab-type03 li,
.tab-type04 li{display:block;}
.tab-type03 li>a,
.tab-type04 li>a{position:relative;margin:0 10px;padding:0;font-size:15px;line-height:38px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;color:#000;text-decoration:none;}
.tab-type03 li>a:after,
.tab-type04 li>a:after{display:none !important;}
.tab-type03 .on>a,
.tab-type04 .on>a{color:#0068d1;text-decoration:underline;}

.tab-type03.open,
.tab-type04.open{}
.tab-type03.open .btn-select,
.tab-type04.open .btn-select{border:1px solid #0068d1;border-bottom:none;color:#a7abaf;}
.tab-type03.open .btn-select:after,
.tab-type04.open .btn-select:after{top:19px;
border-left:1px solid #0068d1;border-bottom:1px solid #0068d1;
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);}
.tab-type03.open ul,
.tab-type04.open ul{display:block;border-top:none;}


/* ---- 리스트 ---- */
.list-type01{}
.list-style01{} /* list-type01 확장형 */
.list-type02{}

.list-type03{} /* 메인 */
.list-type03 li{padding-bottom:11px;border-bottom:1px solid #e2e5e8;}
.list-type03 .tit{float:none;box-sizing:border-box;width:100%;padding:12px 15px 5px;font-weight:normal;font-size:17px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;color:#000;}
.list-type03 .tit p{text-overflow:inherit;white-space:inherit;}
.list-type03 .state{float:none;padding:0 15px;font-size:14px;color:#7a8794;}

.list-type04{margin-left:-15px;} /* 메인 */
.list-type04:after{content:"";visibility:hidden;display:block;clear:both;height:0;font-size:0;line-height:0;}
.list-type04 li{float:left;margin:0 0 15px 15px;padding-bottom:34px;
width:-webkit-calc(50% - 15px);width:-moz-calc(50% - 15px);width:calc(50% - 15px);}
.list-type04 a{display:block;font-size:14px;}
.list-type04 .txt-co{font-weight:normal;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;}
.list-type04 .tit{height:70px;line-height:inherit;}
.list-type04 .tit p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;font-size:17px;line-height:130%;}
.list-type04 .dd{}

.list-type05{} /* 메인 */
.list-type05 li{float:none;width:100%;height:auto;border:1px solid #000;}
.list-type05 li+li{margin-top:15px;border:1px solid #000;}
.list-type05 a{display:block;position:relative;width:auto;height:auto;padding:20px;}
.list-type05 .tit{font-weight:normal;font-size:30px;line-height:36px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;color:#061b35;}
.list-type05 .tit .br{display:inline;font:inherit;}

.list-type05 p{position:static;width:100%;margin-top:15px;font-weight:normal; font-size:14px;line-height:18px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;color:#000;}


/* ---- 박스 ---- */
.column-form01{}
.column-form02{}
.column-wrap01{}
.column-wrap02{}

/* 스크롤 박스 */
.scroll-col{}
.scroll-row{}

.scroll-wrap{} /* 관리자 | 지원자 리스트 */
.scroll-wrap02{} /* 관리자 | 팝업 - 학교검색 */
.scroll-wrap03{height:380px;} /* 관리자 | 팝업 - 미리보기 */

.box-type01{box-sizing:border-box;margin:0 15px;border:10px solid #e2e5e8;}
.box-type01 .inner{box-sizing:border-box;padding:30px;}

.box-type02{}
.box-type03{}
.box-type04{}
.box-type05{}

.mail-box01{}
.mail-box01 .para-con02 p{line-height:25px;}
.mail-box01 .para-con02 .br{display:inline;line-height:25px;}

/* ---- 테이블 ---- */
.tbl-type01{width:100%;}
.tbl-type02{}
.tbl-type03{}

.tbl-hover01{}


/* ---- 게시판 ---- */
/* 게시판 (테이블형) */
.board-list01{width:100%;}
.board-list01,
.board-list01 thead,
.board-list01 tbody,
.board-list01 th,
.board-list01 td,
.board-list01 tr{overflow:hidden;display:block;box-sizing:border-box;}
.board-list01 thead tr{display:block;position:absolute;top:-9999px;left:-9999px;}
.board-list01 td{text-align:left;}
.board-list01 col{width:auto !important;}

.board-list01 tr{position:relative;padding:8px 15px 12px;border-bottom:1px solid #dcdcdc;}
.board-list01 th,
.board-list01 td{padding:0;border-bottom:none;font-size:14px;color:#000;text-align:left;letter-spacing:0;}
.board-list01 th:first-child .con,
.board-list01 td:first-child .con,
.board-list01 th:last-child .con,
.board-list01 td:last-child .con{margin:0;}
.board-list01 th,
.board-list01 td,
.board-list01 p,
.board-list01 .con{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;}

.board-list01 .data-none{height:120px;} /* 데이터가 없을때 (검색 결과 없음) */
.board-list01 .data-none td{margin-top:40px;}
.board-list01 .num-cell{display:none;} /* 숫자 */
.board-list01 .co-cell{margin-bottom:5px;}
.board-list01 .co-cell .con{font-size:14px;color:#7a8794;}
.board-list01 .title-cell{} /* 제목/내용 */
.board-list01 .title-cell .con{}
.board-list01 .title-cell .con a{display:block;table-layout:inherit;width:100%;white-space:inherit;}
.board-list01 .title-cell .con p{overflow:hidden;display:block;text-overflow:inherit;font-size:17px;color:#061b35;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;}
.board-list01 .date-cell{position:absolute;top:8px;right:15px;} /* 날짜 */
.board-list01 .date-cell .con{margin-left:0;font-size:14px;}

.board-list02{} /* FAQ */
.board-list02 li{position:relative;margin-top:14px;}
.board-list02 li:before{display:none;}
.board-list02 li>div{padding:0;margin-left:0;border:1px solid #000;}
.board-list02 .tit-con{padding:20px 70px 20px 66px;}
.board-list02 .tit-con:before{content:"";display:block;clear:both;position:absolute;top:50%;left:25px;width:24px;height:25px;margin-top:-13px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Serpehvg.lan.pb.xe%2Spff%2S..%2Svzntrf%2Sfcevgrf_qrsnhyg01.cat) -250px -375px / 300px auto no-repeat;}
.board-list02 .tit-con .tit{font-weight:normal;font-size:17px;}
.board-list02 .txt-con{padding:12px 25px 24px;}
.board-list02 .txt-con p{font-size:16px;;line-height:26px;color:#0068d1;}

.board-list02 .open{}
.board-list02 .open .ico-arr01:after{margin:-5px 0 0 -9px;}

.board-list03{width:100%;}
.board-list03,
.board-list03 thead,
.board-list03 tbody,
.board-list03 th,
.board-list03 td,
.board-list03 tr{overflow:hidden;display:block;}
.board-list03 thead tr{display:block;position:absolute;top:-9999px;left:-9999px;}
.board-list03 td{text-align:left;}
.board-list03 col{width:auto !important;}

.board-list03 tr{position:relative;padding:8px 15px 12px;border-bottom:1px solid #dcdcdc;}
.board-list03 th,
.board-list03 td{padding:0;border-bottom:none;font-size:14px;color:#000;text-align:left;letter-spacing:0;}
.board-list03 tbody td:first-child{padding:0;}
.board-list03 tbody td>span+span{margin:0;}
.board-list03 a, .board-list03 span,
.board-list03 em, .board-list03 p,
.board-list03 div{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;}

.board-list03 .data-none{height:120px;}
.board-list03 .data-none td{margin-top:40px;}
.board-list03 .data-none p{font-size:14px;}

.board-list03 .num-cell{color:#7a8794;}
.board-list03 .hits-cell{color:#7a8794;}
.board-list03 .state-cell{overflow:hidden;display:block;}
.board-list03 .state-cell .tit01{float:left;margin-right:0;color:#7a8794;}
.board-list03 .state-cell span{float:right;}
.board-list03 .title-cell{margin:0;}
.board-list03 .title-cell p{font-size:17px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;}
.board-list03 .date-cell{float:left;margin-bottom:0;color:#c5c9cd;}
.board-list03 .txt-cell{display:inline-block;float:right;font-weight:normal;font-size:14px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;color:#0068d1;}

/* 입력폼 */
.board-form01{box-sizing:border-box;margin-bottom:80px;padding:0 15px;}
.board-form01 .zone{}
.board-form01 dl{}
.board-form01 dt{float:none;width:100%;height:50px;font-weight:normal;font-size:17px;line-height:50px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;text-align:right;}
.board-form01 dd{float:none;}
.board-form01 .text01{width:100% !important;}

.board-form01 .tr{margin-top:20px;font-size:0;}
.board-form01 .tr:first-child{margin-top:0;}
.board-form01 .tr>dt{width:100%;margin-right:0;text-align:left;}
.board-form01 .tr>dd{}

.board-form01 .tr .tit01,
.board-form01 .tr .tit02{font-weight:normal;font-size:14px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif;}
.board-form01 .tr .tit01{margin-right:0;}
.board-form01 .tr .tit02{margin:5px 0 0 0;line-height:18px;} /* 2줄 */
.board-form01 .tr .tit02 strong{font-weight:normal;}

.board-form01 .tr button{min-width:auto;width:100%;}
.board-form01 .label-para{width:100%;}
.board-form01 .label-para + button{margin:10px 0 0;}


/* 출력폼 */
.board-view01{width:100%;padding-bottom:17px;}

.board-view01 header{position:relative;padding:0;margin:0 15px;border-bottom:1px solid #dcdcdc}
.board-view01 header .btns{display:inline-block;position:absolute;bottom:20px;right:0;width:100%;text-align:right;}
.board-view01 header .btn-style02{height:36px;}
.board-view01 header .btn-style02 span{line-height:36px;}
.board-view01 .btn-apply-ticket{display:none;}
.board-view01 .btn-apply-view{}
.board-view01 .btn-apply-modify{display:none;}
.board-view01 .btn-apply-go{display:none;}

.board-view01 .title-con{margin:13px 0 20px;}
.board-view01 .title-con strong{font-size:14px;color:#7a8794;}
.board-view01 .title-con .tit{margin:13px 0 20px;font-size:24px;line-height:28px;color:#061b35;letter-spacing:-1px;}
.board-view01 .title-con .dd{font-size:14px;color:#0068d1;}

.story-view{min-height:430px;margin-top:35px;padding:0 15px;}
.story-view .txt-mes03{display:block;height:43px;margin-bottom:20px;background:#e2e5e8;line-height:43px;text-align:center;}
.story-view .txt-mes03 p{font-size:14px;font-weight:normal;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;color:#9fa1a3;}
.story-view .story{font-size:17px;color:#000;}
.story-view .story p{margin-bottom:15px;}
.story-view .story img{width:100% !important;max-width:none !important;}

.other-view{position:relative;margin-top:30px;padding:0 15px;}
.other-view .btn-type04{margin-bottom:4px;}
.other-view .btns{margin:30px 0;padding-top:20px;border-top:1px solid #dcdcdc;text-align:right;}
.other-view .txt-sns{display:inline-block;margin-right:5px;font-size:15px;color:#061b35;vertical-align:middle;}
.other-view .sns-type01{display:inline-block;vertical-align:middle;}
.other-view>a{margin-bottom:10px;}

.column-title01{}

.user-info{}

.user-info02{}
.user-info02 .photo-con01{width:88px;height:118px;margin-right:20px;}
.user-info02 dl{width:-webkit-calc(100% - 110px);width:-moz-calc(100% - 110px);width:calc(100% - 110px);}
.user-info02 dt{display:block;margin:0 0 15px;font-weight:normal;font-size:16px;line-height:26px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;}
.user-info02 dd{display:block;margin-right:0;font-weight:normal;font-size:16px;line-height:26px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;}
.user-info02 .right01{display:none;}

/* ---- 페이징 ---- */
.paging01{}

/* ---- 레이어팝업 ---- */
.mask-type01{}

.popup-wrap01{display:none;position:absolute;top:0;left:0;padding:25px 15px;}
.popup-wrap01 header{position:relative;padding:0 60px 32px 0;}
.popup-wrap01 .title-pop01{line-height:120%;}
.popup-wrap01 .btn-close01{position:absolute;top:-16px;right:-6px;}
.popup-wrap01 .pop-cont{padding:0;}

/* LP - 미리보기 */
.pop-preview{position:absolute;top:0;left:0;width:100%;margin:0;}
.pop-preview .group{margin-bottom:30px;}
.pop-preview .user-info02{margin-bottom:30px;}

.pop-preview .tbl-type01,
.pop-preview .tbl-type01 thead,
.pop-preview .tbl-type01 tbody,
.pop-preview .tbl-type01 th,
.pop-preview .tbl-type01 td,
.pop-preview .tbl-type01 tr{overflow:hidden;display:block;box-sizing:border-box;}

.tbl-pre-mob01.tbl-type01 th:empty,
.tbl-pre-mob01.tbl-type01 td:empty{display:none;}
.tbl-pre-mob01.tbl-type01 th{border-left:none;}
.tbl-pre-mob01.tbl-type01 th,
.tbl-pre-mob01.tbl-type01 td{float:left;width:50%;}

.tbl-pre-mob02.tbl-type01 tr{border-top:1px solid #595959;}
.tbl-pre-mob02.tbl-type01 th,
.tbl-pre-mob02.tbl-type01 td:nth-child(3){border-left:none;}
.tbl-pre-mob02.tbl-type01 th,
.tbl-pre-mob02.tbl-type01 td:nth-child(2){float:left;width:50%;}
.tbl-pre-mob02.tbl-type01 td:nth-child(3),
.tbl-pre-mob02.tbl-type01 td:nth-child(4),
.tbl-pre-mob02.tbl-type01 td:nth-child(5){float:left;width:33.3%;}

.tbl-pre-mob03.tbl-type01 tr{border-top:1px solid #595959;}
.tbl-pre-mob03.tbl-type01 th,
.tbl-pre-mob03.tbl-type01 td{float:left;width:50%;}
.tbl-pre-mob03.tbl-type01 td:nth-child(2){}
.tbl-pre-mob03.tbl-type01 td:nth-child(3),
.tbl-pre-mob03.tbl-type01 td:nth-child(5),
.tbl-pre-mob03.tbl-type01 td:nth-child(7){border-left:none;}
.tbl-pre-mob03.tbl-type01 .high{}
.tbl-pre-mob03.tbl-type01 .high td:nth-child(3),
.tbl-pre-mob03.tbl-type01 .high td:nth-child(4){display:none;}

.tbl-pre-mob04.tbl-type01 tr{border-top:1px solid #595959;}
.tbl-pre-mob04.tbl-type01 th{}
.tbl-pre-mob04.tbl-type01 td{float:left;width:50%;}
.tbl-pre-mob04.tbl-type01 td:nth-child(2),
.tbl-pre-mob04.tbl-type01 td:nth-child(4){border-left:none;}

.tbl-pre-mob05.tbl-type01 tr{border-top:1px solid #595959;}
.tbl-pre-mob05.tbl-type01 th{border-left:none;}
.tbl-pre-mob05.tbl-type01 td{border-left:none;}

.tbl-pre-mob06.tbl-type01 th{border-left:none;}
.tbl-pre-mob06.tbl-type01 th{float:left;width:100px;}
.tbl-pre-mob06.tbl-type01 td{float:left;
width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);width:calc(100% - 100px);}


/* =============== control ======================== */
/* 메인 */
.page-main{}
.page-main .wrap{width:100%;margin:0;}

.page-main .wrap-header{}

.m-container{width:100%;min-height:auto;margin:0;z-index:0;}
.m-container .container{position:relative;top:0px;left:0px;width:100%;min-height:auto;margin:0;padding:0;}
.m-container .contents{position:relative;width:100%;margin:0;}

.page-main .container>.visual-main{display:none !important;}

.visual-main{overflow:hidden;position:relative;top:0;left:0;width:100%;height:324px;margin:30px 0 46px;}
.visual-main main{width:100%;height:100%;}
.visual-main article{opacity:1;width:100%;height:100%;}

.visual-main .v01{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Serpehvg.lan.pb.xe%2Spff%2S..%2Svzntrf%2Sivfhny_znva_z01_01.wct) 50% 0 / cover no-repeat;}
.visual-main .v02{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Serpehvg.lan.pb.xe%2Spff%2S..%2Svzntrf%2Sivfhny_znva_z02_01.wct) 50% 0 / cover no-repeat;}
.visual-main .v03{background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Serpehvg.lan.pb.xe%2Spff%2S..%2Svzntrf%2Sivfhny_znva_z03_01.wct) 50% 0 / cover no-repeat;}

.visual-main .cate-con{padding-top:20px;text-align:center;}
.visual-main .cate-con .txt{display:none;}
.visual-main .cate-con .num{display:inline-block;position:relative;font-weight:normal;font-size:30px;line-height:100%;color:#fff;}
.visual-main .cate-con .num:after{content:"";display:block;clear:both;width:100%;height:1px;margin-top:12px;background-color:#fff;}

.visual-main .tit-con01{margin-top:10px;text-align:center;}
.visual-main .tit-con01 .tit{font-weight:normal;font-size:20px;line-height:130%;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif-light,sans-serif;color:#fff;}

.visual-main .desc-con01{margin:30px 30px 0;text-align:center;}
.visual-main .desc-con01 p{}
.visual-main .desc-con01 span{font-size:15px;line-height:120%;color:#fff;}
.visual-main .desc-con02{display:none;}

.m-pager01{position:absolute;z-index:10;bottom:0;left:0;width:100%;font-size:0;text-align:center;}
.m-pager01 .swiper-pagination-bullet{opacity:1;display:inline-block;margin:0 0 0 6px;width:6px;height:6px;border-radius:50%;background:#c0c7cd;text-indent:-9999px;}
.m-pager01 .swiper-pagination-bullet-active{background-color:#061b35;}

.main-txt01{box-sizing:border-box;width:100%;height:133px;margin:33px 0 0;padding:0 0 35.45%;
background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Serpehvg.lan.pb.xe%2Spff%2S..%2Svzntrf%2Sgvgyr_znva01_z.cat) 0 0 / cover no-repeat;}
.main-txt01 .tit01{display:none;font-weight:normal;font-size:32px;line-height:120%;color:#0068d1;}

.main-bbs01{width:100%;margin:0;padding-top:0;}
.main-bbs01 .para-con04{margin-bottom:0;}
.main-bbs01 .list-type03{width:auto;margin:0 15px;}

.main-bbs02{width:100%;margin:48px 0 0;padding-top:0;}
.main-bbs02 .para-con04{margin-bottom:0;}
.main-bbs02 .list-type03{width:auto;margin:0 15px;}

.main-notice01{width:auto;margin:50px 15px 0;padding-top:0;}
.main-notice01 .title-sub04{margin-bottom:30px;}

.main-link01{width:auto;margin:50px 15px 0;padding-top:0;}

.main-map{width:auto;margin:50px 15px 0;padding:0 0 80px;}
.main-map .title-sub04{margin-bottom:30px;}
.main-map .map-zone{}
.main-map .map-box{margin-bottom:20px;}
.main-map .map-box img{width:100%;}
.main-map .txt-addr{padding:0 15px;font-size:12px;text-align:center;}
.main-map .txt-addr span{width:82px;font-weight:bold;}

/* 로그인 */
.page-login{}
.page-login .footer{}
.page-login .footer>div{padding:40px 15px;}

/* 비밀번호 찾기  */
.page-find-pw{}
.page-find-pw .title-page01{border-bottom:none;}
.page-find-pw .footer{}
.page-find-pw .footer>div{padding:40px 15px;}

/* 인증 메일 */
.page-cert-mail{}
.page-cert-mail .title-page01{border-bottom:none;}
.page-cert-mail .btn-center{margin:30px 0 80px;padding:0 15px;
display:box;display:-webkit-box;display:-moz-box;}
.page-cert-mail .btn-center button{margin:0;
display:block;box-flex:1;-webkit-box-flex:1;-moz-box-flex:1;
box-align:center;-webkit-box-align:center;-moz-box-align:center;}
.page-cert-mail .btn-center button:nth-child(1){margin-right:4px;}
.page-cert-mail .btn-center button:nth-child(2){margin-left:4px;}

/* 회원가입 */
.page-join{}
.page-join .footer{}
.page-join .footer>div{padding:40px 15px;}

/* 게시판 */
.body-bbs-list{}
.body-bbs-view{}
.body-bbs-view .board-view01{border-bottom:none;}

/* 공지사항 */
.page-notice{}

/* 채용공고 */
.page-recruit{}

/* FAQ */
.page-faq{}
.page-faq .contents{min-height:600px;margin:0 15px;}
.page-faq .title-page01{border:none;}
.page-faq .tab-type04{position:absolute;top:-2px;right:18px;width:168px;}
.page-faq .tab-content{margin:0;}
.page-faq .search-form02{margin-top:30px;}
.page-faq .search-form02 .form{width:100% !important;}
.page-faq .search-form02 .search-word{width:100% !important;}
.page-faq .search-form02 .search-word .text01{width:100% !important;padding:15px 10px;}
.page-faq .tab-con01 .board-list02 li:first-child{margin-top:-14px;}

/* 지원관리 */
.page-mypage{}
.page-mypage-apply{}

.body-my-view{}

.body-my-pw{}
.body-my-pw .title-page01{border:none;}
.body-my-pw .btn-center{margin-top:10px;}

.body-my-edit{}
.body-my-edit .title-page01{border:none;}
.body-my-edit .board-view01{padding-bottom:55px;}
.body-my-edit .board-view01 .tr{padding:0px 15px;}
.body-my-edit .board-view01 .tr>dt{width:80px;font-size:15px;}
.body-my-edit .board-view01 .tr>dd{font-weight:normal !important;font-size:16px;font-family:HelveticaNeue-Medium,AppleSDGothicNeo-Medium,sans-serif-Medium,sans-serif;}
.body-my-edit .board-form01 .phone01{margin:0 0 66px !important;}




}/* Media Queri End (768px) */