@charset "utf-8";
*{box-sizing:border-box;}
img{border:0;}
.space{white-space:nowrap;}
.hasDatepicker,
.inp_text{padding:0 10px;border:1px solid #d9d9d9}
.fL{float:left;}
.fR{float:right;}
input[type=text],
select{border:1px solid #d9d9d9}
input[type=file]{max-width:100%;width:100%;}
input[type=checkbox]{position:relative;margin-right:10px;vertical-align:middle;}
input[type=checkbox]::before{content:"";position:absolute;top:50%;margin-top:-11px;left:0;width:16px;height:16px;border:1px solid #ccc;background:#fff;border-radius:3px;}
input[type=checkbox]:checked::after{content:"";position:absolute;top:-4px;left:5px;width:6px;height:10px;transform:rotate(45deg);border:2px solid #fff;border-width:0 2px 2px 0;}
input[type=checkbox]:checked::before{background:#0054a6;border-color:#0054a6;}
input + label{margin-right:10px;}
em{font-style:normal;font-weight:normal;}

@media screen and (max-width:1401px){
    .content{margin:0 1rem;}
}

/* popup */
.popup_contents{position:relative;background:#fff;border:5px solid #0054a6;padding:20px;}
.popup .popupHeader{overflow:hidden;padding-bottom:20px;}
.popup .popupHeader .logo{float:left;}
.popup .popupHeader p{float:left;font-size:1.38rem;margin-left:20px;margin-top:13px;}
.popup .popupHeader p strong{color:#0054a6;}
.popup .examBox{padding:30px;background:#f8f8f8;border:1px solid #d9d9d9;}
.popup .page{text-align:center;margin-top:30px;font-size:1.25rem ;}
.popup .page strong{color:#0054a6;}
.popup .bottomAlertBox{background:#f3f7ff;padding:15px 0;text-align:center;color:#8f9cb0;font-size:0.81rem;margin:30px -20px 0;}
.cover{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0;top:0;z-index:99998;display:none;}
.popup .inner{padding:30px;background:#f8f8f8;border:1px solid #d9d9d9;}
/*popuo fixedbox settings*/
.fixedbox{ max-height:180px;overflow-y:auto;}
.fixall .scrollbox{height:400px !important;overflow-y:auto }
.fixall .fixedbox.top{border-bottom:1px solid #ddd;}
.fixall .fixedbox.bottom{border-top:1px solid #ddd;}
.fixnormal .scrollbox{height:700px !important;overflow-y:auto;}
.fixtop .scrollbox{ height:500px !important;overflow-y:auto;}
.fixtop .fixedbox{border-bottom:1px solid #eee;}
.fixbottom .scrollbox{ height:500px !important;overflow-y:auto;}
.fixbottom .fixedbox{border-top:1px solid #eee;}
.scrollbox.minimum{height:350px !important;}
@media screen and (max-width:1024px){
    .popup,
    .popup_contents,
    .popup .examBox{padding:3%;}
    .popup .bottomAlertBox{margin:30px -3% 0;}
}

/* breadCrumb */
.breadCrumbBox{position:absolute;bottom:0;left:0;width:100%;height:60px;text-align:center;overflow:hidden;}
.breadCrumbBox .auto{height:60px;background:url("../images/contents/bgBreadCrumbBox.png") no-repeat;}
.breadCrumb li{float:left;line-height:60px;color:#fff;padding:0 50px;position:relative;}
.breadCrumb a{display:block;color:#fff;font-size:14px;position:relative;font-weight:400;line-height:60px;}
.breadCrumb li:nth-child(1){padding-right:50px;padding-left:0;}
.breadCrumb li:nth-child(1) a i{display:inline-block;width:60px;height:60px;line-height:60px;vertical-align:top;}
.breadCrumb li:nth-child(1) a span{display:inline-block;width:60px;height:60px;vertical-align:top;border-left:1px solid rgba(255,255,255,0.4);padding:0 50px;}
.breadCrumb li > i{position:absolute;left:0;top:50%;transform:translateY(-50%);}

.breadCrumbBox .btnMonth{position:absolute;right:0;top:0;display:block;line-height:60px;color:#fff;padding:0 30px;border-left:1px solid rgba(255,255,255,0.4);border-right:1px solid rgba(255,255,255,0.4);}
.breadCrumbBox .btnMonth i{margin-right:10px;}
.breadCrumbBox .auto:after{content:"";display:block;width:5000px;height:60px;background:rgba(20,93,128,0.85);position:absolute;left:50%;top:0;margin-left:600px;}


/* tab */
.tab{position:relative;margin-bottom:30px;text-align:center;}
.tab button{display:none;position:relative;width:100%;padding:13px 40px 13px 1rem;font-weight:600;text-align:left;background:#fff;border:1px solid #ccc;border-width:1px 0;}
.tab button::after{content:"";position:absolute;display:block;top:50%;right:1rem;width:6px;height:6px;margin-top:-8px;border:3px solid #999;border-width:0 3px 3px 0;transform:rotate(45deg);}
.tab.on button::after{margin-top:-3px;transform:rotate(-135deg);}
.tab ul{display:flex;justify-content:center;flex-wrap:wrap;}
.tab ul li{float:left;width:20%;}
.tab ul li a{display:block;text-align:center;height:54px;line-height:54px;border:1px solid #ccc;font-size:18px;color:#666;background:#f8f8f8;}
.tab ul li.on a{background:#fff;color:#0054a6;border-color:#0054a6;font-weight:700;}
.tab.fix{padding:25px 0 20px 0;background:#fff;position:fixed;width:100%;left:0;top:169px;z-index:11;border-bottom:1px solid #ccc;
	-webkit-box-shadow:0px 3px 3px 0px rgba(0,0,0,0.15);-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.15);box-shadow:0px 3px 5px 0px rgba(0,0,0,0.15);}
.tab.tab06 ul li{width:233px;}
@media screen and (max-width:1401px){
    .tab ul{margin:0 -1px;}
}
@media screen and (max-width:1080px){
    .tab ul li{width:33.33%;}
    .tab.col4 ul li{width:50%;}
}
@media screen and (max-width:768px){
    .tab button{display:block;}
    .tab ul{position:absolute;display:none;margin-top:-1px;z-index:123;}
    .tab.on ul{display:block;}
    .tab.on ul li a{border-width:1px 0;}
    .tab ul,
    .tab ul li,
    .tab.col4 ul li{width:100%;float:none;}
}


#subVisual{height:120px;background:url("../images/contents/subVisual.jpg") 50% 0 no-repeat;text-align:center;}
#subVisual h2{position:relative;color:#fff;font-size:1.88rem;font-weight:700;padding-top:35px;z-index:11;}


.container{width:1400px;margin:auto;}
@media (max-width:1401px){
    .container{width:inherit;}
}


#snb{background:#f3f3f3;position:relative;z-index:1;border-bottom:1px solid #d9d9d9;}
#snb::after{content:"";display:table;clear:both;}
#snb a{display:block;height:60px;line-height:58px;padding:0 10px;}
#snb .mainBtn{display:block;margin-left:10px;top:0;left:0;line-height:58px;border-right:1px solid #d9d9d9;position:relative;z-index:3;}
#snb .mainBtn i{position:absolute;right:20px;top:50%;transform:translateY(-50%);}
#snb .btnHome{width:50px;float:left;text-align:center;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
#snb .snbList > li{z-index:0;float:left;position:relative;width:300px;margin-left:-1px;}
#snb .snbList li ul{position:absolute;top:60px;width:100%;background:#fff;border:1px solid #d9d9d9;background:#f3f3f3;border-top:none;display:none;}
#snb .snbList li.on{z-index:2;}
#snb .snbList li.on ul{display:block;}
#snb .snbList li a{color:#666;}
#snb li{border-top:1px solid #d9d9d9;}
#snb .snbList li ul li:firt-child{border-top:none;}
@media (max-width:1080px){
    #snb .btnHome{margin-right:20px;}
    #snb .snbList li{float:none;width:inherit;}
    #snb .snbList > li:first-child{margin-left:50px;}
    #snb .snbList li ul{border-right:0;}
    #snb .mainBtn{margin-left:0;padding-left:20px;border-right:0;}
}

#subContents{padding:50px 0;}
#subContents.subPage{background:#f8f8f8;}
#subContents h2{font-size:2.5rem;font-weight:700;text-align:center;position:relative;line-height:1;}
#subContents h2:after{content:"";display:block;width:40px;height:1px;background:#333;margin:30px auto;}
#subContents h2 span{font-weight:400;}
@media screen and (max-width:1024px){
    #subContents h2{font-size:2rem;}
}

h3.title{font-size:30px;font-weight:500;}
h4.title{font-size:20px;color:#333;font-weight:700;padding-top:11px;position:relative;line-height:1;margin-top:40px;margin-bottom:10px;}
h4.title.first{margin-top:0;}
h4.title:before{content:"";position:absolute;top:0;left:0;width:25px;height:3px;background:url("../images/contents/h3title_bg.jpg");} 
p.txt{font-size:18px;color:#4c4c4c;font-weight:300;line-height:1.6em;}
p.txt span{font-weight:450;}
h4.title + table{margin-top:15px;}

.input_label_list span{display:inline-block;}
.input_label_list input + label{padding:0 10px 0 7px;margin-right:5px;}
.dp_wrap{display:flex;align-items:center;max-width:100%;}
.dp_wrap input{width:100%;}
.dp_wrap label{width:24px;margin-left:5px;}

.article .title{margin-left:1rem;margin-right:1rem;}

.inspec{padding:15px 0 0;}
.inspec .date_wrap + .date_wrap{margin-top:25px;}
.inspec .title{color:#0054a6;font-weight:600;}

.wd40{width:40%;}
.wd50{width:50%;}
.wd60{width:60%;}
.wd90{width:90%;}
.wd96{width:96%;}
.wd100{width:100%;}
.mt0{margin-top:0!important;}
.f150{position:relative;margin:3px 0;}
.f150 .f1{position:absolute;top:0;width:150px;}
.f150 .f2{width:100%;padding-left:160px;}
.f150 .f1,
.f150 .f2{line-height:45px;}
.f150 .f1{text-align:right;}
.f150 .f1 .selectBox{top:-1px;}
@media (max-width:768px){
    .f150 .f1{position:static;width:100%;text-align:inherit;}
    .f150 .f2{padding-left:0;}
}

span.blue{color:#0054a6;}

table.examination{border-top:2px solid #0054a6;width:100%;}
table.examination thead{background:#eee;text-align:center;}
table.examination thead th{vertical-align:middle;padding:20px;border-left:1px solid #d9d9d9;}
table.examination thead th:first-child{border-left:none;}
table.examination thead th .icon{display:block;}
table.examination thead th .txt{display:block;}
table.examination thead th.title{font-size:1.56rem;font-weight:500;}
table.examination tbody{background:#fff;}
table.examination tbody th{text-align:left;padding:15px 20px;border-bottom:1px solid #d9d9d9;font-size:1.0rem;font-weight:400;}
table.examination tbody td{text-align:center;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;vertical-align:middle;}
table.examination input[type="radio"]{width:15px;height:15px;}
@media screen and (max-width:1024px){
    table.examination thead th{padding:3%;}
}


/* result */
#result.type01 .resultList > li{display:flex;border:1px solid #d9d9d9;margin-bottom:20px;border-top:2px solid #0054a6;overflow:hidden;position:relative;background:#eee;}
#result.type01 .resultList > li .resultHeader{width:390px;text-align:center;padding:40px 0;position:relative;z-index:2;background:#fff;}
#result.type01 .resultList > li .resultHeader h3{font-size:2.19rem;font-weight:700;margin-bottom:10px;}
#result.type01 .resultList > li .resultHeader ul{font-size:0;}
#result.type01 .resultList > li .resultHeader li{display:inline-block;width:90px;height:90px;line-height:75px;border-radius:50%;border:7px solid #b3b3b3;color:#b3b3b3;font-size:1.88rem;font-weight:700;margin:0 5px;}
#result.type01 .resultList > li .resultHeader li.high{border-color:#36ad82;color:#36ad82;}
#result.type01 .resultList > li .resultHeader li.middle{border-color:#ed7c3b;color:#ed7c3b;}
#result.type01 .resultList > li .resultHeader li.low{border-color:#aa0000;color:#aa0000;}
#result.type01 .resultList > li .descBox{flex:1;padding:35px;height:100%;font-size:1.13rem;color:#4c4c4c;font-weight:300;}
@media (max-width:1024px){
    #result.type01 .resultList > li{flex-wrap:wrap;}
    #result.type01 .resultList > li .resultHeader{width:100%;}
    #result.type01 .resultList > li .resultHeader li{display:inline-block;margin:0 5px;}
}
@media (max-width:768px){
    #result.type01 .resultList > li .resultHeader{padding:30px 0;}
    #result.type01 .resultList > li .resultHeader h3{font-size:2rem;}
    #result.type01 .resultList > li .resultHeader li{width:80px;height:80px;line-height:65px;font-size:1.5rem;}
}


#result.type02 .resultList > li{display:flex;flex-flow:row wrap;border:1px solid #d9d9d9;margin-bottom:20px;overflow:hidden;position:relative;}
#result.type02 .resultList > li .resultHeader{width:390px;text-align:center;background:#fff;position:relative;z-index:2;border-right:1px solid #d9d9d9;}
#result.type02 .resultList > li .resultHeader h3{font-size:2.0rem;font-weight:700;height:75px;line-height:75px;background:#ed7c3b;color:#fff;}
#result.type02 .resultList > li .resultHeader .score{font-size:3.0rem;font-weight:700;line-height:95px;}
#result.type02 .resultList > li .descBox{flex:1;}
#result.type02 .resultList > li .descBox{padding:35px;background:#eee;font-size:1.13rem;color:#4c4c4c;font-weight:300;}
@media screen and (max-width:1024px){
    #result.type02 .resultList > li{flex-flow:column wrap;}
    #result.type02 .resultList > li .resultHeader,
    #result.type02 .resultList > li .descBox{width:inherit;border-right:0;}
}

#result.type02 .resultList > li .scoreBoxWrap{overflow:hidden;}
#result.type02 .resultList > li .scoreBoxWrap .scoreBox{width:50%;float:left;border-left:1px solid #ccc;}
#result.type02 .resultList > li .scoreBoxWrap .scoreBox:first-child{border-left:none;}
#result.type02 .resultList > li .scoreBoxWrap .scoreBox .title{display:block;height:55px;line-height:55px;background:#d9d9d9;font-size:1.7rem;}
#result.type02 .resultList > li .scoreBoxWrap .scoreBox .score{display:block;height:85px;line-height:85px;font-size:3.13rem;}
#result.type02 .resultList > li .scoreBoxWrap .scoreBox{width:50%;float:left;}

#result.type02 .resultList > li .scoreBoxWrap.type03 .scoreBox{width:33.33%;float:left;border-left:1px solid #ccc;}
#result.type02 .resultList > li .scoreBoxWrap.type03 .scoreBox:first-Child{width:33.34%;border-left-width:0;}
#result.type02 .resultList > li .scoreBoxWrap.type03 .scoreBox .score{font-size:2.5rem;}
#result.type02 .resultList > li .scoreBoxWrap.type03 .scoreBox .title{font-size:1.25rem;}



/* reslutGraphBox */
.reslutGraphBox{display:flex;margin-bottom:40px;}
.reslutGraphBox:after{content:"";display:block;clear:both;}
.reslutGraphBox .reslutGraph{width:50%;height:446px;border:3px solid #31b0b8;margin:10px 0 0 20px;float:left;}
.reslutGraphBox .reslutGraph .graph{display:flex;flex-wrap:wrap;align-items:center;height:360px;text-align:center;overflow:hidden;}
.reslutGraphBox .reslutGraph .graph img{display:block;margin:0 auto;}
.reslutGraphBox .reslutGraph .title{display:block;height:80px;line-height:80px;text-align:center;font-size:1.88rem;color:#fff;font-weight:700;background:#31b0b8;}
.reslutGraphBox .reslutGraph:first-child{margin-left:0;}
@media screen and (max-width:1024px){
    .reslutGraphBox{flex-wrap:wrap;}
    .reslutGraphBox .reslutGraph{width:100%;height:inherit;margin-left:0;}
}


/* alertBox */
.alertBox{border:7px solid #e6e6e6;padding:3%;background:#f8f8f8;}
.alertBox .cell{text-align:left;}
.alertBox .cell .iconBox{float:left;margin:10px;}
.alertBox .cell ul{float:left;margin-top:5px;margin-left:20px;font-size:1.30rem;color:#4c4c4c;}
.alertBox .cell ul li{padding:0 0 10px 13px;position:relative;}
.alertBox .cell ul li:before{content:"";display:block;width:4px;height:4px;background:#0054a6;position:absolute;left:0;top:15px;}
@media (max-width:1401px){
    .alertBox{margin:0 1rem;}
}
@media (max-width:1024px){
    .alertBox .cell .iconBox{float:none;text-align:center;}
    .alertBox .cell ul{font-size:1.2rem;}
}

/* btns */
.ccenter{margin:0 auto;}
.button1,
.buttonCss,
.btnAdd,
.btn,
.btns a{display:inline-block;min-width:90px;border-radius:5px;margin:3px;color:#fff;padding:0 10px;line-height:30px;background:#4c4c4c;text-align:center;}
.btns a{font-size:.88em;}
td .button1,
td .buttonCss,
td .btnAdd,
td .btn,
td .btns a{min-width:inherit;}
.btn.purple{background:#9c88ca;}
.btn.black{background:#4d4d4d;}
.btns .gray{background:#808080;}
.btns .darkGray{background:#555;}
.btns .blue{background:#0054a6;}
.btnDetail,
.delete,
.btn.orange,
.buttonCss.orange,
.btns .orange{background:#ed7b3c;}
.buttonCss.w80{width:80px;padding-left:5px;padding-right:5px;}
.btn.delete,
.btn.red,
.btns .red{background:#e23135;}
.btns .sky{background:#31b0b8;}
.btn.green,
.btns .green{background:#31b0b7;}
.btn.green02,
.btns .green02{background:#36ad82;}
.btnAdd,
.btn.m{height:45px;line-height:45px;padding:0 15px;}

.btns.large{padding:10px 0;}
.btns.large a{padding:9px 18px 10px;font-size:19px;font-weight:500;}
.right{text-align:right;}
.center{text-align:center;margin:0 auto;}

.wide.btns{text-align:center;margin-top:40px;font-size:0;}
.wide.btns .btn{display:inline-block;width:300px;max-width:100%;line-height:70px;color:#fff;font-size:1.56rem;border-radius:5px;margin:3px 5px;}

.middle.btns{text-align:center;margin:20px;font-size:0;}
.middle.btns .btn{display:inline-block;width:150px;color:#fff;font-size:1rem;text-align:center;border-radius:5px;margin:3px;padding:10px 15px;}
.middle.btns .btn img{margin-top:12px;margin-right:10px;}
@media screen and (max-width:768px){
    .middle.btns .btn{width:inherit;min-width:80px;padding:8px 10px;}
}

td.space a.tr_plus,
td.space a.tr_minus{padding:0;}


/* popup */
/*  */
.popup .exam{float:left;width:65%;}
.popup .exam .inner{height:600px;overflow-y:scroll;padding:25px;border:1px solid #d9d9d9;background:#f8f8f8;}
.popup .exam .inner .paperBox{height:500px;}
.popup .answer{float:right;width:32%;text-align:center;}
.popup .answer dl{padding:20px 10px;background:#f8f8f8;height:600px;border:1px solid #d9d9d9;}
.popup .answer dt{text-align:center;font-size:1.5rem;color:#333;margin-bottom:15px;}
.popup .answer dd{height:510px;overflow-y:scroll;padding-right:10px;}
.popup .answer table{border:1px solid #98b8dc;width:100%;text-align:center;}
.popup .answer table thead{background:#cfdff0;}
.popup .answer table th,.popup .answer table td{height:22px;vertical-align:middle;border:1px solid #98b8dc;color:#1883d0;font-size:14px;}
.popup .answer table tbody th a{text-decoration:underline;color:#1883d0;font-size:14px;}
.popup .answer > a{width:70%;height:40px;line-height:40px;border-radius:5px;color:#fff;background:#3763af;display:inline-block;margin-top:20px;}


/*  */
.popup table.examination thead th{vertical-align:middle;}
.popup table.examination thead th .icon{display:block;padding:10px;}
.popup table.examination thead th .txt{display:block;font-size:0.88rem;padding-bottom:10px;}
.popup table.examination thead th.title{font-size:1.56rem;font-weight:500;vertical-align:middle;padding:20px;}


/* 완료_팝업 */
.success_popup{position:absolute;top:100px;left:50%;margin-left:-505px;width:1010px;background:#fff;border:5px solid #0054a6;padding:20px;z-index:99999;display:none;}
.success_popup  > .btnPopupClose{position:absolute;top:-5px;right:-82px;}
.success_popup .inner{padding:30px;background:#f8f8f8;border:1px solid #d9d9d9;text-align:center;}
.success_popup .inner dl{margin-top:30px;}
.success_popup .inner dl dt{font-size:30px;color:#333;font-weight:500;}
.success_popup .popupHeader{overflow:hidden;padding-bottom:20px;}
.success_popup .popupHeader .logo{float:left;}
.success_popup .popupHeader p{float:left;font-size:1.38rem;margin-left:20px;margin-top:13px;}
.success_popup .popupHeader p strong{color:#0054a6;}

/* 완료_팝업2 */
.inquiry_success_popup{position:fixed;top:44%;left:50%;margin-left:-505px;width:1010px;background:#fff;border:5px solid #0054a6;padding:40px 20px;z-index:99999;display:none;height:456px;margin-top:-182px;}
.inquiry_success_popup .inner{text-align:center;}
.inquiry_success_popup .inner dl{margin-top:30px;}
.inquiry_success_popup .inner dl dt{font-size:30px;color:#333;font-weight:900;}
.inquiry_success_popup .inner dl dd{font-size:18px;color:#666;margin-top:10px;}
.inquiry_success_popup .btnPopupClose{position:absolute;top:-5px;right:-82px;}

/*  */
.progressBox ol{display:flex;}
.progressBox li{width:30%;border:3px solid #e6e6e6 ;background:#f8f8f8;text-align:center;padding:40px 0;position:relative;margin-right:100px;cursor:default;}
.progressBox li.active{border-color:#ed7c3b;}
.progressBox li:last-child{margin-right:0;}
.progressBox li:after{content:"";display:block;width:100px;height:100%;background:url("../images/contents/stepArrow.png") no-repeat 50%;position:absolute;right:-103px;top:-3px;}
.progressBox li:last-child:after{display:none;}
.progressBox li .step{text-transform:uppercase;color:#ed7c3b;font-size:1.56rem;font-weight:500;font-style:italic;}
.progressBox li dt{font-size:2.19rem;font-weight:700;color:#4d4d4d;margin:10px 0;}
.progressBox li dt{font-size:1.44rem;}
@media screen and (max-width:1024px){
    .progressBox ol{flex-wrap:wrap;}
    .progressBox li{width:100%;margin-right:0;margin-bottom:50px;}
    .progressBox li:after{top:inherit;right:50%;bottom:-53px;width:50px;height:50px;margin-right:-20px;transform:rotate(90deg);}
}

/* worknet */
.worknet{padding:100px 0 100px 40%;background:url("../images/contents/worknet.png") no-repeat 8% 100px #f8f8f8;background-size:28%;margin-top:30px;color:#4c4c4c;}
.worknet h4{font-size:1.75rem;}
.worknet h4 strong{font-size:3.13rem;font-weight:700;display:block;}
.worknet p{font-size:1.44rem;margin:10px 0 40px;}
.worknet .btn{width:320px;max-width:90%;height:70px;line-height:70px;text-align:center;font-size:1.56rem;}
@media screen and (max-width:1024px){
    .worknet{margin-top:0;padding:35% 5% 8%;text-align:center;background-position:center 10%;background-size:30%;}
}
@media screen and (max-width:768px){
    .worknet{padding-top:270px;background-size:230px;}
}


/* input */
.inputWrap{background:#f8f8f8;text-align:center;padding:100px;margin-top:40px;color:#4c4c4c;}
.inputWrap h4{font-size:1.75rem;}
.inputWrap h4 strong{font-size:3.13rem;font-weight:700;display:block;}
.inputWrap h4:after{content:"";display:block;width:40px;height:1px;background:#333;margin:30px auto;}
.inputWrap .inputList li{float:left;width:380px;height:610px;padding:170px 40px 40px;border:1px solid #d9d9d9;background-color:#fff;background-repeat:no-repeat;background-position:50% 40px;margin-left:30px;}
.inputWrap .inputList li:first-child{margin-left:0;}
.inputWrap .inputList li h5{font-size:2.19rem;margin-bottom:10px;margin-bottom:15px;}
.inputWrap .inputList li select{display:block;width:100%;height:44px;border:1px solid #d9d9d9;background:#f8f8f8;margin-top:10px;}
.inputWrap .btns{margin-top:30px;padding-top:30px;border-top:1px solid #d9d9d9;}
.inputWrap .btns .btn{display:block;width:100%;height:60px;line-height:60px;font-size:1.70rem;border-radius:0;}
.inputWrap .inputList li:nth-child(1){background-image:url("../images/contents/iconSelect01.png");}
.inputWrap .inputList li:nth-child(2){background-image:url("../images/contents/iconSelect02.png");}
.inputWrap .inputList li:nth-child(3){background-image:url("../images/contents/iconSelect03.png");}


/* upload */
.fileBox{margin-top:10px;overflow:hidden;}
.fileBox .fileName{display:block;width:168px;height:45px;padding-left:10px;;line-height:45px;border:1px solid #d9d9d9;background-color:#f8f8f8;float:left;}
.fileBox .btnFile{display:block;background:#31b0b8;width:130px;height:45px;line-height:45px;text-align:center;color:#fff;float:left;}
.fileBox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}


table.attendanceTable{border-top:1px solid #0054a6; margin-top:10px;}
table.attendanceTable thead{font-size:1em;font-weight:400;background:#eee;}
table.attendanceTable thead th{padding:10px; border-bottom:1px solid #ddd;vertical-align:middle; color:#4c4c4c; font-size:20px;font-weight:500;background:#eee;border-left:1px solid #ddd;}
table.attendanceTable thead th:first-child{border-left:none;}
table.attendanceTable tbody{vertical-align:middle;color:#666;}
table.attendanceTable tbody tr{border-bottom:1px solid #ddd;}
table.attendanceTable.list tbody tr{cursor:pointer;}
table.attendanceTable tbody tr th{padding:10px;vertical-align:middle; background:#eee; font-size:17px; color:#4c4c4c;font-weight:500; border-left:1px solid #ddd;}
table.attendanceTable tbody tr th:first-child{border-left:none;}
table.attendanceTable tbody tr td{padding:10px;vertical-align:middle;font-size:17px; line-height:1.6; color:#808080;text-align:center;border-left:1px solid #ddd;}
table.attendanceTable tbody tr td:first-child{border-left:none;}
table.attendanceTable tbody tr td .btns{overflow:hidden;}
table.attendanceTable tbody tr td .btns a{display:inline-block;color:#fff;line-height:31px;margin-left:-3px; font-size:1rem;margin-right:2%;}
table.attendanceTable tbody tr td .btns a:last-child{margin-right:0;}
table.attendanceTable thead th,
table.attendanceTable thead td,
table.attendanceTable tbody th,
table.attendanceTable tbody td{min-width:60px;}
table.attendanceTable tr.center th{text-align:center;}


/* resultLisBox */
.resultListBox{margin-top:40px;}
.resultListBox li{border:3px solid #31b0b8;width:453px;height:850px;margin-left:20px;float:left;padding:0 40px;}
.resultListBox li:first-child{margin-left:0;}
.resultListBox li h4{height:75px;line-height:75px;background:#31b0b8;color:#fff;font-size:1.88rem;font-weight:700;text-align:center;margin:0 -40px;}
.resultListBox li dl{border-bottom:1px solid #d9d9d9;text-align:center;padding:20px 0;margin-bottom:20px;line-height:1;}
.resultListBox li dl dt{display:inline-block;color:#4c4c4c;font-size:2.0rem;}
.resultListBox li dl dd{display:inline-block;font-size:3.0rem ;font-weight:700;margin-left:5px;}
.resultListBox li:nth-child(1) dl dd{color:#0054a6;}
.resultListBox li:nth-child(2) dl dd{color:#ed7c3b;}
.resultListBox li:nth-child(3) dl dd{color:#36ad82;}

/*  */
.resultContentsBox{margin-top:40px;font-size:1.44rem;color:#4c4c4c;}
.resultContentsBox h4{font-size:2.0rem;font-weight:700;}
.resultContentsBox p{font-size:1.13rem;margin-bottom:20px;font-weight:500;}
.resultContentsBox h4 i{margin-left:10px;color:#bfbfbf;}
.title_btn_box{padding:0 0 10px}
.title_btn_box h4,
.title_btn_box .btns{display:inline-block;vertical-align:middle;}
.title_btn_box .btns{font-size:16px;}

table.popupContentsTable{border-top:2px solid #0054a6;width:100%;color:#4c4c4c;margin-top:30px;color:#4c4c4c;}
table.popupContentsTable tbody{background:#fff;}
table.popupContentsTable tbody th{padding:20px;background:#eee;border-bottom:1px solid #d9d9d9;font-size:1.56rem;text-align:center;vertical-align:middle;}
table.popupContentsTable tbody td{text-align:center;border-left:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;background:#fff;text-align:left;padding:20px;vertical-align:middle;font-size:1.13rem;}


/* 0303 */
.jobBox{display:flex;margin-top:20px;}
.jobBox .job{width:33.33%;border:1px solid #d9d9d9;float:left;margin-right:20px;padding:0 0 20px;background-repeat:no-repeat;background-position:50% 20%;text-align:center;color:#4c4c4c;padding-top:250px;margin-top:20px;position:relative;}
.jobBox .job:last-child{margin-right:0;}
.jobBox .job .icon{position:absolute;top:0;left:0;width:100%;height:270px;text-align:center;display:table;}
.jobBox .job .icon .inner{display:table-cell;vertical-align:middle;}
.jobBox .job .category{font-size:2.0rem;display:block;}
.jobBox .job .title{font-size:3.0rem;font-weight:700;display:block;line-height:1;}
.jobBox .job .btns{margin-top:30px;}
.jobBox .job .btns .btn{width:120px;padding:15px 0;font-size:1.2rem;}
@media screen and (max-width:1024px){
    .jobBox{flex-wrap:wrap;}
    .jobBox .job{width:100%;float:none;margin-right:0;}
    .jobBox .job .title{font-size:2.4rem;}
}

.jobGraphBox{border:3px solid #31b0b8;margin-top:40px;}
.jobGraphBox h4{height:75px;line-height:75px;background:#31b0b8;color:#fff;font-size:1.88rem;font-weight:700;text-align:center;}
.jobGraphBox .graphBox{padding:40px;}

table.jobTable{margin-top:0;}
table.jobTable tbody th{text-align:left;}
table.jobTable tbody th .icon{display:inline-block;width:60px;}
table.jobTable tbody td label{margin:5px 10px;}
table.jobTable tbody td label input{margin-right:5px;}
.programList > ul{margin-top:-15px;}
.programList > ul > li{float:left;width:25%;position:relative;margin-top:20px;margin-bottom:10px;}
.programList > ul > li div.thumb{ height:215px;}
.programList > ul > li img{width:355px; height:215px;}
.programList > ul > li div.titlewrap { height: 100px;}
.programList > ul > li p.title { 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
            line-clamp: 3; 
    -webkit-box-orient: vertical;
 }
.programList > ul > li > a{display:block;position:relative;margin:0 10px;}
.programList > ul > li > a .bd{display:block;position:absolute;left:0;top:0px;display:none;border:4px solid #fff;width:100%;height:100%;box-sizing:border-box;}
.programList > ul > li > a:hover .bd{display:block;border-width:4px;
	-moz-border-image:-moz-linear-gradient(left, #484099 0%, #07b6a7 100%);
	-webkit-border-image:-webkit-linear-gradient(left, #484099 0%, #07b6a7 100%);
	border-image:linear-gradient(to right, #484099 0%, #07b6a7 100%);
	border-image-slice:1;}
.programList .descBox{background:#f3f3f3;padding:20px;}
.programList .descBox .title{font-size:1.50rem;margin-left:10px;}
.programList .descBox ul{margin-top:3px;}
.programList .descBox li{border-top:2px dotted #d9d9d9;margin-left:13px;margin-right:13px;padding:13px 0;overflow:hidden;}
.programList .descBox li dt{float:left;color:#666;font-size:16px;}
.programList .descBox li dd{float:left;color:#808080;margin-left:20px;font-size:16px;font-weight:300;}
.programList .descBox li:first-child{border-top:none;}
.programList .label{position:absolute;top:20px;right:20px;}
.programList .label span{display:inline-block;width:60px;height:60px;line-height:60px;border-radius:50%;color:#fff;text-align:center;}
.programList .label span.label01{background:rgba(0,84,166,0.8);margin-right:5px;}
.programList .label span.label02{background:rgba(237,123,60,0.8);}
@media (max-width:1401px){
    .programList > ul > li{width:33%;}
    .programList > ul > li .thumb{text-align:center;}
}
@media (max-width:1280px){
    .programList > ul > li{width:50%;}
}
@media (max-width:768px){
    .programList > ul > li{width:100%;}
}


.program_view .view_top{display:flex;flex-wrap:wrap;}
.program_view .view_top::after{content:"";display:table;clear:both;}
.program_view .view_top .img img{width:100%;}
.program_view .view_top .img,
.program_view .view_top .txtBox{width:50%;}
.program_view .view_top .txtBox{position:relative;padding-left:30px;}
.program_view .view_top .txtBox .label span{display:inline-block;width:100px;margin:3px 0;line-height:35px;text-align:center;font-size:18px;color:#fff;border-radius:20px;}
.program_view .view_top .txtBox .label span.label01{background:#472f91;margin-right:10px;}
.program_view .view_top .txtBox .label span.label02{background:#ed7c3b;margin-right:10px;}
.program_view .view_top .txtBox .label span.label03{background:#36ad82;}
.program_view .view_top .txtBox .title{font-size:40px;color:#333;font-weight:700;line-height:1;padding-bottom:30px;margin-bottom:30px;border-bottom:1px dashed #ccc;margin-top:30px;}
.program_view .view_top .txtBox ul li{margin-top:15px;}
.program_view .view_top .txtBox ul li:first-child{margin-top:0;}
.program_view .view_top .txtBox ul li dt{font-size:20px;color:#333;font-weight:550;position:relative;padding-left:35px;margin-right:15px;}
.program_view .view_top .txtBox ul li dt:before{content:"";position:absolute;top:14px;left:10px;width:6px;height:6px;background:#8f83bc;}
.program_view .view_top .txtBox ul li dd{font-size:20px;color:#666;}
.program_view .view_top .txtBox ul li dl{display:flex;}
.program_view .view_top .txtBox .btns{padding:20px 0 0;}
.program_view .view_top .txtBox .btns a{display:inline-block;width:145px;line-height:61px;text-align:center;font-size:16px;color:#fff;font-weight:500;border-radius:5px;}
.program_view .view_top .txtBox .btns a img{margin-top:21px;margin-right:10px;}
.program_view .view_top .txtBox .btns a:last-child{margin-right:0;}
.program_view .view_top .txtBox .btns a:nth-child(1){background:#31b0b8;}
.program_view .view_top .txtBox .btns a:nth-child(2){background:#9c88ca;}
.program_view .view_top .txtBox .btns a:nth-child(3){background:#36ad82;}
.program_view .view_top .txtBox .btns a:nth-child(4){background:#54545f;}

.program_view .view_bottom{margin-top:40px;padding:50px;border:1px solid #d9d9d9;background:#f8f8f8;}
.program_view .view_bottom .imgList li{display:inline-block;}
.program_view .view_bottom .imgList img{margin-top:15px;max-width:100%;}
.program_view .view_bottom .imgList li:last-child{margin-right:0;}
.program_view .btnWrap a img{margin-top:21px;margin-right:10px;}
@media (max-width:768px){
    .program_view .view_bottom{padding:10% 5%;}
    .program_view .view_top .txtBox .title{font-size:36px;}
    .program_view .view_top .txtBox ul li dl{display:block;}
    .program_view .view_top .txtBox ul li dd{padding-left:35px;}
    .program_view .view_top .txtBox .btns{text-align:center;}
    .program_view .view_top .txtBox .btns a{width:47%;}
}
@media (max-width:400px){
    .program_view .view_top .txtBox .btns a{width:100%;}
}

table.contentsTable tbody.tbody-apply-history td{text-align:center;}

.recommend{background:#f8f8f8;padding:100px 0;margin-bottom:-50px;}
.recommend .programList > ul{margin-top:0;}
.recommend{position:relative;}
.recommend .inner{width:1400px;margin:0 auto;position:relative;}
.recommend .inner .programList{overflow:hidden;}
.recommend .inner > a{position:absolute;top:50%;}
.recommend .inner > a.btnPrev{left:-100px;}
.recommend .inner > a.btnNext{right:-100px;}
.recommend .programList .descBox{background:#fff;}
.recommend h2:after{display:none !important;;}

.program_submit{padding:30px 0;color:#4c4c4c}
.program_submit .title{font-size:22px;color:#000;font-weight:700;}
.program_submit input[type="text"]{padding:5px 10px;color:#4c4c4c;}
.program_submit .btns{margin-top:10px;text-align:right;}

@media (max-width:1080px){
    .program_view{padding:0 5%;}
    .program_view .view_top .img,
    .program_view .view_top .txtBox{width:100%;}
    .program_view .view_top .txtBox{padding-top:30px;padding-left:0;}
}


.attendancePop{padding:30px;background:#f8f8f8;border:1px solid #d9d9d9;}
@media screen and (max-width:768px){
    .attendancePop{padding:0;background:none;border-width:0;}
}

.arrayWrap02 select,
.arrayWrap02 input,
.arrayWrap02 .btnWrap,
.arrayWrap02 .btnWrap a{vertical-align:top;height:45px;line-height:45px;}
.arrayWrap02 select,
.arrayWrap02 input,
.arrayWrap02 .btnWrap,
.arrayWrap02 .btnWrap a{margin:3px 0;}
.arrayWrap02 .btnWrap a{width:200px;}

.select select{width:100%;}
@media (min-width:768px){
    /*.dpBox{max-width:450px;}*/
}
.dpBox{display:flex;align-items:center;overflow:hidden;}
.dpBox.col06{width:67.7%;}
.dpBox em{min-width:30px;width:4%;text-align:center;}
.dpBox .dp_input{position:relative;width:48%;}
.dpBox .dp_input input{width:100%;margin-right:50px;height:45px;line-height:45px;}
.dpBox .dp_input img{position:absolute;top:0;margin-top:10px;right:5px;margin-right:5px;}

.inquiry_searchWrap{display:flex;flex-wrap:wrap;}
.inquiry_searchWrap .title{color:#0054a6;}
.formBox,
.inquiry_searchWrap .formWrap > div{display:flex;align-items:center;}
.inquiry_searchWrap .formWrap > div.checkWrap{display:block;}
.inquiry_searchWrap .formWrap span.label { margin-right: 10px; }
.formBox .input.pr{padding-right:10px;}
.formBox .input,
.formBox .input input,
.formBox .select,
.formBox select{width:100%;}
.formBox .col1{width:25%;}
.formBox .col01{width:37.5%;}
.formBox .col2{width:50%;}
.formBox .col03{width:33.33%;}
.formBox .col3{width:75%;}
.formBox .col4{width:100%;}
.formBox .col06{width:66.66%;}
.formBox .select{padding-right:10px;box-sizing:border-box;}
.formBox .select:last-child{padding-right:0;}
.formBox .select:first-child{padding-right:10px;}
.inp_text,
select,
.formBox input,
.inquiry_searchWrap input{height:45px;line-height:45px;padding:0 10px;border:1px solid #d9d9d9;}
select{padding-right:0;}
.inquiry_searchWrap .inputBox{padding:10px 20px;background:#fff;border:1px solid #d9d9d9;}
.inquiry_searchWrap .inputBox input{height:inherit;line-height:inherit;vertical-align:middle;}
.inquiry_searchWrap .inputBox dl {width:100%;}
.inquiry_searchWrap .inputBox dt{color:#0054a6;}
.inquiry_searchWrap .inputBox dd{display:inline-block;padding-right:5px;width:calc(50% - 5px);}
.inquiry_searchWrap .btnWrap,
.formBox .btns{margin:0;}
.formBox .btns button,
.formBox .btns a,
.inquiry_searchWrap .btnWrap a{display:flex;align-items:center;justify-content:center;line-height:42px;height:100%;margin-left:10px;}
.formBox .btns button,
.formBox .btns a{margin:0;font-size:17px;line-height:45px;}
@media (max-width:768px){
    .inp_text{margin:1px 1px 1px 0;height:40px;line-height:40px;}
    .formBox,
    .inquiry_searchWrap .formWrap > div{flex-wrap:wrap;}
    .inquiry_searchWrap .formWrap > div.dpBox{flex-wrap:nowrap;}
    .dpBox.col06{width:100%;}
    .formBox .input.pr{padding:0;}
    .formBox .select:first-child{padding:0;}
    .formBox .select,
    .formBox .col1,
    .formBox .col01,
    .formBox .col2,
    .formBox .col3,
    .formBox .col03,
    .formBox .col06{width:100%;margin:3px 0 2px;padding:0;}
}

@media (max-width: 640px) {
	.inquiry_searchWrap .inputBox dd { width: 100%; }
	.inquiry_searchWrap .formWrap span.label { display: none; }
}

/* 상담신청 */
.inquiry_searchWrap .selectBox{float:left;position:relative;}
.selectBox{position:relative;}
.selectBox select,
.selectBox a{display:block;height:45px;line-height:45px;background:rgba(255,255,255,0.9);padding:0 20px;position:relative;border:1px solid #d9d9d9;}
.selectBox > a{background:url("../images/contents/bottomArrow.png") #fff no-repeat 90% 50%;}
.selectBox a i{position:absolute; right:20px;height:40px;line-height:40px;}
.selectBox ul{position:absolute;width:100%;top:40px;z-index:99;}
.selectBox ul li{float:none;margin-bottom:0;width:100%;margin-bottom:-1px; border-left:0;padding-left:0 !important;}

.inquiry_searchWrap{border:1px solid #e6e6e6;background:#f8f8f8;padding:40px 10%;overflow:hidden;}
.inquiry_searchWrap .checkWrap{width:100%;margin-bottom:10px;}
.inquiry_searchWrap .checkWrap dl{display:inline-block;padding:0 0 5px;vertical-align:top;font-size:20px;}
.inquiry_searchWrap .checkWrap dl dt{display:inline-block;vertical-align:top;color:#0054a6;margin-right:17px;}
.inquiry_searchWrap .checkWrap dl dd{display:inline-block;vertical-align:top;margin-right:20px;}
.inquiry_searchWrap .checkWrap dl dd input{height:auto;}
.inquiry_searchWrap .checkWrap dl dd label{margin-right:17px;white-space:nowrap;}
.inquiry_searchWrap .formWrap{width:80%;}
.inquiry_searchWrap .btnWrap{width:20%;}
.inquiry_searchWrap .formBox,
.inquiry_searchWrap .inputBox{margin-top:10px;}
.inquiry_searchWrap .formBox.first{margin-top:0;}

.inquiry_searchWrap .form01 img{margin:9px 4px;}
.inquiry_searchWrap .form01 .selectBox a{width:327px;}
.inquiry_searchWrap .form02{margin-top:10px;overflow:hidden;}
.inquiry_searchWrap .form02 .selectBox a{width:420px;}
.inquiry_searchWrap .form03{margin-top:10px;overflow:hidden;} 
.inquiry_searchWrap .form03 .selectBox a{width:420px;}
.inquiry_searchWrap .form03 input{width:420px;}
.inquiry_list_wrap .contentsTable .btn{width:98px;font-size:16px;}
.inquiry_list_wrap .contentsTable .btn04{width:70px;}
.inquiry_list_wrap .contentsTable .btn01{background:#ed7c3b;}
.inquiry_list_wrap .contentsTable .btn02{background:#999;}
.inquiry_list_wrap .contentsTable th,
.inquiry_list_wrap .contentsTable td{text-align:center;}
.inquiry_list_wrap .contentsTable textarea,
.inquiry_list_wrap .contentsTable input{text-align:left;}
.inquiry_list_wrap .contentsTable .inputCenter input{text-align:center;}
.inquiry_list_wrap .contentsTable tbody tr td:first-child{border-left:none;}
.inquiry_list_wrap table.contentsTable tbody td{padding:10px 5px;}
.inquiry_list_wrap table.contentsTable tbody .bgGray{background-color:#f8f8f8;}
.inquiry_list_wrap table.contentsTable tbody .bgGray strong{font-weight:500;}

@media (max-width:1180px){
    .inquiry_searchWrap{padding:30px 5%;}
}
@media (max-width:1024px){
    .inquiry_searchWrap{display:block;}
    .inquiry_searchWrap .formWrap,
    .inquiry_searchWrap .btnWrap{width:100%;margin:10px 0 0;}
    .inquiry_searchWrap .btnWrap a{margin:0;}
}
@media (max-width:500px){
    .dpBox .dp_input input{font-size:15px;}
    .dpBox .dp_input img{width:22px;margin-top:11px;}
}

.arrayWrap{margin:40px 0 10px;overflow:hidden;}
.arrayWrap .searchResult{padding-top:5px;line-height:45px;float:left;}
.arrayWrap .searchResult p{font-size:18px;color:#333;}
.arrayWrap .searchResult p span{color:#ed7c3b}
.arrayWrap .searchResult p span.bar::after{content:"";display:inline-block;width:1px;height:14px;margin:0 5px 0 10px;background:#c8c8c8;}
.arrayWrap .searchResult p span.bar:last-child::after{display:none;}
.arrayWrap .select_wrap{float:left;}
.arrayWrap .input_wrap,
.arrayWrap .sort_wrap{float:right;text-align:right;}
.arrayWrap .sort_wrap{display:flex;}
.arrayWrap .sort_wrap .input,
.arrayWrap .sort_wrap .select{padding-right:10px;}
.arrayWrap a,
.arrayWrap .btn,
.arrayWrap button{margin:0;}
.arrayWrap .sort_wrap select + select,
.arrayWrap .sort_wrap a + .btn,
.arrayWrap .sort_wrap a + a,
.arrayWrap .sort_wrap select + a{margin-left:10px;}
.arrayWrap .sort_wrap .btns *{line-height:45px;}
.arrayWrap select,
.arrayWrap input,
.arrayWrap a,
.arrayWrap button{vertical-align:middle;}
.arrayWrap{overflow:hidden;}
.arrayWrap .select_wrap,
.arrayWrap .input_wrap{width:46%;display:flex;}
.arrayWrap .input_wrap{text-align:right;}
.arrayWrap .input_wrap .btns a{line-height:44px;margin:0;}
.arrayWrap .sort_wrap .btns button{padding-left:15px;padding-right:15px;}
.arrayWrap .sort_wrap .btns button,
.arrayWrap .sort_wrap .btns a,
.arrayWrap .sort_wrap .input input,
.arrayWrap .input_wrap .btns a,
.arrayWrap .input_wrap .input input{width:100%;}
.arrayWrap .input_wrap .input,
.arrayWrap .input_wrap .btns{width:33%;margin-left:10px;}
.arrayWrap .select_wrap .select{width:33%;margin-right:10px;}
.arrayWrap .search{position:relative;margin-left:10px;}
.arrayWrap .selectBox ul{top:45px;}
.arrayWrap .btnAdd{width:180px;text-align:center;background:#31b0b8;}
.arrayWrap .btnDownload{background:#0054a6;}
.arrayWrap .btnPrint{background:#ed7b3c;}
.arrayWrap .btnSearch{width:180px;background:#4c4c4c;}
.arrayWrap .btnSearch{display:inline-block;margin:3px 0;border-radius:5px;text-align:center;color:#fff;font-weight:500;}
.arrayWrap .input_wrap input{width:30%;}
.arrayWrap .input_wrap .btnSearch{width:20%;}
.arrayWrap .btnSearch,
.arrayWrap input{line-height:45px;font-size:17px;}
.arrayWrap input{margin-right:10px;height:45px;padding:0 10px;background:#f8f8f8;color:#4d4d4d;border:1px solid #dbdbdb;}
@media screen and (max-width:1401px){
    .arrayWrap{margin:40px 1rem 10px;}
}
@media screen and (max-width:1180px){
    .arrayWrap .select_wrap,
    .arrayWrap .input_wrap{float:none;width:100%;text-align:center;}
    .arrayWrap .input_wrap{padding:10px 0 0;}
    .arrayWrap .input_wrap .input:first-child{margin-left:0;}
    .arrayWrap .select_wrap .select:last-child{margin-right:0;}
}
@media screen and (max-width:768px){
    .arrayWrap .input_wrap,
    .arrayWrap .select_wrap{flex-wrap:wrap;}
    .arrayWrap .select_wrap .select,
    .arrayWrap .input_wrap .input,
    .arrayWrap .input_wrap .btns{width:100%;margin:5px 0 0;}
    .arrayWrap .sort_wrap{clear:both;display:block;width:100%;}
    .arrayWrap .sort_wrap .input,
    .arrayWrap .sort_wrap .select{padding:0;}
    .arrayWrap .sort_wrap select,
    .arrayWrap .sort_wrap .input{width:100%;margin:3px 0;}
    .arrayWrap .sort_wrap a + a,
    .arrayWrap .sort_wrap a + .btn,
    .arrayWrap .sort_wrap select + select{margin-left:0;}
    .arrayWrap .sort_wrap .select,
    .arrayWrap .sort_wrap a{width:100%;max-width:100%;margin:3px 0;}
}

/* 상담신청 */
.inquiry_list_wrap .btnWrap a{width:100%;}
.inquiry_list_wrap .items .btnWrap a{width:245px;}
.inquiry_list_wrap table.contentsTable{margin-top:0;}
.inquiry_list_wrap table.contentsTable td{text-align:center;}

/* 역량인증 신청 */
.inquiry_list_wrap.apply .inquiry_searchWrap .form03 .selectBox{margin-right:10px;}
.inquiry_list_wrap.apply .inquiry_searchWrap .form03 .selectBox:last-child{margin-right:0;}
.inquiry_list_wrap.apply .inquiry_searchWrap .form03 .selectBox a{width:276px;}
.inquiry_list_wrap.apply .inquiry_searchWrap .form03 input{width:276px;}
.inquiry_list_wrap.apply .inquiry_searchWrap .btnWrap a{padding-top:35px;}

/* 역량인증 결과 */
.inquiry_list_wrap.apply .contentsTable span.complete{color:#ed7c3b;}
.inquiry_list_wrap.apply .contentsTable span.standby{color:#0054a6;}
.inquiry_list_wrap.apply .contentsTable span.holding{color:#e64c66;}

/* 배점표 */
.inquiry_list_wrap.information p.title{font-size:40px;color:#4c4c4c;font-weight:700;line-height:45px;float:left;margin-bottom:20px;overflow:hidden;}

.inquiry_write{padding:30px;background:#f8f8f8;border:1px solid #d9d9d9;}
.myBox{overflow:hidden;margin-bottom:30px;}
.myBox .myBox_l{float:left;width:460px;border-right:1px solid #d9d9d9;}
.myBox .myBox_l .img{float:left;display:block;width:150px;height:150px;border-radius:80px;overflow:hidden;margin-top:7px;}
.myBox .myBox_l ul{float:left;margin-left:30px;}
.myBox .myBox_l ul li dl dt{font-size:17px;color:#404040;font-weight:500;float:left;width:76px;padding-left:10px;position:relative;}
.myBox .myBox_l ul li dl dt:before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;background:#0054a6;}
.myBox .myBox_l ul li dl dd{float:left;margin-left:15px;width:178px;font-size:17px;color:#666;}
.myBox .myBox_l ul li{margin-bottom:10px;}
.myBox .myBox_l ul li:last-child{margin-bottom:0;}
.myBox .myBox_r{float:left;width:438px;}
.myBox .myBox_r ul li{float:left;width:25%;text-align:center;padding:10px 0;}
.myBox .myBox_r ul li p.title{font-size:18px;color:#4c4c4c;font-weight:500;}
.myBox .myBox_r ul li span.icon{display:block;height:60px;margin-top:10px;}
.myBox .myBox_r ul li span.count{display:block;font-size:18px;color:#44318f;font-weight:500;}
.myBox .myBox_r ul li span.count img{margin-top:7px;}
.myBox .myBox_r ul li span.average{display:block;font-size:16px;color:#808080;}
.inquiry_write .writeForm label{display:inline-block;width:127px}
.inquiry_write .writeForm label input{margin-right:5px;}
@media screen and (max-width:768px){
    .inquiry_write{padding:0;background:none;border-width:0;}
}


.inquiry_list_wrap.inquiry .inquiry_searchWrap .form02{margin-top:0;margin-bottom:10px;}
.inquiry_list_wrap.inquiry .inquiry_searchWrap .form03{margin-top:0;}
.inquiry_list_wrap.inquiry .inquiry_searchWrap .btnWrap a{height:73px;}
.inquiry_list_wrap.inquiry .inquiry_searchWrap .btnWrap a:first-child{padding-top:23px;}
.inquiry_list_wrap.inquiry .inquiry_searchWrap .btnWrap a:last-child{padding-top:8px;}



/* 역량개발 1학년(진로탐색과정) */
.info_top{border:7px solid #e6e6e6;background:#f8f8f8;text-align:center;padding:30px 0;}
.info_top p{font-size:20px;color:#4c4c4c;}
.info_top .txt01{font-size:28px;color:#4c4c4c;}
.info_top .txt02{font-size:50px;color:#4c4c4c;font-weight:700;}
.informationWrap{padding:0 1rem;}
.informationWrap dl{margin-top:65px;margin-bottom:30px;}
.informationWrap dl dt{font-size:30px;color:#4c4c4c;font-weight:700;line-height:1;margin-bottom:10px;}
.informationWrap dl dd{font-size:20px;color:#4c4c4c;}
.informationWrap .btnWrap{margin:-10px 0 0 0;}
.informationWrap .btnWrap a{font-size:20px;font-weight:500;line-height:55px;height:55px;width:307px;margin-right:7px;margin-top:10px;}
.informationWrap .btnWrap a img{margin-top:17px;margin-left:15px;}
.popup .site ul{margin-top:-11px;width:899px;}
.popup .site ul li{float:left;margin-right:11px;margin-top:11px;}
.popup .site ul li:nth-child(5n){margin-right:0;}
.popup .site ul li a{display:block;width:171px;height:80px;background:#fff;border:1px solid #e7e7e7;}
@media screen and (max-width:1401px){
    .info_top,
    .conUtil,
    .tableWrap p.title{margin:0 1rem;}
    .informationWrap .info_top{margin:0;}
}
@media screen and (max-width:768px){
    .info_top{padding:2rem 1rem;}
    .info_top .txt01{font-size:25px;line-height:1.15;}
    .info_top .txt02{padding:10px 0;font-size:38px;line-height:1.2;}
}



/* 프로그램요구도조사 - 만족도 조사 */
.survey ol > li:first-child{margin-top:0;}
.survey ol > li{margin-top:40px;}
.survey ol > li .quest{font-size:20px;color:#4c4c4c;font-weight:300;}
.survey ol > li .survey_exam{margin-top:20px;}
.survey ol > li .survey_exam li{font-size:20px;color:#4c4c4c;font-weight:300;}
.survey ol > li .survey_exam li textarea{height:200px;}



/* 진단검사 - 검사이력 */
.inquiry_list_wrap.record .inquiry_searchWrap .form02 .selectBox a{width:205px;}
.inquiry_list_wrap.record .inquiry_searchWrap .form02 .selectBox:last-child a{width:420px;}

/* 공채달력 */
.logoList{margin-top:40px;background:#f8f8f8;padding:50px;}
.logoList ul{margin-top:-20px;}
.logoList ul li{float:left;margin-right:20px;margin-top:20px;width:244px;}
.logoList ul li img{width:100%;}
.logoList ul li:nth-child(5n){margin-right:0;}

/* 출석현황 */
.myBoxWrap{padding:30px 0;background:#f8f8f8;border:1px solid #d9d9d9;}
.myBoxWrap .myBox{width:898px;margin:0 auto;}
.attendanceWrap .conBox{overflow:hidden;margin-top:40px;position:relative;}
.attendanceWrap .conBox p.title{font-size:40px;color:#4c4c4c;font-weight:700;line-height:45px;}
.attendanceWrap{overflow:hidden;}
.attendanceWrap .arrayWrap{margin:0;position:absolute;top:0;right:0;}
.attendanceWrap .arrayWrap .selectBox{margin:3px 0 3px 10px;float:left;}
.attendanceWrap .arrayWrap .selectBox:first-child{margin-right:0;}
.attendanceWrap .arrayWrap .btnSearch{float:right;display:block;width:200px;line-height:45px;border-radius:5px;background:#4c4c4c;text-align:center;font-size:20px;color:#fff;font-weight:500;margin-left:10px;}
.attendanceWrap table.contentsTable{margin-top:20px;}
.attendanceWrap table.contentsTable tbody tr th{font-weight:500;} 
.attendanceWrap table.contentsTable tbody tr td{text-align:center;} 
.attendanceWrap .conBox01 table.contentsTable tbody tr td{text-align:left;} 
.attendanceWrap table.contentsTable .attdc01{color:#0054a6;}
.attendanceWrap table.contentsTable .attdc02{color:#ed7c3b;}
.attendanceWrap table.contentsTable .attdc03{color:#31b0b8;}
.bdln{border-left:none !important;}

/* 출석체크 팝업 */
.attendancePop .conBox .title{font-size:30px;color:#4c4c4c;font-weight:500;line-height:1;margin-bottom:10px;}
.attendancePop .conBox02{margin-top:30px;}
.attendancePop .conBox02 .arrayWrap02{padding:20px;background:#fff;border:1px solid #d9d9d9;}
.attendancePop .conBox02 .arrayWrap02 .selectBox{float:left; position:relative;height:46px;padding:0px;font-size:large; color:#7d7d7d;}
.attendancePop .conBox02 .arrayWrap02 .selectBox a{width:100%;}
.attendancePop .conBox02 .arrayWrap02 .btnWrap{float:left;margin:0;}
.attendancePop .conBox02 .tabWrap{margin-top:20px;}
.tabWrap ul{margin:0 -2px;}
.tabWrap ul li{float:left;width:12.5%;padding:2px;}
.tabWrap ul li a{display:block;border:1px solid #d9d9d9;background:#fff;text-align:center;font-size:16px;color:#666;height:35px;line-height:35px;}
.tabWrap ul li.on a{border-color:#ed7c3b;color:#ed7c3b;}
@media screen and (max-width:768px){
    .tabWrap ul li{width:20%;}
}
@media screen and (max-width:568px){
    .tabWrap ul li{width:33.33%;}
}
@media screen and (max-width:450px){
    .tabWrap ul li{width:50%;}
}
.attendancePop .conBox02 .tabWrap .btnWrap{float:right;margin:0;}
.attendancePop .conBox02 .tabWrap .btnWrap a{width:104px;height:35px;line-height:35px;font-size:16px;border-radius:0;}
.attendancePop .attendanceTable .status01{color:#0054a6;}
.attendancePop .attendanceTable .status02{color:#ed7c3b;}
.attendancePop .attendanceTable .status03{color:#31b0b8;}
.attendancePop .attendanceTable .status04{color:#e64c66;}
.attendancePop .attendanceTable .status05{color:#999999;}
.attendancePop .attendanceTable .users{display:block;border-radius:50%;overflow:hidden;}
.attendancePop .selectBox{display:inline-block;}
table.contentsTable3 .btnSearch{display:inline-block;width:80px;vertical-align:top;background:#4d4d4d;font-size:1rem;color:#fff;height:45px;line-height:45px;text-align:center;}
table.contentsTable3 input[type="text"]{height:45px;line-height:45px;padding:0 10px;}

.flexBox{display:flex;}
.flexBox.profile .photo{padding-right:10px;}
.flexBox.profile .photo img{border:1px solid #d9d9d9;}
.flexBox.profile table.contentsTable3{margin-top:0;}
@media screen and (max-width:1080px){
    .flexBox{display:block;}
    .flexBox.profile .photo{padding:0 0 10px;text-align:center;}
}

.attendancePop .conBox{position:relative;}
.attendancePop .btnAdd{position:absolute;top:0;right:0;width:104px;height:33px;line-height:33px;background:#ed7c3b;font-size:16px;color:#fff;text-align:center;}

.attendancePop .attendanceTable p.status{font-size:15px;}
.attendancePop .attendanceTable p.status span{margin:0 2px;}
.attendancePop .attendanceTable p.status span.red{color:#bf0c14;}
.attendancePop .attendanceTable p.status span.yellow{color:#e5a000;}
.attendancePop .attendanceTable p.status span.green{color:#479800;}

/* 출석현황(전체보기) */
.myBoxWrap{padding:30px 0;background:#f8f8f8;border:1px solid #d9d9d9;}
.myBoxWrap .myBox{width:898px;margin:0 auto;}
.attendanceWrap .conBox{overflow:hidden;margin-top:40px;position:relative;}
.attendanceWrap .conBox p.title{font-size:40px;color:#4c4c4c;font-weight:700;line-height:45px;}
.attendanceWrap{overflow:hidden;}
.attendanceWrap .arrayWrap{margin-top:0;position:absolute;top:0;right:0;}
.attendanceWrap .arrayWrap .selectBox{margin-left:10px;float:left;}
.attendanceWrap .arrayWrap .selectBox:first-child{margin-right:0;}
.attendanceWrap .arrayWrap .btnSearch{float:right;display:block;width:200px;line-height:45px;border-radius:5px;background:#4c4c4c;text-align:center;font-size:20px;color:#fff;font-weight:500;margin-left:10px;}
.attendanceWrap table.contentsTable02{margin-top:20px;}
.attendanceWrap table.contentsTable02 tbody tr th{font-weight:500;} 
.attendanceWrap table.contentsTable02 tbody tr td{text-align:center;} 
.attendanceWrap .conBox01 table.contentsTable02 tbody tr td{text-align:center;} 
.attendanceWrap table.contentsTable02 .attdc01{color:#0054a6;}
.attendanceWrap table.contentsTable02 .attdc02{color:#ed7c3b;}
.attendanceWrap table.contentsTable02 .attdc03{color:#31b0b8;}
.bdln{border-left:none !important;}

/* 역량인증신청 */
.information_writeForm{padding-right:300px;position:relative;}
.information_writeForm p.title{font-size:40px;color:#4c4c4c;font-weight:700;line-height:45px;margin-bottom:20px;}
.information_writeForm .wForm{position:relative;margin-top:50px;}
.information_writeForm .wForm01{margin-top:0;}
.information_writeForm .wForm .tableWrap{position:relative;}
.information_writeForm .wForm .btnPlus{position:absolute;top:17px;right:20px;z-index:1;}
.information_writeForm .wForm .btnMinus{position:absolute;top:17px;right:20px;z-index:1;}
.information_writeForm .btnSearch{display:inline-block;vertical-align:top;width:90px;height:45px;line-height:45px;background:#ed7c3b;font-size:18px;color:#fff;text-align:center;margin-left:10px;}
.information_writeForm .form_con_list{position:absolute;top:0;right:0;width:270px;}
.information_writeForm .form_con_list p.title{font-size:21px;color:#fff;font-weight:500;background:#4c4c4c;text-align:center;line-height:60px;margin-bottom:0;}
.information_writeForm .form_con_list > ul{padding:10px 20px;background:#f8f8f8;border:1px solid #ccc;}
.information_writeForm .form_con_list > ul > li > a{font-size:20px;color:#666;display:block;padding-left:40px;background-repeat:no-repeat;background-position:0 50%;line-height:60px;border-bottom:1px solid #ddd;}
.information_writeForm .form_con_list > ul > li:nth-child(1) > a{background-image:url("../images/contents/form_con_list_icon01.png");}
.information_writeForm .form_con_list > ul > li:nth-child(2) > a{background-image:url("../images/contents/form_con_list_icon02.png");}
.information_writeForm .form_con_list > ul > li:nth-child(3) > a{background-image:url("../images/contents/form_con_list_icon03.png");}
.information_writeForm .form_con_list > ul > li:nth-child(4) > a{background-image:url("../images/contents/form_con_list_icon04.png");}
.information_writeForm .form_con_list > ul > li:nth-child(5) > a{background-image:url("../images/contents/form_con_list_icon05.png");}
.information_writeForm .form_con_list > ul > li:nth-child(6) > a{background-image:url("../images/contents/form_con_list_icon06.png");}
.information_writeForm .form_con_list > ul > li:nth-child(7) > a{background-image:url("../images/contents/form_con_list_icon07.png");border-bottom:none;}
.information_writeForm .form_con_list > ul > li:nth-child(1) > a:hover{background-image:url("../images/contents/form_con_list_icon01_on.png");}
.information_writeForm .form_con_list > ul > li:nth-child(2) > a:hover{background-image:url("../images/contents/form_con_list_icon02_on.png");}
.information_writeForm .form_con_list > ul > li:nth-child(3) > a:hover{background-image:url("../images/contents/form_con_list_icon03_on.png");}
.information_writeForm .form_con_list > ul > li:nth-child(4) > a:hover{background-image:url("../images/contents/form_con_list_icon04_on.png");}
.information_writeForm .form_con_list > ul > li:nth-child(5) > a:hover{background-image:url("../images/contents/form_con_list_icon05_on.png");}
.information_writeForm .form_con_list > ul > li:nth-child(6) > a:hover{background-image:url("../images/contents/form_con_list_icon06_on.png");}
.information_writeForm .form_con_list > ul > li:nth-child(7) > a:hover{background-image:url("../images/contents/form_con_list_icon07_on.png");}
.information_writeForm .form_con_list > ul > li > a:hover{color:#1965af;}
.information_writeForm .form_con_list .btns{overflow:hidden;margin:10px 0;}
.information_writeForm .form_con_list .btns a{display:block;float:left;width:48%;height:59px;line-height:57px;text-align:center;border:1px solid #999;}
.information_writeForm .form_con_list .btns a:first-child{margin-right:4%;}
.information_writeForm .form_con_list > a{display:block;line-height:60px;text-align:center;background:#1965af;font-size:20px;color:#fff;}
.information_writeForm .form_con_list.fix{position:fixed;top:20px;right:50%;margin-right:-700px;}

.information_preview{padding:30px;background:#f8f8f8;border:1px solid #d9d9d9;}
.information_preview .conBox{margin-top:35px;}
.information_preview .title{font-size:30px;color:#4c4c4c;font-weight:500;}
@media screen and (max-width:768px){
    .information_preview{padding:0;background:none;border:0;}
}


/* 희망기업탐색 */
.sampleWrap{margin-top:30px;display:flex;flex-wrap:wrap;}
.sampleBox{text-align:center;padding:58px 0;margin:10px 0;border:2px solid #d9d9d9;flex-grow:1;}
.sampleBox:nth-child(odd){margin-right:10px;}
.sampleBox:nth-child(even){margin-left:10px;}
.sampleBox dl{padding-bottom:20px;margin-bottom:20px;position:relative;}
.sampleBox dl:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:1px;background:#4d4d4d;}
.sampleBox dl dt{font-size:50px;color:#4c4c4c;font-weight:700;}
.sampleBox dl dd{font-size:20px;color:#4c4c4c;}
.sampleBox a{display:block;width:394px;max-width:90%;margin:0 auto;border:1px solid #0054a6;text-align:center;font-size:35px;color:#0054a6;font-weight:500;line-height:85px;}
.sampleBox a:hover{color:#fff;background:#0054a6;}
.sampleBox a img{margin-top:23px;}
@media screen and (max-width:1401px){
    .sampleWrap{padding:1rem;}
}
@media screen and (max-width:1080px){
    .sampleBox{width:100%;}
    .sampleBox:nth-child(odd){margin-right:0;}
    .sampleBox:nth-child(even){margin-left:0;}
    .sampleBox dl{margin:0 1rem 1rem;}
    .sampleBox dl dt{font-size:42px;line-height:1.2;padding-bottom:1rem;}
    .info_top p,
    .sampleBox dl dd{font-size:17px;}
    .sampleBox a{font-size:28px;}
}

.popup.exam .conBox{margin-top:20px;}
.popup.exam .conBox .title{font-size:22px;color:#000;font-weight:700;margin-bottom:10px;}
.popup.exam .conBox .txtBox{padding:10px;background:#fff;border:1px solid #ccc;;}
.popup.exam .conBox .txtBox li{font-size:18px;color:#4c4c4c;}
.popup.regist ul{margin:0 -20px -20px -20px;}
.popup.regist ul li{float:left;width:50%;padding:10px 20px;}
.popup.regist .conBox .title{font-size:22px;color:#000;font-weight:700;margin-bottom:10px;}
.popup.regist .conBox textarea{background:#fff;}



/* 설문조사 */
@media screen and (max-width:768px){
    .bbs_basic table td.status{display:block;border-bottom:0;}
    .bbs_basic table td.sbj{display:block;}
}
.table32{max-width:100%;}
.table32 > .header{align-items:center;padding:0 0 10px;border-bottom:1px solid #d2d2d2;}
.table32 > .header,
.table32 > .anc{display:flex;justify-content:space-between;}
.table32 > .anc{margin:0 -.5rem;}
.table32 > .anc .art{width:50%;margin:0 .5rem;}
.table32 .anc .item{padding:10px 0 0;}
.table32 .anc .item .head{position:relative;}
.table32 .anc .item .head strong{color:#64748e;}
.table32 .anc .item .head span{display:block;font-size:12px;color:#017cc9;}
.table32 .anc .item .head .btn{position:absolute;right:0;top:0;}
.table32 .anc .item table.contentsTable3 tbody tr td{padding:9px 15px 8px;}
@media screen and (max-width:850px){
    .table32{width:100%;}
    .table32 > .anc{flex-wrap:wrap;}
    .table32 > .anc .art{width:100%;}
}
.survey ol > li:first-child{margin-top:0;}
.survey ol > li{margin-top:40px;}
.survey ol > li .quest{font-size:20px;color:#4c4c4c;font-weight:300;}
.survey ol > li .survey_exam{margin-top:20px;}
.survey ol > li .survey_exam li{font-size:20px;color:#4c4c4c;font-weight:300;}
.survey ol > li .survey_exam li textarea{height:200px;}

.resultBoard{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;min-height:82px;padding:20px 0;border-bottom:1px dashed #ddd;}
.resultBoard .resultCount{padding:0 15px;margin-right:4px;background:#cfebb6;text-align:center;vertical-align:bottom;}
.resultBoard .resultPercent{flex:1;text-align:right;}
.progressTxt{position:absolute;top:24px;right:0;}
.progressBG{width:100%;}
.progressBG{height:10px;background:#ddd;position:relative;margin-top:10px;}
.progressBG span.progressbar.min{width:10px;background:#ff0000;}
.progressBG span.progressbar{position:absolute;height:100%;}



/* 입사서류관리 */
.graphLine ul li{float:left;width:335px;margin-right:20px;border:2px solid #31b0b8;}
.graphLine ul li:last-child{margin-right:0;}
.graphLine ul li .graph{position:relative;height:338px;}
.graphLine ul li .graph .countBox{position:absolute;top:0;left:0;width:100%;height:100%;}
.graphLine ul li .graph .countBox .table{display:table;width:100%;height:100%;}
.graphLine ul li .graph .countBox .table .tableCell{display:table-cell;vertical-align:middle;text-align:center;}
.graphLine ul li .graph.graph02 .countBox span,
.graphLine ul li .graph.graph04 .countBox span{display:block;}
.graphLine ul li .graph .countBox span.num{font-size:40px;font-weight:700;line-height:50px;}
.graphLine ul li .graph .countBox span.unit{font-size:30px;font-weight:500;}
.graphLine ul li .graph.graph01 .countBox span{color:#44318f;}
.graphLine ul li .graph.graph02 .countBox span{color:#36ad82;}
.graphLine ul li .graph.graph03 .countBox span{color:#ed7c3b;}
.graphLine ul li .graph.graph04 .countBox span{color:#aa0000;}
.graphLine ul li p{font-size:30px;color:#fff;font-weight:700;text-align:center;background:#31b0b8;line-height:75px;}

.conUtil ul{margin:-1%;}
.conUtil ul li{float:left;width:31.33%;margin:1%;border:1px solid #d9d9d9;text-align:center;text-align:center;padding:50px 0;box-sizing:border-box;}
.conUtil ul li .icon{display:block;height:200px;}
.conUtil ul li dl{margin-bottom:20px;}
.conUtil ul li dl dt{font-size:30px;color:#4c4c4c;font-weight:500;}
.conUtil ul li dl dd{font-size:45px;color:#4c4c4c;font-weight:700;}
.conUtil ul li a{display:block;width:100%;max-width:290px;height:70px;line-height:70px;background:#31b0b8;font-size:20px;color:#fff;font-weight:500;margin:0 auto;border-radius:5px;}
@media screen and (max-width:1401px){
    .conUtil ul li dl dd{font-size:35px;}
}
@media screen and (max-width:1024px){
    .conUtil ul li{width:inherit;margin:1rem .5rem;padding:40px 1rem;float:none;}
    .conUtil ul li .icon{height:inherit;padding-bottom:1rem;}
    .conUtil ul li dl dt{font-size:28px;}
}

.tableWrap{margin-top:40px;}
.tableWrap p.title{font-size:30px;color:#4c4c4c;font-weight:700;}
.tableWrap table.contentsTable2 tbody tr td .btns a{margin-right:2%;border-radius:5px;}
.tableWrap table.contentsTable2 tbody tr td .btns a:last-child{margin-right:0;}

.reportPop{margin:0 -20px;padding:3%;background:#f8f8f8;border:1px solid #d9d9d9;position:relative;}
@media screen and (max-width:1024px){
    .reportPop{margin:0 -3% -3%;}
}
.reportPop p.title{font-size:30px;color:#4c4c4c;font-weight:500;}
.reportPop p.title.s{padding:15px 0 0;font-size:26px;color:#282828;font-weight:600;}
.reportPop p.title.s + table{margin-bottom:10px;}
.reportPop input[type="text"]{height:38px;line-height:38px;padding:0 10px;color:#666;border:1px solid #d9d9d9;}
.reportPop textarea{background:#fff;border:1px solid #d9d9d9;}
.reportPop table.writeForm tbody tr td ul li{padding-left:0;}
.reportPop1 .conBox{margin-top:30px;}
.reportPop1 .conBox .title{font-size:22px;color:#000;font-weight:700;margin-bottom:10px;}
.reportPop1 .conBox .selectBox{float:left;width:211px;}
.reportPop1 .conBox .selectBox a{height:38px;line-height:38px;color:#666;}
.reportPop1 .conBox .selectBox2{width:432px;}
.reportPop1 .conBox01 .profile{width:20%;margin-right:1rem;}
.reportPop1 .conBox01 .profile .img{display:block;border-radius:5px;overflow:hidden;}
.reportPop1 .conBox01 .profile .img img{width:100%;}
.reportPop1 .conBox01 .profile a{display:block;line-height:38px;text-align:center;font-size:16px;color:#fff;background:#31b0b8;border-radius:3px;overflow:hidden;margin-top:7px;}
.reportPop1 .conBox01 .clearFix{display:flex;margin-bottom:30px;}
.reportPop1 .conBox01 .clearFix table{width:80%;}
.reportPop1 .conBox02 ul{padding:20px 30px;border-top:2px solid #0054a6;background:#fff;border-bottom:1px solid #ddd;}
.reportPop1 .conBox02 ul li{display:inline-block;font-size:18px;color:#4c4c4c;margin-right:5%;padding:10px 0;}
.reportPop1 .conBox05 table.writeForm tbody tr td > a,
.reportPop1 .conBox07 table.writeForm tbody tr td > a{display:block;width:85px;line-height:38px;background:#ed7c3b;text-align:center;font-size:18px;color:#fff;float:right;}
@media (max-width:768px){
    .reportPop input[type="text"]{font-size:.9em;}
    .reportPop1 .conBox01 .clearFix{flex-direction:column;}
    .reportPop1 .conBox01 .profile{width:150px;margin:0 auto 1rem;}
    .reportPop1 .conBox01 .clearFix table{width:100%;}
}

.reportPop2 .conBox{position:relative;margin-top:50px;}
.reportPop2 .conBox input.support_title{display:block;width:100%;}
.reportPop2 .conBox p{padding:10px 100px 10px 10px;font-size:20px;color:#4c4c4c;border-bottom:1px solid #d9d9d9;border-top:2px solid #0356a7;background:#eee;}
.reportPop2 .conBox .txtBox{padding:10px 20px;background:#fff;border-bottom:1px solid #d9d9d9;}
.reportPop2 .conBox .plusBtnArea{position:absolute;top:12px;right:10px;}
@media screen and (max-width:768px){
    .reportPop2 .conBox p{padding:10px;}
    .reportPop2 .conBox .plusBtnArea{position:static;padding:1rem 0 0;text-align:center;}
}

.reportPop3 table.writeForm tbody tr td .btnRemove{position:absolute;top:7px;right:10px;}
.reportPop3 .btns{padding:7px 0 0;text-align:right;}
.reportPop3 .btns a{display:inline-block;width:100px;font-size:16px;text-align:center;}
.reportPop3 .btns a:nth-child(1){color:#fff;border:1px solid #31b0b8;background:#31b0b8;}
.reportPop3 .btns a:nth-child(2){color:#fff;background:#ed7c3b;border:1px solid #ed7c3b;}
.reportPop3 .btns a:nth-child(3){color:#fff;background:#666;border:1px solid #666;}


/* 마일리지 인증신청 */
.information_writeForm.mileage table.writeForm2 tbody tr td label{margin-right:20px;}
.information_writeForm.mileage table.writeForm2 tbody tr td label img{margin-top:10px;margin-left:10px;}
.information_writeForm.mileage .form_con_list{height:100%;overflow-y:auto;}
.information_writeForm.mileage .form_con_list p.title{background:#1965af;}
.information_writeForm.mileage .form_con_list > ul > li{border-bottom:1px solid #d9d9d9;overflow:hidden;}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(1) > a{background-image:url("../images/contents/form_con_list_icon08.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(2) > a{background-image:url("../images/contents/form_con_list_icon09.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(3) > a{background-image:url("../images/contents/form_con_list_icon10.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(4) > a{background-image:url("../images/contents/form_con_list_icon03.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(5) > a{background-image:url("../images/contents/form_con_list_icon11.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(6) > a{background-image:url("../images/contents/form_con_list_icon12.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(1) > a:hover{background-image:url("../images/contents/form_con_list_icon08_on.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(2) > a:hover{background-image:url("../images/contents/form_con_list_icon09_on.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(3) > a:hover{background-image:url("../images/contents/form_con_list_icon10_on.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(4) > a:hover{background-image:url("../images/contents/form_con_list_icon03_on.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(5) > a:hover{background-image:url("../images/contents/form_con_list_icon11_on.png");}
.information_writeForm.mileage .form_con_list > ul > li:nth-child(6) > a:hover{background-image:url("../images/contents/form_con_list_icon12_on.png");}
.information_writeForm.mileage .form_con_list > ul > li ul{padding:15px 0;}
.information_writeForm.mileage .form_con_list > ul > li ul li a{display:block;padding:5px 0 5px 10px;overflow:hidden;font-size:18px;color:#666;position:relative;}
.information_writeForm.mileage .form_con_list > ul > li ul li a:hover{color:#1965af;}
.information_writeForm.mileage .form_con_list > ul > li ul li a:before{content:"";position:absolute;top:17px;left:0;width:4px;height:4px;background:#1965af;}
.information_writeForm.mileage .form_con_list > ul > li ul li a span{float:right;font-size:15px;color:#666 !important;font-weight:500;line-height:27px;}

/* 채용정보 팝업 */
.popup_contents .inner p.title{font-size:25px;color:#4c4c4c;font-weight:700;margin-bottom:10px;}
.popup_contents .inner .conBox01 input{float:left;width:568px;height:70px;line-height:70px;padding:0 10px;}
.popup_contents .inner .conBox01 .btnSearch{float:right;width:320px;height:70px;line-height:70px;text-align:center;background:#4d4d4d;border:1px solid #4d4d4d;font-size:25px;color:#fff;border-radius:5px;}
.popup_contents .inner .conBox02{margin-top:30px;}
.popup_contents .inner .conBox02 ul{padding:20px;background:#fff;height:595px;overflow-y:auto;border:1px solid #ccc;}
.popup_contents .inner .conBox02 ul li{line-height:58px;font-size:20px;color:#4c4c4c;border-bottom:1px solid #ccc;}
.popup_contents .inner .conBox02 ul li:last-child{border-bottom:none;}

@media screen and (max-width:1400px){
    #popup_layer{left:3%!important;right:3%;}
    .popup_contents{width:inherit!important;max-width:1010px;margin:3%;}
    .popup_mask .popup_contents{margin:0;max-width:100%;}
}


/* subject */
.subjectBox{margin-top:30px;display:flex;justify-content:space-between;}
.subjectBox .subject{width:32.3%;height:420px;border:1px solid #d9d9d9;padding:60px;text-align:center;font-size:2.0rem;color:#4c4c4c;box-sizing:border-box;}
.subjectBox .subject:last-child{margin-right:0;}
.subjectBox .subject span{display:block;line-height:1.2;padding:0 0 10px;}
.subjectBox .subject strong{font-size:5rem;font-weight:700;display:block;line-height:1;letter-spacing:-0.05em;}
.subjectBox .subject strong.small{font-size:3.0rem;}
.subjectBox .subject strong:after{content:"";display:block;width:30px;height:1px;background:#4c4c4c;margin:40px auto;}
.subjectBox .subject a{display:block;height:85px;line-height:77px;border:2px solid #0054a6;color:#0054a6;}
.subjectBox .subject a i{margin-right:15px;}
.subjectBox .subject a:hover{color:#fff;background:#0054a6;}
.subjectBox.type02 .subject{width:49.3%;}
@media (max-width:1024px){
    .subjectBox{flex-wrap:wrap;}
    .subjectBox.type02 .subject,
    .subjectBox .subject{width:100%;height:auto;padding:35px;margin-bottom:15px;}
    .subjectBox .subject a{font-size:1.6rem;}
    .subjectBox .subject strong{font-size:4rem;}
}
@media screen and (max-width:768px){
    .popup_contents table.writeForm2 tbody tr th,
    .popup_contents table.writeForm2 tbody tr td{text-align:left;border:0;}
}

.popup_contents{background:#fff;border:5px solid #0054a6;}
.popup_contents .popupHeader{overflow:hidden;padding:20px}
.popup_contents .popupHeader .logo{float:left;}
.popup_contents .popupHeader p{float:left;font-size:1.38rem;margin-left:20px;margin-top:13px;}
.popup_contents .popupHeader p strong{color:#0054a6;}
.popup_contents .examBox{background:#f8f8f8;border:1px solid #d9d9d9;padding:20px;}

/*
.popup_contents .popupHeader{overflow:hidden;padding-bottom:20px;}
.popup_contents .popupHeader .logo{float:left;}
.popup_contents .popupHeader p{float:left;font-size:1.38rem;margin-left:20px;margin-top:13px;}
.popup_contents .popupHeader p strong{color:#0054a6;}
.popup_contents .examBox{padding:30px;background:#f8f8f8;border:1px solid #d9d9d9;}
*/
.popup_contents .page{text-align:center;margin:30px 0;font-size:1.25rem ;}
.popup_contents .page strong{color:#0054a6;color:#fff;}
.popup_contents .examBox .page strong{color:#0054a6;}
.popup_contents .bottomAlertBox{margin-bottom:-20px;background:#f3f7ff;padding:15px 0;text-align:center;color:#8f9cb0;margin-top:20px;font-size:0.81rem;}
.popup_contents .inner{padding:3%;background:#f8f8f8;border:1px solid #d9d9d9;}
.popup_contents .inner .conBox{padding-bottom:20px;}
.popup_contents .inner .conBox textarea{background:#fff;}
/* .popup_contents .btnPopupClose{
    position:absolute;top:0;right:-82px;} */
td#date_area{line-height:1.3;}


/* 마이페이지 */
.mypage{position:relative;}



.toggleSwitch input[type="checkbox"] { display: none; } 
.toggleSwitch .label__on-off { overflow: hidden; position: 
relative; display: inline-block; width: 64px; height: 30px; 
			-webkit-border-radius: 13px; -moz-border-radius: 15px; border-radius: 15px; 
			background-color: #ed4956; color: #fff; font-weight: bold; cursor: pointer; 
			-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.toggleSwitch .label__on-off > * { vertical-align: middle; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 16px; } 
.toggleSwitch .label__on-off .marble { position: absolute; top: 1px; left: 1px; display: block; width: 28px; height: 28px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); } 
.toggleSwitch .label__on-off .on { display: none; padding-left: 10px; } 
.toggleSwitch .label__on-off .off { padding-left: 30px; line-height: 29px; } 
.toggleSwitch .input__on-off:checked + .label__on-off { background-color: #0bba82; } 
.toggleSwitch .input__on-off:checked + .label__on-off .on { display: inline-block; } 
.toggleSwitch .input__on-off:checked + .label__on-off .off { display: none; } 
.toggleSwitch .input__on-off:checked + .label__on-off .marble { left: 35px; }


@media screen and (max-width:768px){
    table.left{border-bottom:1px solid #d2d2d2;}
    table.left colgroup{display:none;}
    table.left tbody tr,
    table.left tbody th,
    table.left tbody td{display:block;border-width:0;padding:0;}
    table.left tbody th,
    table.left tbody td{padding:0 1rem;border-top:1px solid #d9d9d9;}
    table.left tbody th{padding:1rem;border-width:1px 0 0px;}
    table.left tbody td:last-child{padding-bottom:1.8rem;}
    table.left tbody tr{border-bottom:0!important;}
    table.left tbody tr th,
    table.left tbody tr td{text-align:left;}
    table.left tbody tr td{border-width:0;}
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	/*float:			left;*/
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			-10em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			-20em;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	/*float:			left;*/
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../img/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*toggle*/
.toggleSwitch span span {
  display: none;
}

@media only screen {
  .toggleSwitch {
    display:inline-block;
    height: 18px;
    position: relative;
    vertical-align: middle;
    overflow: visible;
    padding: 0;
    margin-right:16px;
    cursor: pointer;
    width: 40px;
  }
  .toggleSwitch * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .toggleSwitch label,
  .toggleSwitch > span {
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
  }
  .toggleSwitch input:focus ~ a,
  .toggleSwitch input:focus + label {
    outline: none;
  }
  .toggleSwitch label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
  }
  .toggleSwitch input {
    position: absolute;
    opacity: 0;
    z-index: 5;
  }
  .toggleSwitch > span {
    position: absolute;
    left: -50px;
    width: 100%;
    margin: 0;
    padding-right: 50px;
    text-align: left;
    white-space: nowrap;
  }
  .toggleSwitch > span span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 50px;
    text-align: left;
    font-size: 0.9em;
    width: 100%;
    left: 15%;
    top: -1px;
    opacity: 0;
  }
  .toggleSwitch a {
    position: absolute;
    right: 50%;
    z-index: 20;
    display: block;
    height: 100%;
    padding: 0;
    left: 2px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  .toggleSwitch > span span:first-of-type {
    color: #ccc;
    opacity: 1;
    left: 45%;
  }
  .toggleSwitch > span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50px;
    top: -2px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .toggleSwitch input:checked ~ a {
    border-color: #fff;
    left: 100%;
    margin-left: -8px;
  }
  .toggleSwitch input:checked ~ span:before {
    border-color: #0097D1;
    box-shadow: inset 0 0 0 30px #0097D1;
  }
  .toggleSwitch input:checked ~ span span:first-of-type {
    opacity: 0;
  }
  .toggleSwitch input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #fff;
  }
}