@charset "utf-8";
/****************************************/
/* Name: 동명대학교 입학처
/* PART: STYLE 
/* Version: 1.0 / day: 2021-02-15
/* Author:  
/****************************************/


/* padding */
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt45 { padding-top:45px !important; }
.pt50 { padding-top:50px !important; }

.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }
.pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }
.pr45 { padding-right:45px !important; }
.pr50 { padding-right:50px !important; }

.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; }
.pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; }
.pb45 { padding-bottom:45px !important; }
.pb50 { padding-bottom:50px !important; }

.pl0 { padding-left:0px !important; }
.pl5 { padding-left:5px !important; }
.pl10 { padding-left:10px !important; }
.pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }
.pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }
.pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }
.pl45 { padding-left:45px !important; }
.pl50 { padding-left:50px !important; }

.pppp10{padding:10px !important;}
.pppp15{padding:15px !important;}
.pppp20{padding:20px !important;}
.pppp30{padding:30px 40px !important;}

/* margin */
.mt-25{margin-top:-25px !important;}
.mt-40{margin-top:-40px !important;}
.mt0 { margin-top:0px !important;}
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

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

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }

.ml-20{margin-left:-20px !important;}
.ml-15{margin-left:-15px !important;}
.ml0 { margin-left:0 !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml70 { margin-left:70px !important; }

/* width */
.wid_100p{width:100% !important;}
.wid_50p{width:50% !important;}
.wid_100px{width:100px;}
.wid_150px{width:150px;}
.wid_200px{width:200px;}
.wid_215px{width:215px;}
.wid_240px{width:240px;}
.wid_250px{width:250px;}
.wid_285px{width:285px;}
.wid_315px{width:315px;}
.wid_360px{width:360px;}
.wid_395px{width:395px;}
.wid_400px{width:400px}
.wid_420px{width:420px}
.wid_450px{width:440px}
.wid_465px{width:465px;}
.wid_490px{width:490px;}
.wid_500px{width:500px;}
.wid_540px{width:540px;}
.wid_600px{width:600px;}
.wid_650px{width:650px;}
.wid_670px{width:670px;}
.wid_680px{width:680px;}
.wid_690px{width:690px;}
.wid_700px{width:700px;}

/* li line-height */
.lin_h30 li{line-height:30px !important}
.li_mb5 li{margin-bottom:5px !important}
.li_mb10 li{margin-bottom:10px !important}

/* float해제 */
.hig100p{height:100%;overflow:hidden;}
.flo_clear:after{display:block;clear:both;content:''}

/* font-size */
.fon_11{font-size:11px !important;}
.fon_12{font-size:12px !important;}
.fon_13{font-size:13px !important;}
.fon_14{font-size:14px !important;}
.fon_15{font-size:15px !important;}
.fon_16{font-size:16px !important;}
.fon_17{font-size:17px !important;}
.fon_18{font-size:18px !important;}
.fon_19{font-size:19px !important;}
.fon_20{font-size:20px !important;}
.fon_21{font-size:21px !important;}
.fon_22{font-size:22px !important;line-height:30px !important}

/*.f-size10px{font-size:.625rem}
.f-size11px{font-size:.688rem}
.f-size12px{font-size:.75rem}
.f-size13px{font-size:.813rem}
.f-size14px{font-size:.875rem}
.f-size15px{font-size:.938rem}
.f-size16px{font-size:1rem}
.f-size17px{font-size:1.063rem}
.f-size18px{font-size:1.3rem}
.f-size19px{font-size:1.65rem}
.f-size20px{font-size:2.7rem}*/

.f-size10px{font-size:0rem}
.f-size11px{font-size:.688rem}
.f-size12px{font-size:.75rem}
.f-size13px{font-size:.813rem}
.f-size14px{font-size:.875rem}
.f-size15px{font-size:.938rem}
.f-size16px{font-size:1rem}
.f-size17px{font-size:1.063rem}
.f-size18px{font-size:1.15rem}
.f-size19px{font-size:1.2rem}
.f-size20px{font-size:1.3rem}
.f-size21px{font-size:1.4rem}
.f-size22px{font-size:1.5rem}
.f-size23px{font-size:1.6rem}
.f-size24px{font-size:1.8rem}
.f-size25px{font-size:1.9rem}
.f-size26px{font-size:2rem}
.f-size27px{font-size:2.1rem}
.f-size28px{font-size:2.2rem}
.f-size29px{font-size:2.4rem}
.f-size30px{font-size:2.5rem}


/* font-color */
.col_oran, .col_oran a{color:#ff663a !important;}
.col_yell{color:#ffff00 !important;}
.col_blue{color:#0085db !important}
.col_blue2{color:#0e51b8 !important}
.col_green{color:#159b7c !important;}
.col_gray{color:#676767 !important;}
.col_red,.col_red a{color:#df4e3e !important;}
.col_purple{color:#8055b4 !important;}
.col_black{color:#000 !important;}
.col_violet{color:#e814af !important;}

.c-yellow{color:#ffeb67;}
.c-blue{color:#0f2a5e}
.c-white{color:#fff}
.c-skyblue{color:#1129a0}
.c-black{color:#000}
.c-red{color:#d20000;}
.c-green{color:#159b7c}
.c-orenge{color:#ff8409}
.c-light-green{color:#7ccd2b;}
.c-pink{color::#fe3580}
.c-violet{color:#a225f2;}

/* background-color */
.bac_blue{background-color:#ecf2fa;}
.bac_gray{background-color:#f6f6f6;}
.bc-red{background-color:#d20000;}
.bc-red:hover{background-color:#841111;}
.bc-blue{background-color:#1028cc;}
.bc-blue:hover{background-color:#0a1a84;}
.bc-black{background-color:#060917;}
.bc-black:hover{background-color:#1d2651;}
.bc-green{background-color:#014d24;}
.bc-green:hover{background-color:#00281d;}
.bc-yellow{background-color:#ffe33a;}
.bc-yellow:hover{background-color:#ffcb34;}
.bc-skyblue{background-color:#2b81cf;}
.bc-skyblue:hover{background-color:#000f58;}
.bc-white{background-color:#ffffff}
.bc-white:hover{background-color:rgba(255,255,255,0.5)}
.bc-orenge{background-color:#ff8409;}
.bc-orenge:hover{background-color:#fc620b;}
.bc-light-green{background-color:#7ccd2b;}
.bc-light-green:hover{background-color:#488f00;}
.bc-pink{background-color:#fe3580;}
.bc-pink:hover{background-color:#d1004e;}
.bc-violet{background-color:#a225f2;}
.bc-violet:hover{background-color:#6900ac;}
.bc-border{border:1px solid #ffffff;}
.bc-border:hover{background:rgba(255,255,255,0.1)}

/* 들려쓰기 */
.txt_ind-15{text-indent:-15px}
.txt_ind15{text-indent:15px}

/* font-family */
.fon_fam_ver{font-family:"Verdana",Arial,Helvetica,sans-serif;}

/* font-weight */
.fon_bold{font-weight:bold !important;}
.fon_nor{font-weight:normal !important;}

/* letter-spacing */
.ltt_0{letter-spacing:0px}
.ltt_1{letter-spacing:-1px}

/* underline */
.dec_line{text-decoration:underline;}
.dec_line_none{text-decoration:none;}

/* line-height */
.line_h20{line-height:20px;}

/* text-align */
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !important;}

/* clear:both */
.clear_b{clear:both;}

/* float:left,right */
.flo_lt{float:left;}
.flo_rt{float:right;}


/* background-image */
.bac_no{background:none;}

/* text vertical-align:middle */
.v_a_top{vertical-align:top}
.v_a_mid{vertical-align:middle}
.v_a_bot{vertical-align:bottom}

/* border */
.bor0{border:0;}
.bor2{border:2px solid #dfdfdf;}
.bor1_top{border-top:1px solid #ccc;}
.bor1_btm{border-bottom:1px solid #ccc;}
.brd1{border:1px solid #b7c0c4;}
.brd1_dotted{border-top:1px dotted #b7c0c4;}

/* display:block */
.dis_blo{display:block !important;}
.dis_inline{display:inline !important;}
.dis_inbl{display:inline-block !important;}

/* position:relative */
.pos_rel{position:relative;}
.pos_abs{position:absolute;}

/* 테이블 tr오버 */
.tr_hover tbody tr:hover td{background:#f5f5f5;}
.tr_hover tbody tr.none td{background:none;}
.th_fon11 tbody th,.th_fon11 tfoot th{font-size:11px;}
.th_nor tbody th,.th_nor tfoot th{font-weight:normal;}
.th_bol tbody th,.th_bol tfoot th{font-weight:bold;}
.th_left tbody th{text-align:left;}
.td_left tbody td{text-align:left;}

tbody th.lin_rt{border-right:1px solid #e9e9e9}

/* table td color */
td.td_gray{color:#888888}

/* 오른쪽 버튼뛰우기 */
.btn_sbso{position:absolute;top:0;right:0;display:block;z-index:10}

 /* Mobile Device */
@media all and (max-width:640px){
	
	.mt15 { margin-top:10px !important; }
	.mt20 { margin-top:10px !important; }
	.mt25 { margin-top:15px !important; }
	.mt30 { margin-top:20px !important; }
	.mt35 { margin-top:20px !important; }
	.mt40 { margin-top:25px !important; }
	.mt50 { margin-top:25px !important; }
	.mt60 { margin-top:30px !important; }
	.mt70 { margin-top:30px !important; }
	.mb15 { margin-bottom:10px !important; }
	.mb20 { margin-bottom:10px !important; }
	.mb25 { margin-bottom:15px !important; }
	.mb30 { margin-bottom:20px !important; }
	.mb35 { margin-bottom:20px !important; }
	.mb40 { margin-bottom:20px !important; }
	.mb45 { margin-bottom:25px !important; }
	.mb50 { margin-bottom:25px !important; }
	.mb60 { margin-bottom:30px !important; }
	.mb70 { margin-bottom:30px !important; }

	.mr15 { margin-right:10px !important; }
	.mr20 { margin-right:10px !important; }
	.mr25 { margin-right:15px !important; }
	.mr30 { margin-right:20px !important; }
	.mr35 { margin-right:20px !important; }
	.mr40 { margin-right:20px !important; }
	.mr45 { margin-right:25px !important; }
	.mr50 { margin-right:25px !important; }

	.ml15 { margin-left:10px !important; }
	.ml20 { margin-left:10px !important; }
	.ml25 { margin-left:15px !important; }
	.ml30 { margin-left:20px !important; }

	.pt15 { padding-top:10px !important; }
	.pt20 { padding-top:10px !important; }
	.pt25 { padding-top:15px !important; }
	.pt30 { padding-top:20px !important; }
	.pt35 { padding-top:20px !important; }
	.pt40 { padding-top:20px !important; }
	.pt45 { padding-top:25px !important; }
	.pt50 { padding-top:25px !important; }

	.pb15 { padding-bottom:10px !important; }
	.pb20 { padding-bottom:10px !important; }
	.pb25 { padding-bottom:15px !important; }
	.pb30 { padding-bottom:20px !important; }
	.pb35 { padding-bottom:20px !important; }
	.pb40 { padding-bottom:20px !important; }
	.pb45 { padding-bottom:25px !important; }
	.pb50 { padding-bottom:25px !important; }

	.pp60{ padding:20px !important; }
	
	.f-size10px{font-size:0rem}
	.f-size11px{font-size:.55rem}
	.f-size12px{font-size:.6rem}
	.f-size13px{font-size:.65rem}
	.f-size14px{font-size:.7rem}
	.f-size15px{font-size:.75rem}
	.f-size16px{font-size:.8rem}
	.f-size17px{font-size:.85rem}
	.f-size18px{font-size:.9rem}
	.f-size19px{font-size:.91rem}
	.f-size20px{font-size:.92rem}
	.f-size21px{font-size:.93rem}
	.f-size22px{font-size:.94rem}
	.f-size23px{font-size:.95rem}
	.f-size24px{font-size:1.5rem}
	.f-size25px{font-size:1rem}
	.f-size26px{font-size:1.1rem}
	.f-size27px{font-size:1.2rem}
	.f-size28px{font-size:1.3rem}
	.f-size29px{font-size:1.5rem}
	.f-size30px{font-size:1.6rem}
	

}
