@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600,800');


/*notokr */
@font-face {
    font-family:'notokr';
    font-weight:300;
    src:local(��), url('../fonts/notokr-light.woff') format('woff');
	src:local(��), url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-light.woff') format('woff'), url('../fonts/notokr-light.ttf') format('truetype');
}

@font-face {
    font-family:'notokr';
    font-weight:400;
	src:local(��), url('../fonts/notokr-demilight.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-demilight.woff') format('woff'), url('../fonts/notokr-demilight.ttf') format('truetype');
}

@font-face {
    font-family:'notokr';
    font-weight:500;
	src:local(��), url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-regular.woff') format('woff'), url('../fonts/notokr-regular.ttf') format('truetype');
}
@font-face {
    font-family:'notokr';
    font-weight:600;
    src:local(��), url('../fonts/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-medium.woff') format('woff'), url('../fonts/notokr-medium.ttf') format('truetype');
}
@font-face {
    font-family:'notokr';
    font-weight:700;
    src:local(��), url('../fonts/notokr-bold.woff') format('woff');
	src:local(��), url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-bold.woff') format('woff'), url('../fonts/notokr-bold.ttf') format('truetype');
}
@font-face {
    font-family:'notokr';
    font-weight:800;
	src:local(��), url('../fonts/notokr-black.eot?#iefix') format('embedded-opentype'), url('../fonts/notokr-black.woff') format('woff'), url('../fonts/notokr-black.ttf') format('truetype');
}


/* 01_본인인증안내 */

.cert-wrap{ 
    padding: 5px 20px;
    font-family: "Noto Sans KR", notokr, NotoSans, '나눔고딕', NanumGothic, sans-serif;
   /* font-family: '나눔고딕',NanumGothic,'돋움',dotum,Helvetica, sans-serif;*/
}

.cert-tit{overflow: hidden;}
.cert-tit img{/*float: left;*/}
.cert-tit .info{
    float: left;
    margin: 30px 40px;
}
.cert-tit p{}
.cert-tit .tit{
    font-size: 24px;
    color: #2f2f2f;
    font-weight: 600;
    letter-spacing: -1px;
}
.cert-tit .txt{
    font-size: 15px;
    font-weight: 500;
    margin: 3px 0 0;
    letter-spacing: -0.3px;
   /* width: 370px;*/
}
.txt span{color: #da4544;}

.cert-box{}
.cert-box ul{
    overflow: hidden;
}
.cert-box ul li{
    width: 42%;
    background: #f9f9f9;
    border: 1px solid #d7d7d7;
    float: left;
    margin: 30px 15px;
    padding: 20px 12px;
}
.cert-box ul li p{margin-left: 130px;}
.cert-box ul li .tit{
    font-size: 18px;
    color: #333;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 3px;
}

.cert-box ul li.cert1{
    background: #f9f9f9 url(../imgs/qexa/cert_01_mo.png) no-repeat 85px 50%;
}
.cert-box ul li.cert2{
    margin-right: 0;
    background: #f9f9f9 url(../imgs/qexa/cert_01_ident.png) no-repeat 65px 50%;
}


/* 02_본인인증안내_신분증첨부 */

.cert-wrap.attach{
    background: #f3f3f3;
    padding: 40px 0 10px;
    border-top: 4px solid #da4544;
    width: 550px;
    margin: 0 auto;
}
.cert-tit .attach{
    text-align: center;
}
.cert-tit .attach .tit{font-size: 28px;}
.cert-tit .attach .tit.sm{
    font-size: 18px;
    /*font-family: '나눔고딕',NanumGothic,'돋움',dotum,Helvetica, sans-serif;
    font-weight: bold;*/
}
.cert-tit .attach img{padding: 30px 0 20px;}
.cert-box.comp.attach{padding: 15px 12px;}
.cert-box.comp ul.attach{
    background: none;
    border: none;
    text-align: center;
    padding: 15px 0 0;
}
.cert-box.comp ul.attach li.txt{
    font-size: 13px;
    font-family: '나눔고딕',NanumGothic,'돋움',dotum,Helvetica, sans-serif;
    line-height: 1.5;
    padding-top: 25px;
    padding-left: 18px;
}

.cert-box.comp ul.attach li.txt:before{
    left: 50%;
    top: 0;
}

input[type="file"]{}

input[type="file"].add{
    margin: 0 auto;
    line-height: 25px;
    padding: 5px;
    width: 400px;
    height: 25px;
    margin-left: 45px;
    background: #FFF;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    input[type="file"].add{ 
        border: 1px solid #ddd;
    }
}



/* 03_본인인증완료 */
.cert-box.comp{
    margin: 10px 15px;
    padding: 20px 12px;
}

