﻿@charset "utf-8";
.skip{position: absolute;top: 0;left: 0;z-index: 1000;width:10%;min-width: 300px}
.skip a{position:absolute; display:block; width:100%; left:0; text-align:center; top:-999em;left:-999em; z-index:999; font-size:1.3em}
.skip a:hover,
.skip a:focus,
.skip a:active{position: absolute; top: 0;left:0; padding: 15px 0; font-weight:bold; color:#fff; background:#1d60a7; z-index: 999;}

dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,textarea,blockquote,tbody,tr,th,td {
    padding: 0;
    margin: 0;
    }
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{font-size:1em}
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
acronym { border: 0}
address,cite,code,dfn,th,var {
    font-weight: normal;
    font-style: normal;
    }
q:before,q:after {
    content:'';
    }

/* default definition */
* html {height:1px;}
html {}
body {padding:0;margin:0;font-size:12px;font-family: dotum, '돋움', gulim, '굴림', AppleGothic, sans-serif;color:#666;line-height: 1.5em;}
a img {border:0 none;}
em {font-style:normal;}
section,
article,
footer,
header,
nav,
aside{display: block;}
table details{position: absolute;visibility: hidden;left: -999em;}
#page_header_wrap *, 
#leftMenuTD *, 
#page_footer_wrap *, 
.service-link-wrap *, 
.lnb-search * {list-style:none;}


img {border:none;}
li img {vertical-align:top;}

fieldset {border:0;margin:0;padding:0;}

legend {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}
caption{text-align: left;}

/* link */
a {color:#666;}
a, a:link, a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;/*text-decoration:underline;*/}

a{ text-decoration:none;color: #3c3c3c;}
a:hover, a:focus, a:active { text-decoration:underline}

input[type=image]:focus,
input[type=submit]:focus,
button:focus,
a:focus{outline:1px dotted #000}

textarea,
label { cursor:pointer}

input, button, select, textarea { vertical-align:middle}
button{border:none;padding: 0;cursor: pointer;overflow: visible;}
input[type=submit]{cursor: pointer;}

/* png
.png24 {tmp:expression(setPng24(this));}
 */
#accessibility, .blind {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}
input,textarea,select {color:#666;font-size:1.0em;font-size:1.0em;font-family:dotum,'돋움',gulim,'굴림';}
.clear {clear:both;}



/**
 * 버튼 스타일링 용 클래스.
 */
body.not-home .btn	{ display: inline-block; text-align: center; }
body.not-home .btn, body.not-home .btn a { text-decoration: none; border: 1px solid #9C9B9B; }
body.not-home .btn, body.not-home .btn.bg-gray { 
	padding: 5px 10px;
	border-radius: 5px;

	background: rgb(242,245,246); /* Old browsers */
	background: linear-gradient(to bottom,  rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */

	background-clip: padding-box;
}
body.not-home .btn.linkto, body.not-home .btn.linkto a { color: #C9234E; font-weight: bold; }

.hidden{position: absolute;left:-999em;height: 0;overflow:hidden; }

#TD_CONTENTMENU{margin-bottom: 30px;}

.fl{ float:left!important}
.fr{ float:right!important}
.tac{ text-align:center!important}
.tal{ text-align:left!important}
.txtleft{text-align: left}
.tar{ text-align:right!important}
.vt,.vat {vertical-align:top!important}
.vm{vertical-align: middle}
.bgn{background:none !important}

/* clear float */
.clear{clear: both;}
.clearfix{clear: both;}
.clearfix{ display:block;}
.clearfix:before,
.clearfix:after {
	content:"."; display:block; height:0; clear:both; visibility:hidden
	}
/* Other Text Styles */
.fw{font-weight: bold !important}
.fn{font-weight: normal !important}


/* btn list */
.btn_both{overflow:hidden;clear:both;width:100%}
.btn_both .fl{float:left}
.btn_both .fr{float:right}

/* margin */
.mtb5{margin-top: 5px;margin-bottom: 5px;}
.mt-10{margin-top: -10px;}

.mt5 {margin-top:5px}
.mt10{margin-top: 10px}
.mt15{margin-top: 15px}
.mt20{margin-top: 20px}
.mt25{margin-top: 25px}
.mt30{margin-top: 30px}
.mt35{margin-top: 35px}
.mt40{margin-top: 40px}
.mt45{margin-top: 45px}
.mt50{margin-top: 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}
.mr45{margin-right:45px}
.mr50{margin-right:50px}

.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}
.ml45{margin-left:45px}
.ml50{margin-left:50px}

.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}
.mb45{margin-bottom:45px}
.mb50{margin-bottom:50px}

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

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

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

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

.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w110{width: 110px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w600{width: 600px;}

.w50per{width: 50%;}

.ma{margin: 0 auto}

.col_o{color: #F28226}
.col_green{color: #3ca00a;}

.uline{text-decoration: underline;}

.ti-star{text-indent: -18px;padding-left: 18px;}
.i_tit{display: inline-block;}	

.reset{list-style: none;padding: 0;margin: 0;}

.hiddenframe{border: none;padding: 0;margin: 0;height: 0;width: 0;}
#contentsFrame,
.if_ecampus_event{width: 100%; height: 450px;}
iframe {border:0;}

.ti_30{text-indent: -30px;padding-left: 30px;}
.ti_42{text-indent: -42px;padding-left: 42px;}

.img_fl{float: left;padding: 0 5px 5px 0;}

.hide{display: none;}

.gray_box{background-color: #f4f4f4;padding: 10px;}

/* Button Reset */
.button,
.button *{
    background:url(/images/common/btn_bg.gif) no-repeat 0 0;
    height: 27px;
    vertical-align: top;
    color:#3c3c3c;
    text-decoration:none !important;
    font-size:12px;
    font-weight:bold;position:relative; margin:0; display:inline-block;  border:0 none transparent;white-space:nowrap;  overflow:visible;padding:0;}
.button{line-height: 28px;padding-left: 3px;}
.button * {padding-left: 21px;padding-right: 24px; background-position:right 0;cursor:pointer;top:0;cursor: pointer;}
.blue{background-position:0 -40px;}
.blue *{background-position:right -40px;color: #fff;}
.btn_blue{background-position:0 bottom;}
.btn_blue *{background-position:right bottom;}
    
/* small */
.small,
.small *{height: 22px;text-indent: 0;}
.button.small{background-position:0 -80px;padding-left: 14px;margin-top: -2px;}
.button.small *{padding-left: 0;padding-right: 14px;background-position:right -80px;font-size: 11px;font-weight: normal;line-height: 24px;height: 24px;vertical-align: top;}
.button.small em{background-image:none;padding: 0;font-weight: bold;}
.button.small .ico_file2{background-position:-296px -120px;width: 9px;padding: 0;margin-right: 8px;}
.button.small .ico_down{background-position:-307px -120px;width: 7px;padding: 0;margin-right: 8px;}
.button.small .ico_page{background-position:-316px -120px;width: 8px;padding: 0;margin-right: 8px;}
.button.small .ico_copy{background-position:-275px -120px;width: 13px;padding: 0;margin-right: 8px;}
.button.small .map{background-position:-261px -120px;width:8px;padding: 0;margin-right: 8px;}
.button.small .ico_apply{background-position:-249px -120px;width:9px;padding: 0;margin-right: 8px;}
.button.small .ico_view{background-position:-300px -145px;width:11px;padding: 0;margin-right: 8px;}
.button.small .ico_blank{background-position:-231px -120px;width:15px;padding: 0;margin-right: 8px;}
.button.small .dot_arr{background: url(/images/common/ico_dot_arr.gif) no-repeat right center;width: 17px;padding: 0;}

.button2,
.button2 *{
    margin:0; border:0 none transparent;white-space:nowrap;  overflow:visible;padding:0;position:relative;  display:inline-block; vertical-align: top;
    font-weight: bold;
    height: 29px;
    color:#3c3c3c;
    text-decoration:none !important;
    font-size:12px;
    background:  url(/images/common/btn_down_bg.gif) 0 0 no-repeat;}
.button2{line-height: 29px;padding-left: 3px;}
.button2 * {padding-left: 0;padding-right: 10px; background-position:right 0;cursor:pointer;top:0;cursor: pointer;}
.button2 .t span{padding: 0;background: none;}
.button2 .t .col{color: #1DA57d}
.button2 .ico{width: 26px;height: 22px;overflow: hidden;vertical-align: middle;padding: 0;background: none 0 0 no-repeat;}
.button2 .ico_down{background: #1DA57d url(/images/common/btn_ico_down.png) 0 center no-repeat;}
.button2 .ico_arr{background: #1DA57d url(/images/common/ico_arr.png) 0 center no-repeat;}

.dbdata li{vertical-align: top;}


/* 리셋관련 */
/*
div.dbdata div#data_contents {  }
div.dbdata div#data_contents {  }

div.dbdata div#data_contents ul,
div.dbdata div#data_contents ol { padding-left:40px; margin:16px 0; }
div.dbdata div#data_contents p { margin:16px 0; }
div.dbdata div#data_contents h1 { margin:21px 0; font-size:32px; }
div.dbdata div#data_contents h2 { margin:19px 0; font-size:24px; }
div.dbdata div#data_contents h3 { margin:18px 0; font-size:19px; }
div.dbdata div#data_contents h4 { margin:21px 0; font-size:16px; }
div.dbdata div#data_contents h5 { margin:22px 0; font-size:13px; }
div.dbdata div#data_contents h6 { margin:24px 0; font-size:11px; }

div.dbdata div#data_contents ul {
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}
div.dbdata div#data_contents ol { 
	list-style-type: decimal;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}

div.dbdata div#data_contents h1 {
	font-size:32px; 
	-webkit-margin-before: 0.67em;
	-webkit-margin-after: 0.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
div.dbdata div#data_contents h2 {
	font-size:24px; 
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
div.dbdata div#data_contents h3 {
	font-size:19px; 
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
div.dbdata div#data_contents h4 {
	font-size:16px; 
	-webkit-margin-before: 1.33em;
	-webkit-margin-after: 1.33em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
div.dbdata div#data_contents h5 {
	font-size:13px; 
	-webkit-margin-before: 1.67em;
	-webkit-margin-after: 1.67em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
div.dbdata div#data_contents h6 {
	font-size:11px; 
	-webkit-margin-before: 2.33em;
	-webkit-margin-after: 2.33em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
div.dbdata div#data_contents table { border-collapse:separate; }
div.dbdata div#data_contents p { margin:16px 0; }
*/