@charset "utf-8";
html,body {font-family:'Nanum Gothic','Malgun Gothic','맑은 고딕','dotum','돋움'; color:#515357; font-style:normal; font-size:13px; letter-spacing:-1px;
background:transparent; -webkit-text-size-adjust:none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing:border-box;}
label, input[type=button], input[type=submit] {cursor:pointer;}

/* align */
.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}

/* font color */
.orange {color:#f96f00;}
.sky_blue {color:#0085c9;}
.blue {color:#006ac2;}
.gray {color:#C2C2C2;}
.green {color:#80a344;}
.deep_gray {color:#888;}
.black {color:#000;}
.red {color:#D83934;}

/* padding */
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}

.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}

/* margin */
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt8 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}

.mb3 {margin-bottom:3px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

/* width */
.w68 {width:68px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w165 {width:165px;}
.w200 {width:200px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w270 {width:270px;}
.w300 {width:300px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w520 {width:520px;}
.w600 {width:600px;}
.w700 {width:700px;}
.w800 {width:800px;}
.w50p {width:50%;}
.w95p {width:95%;}
.w100p {width:100%;}

/* height */
.h28 {height:28px;}
.h58 {height:58px;}

/* line-height */
.line_h32 {line-height:32px;}

/* min-height */
.min_h100 {min-height:100px;}

/* float */
.floatl {float:left;}
.floatc {float:center;}
.floatr {float:right;}

/* display */
.disBlock { display: block;}
.disNone { display: none;}
.disInline {display:inline;}

/* vertical-align */
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

/* bg color */
.bgGray {background:#f6f6f6;}

/* font size */
.fs12 {font-size:12px;}
.fs15 {font-size:15px;}
.fs20 {font-size:20px;}
.fs24 {font-size:24px;}

/* text-docoration */
.txtUnder {text-decoration: underline;}
.txtOver {text-decoration: overline;}
.txtLine {text-decoration: line-through;}
.txtBlink {text-decoration: blink;}

/* label skip */
.skip {position:absolute; overflow:hidden; height:0; width:0; text-indent:-9999px; font-size:0px;}

/* input */
input[type=text] {border:1px solid #d2d2d2; height:26px; line-height:26px; padding-left:10px;}
select {border:1px solid #d2d2d2; height:30px; line-height:30px; padding-left:10px; color:#3f3a36; background:#fff url(/admin_2017/resources/images/mng/sele_arrow.png) no-repeat right 10px center;}
textarea {border:1px solid #d2d2d2; padding:6px 10px; display: inline; line-height:18px; font-weight:normal; font-family:inherit;}
input[type=radio] { border:0px; width:15px; height:15px;}
input[type=checkbox]{ border:0px; width:14px; height:14px;}
/* input login */
input.inp_login {width:94%; padding-left:5%; height:50px; line-height:50px; background:#fff; font-size:16px; border:1px solid #c4c4c4;}
/* input file */
.file_box {display:block;}
.file_box input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.file_box label { display:inline-block; height:28px; line-height:28px; background:#939393; color:#fff; border:none; font-size:11px; font-family:'Malgun Gothic','맑은 고딕'; vertical-align:middle; padding:0 16px; font-weight:600;}
.file_box .file_name { display: inline-block; height:26px; padding-left:10px; background: #f0f0f0;border: 1px solid #d2d2d2; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* input readonly */
input.readonly {background:#f0f0f0; text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); font-weight:bold; color:#999;}
/* input placeholder */
 input:-ms-input-placeholder { color:#abaaaf; }
 input::-webkit-input-placeholder { color:#abaaaf; }
 input::-moz-placeholder { color:#abaaaf; }


/* button */
input[type=button].cbtn {
	display:inline-block; 
	text-align:center;
	cursor:pointer;
	vertical-align:middle;
	min-width:70px; 
	font-size:13px;
	padding:7px 26px; 
	font-weight:600; 
	letter-spacing:-0.5px;
	transition:all 300ms;
}
input[type=button].cbtn:hover {opacity:0.8;}

a.cbtn {display:inline-block; text-align:center; cursor:pointer; vertical-align:middle; min-width:70px; font-size:13px; padding:7px 26px; font-weight:600; letter-spacing:-0.5px; transition:all 300ms;}
a.cbtn:hover {opacity:0.8;}
a.cbtn_type1 {background:#53618e; color:#fff; border:0;}

input.cbtn_type1 {background:#53618e; color:#fff; border:0;}
input.cbtn_type2 {background:#ab7933; color:#fff; border:0;}
input.cbtn_type3 {background:#297eb7; color:#fff; border:0;}  
input.cbtn_type4 {background:#ec1418; color:#fff; border:0;}  
input.cbtn_type5 {background:#E62C2C; color:#fff; border:0;}

input.cbtn_add {background:#00856e url("/admin_2017/resources/images/mng/ico_plus.png") no-repeat 24px center; color:#fff; border:0; padding:7px 24px 7px 38px !important;}
input.cbtn_del {background:#7d7b7e url("/admin_2017/resources/images/mng/ico_minus.png") no-repeat 24px center; color:#fff; border:0; padding:7px 24px 7px 38px !important;}

input.cbtn_view {background:#939393; color:#fff; border:0;}
input.cbtn_common {background:#fff; color:#474847; border:1px solid #dcdadc;}
input.cbtn_common:hover {background:#f2f2f5; color:black; border:1px solid #dcdadc;}
input.cbtn_select {background:#303a43; color:#fff; border:0;}
input.cbtn_totaldel {background:#7d7b7e; color:#fff; border:0;}
input.cbtn_reset {background:#fff url("/admin_2017/resources/images/mng/ico_reset.gif") no-repeat 14px center; padding:7px 17px 7px 36px !important; color:#474847; border:1px solid #dcdadc;}
input.cbtn_reset:hover {background:#f2f2f5 url("/admin_2017/resources/images/mng/ico_reset.gif") no-repeat 14px center; color:black; border:1px solid #dcdadc;}

input:read-only {color:#000; background:#f9f7fa; border:1px solid #eaeaea;}
label {font-size:12px; color:#3f3a36; vertical-align:middle; font-family:'Nanum Gothic','Malgun Gothic','맑은 고딕','dotum','돋움';}

/* 문서형식 다운로드 */
.btndown {border:1px solid #bbb9bc; padding-left:24px; height:26px; line-height:25px; font-family:'Dotum','돋움'; font-size:11px; color:#6d6d6d; letter-spacing:-0.9px;}
.cbtn_excel {background:#fafafc url("/admin_2017/resources/images/mng/ico_btn_excel.gif") no-repeat 6px center;}
.cbtn_ppt {background:#fafafc url("/admin_2017/resources/images/mng/ico_btn_ppt.gif") no-repeat 6px center;}
.cbtn_hwp {background:#fafafc url("/admin_2017/resources/images/mng/ico_btn_hwp.gif") no-repeat 6px center;}

/* view 안에 */
.cbtnsm {display:inline-block; text-align:center; border:none; cursor:pointer; vertical-align:middle; min-width:62px; font-size:11px; padding:4px 16px; font-weight:600; letter-spacing:-0.5px; transition:all 300ms;}
.cbtnsm:hover {opacity:0.8;}
.ico_add {border:none; background:url("/admin_2017/resources/images/mng/ico_add.gif") no-repeat 6px center; font-family:'Dotum','돋움'; font-size:11px; color:#6d6d6d; letter-spacing:-0.9px; padding-left:24px;}
.ico_del {border:none; background:url("/admin_2017/resources/images/mng/ico_del.gif") no-repeat 6px center; font-family:'Dotum','돋움'; font-size:11px; color:#6d6d6d; letter-spacing:-0.9px; padding-left:24px;}
.text_box {border:1px solid lightgray; padding:20px 20px; background:#fff; line-height:180%; font-size:18px; font-weight:bold;}

/* btn */
.cbtn_wrap {width:100%; margin-top:28px; overflow:hidden; text-align:center;}
input[type=image].cbtn_list {display:inline-block; width:31px; height:31px;}

a.cbtn_reply {padding:2px 11px 5px 11px; color:#666; background:#fff; border:1px solid #e0e0e0; display:inline-block; font-size:12px; font-family:'Malgun Gothic','맑은 고딕'; text-decoration:none;}
input.cbtn_reply {padding:3px 11px 6px 11px; color:#666; background:#fff; border:1px solid #e0e0e0; display:inline-block; font-size:12px; font-weight:bold;}
input.cbtn_reply_ok {padding:0 22px; height:36px; line-height:34px; border:0; background:#fcfcfc; border-left:1px solid #e8e8e8; display:inline-block; color:#53618E; font-weight:bold; text-align:center;}
input.cbtn_login {width:100%; height:60px; background:#47547d; display:inline-block; text-align:center; font-size:18px; color:#fff; font-weight:bold; border-radius:3px; border:1px solid #404c72;}

input[type=button].cbtn_terms {width:54px; min-width:54px; padding:7px 0; background:#fff; color:#474847; border:1px solid #dcdadc; font-weight:normal;}
input[type=button].cbtn_terms:hover, 
input[type=button].cbtn_terms.active {background:#53618e; color:#fff; border:0; font-weight:600;}


/* 레이어팝업 리스트 */
#mask {position:absolute; display:none; left:0; top:0; background-color:#000; z-index:2; width:100% !important;}
#campus_pop {position:fixed; top:0; left:0;z-index:6; width:100%; min-height:1000px;}
#campus_pop .pop_con {position:absolute; z-index:7; top:15%; left:50%; transform:translateX(-50%); min-width:20%; height:auto; background:#fff;}
#campus_pop .pop_con .btn {position:absolute; top:23px; right:20px;}
#campus_pop .pop_con .h4_tit {background:#454f72; color:#fff; padding:20px 0 20px 20px; font-size:17px;}
#campus_pop .pop_con .pop_txt {line-height:22px; font-size:14px; width:95%; margin:0 auto; text-align:center; padding:15px 0 25px 0;}
#content_p {width:100%; line-height:1.4em; text-shadow:0px 1px 0px #fff; overflow:hidden;}
#preview {position:relative; background:#000; color:#fff; float:left; width:100%; height:1000px; opacity:0.6; margin:0 auto; display:inline-block;}

/* 레이어팝업 공통 */
.pop_bg {position:absolute; width:100%; min-height:100%; text-align:center; background:black;}
.layer {position:relative; display:inline-block; margin:0 auto; text-align:left; background:#fff;}
.layer .h4_tit {background:#454f72; color:#fff; padding:25px 20px; font-size:17px;}
.layer .pop_txt {line-height:22px; font-size:14px; width:85%; margin:0 auto; text-align:center; padding:30px 0 ;}
.btn_close {position:absolute; right:20px; top:23px;}