@charset "utf-8"; 
/* 2016-10-28 CSS CENTUMSOFT */

/* 입학자료신청 */
.adm-wr .info-box {position:relative;margin-bottom:40px}
.adm-wr .info-box .box-tit {font-size:16px;}
.adm-wr .info-box button {position:absolute;top:50%;right:20px;margin-top:-28px}
.adm-wr .adm-box {border:1px solid #ddd;padding:20px 30px;margin-bottom:5px;}
.adm-wr .adm-box .txt {font-size:15px;margin-bottom:15px}
.adm-wr .adm-check {background:#f8f8f8;text-align:center;padding:15px;margin-top:20px}

/* 쓰기폼 */
.prg-form .top-txt {float:right;margin:8px 0 5px;} 
.prg-form .tbl-form th {width:25%;}
.prg-form .tbl-form td {width:75%;}
.prg-form .tbl-form .select {min-width:100px}
.prg-form .chk-sch, .prg-form .chk-sch li {display:inline;margin-right:7px}
@media only screen and (max-width:999px){
	.prg-form .tbl-form th {width:20%;}
	.prg-form .tbl-form td {width:80%;}	
}
@media only screen and (max-width:800px){	
	.adm-wr .info-box {padding-top:30px;padding-bottom:30px;}
	.adm-wr .info-box .box-tit {margin-bottom:10px}
	.adm-wr .info-box button {position:relative;top:auto;right:auto;margin-top:0;display:block;}
}
@media only screen and (max-width:768px){
	.prg-form .tbl-form {border:1px solid #ddd;border-top:2px solid #696c75;border-bottom:0;letter-spacing:0;}
	.prg-form .tbl-form tr {overflow:hidden;display:block;border-bottom:1px solid #ddd}
	.prg-form .tbl-form th, .prg-form .tbl-form td {border:0;background:#fff;display:block;width:95% !important;float:left;}
	.prg-form .tbl-form th {font-size:14px;padding:15px 0 5px 2.5%}
	.prg-form .tbl-form td {position:relative;padding:5px 2.5% 15px;}
	.prg-form .tbl-form td .sw-btn {position:absolute;top:-30px;right:2.5%;letter-spacing:-1px;}
	.prg-form .tbl-form td input[type=text], .prg-form .tbl-form td input[type=password] {width:98%;border:0;background:#f0f0f0;margin:2px 0;height:40px;color:#444;}
	.prg-form .tbl-form td input[type=text]::-webkit-input-placeholder, .prg-form .tbl-form td input[type=password]::-webkit-input-placeholder {color:#444;}
	.prg-form .tbl-form td input[type=text]:-moz-placeholder, .prg-form .tbl-form td input[type=password]:-moz-placeholder {color:#444;}
	.prg-form .tbl-form td input[type=text]::-moz-placeholder, .prg-form .tbl-form td input[type=password]::-moz-placeholder {color:#444;}
	.prg-form .tbl-form td input[type=text]:-ms-input-placeholder, .prg-form .tbl-form td input[type=password]:-ms-input-placeholder {color:#444;}
	.prg-form .tbl-form td .stit {display:none;}
	.prg-form .tbl-form td input.text.w40p {width:40%;}
	.prg-form .tbl-form td input.text.w30p {width:45%;}
	.prg-form .tbl-form td input.text.w90 {width:90px;}
	.prg-form .tbl-form td input.text.w50 {width:28% !important}
	.prg-form .tbl-form td input.text.w15p, .prg-form .tbl-form td input.text.w20p, .prg-form .tbl-form td input.text.w25p, .prg-form .tbl-form td select.select {min-width:25%;height:40px;margin-bottom:5px;}
	.prg-form .tbl-form td textarea {background:#f0f0f0;border:0;}
}
@media only screen and (max-width:599px){
	.adm-wr .info-box {padding-left:30px}
	
}
@media only screen and (max-width:480px){
	.prg-form .tbl-form td input.text.w50 {width:25% !important}
	.prg-form .tbl-form td input.text.w20p, .member-form .tbl-form td input.text.w25p {width:28%;}
	.prg-form .tbl-form td select.select {width:95%;margin-top:5px;}
	.prg-form .tbl-form td select.select.tel {width:20%;}	
}

/* 입학자료 신청결과 조회 */
.ipsi-srh-wr {position:relative;text-align:center;margin-top:14%;}
.ipsi-srh-wr:before {content:"";display:inline-block;vertical-align:top;width:233px;height:206px;background:url(/resources/_Img/_Etc/ipsi/ico_ipsi_frm.gif) no-repeat 0 0;}
.ipsi-srh-form {display:inline-block;text-align:left;position:relative;margin-left:8%}
.ipsi-srh-form .tit {font-size:24px;color:#444;line-height:1;margin-bottom:25px;}
.ipsi-srh-form .form-wr ul {display:inline-block;vertical-align:top;}
.ipsi-srh-form .form-wr li {position:relative;padding:5px 0;}
.ipsi-srh-form .form-wr li label {color:#888;}
.ipsi-srh-form .form-wr li input[type=text], .ipsi-srh-form .form-wr li input[type=password] {border:1px solid #aaa;border-radius:5px;background:#fff;width:244px;height:48px;line-height:47px;padding-left:18px;}
.ipsi-srh-form .form-wr li .placeholder_text {width:auto;height:auto;overflow:visible;top:40%;left:18px;text-indent:0;font-size:13px;line-height:1;}
.ipsi-srh-form .btn-srh {background:#14a922;border-radius:5px;border:0;text-align:center;font-size:17px;color:#fff;font-weight:bold;width:140px;height:110px;margin-top:5px;margin-left:20px}
@media only screen and (max-width:768px){
	.ipsi-srh-wr:before {width:155px;height:137px;background-size:cover;margin-top:3%}
}
@media only screen and (max-width:649px){
	.ipsi-srh-wr:before {display:block;margin:0 auto 30px}
	.ipsi-srh-form {display:block;text-align:center;margin-left:0}	
	.ipsi-srh-form .tit {text-align:center;font-size:20px}
	.ipsi-srh-form .form-wr {width:90%;margin-left:auto;margin-right:auto;}
	.ipsi-srh-form .form-wr ul {display:block;}
	.ipsi-srh-form .form-wr li input[type=text], .ipsi-srh-form .form-wr li input[type=password] {width:93%;}	
	.ipsi-srh-form .btn-srh {width:100%;height:60px;margin-left:0}
	
}


/* pdf 뷰어 */
.pdf-view-wr {position:relative;}
.pdf-view-wr .view-top {background:#00a1c9;overflow:hidden;height:90px}
.pdf-view-wr .view-top li {position:relative;float:left;width:50%;}
.pdf-view-wr .view-top li a {display:block;color:#fff;font-size:16px;padding:33px 0 32px 50px;}
.pdf-view-wr .view-top li a:before, .pdf-view-wr .view-top li a:after {position:absolute;content:"";display:block;}
.pdf-view-wr .view-top li a:after {top:50%;right:33px;margin-top:-12px;width:24px;height:23px;background:url(/resources/_Img/_Etc/pdf_view/pdf_sprite.png) no-repeat -24px 0;z-index:10}
.pdf-view-wr .view-top li:first-child a:after {background-position:0 0;}
.pdf-view-wr .view-top li a:before {top:0;right:0;width:90px;height:90px;background:rgba(0,0,0,0.2);z-index:5;}
.pdf-view-wr .pdf-data-wr .PDFData-fileview iframe {width:100%;}
@media only screen and (max-width:599px){
	.pdf-view-wr .view-top {height:auto;}
	.pdf-view-wr .view-top li {float:none;width:100%;border-top:1px solid rgba(0,0,0,0.3)}
	.pdf-view-wr .view-top li:first-child {border-top:0;}
	.pdf-view-wr .view-top li a {padding-top:18px;padding-bottom:17px;;padding-left:40px}
	.pdf-view-wr .view-top li a:before {height:60px;}
}


/* 페이지별 담당자 */
.charge-wr {position:relative;border:1px solid #88ba8d;margin:10px 0;padding:22px 25px 22px 15px;overflow:hidden;font-size:13px;}
.charge-wr .manager-wr {overflow:hidden}
.charge-wr .manager-wr .manager-list {float:left;width:auto}
.charge-wr .manager-wr .manager-list dt, .charge-wr .manager-wr .manager-list dd {display:inline-block;vertical-align:top;width:auto;}
.charge-wr .manager-wr .manager-list dt {position:relative;margin-left:16px;font-weight:bold;color:#333;padding-left:18px;}
.charge-wr .manager-wr .manager-list dt:before {position:absolute;top:7px;left:0;content:"";display:block;width:5px;height:3px;background:#14a922;}
.charge-wr .manager-wr .manager-list dt:after, .charge-wr .update .date:before {content:":";margin-left:7px;margin-right:4px;font-weight:bold;}
.charge-wr .update {position:absolute;top:22px;right:30px;font-weight:bold;color:#333;padding-left:25px;font-size:13px;}
.charge-wr .update:before {position:absolute;top:1px;left:0;content:"";display:block;width:16px;height:15px;background:url(/resources/_Img/_Etc/charge/ico_update.png) no-repeat 0 0;}
.charge-wr .update .date {font-weight:normal;color:#666;}
.charge-wr .update .date:before {margin-right:10px;}

/* 페이지만족도 */
#charge-satisfy {width:100%;margin-top:30px;}
.satisfy-wr {border:3px solid #88ba8d;margin:10px 0;background:#e8f1e8;padding:18px 27px}
.satisfy-wr p {color:#008c0d;font-size:14px;font-weight:700;float:left;padding-top:2px;}
.satisfy-wr .satis-chk {position:relative;text-align:right;}
.satisfy-wr .satis-chk li {display:inline-block;vertical-align:top;}
.satisfy-wr .satis-chk input {vertical-align:middle;}
.satisfy-wr .satis-chk input.radio, .satisfy-wr .satis-chk input[type="radio"] {margin-left:22px;}
.satisfy-wr .satis-chk label {margin-left:5px;font-size:13px;color:#555;}
.satisfy-wr .satis-chk .pcomment {position:relative;background:#fff;height:38px;border:1px solid #d2d2d2;text-align:left;margin-top:15px;}
.satisfy-wr .satis-chk .pcomment input.text {background:#fff;width:87%;height:36px;line-height:40px;border:1px solid #fff;margin-right:3px;padding-left:20px;color:#666;}
.satisfy-wr .satis-chk .pcomment input.text::-webkit-input-placeholder, .satisfy-wr .satis-chk .pcomment input.text::-webkit-input-placeholder {color:#444;}
.satisfy-wr .satis-chk .pcomment input.text:-moz-placeholder, .satisfy-wr .satis-chk .pcomment input.text:-moz-placeholder {color:#444;}
.member-form .tbl-form td input[type=text]::-moz-placeholder, .satisfy-wr .satis-chk .pcomment input.text::-moz-placeholder {color:#444;}
.member-form .tbl-form td input[type=text]:-ms-input-placeholder, .satisfy-wr .satis-chk .pcomment input.text:-ms-input-placeholder {color:#444;}
.satisfy-wr .satis-chk .pcomment .btn-pcmt {position:absolute;top:-1px;right:-1px;width:100px;height:40px;background:#14a922;border:0;color:#fff;}
@media only screen and (max-width:899px){
	.charge-wr .update {position:relative;top:auto;right:auto;clear:both;margin-left:10px;margin-top:10px;}	
	.satisfy-wr p {float:none;padding-top:0;}
	.satisfy-wr .satis-chk {text-align:left;margin-top:5px;}
	.satisfy-wr .satis-chk input.radio, .satisfy-wr .satis-chk input[type="radio"] {margin-right:5px;margin-left:0;}
	.satisfy-wr .satis-chk label {margin-right:22px;margin-left:0;}
	.satisfy-wr .satis-chk .pcomment input.text {width:80%;}	
}
@media only screen and (max-width:599px){
	.charge-wr .manager-wr .manager-list {float:none;margin-bottom:5px;}
	.charge-wr .manager-wr .manager-list dt {min-width:60px;}
	.charge-wr .manager-wr .manager-list dt:after {position: absolute;top:0;right:0}
}
@media only screen and (max-width:399px){
	.satisfy-wr .satis-chk .pcomment {height:100%;}
	.satisfy-wr .satis-chk .pcomment .btn-pcmt {position:relative;top:auto;right:auto;width:100%;}
}


/* 학사일정 */
.schedule-wr .schedule-top {position:relative;background:#00a1c8 url(/_contents/kor/_Img/Content/vision_patten.png) repeat;color:#fff;font-family:"Nanum Square";font-size:20px;;letter-spacing:-0.05em;padding:56px 0;margin-bottom:25px;}
.schedule-wr .schedule-top:before {position:absolute;top:50%;left:60px;margin-top:-60px;content:"";display:block;width:127px;height:120px;background:url(/_Img/_Etc/main/ico_schedule.png) no-repeat 0 0;}
.schedule-wr .schedule-top:after {position:absolute;bottom:-10px;left:0;content:"";display:block;width:100%;height:9px;background:url(/homepage/kor/_Img/Content/history_hvar.gif) repeat-x}
.schedule-wr .schedule-top .top-wr {border-left:4px solid #fff;padding-left:33px;margin-left:230px;}
.schedule-wr .schedule-top .tit {font-size:24px;font-weight:normal;line-height:1;letter-spacing:-0.05em}
.schedule-wr .schedule-top .tit .stit {font-family:"Nanum Barun Gothic";display:block;font-size:13px;letter-spacing:0;margin-top:13px;margin-bottom:13px;}
.schedule-wr .schedule-top .txt {font-size:16px;letter-spacing:-0.05em}
.schedule-wr .schedule-list {position:relative;padding-top:15px;}
.schedule-wr .schedule-list:after {content:"";display:block;width:100%;height:4px;background:url(/homepage/kor/_Img/Content/founder_line.gif) repeat-x;margin-top:10px;}
.schedule-wr .schedule-list .tit-ym {position:absolute;top:23px;left:0;width:230px;text-align:center;font-family:"Nanum Square";font-size:26px;color:#333;}
.schedule-wr .schedule-list ol {margin-left:230px}
.schedule-wr .schedule-list li {position:relative;padding:15px 0;border-top:1px solid #efefef;font-size:15px;padding-left:210px;}
.schedule-wr .schedule-list li:first-child {border-top:0;}
.schedule-wr .schedule-list li .date {position:absolute;top:15px;left:0;font-weight:bold;font-size:16px;color:#333;}
@media only screen and (max-width:768px){
	.schedule-wr .schedule-top {padding-top:30px;padding-bottom:30px;}
	.schedule-wr .schedule-top:before {width:100px;height:100px;background-size:contain;margin-top:-50px;left:40px}
	.schedule-wr .schedule-top .top-wr {margin-left:170px;margin-right:20px;}
	.schedule-wr .schedule-list {padding-top:25px;}
	.schedule-wr .schedule-list .tit-ym {position:relative;top:auto;left:auto;width:auto;text-align:left;}
	.schedule-wr .schedule-list ol {margin-left:0}	
}
@media only screen and (max-width:599px){
	.schedule-wr .schedule-top:before {display:none;}
	.schedule-wr .schedule-top .top-wr {margin-left:20px;border-left:0;padding-left:0;text-align:center;}	
	.schedule-wr .schedule-list:after {margin-top:20px;}	
	.schedule-wr .schedule-list .tit {position:relative;top:auto;left:auto;}
	.schedule-wr .schedule-list ol {margin-left:0}
	.schedule-wr .schedule-list li {padding-left:170px}
}

/* 부서별게시판 메인 */
.dpt-latest-wr .dpt-latest-list {margin-top:46px;text-align:center}
.dpt-latest-wr .dpt-latest-list li {display:inline-block;vertical-align:top;width:31.8%;margin-right:2%;margin-left:-0.025em;margin-bottom:20px;}
.dpt-latest-wr .dpt-latest-list li:nth-child(3n) {margin-right:0}
.dpt-latest-wr .dpt-latest-list li a {position:relative;display:block;border:1px solid #bbb;padding:22px 60px 19px 30px;text-align:left;transition:all .3s ease}
.dpt-latest-wr .dpt-latest-list li a:after {position:absolute;top:50%;right:17px;margin-top:-15px;content:"";display:block;width:30px;height:30px;background:#73b745 url(/_Img/_Etc/main/dpt_latest_arr.png) no-repeat 0 -62px;border-radius:50%;transition:all .3s ease}
.dpt-latest-wr .dpt-latest-list li:nth-child(2n) a:after {background-color:#04a273;}
.dpt-latest-wr .dpt-latest-list li a span {display:block;width:99%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:17px;font-weight:bold;color:#333;}
.dpt-latest-wr .dpt-latest-list li a:hover {border-color:#73b745;background:#73b745;}
.dpt-latest-wr .dpt-latest-list li:nth-child(2n) a:hover {border-color:#04a273;background:#04a273;}
.dpt-latest-wr .dpt-latest-list li a:hover:after {background-color:#fff;background-position:0 0;}
.dpt-latest-wr .dpt-latest-list li:nth-child(2n) a:hover:after {background-color:#fff;background-position:0 -31px;}
.dpt-latest-wr .dpt-latest-list li a:hover span {color:#fff;text-decoration:underline;}
@media only screen and (max-width:899px){
	.dpt-latest-wr .dpt-latest-list li {width:48%;margin-right:3%}
	.dpt-latest-wr .dpt-latest-list li:nth-child(3n) {margin-right:3%}
	.dpt-latest-wr .dpt-latest-list li:nth-child(2n) {margin-right:0;}	
}
@media only screen and (max-width:680px){
	.dpt-latest-wr .dpt-latest-list li, .dpt-latest-wr .dpt-latest-list li:nth-child(3n) {width:100%;margin-right:0;margin-left:0;}
}
	
/* 온라인신청 심리검사 쓰기폼 */
.psy-form-wr .step-tit {font-size:12px;font-weight:bold;color:#73b745;border-bottom:1px solid #8ac268;padding-bottom:3px;margin-right:15px;margin-left:7px;line-height:1}
.psy-form-wr .step01-wr {position:relative;padding-left:60px;}
.psy-form-wr .step01-wr .step-tit {position:absolute;top:5px;left:0;}
.psy-form-wr .step01-wr li {display:inline-block;vertical-align:top;}
.psy-form-wr .step02-wr .step02-list {position:relative;border-top:1px dashed #9c9c9c;margin-top:15px;padding-top:15px;padding-left:60px;overflow:hidden;}
.psy-form-wr .step02-wr .step02-list .step-tit {position:absolute;top:18px;left:0;}
.psy-form-wr .step02-wr .step02-list .psy-select-radio-box {float:left;}
.psy-form-wr .step01-wr label, .psy-form-wr .step02-wr .step02-list .psy-select-radio-box label {display:inline-block;margin-bottom:8px;margin-left:8px}
.psy-form-wr .step02-wr .step02-list .psy-radio-info-box {float:right;width:65%;display:block;background:#f8f8f8;}
.psy-form-wr .step02-wr .step02-list .psy-radio-info-box dl {padding:17px 25px;font-size:13px;}
.psy-form-wr .step02-wr .step02-list .psy-radio-info-box dt {font-weight:bold;color:#333;font-size:15px;margin-bottom:8px;}
.psy-form-wr .step02-wr .step02-list .psy-radio-info-box ul {font-size:13px;margin-bottom:8px;}
.psy-form-wr .step02-wr .step02-list .psy-radio-info-box li {margin:0}
.psy-form-wr .step02-wr .step02-list .psy-radio-info-box li:before {top:8px}
@media only screen and (max-width:699px){
	.psy-form-wr .step02-wr .step02-list .psy-select-radio-box {float:none;}
	.psy-form-wr .step02-wr .step02-list .psy-radio-info-box {float:none;width:100%;}
	
}