.cert-box.comp ul{
    margin-bottom: 35px;
    background: #f9f9f9;
    border: 1px solid #d7d7d7;
    padding: 15px 15px 10px;
}

.cert-box.comp li{
    width: 93%;
    padding: 0;
    margin: 0;
    border: none;
        background: none;
}
.cert-box.comp li.txt{
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.2px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 7px;
}
.cert-box.comp li.txt:before{
    content: '';
    position: absolute;
    left: 5px;
    top: 3px;
    width: 16px;
    height: 16px;
    background: url(../imgs/qexa/cert_02_blet.png) no-repeat;
    
}

/* 04_필기시험 */

.exam{
    font-family: "Noto Sans KR", notokr, NotoSans, '나눔고딕', NanumGothic, sans-serif;
}

.exam ul{
    padding: 30px;
    border-top: 2px solid #666;
    border-bottom: 2px solid #BCBCBC;
    overflow: hidden;
    /*min-height: 640px;*/
}

.exam .tit{
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    letter-spacing: -1px;
}

.exam .question_box{
    border-bottom: 1px solid #ddd;
    padding: 35px 0 25px;
}

.exam .question_box:last-child{
    border-bottom: none;
}

.exam ul li{
    margin-left: 62px;
    overflow: hidden;
}

.exam ul li input[type="radio"]{
    float: left;
    margin: 6px 5px;
}

.exam ul li.question{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-left: 0;
    margin-bottom: 8px;
    width: 620px;
    overflow: hidden;
}
.exam ul li.question .num{
    background: #484848;
    color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    font-weight: 400;
    margin-right: 10px;
    float: left;
}

.exam ul li.question .txt{
    float: left;
    width: 530px;
    line-height: 1.4;
    margin-top: 3px;
    letter-spacing: -0.3px;
}

.exam ul li label{
    font-size: 15px;
    letter-spacing: -0.5px;
    vertical-align: middle;
    line-height: 1.5;
    margin-bottom: 10px;
    float: left;
    width: 530px;
    width: 93%;
}
.exam ul li label span{
    color: #000;
}

.exam ul li.example{
    font-size: 14px;
    border: 3px solid #d3d3d3;
    padding: 6px 12px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 12px;
}

.care{
    margin: 50px 20px 30px;
}
.care p{
    line-height: 1.2;
    background-position: 0 6px;
    letter-spacing: -0.3px;
}

.page{
    text-align: center;
}
.page .position{
    font-size: 13px;
    margin: 20px auto;
    /*font-weight: 500;*/
}

/*퀵메뉴*/

/* QuickMenu */
.quickMenu {
  position: relative;
  z-index: 50;
  width: 130px;
  height: 0;
  margin: 0 auto;
  font-family: "Noto Sans KR", notokr, NotoSans, '나눔고딕', NanumGothic, sans-serif;
}

.quickMenu_wrap {
  position: absolute;
  top: 20px;
  right: -553px;
  z-index: 99;
  width: 130px;
  text-align: center;
}

.quickMenu_tit {
  padding: 8px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 13px;
  color: #da4544;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 10px;
  letter-spacing: -0.5px;
}

.quickMenu_tit b{}


.quickMenu .clock{
  background: url(../imgs/qexa/quick_clock.png) no-repeat 50% 50%;
  width: 117px;
  height: 125px;
  margin: 10px auto;
}

.quickMenu_link {
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #3a404d;
    padding: 33px 0;
    line-height: 1.3;
}

.quickMenu_link span{
    display: block;
    color: #da4544;
    font-size: 30px;
}

.quickMenu .page .position{
    font-size: 12px;
    margin: 0px auto;
    letter-spacing: -0.5px;
}

.quickMenu .btn02{
    border: none;
    width: auto;
    margin-left: 0;
}
.quickMenu .btn02:hover{
    background: none;
    border: none;
}

.quickMenu .btn02 a{
    width: auto;
    position: relative;
}
.quickMenu .btn02 a:hover{color: #da4544;}

.quickMenu .btn02 a.prev{
    padding-left: 18px;
}

.quickMenu .btn02 a.prev:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 12px;
    margin-left: 13px;
    margin-top: -2px;
    background: #a9a9a9;
}

.quickMenu .btn02 a.prev:before{
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    background: #2f2f2f url(../imgs/qexa/quick_prev.png) no-repeat 50% 50%;
    width: 16px;
    height: 16px;
    border-radius: 100%;
}
.quickMenu .btn02 a.prev:hover:before{
    background: #da4544 url(../imgs/qexa/quick_prev.png) no-repeat 50% 50%;
}

.quickMenu .btn02 a.next{
    padding-right: 19px;
}

