/* CSS Document */

/* Main Page Style S */
#BodyContainer {
    width                   : 100%;
    min-width               : 1200px;
}

#VisualContainer {
    width                   : 100%;
    height                  : 600px;
    background-image        : url("/Images/Main/visual_main.jpg");
    background-repeat       : no-repeat;    
    background-size         : cover;
    background-attachment   : scroll;
    background-position     : 50% center;
}

#VisualContainer .VisualContents {
	width                   : 1200px;
	margin                  : 0 auto;
}
.VisualContents .VisualTextContents {
    position                : absolute;
    margin-top              : 80px;
    margin-left             : 240px;
    -webkit-margin-before   : 80px;
    -webkit-margin-start    : 240px;
}

.VisualContents .VisualBannerContents {
    position                : absolute;
    margin-top              : 440px;
    -webkit-margin-before   : 440px;
}

#VisualBannerContainer .SeminarBannerContents {
    clear                   : both;
    position                : relative;
    width                   : 1200px;
    height                  : 160px;
    margin                  : 30px auto;
    cursor                  : pointer;
    background              : url("/Images/Main/banner_main.jpg") 0 0 no-repeat;
    padding                 : 50px 0 0 50px;
    -webkit-padding-before  : 50px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 0;
    -webkit-padding-start   : 50px;
}

#VisualBannerContainer .SeminarSubject {
    width                   : 500px;
    font-size               : 16pt;
    font-weight             : bold;
    font-family             : "MalgunGothic", "NanumGothic", "맑은고딕","Malgun Gothic","나눔고딕";
    color                   : #ffffff;
}

#VisualBannerContainer .SeminarSchedule {
    width                   : 500px;
    font-size               : 12pt;
    font-weight             : bold;
    font-family             : "MalgunGothic", "NanumGothic", "맑은고딕","Malgun Gothic","나눔고딕";
    color                   : #ffffff;
    margin-top              : 5px;
    -webkit-margin-before   : 5px;
}

/* Main Page Style E */

.PageTitle {
    width                   : 100%;
    display                 : inline-block;
    font-size               : 20pt;
    font-weight             : bold;
    font-family             : "MalgunGothic", "NanumGothic", "맑은고딕","Malgun Gothic","나눔고딕";
    text-align              : center;
    border-bottom           : 2px solid #444444;
    margin                  : 30px 0 30px 0;
	-webkit-margin-before   : 30px;
	-webkit-margin-end      : 0;
	-webkit-margin-after    : 30px;
	-webkit-margin-start    : 0;
    padding-bottom          : 10px;
    -webkit-padding-after   : 10px;
}

.PageHeader div {
    float                   : left;
}

.PageSubTitle {
    font-size               : 16pt;
    font-weight             : bold;
    font-family             : "MalgunGothic", "NanumGothic", "맑은고딕","Malgun Gothic","나눔고딕";
    color                   : #333333;
    line-height             : 45px;
    background              : url("/Images/Common/title_bar_bg.gif") left bottom no-repeat;
    margin-bottom           : 15px;
    -webkit-margin-after    : 15px;
}

.PageSubSummary {
    font-size               : 12pt;
    font-weight             : bold;
    font-family             : "MalgunGothic", "NanumGothic", "맑은고딕","Malgun Gothic","나눔고딕";
    color                   : #666666;
    line-height             : 45px;
    margin-bottom           : 15px;
    -webkit-margin-after    : 15px;
    margin-left             : 20px;
    -webkit-margin-start    : 20px;
}

.DivButton {
    display                 : inline-block;
    float                   : left;
    cursor                  : pointer;
}

.LectureBanner {
    width                   : 100%;
    display                 : inline-block;
    background              : #f5eeec;
    padding                 : 50px 0;
    -webkit-padding-before  : 50px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 50px;
    -webkit-padding-start   : 0;
}

.LectureBanner .LectureBannerContents {
    width                   : 1200px;
    margin                  : 0 auto;
}

.LectureBannerContents li {
    width                   : 370px;
    float                   : left;
    margin-left             : 45px;
    -webkit-margin-start    : 45px;
}

.LectureBannerContents li:first-child {
    margin-left             : 0;
    -webkit-margin-start    : 0;
}

.BackTopContents {
    width                   : 1200px; 
    margin                  : 0 auto;
}

#back-top {
	position                : fixed;
	bottom                  : 30px;
	margin-left             : 1230px;
}

#back-top a {
	width                   : 62px;
	display                 : block;
	text-align              : center;
	font                    : 11px/100% Arial, Helvetica, sans-serif;
	text-transform          : uppercase;
	text-decoration         : none;
	/* background color transition [참조] https://blog.naver.com/skydoor2014/221149834262 */
	-webkit-transition      : 1s;
	-moz-transition         : 1s;
	transition              : 1s;
}

/* arrow icon (span tag) */
#back-top span {
	width                   : 62px;
	height                  : 62px;
	display                 : block;
	margin-bottom           : 7px;
	background              : url("/Images/Common/top.png") no-repeat center center;
    z-index                 :999999;
	/* rounded corners */
	/*
    -webkit-border-radius   : 15px;
	-moz-border-radius      : 15px;
	border-radius           : 15px;
    */

	/* background color transition */
    /*
	-webkit-transition      : 1s;
	-moz-transition         : 1s;
	transition              : 1s;
    */
}

.TABLE_LIST {
    width                   : 100%;
    table-layout            : fixed;
}

.TABLE_LIST th {
    font-family             : "MalgunGothic", "NanumGothic", "맑은고딕","Malgun Gothic","나눔고딕";
    font-size               : 11pt;
    color                   : #ffffff;
    background              : #006e97;
    border                  : 1px solid #bdbdbd;
    padding                 : 10px 0;
    -webkit-padding-before  : 10px;
    -webkit-padding-end     : 0;
    -webkit-padding-after   : 10px;
    -webkit-padding-start   : 0;
}

.TABLE_LIST td {
    font-family             : "MalgunGothic", "NanumGothic", "맑은고딕","Malgun Gothic","나눔고딕";
    font-size               : 11pt;
    color                   : #666666;
    text-align              : center;
    background              : #ffffff;
    border                  : 1px solid #bdbdbd;
    padding                 : 10px 10px;
    -webkit-padding-before  : 10px;
    -webkit-padding-end     : 10px;
    -webkit-padding-after   : 10px;
    -webkit-padding-start   : 10px;
}

.TABLE_LIST td label {
    color                   : #666666;
}