.quickMenu .btn02 a.next:after{
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    background: #2f2f2f url(../imgs/qexa/quick_next.png) no-repeat 50% 50%;
    width: 16px;
    height: 16px;
    border-radius: 100%;
}
.quickMenu .btn02 a.next:hover:after{
    background: #da4544 url(../imgs/qexa/quick_next.png) no-repeat 50% 50%;
}

/*  //QuickMenu */





/* 05_필기시험결과 */

.cert-box.comp.pass{text-align: center;}

.cert-box.comp.pass .btn01{
    display: inline-block;
    margin-left: 5px;
}
.pass-box{
    width: 580px;
    height: 745px;
    background: url(../imgs/qexa/cert_04_passbg.png) no-repeat;
    margin: 0 auto;
}
.pass-box .info{
    padding: 20px;
    text-align: center;
}
.pass-box .info .tit{
    font-size: 36px;
    color: #da4544;
    letter-spacing: -1px;
    font-weight: 500;
    padding: 20px 0;
}
.pass-box .info .txt{
    font-size: 22px;
    letter-spacing: -1px;
    line-height: 1.3;
    color: #333;
    font-weight: 500;
}
.pass-box .info .txt em{
    font-size: 18px;
    /*display: block;*/
    color: #333;
}
.pass-box .info ul{
    /* margin: 0 auto; */
    /* width: 270px; */
    padding: 40px 100px;
}
.pass-box .info ul li{
    font-size: 16px;
    color: #242424;
    font-weight: 500;
    text-align: left;
    line-height: 2.5;
}
.pass-box .info ul li span{
    padding-right: 25px;
    letter-spacing: 0px;
    position: relative;
    width: 100px;
    display: inline-block;
}

.pass-box .info ul li span.two{letter-spacing: 12px;}
.pass-box .info ul li span.three{letter-spacing: 8px;}
.pass-box .info ul li span:after{
    content: ':';
    position: absolute;
    top: -1px;
    right: 55px;
}
.pass-box .info ul li span.two:after{right: 42px;}
.pass-box .info ul li span.three:after{right: 47px;}

.pass-box .info .ann{
    font-size: 15px;
    font-weight: 500;
    color: #828282;
    padding-top: 30px;
}




/******* 버튼 *******/
.btn01{
    background: #333;
    width: 60px;
    text-align: center;
    cursor: pointer;
}

.btn01:hover{
    background: #ae302f;
    background: linear-gradient(to left, #da4542 , #a22a29);
}

.btn01 a{
    color: #fff;
    padding: 5px;
    width: 50px;
    display: inline-block;
}

.btn01.grey{background: #808080;}
.btn01.grey:hover{
    background: #ae302f;
    background: linear-gradient(to left, #f7524f , #a22a29);
}

.color{color: #da4544;}


.btn01.ct{    
    margin: 0 auto;
    font-size: 16px;
    width: 110px;
    letter-spacing: -1px;
}
.btn01.ct a{
    width: 90px;
    padding: 10px;
}


.btn02{
    background: #fff;
    border: 1px solid #868686;
    width: 90px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin-left: 3px;
}

.btn02:hover{
    background: #ae302f;
    background: linear-gradient(to left, #da4542 , #a22a29);
    /*background: #666;*/
    border: 1px solid #ae302f;
}

.btn02 a{
    color: #484848;
    padding: 5px;
    width: 80px;
    display: inline-block;
    font-size: 13px;
    letter-spacing: -0.5px;
}

.btn02 a:hover{
    color: #fff;
}


.btn02.red{
    border-color: #da4544;
}

.btn02.red a{
    color: #da4544;
}

.btn02.red a:hover{
    color: #fff;
}

/******2024.07.22추가(이기성)********/


.lst2 dd a {color:#666;}
.lst2 dd a:hover {color:#666;}


.board_list{ width:100%; height:auto; letter-spacing:-0.03rem; overflow:hidden; height:auto; border-bottom:1px solid #dedede; padding:35px 0px; font-family:'noto sans kr' , san-serif;  }
.board_list:first-child{padding-top:0px;}
.brd_listmain{display:flex;  width:100%; }
.brd_listmain div img{width:100%;}

.brd_listmain .brd_text{padding:5%; width:70%;}
.brd_listmain .brd_text h1{display:inline-block; color:#000; letter-spacing:-0.05rem; font-weight:700; font-size:23px; margin-right:5px;}
.brd_listmain .brd_text span{display:inline-block; font-size:15px; font-weight:500;}

.brd_listmain .brd_text ul{margin-top:5%; line-height:23px;}
.brd_listmain .brd_text ul li{ font-size:14px; font-weight:400;}
.brd_listmain .brd_text ul li::before{content:"ㆍ"; font-size:18px; font-weight:bold; color:#ce000b;}