@charset "UTF-8";
@import "global_re.css";
@import "common_re.css";

/* 박상일에 의해 100128에 작성됨. */


/* 페이지 공통 eh */
#container {background: url(../images/sub/sub_banner.png) center 0 no-repeat;}
#container-mylecture {background: url(../images/sub/sub_banner.png) center 0 no-repeat;}
#container-info {background: url(../images/sub/sub_banner_info.jpg) center 0 no-repeat;}
#container-commu {background: url(../images/sub/sub_banner_commu.jpg) center 0 no-repeat;}
#contentsGroup {width: 1024px; /*min-height: 630px;*/ margin: 0 auto;}
#bannerTxt {width: 100%; height: 220px;}
#bannerTxt h3 {display: inline-block; position: relative; top: 135px; left: 470px; font-size: 17px; line-height: 35px; font-weight: 500;}
#bannerTxt h3.info {left: 280px;}
#bannerTxt h3.commu {left: 300px;}
#bannerTxt h3 span {margin-left: 20px; font-size: 30px; font-weight: 700;}
#contents .btns {clear: both; padding: 10px; text-align: center; }
.paginate {width: 1024px; margin: 20px auto 0; text-align: center;}
.paginate a {display: inline-block; height: 27px; margin: 0 10px;}
.paginate a.pagenum {position: relative; top: -10px;}
/* 페이지 공통 eh */



/* 현재 페이지 위치 (location) eh */
#location {position: relative; top: 6px; right: 30px; float: right; font-size: 1.1em;}
#location a {padding: 13px 14px 10px 0; margin-right: 5px; float: left; display: block; height: 19px; background: url(../images/sub/bg_location_arrow.png) no-repeat right center ; color: #666;}
#location span.location_home { padding-left: 13px; background: url(../images/sub/ico_home.gif) no-repeat; }
#location a.selected { color: #ff6600; font-weight: bold; background: none;}
#location.location-up {top: 0; right: 0;}
#location.location-up a {background: url(../images/sub/bg_location_arrow2.png) no-repeat right -1px;}
#location.location-up a.selected {background: none;}
/* //현재 페이지 위치 (location) */



/* 전체과정 추천강의 */
#course {box-sizing: border-box; width: 1024px; padding: 20px 0;}
#course ul {display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; width: 100%; margin: 0 auto;}
#course ul li {box-sizing: border-box; width: 240px; margin: 45px 10px 0; border: 1px solid #aaa;}
#course ul li:nth-child(4) {margin-left: 200px;}
#course ul li:nth-child(5) {margin-right: 200px;}
#course.recom ul li {margin: 45px 20px 0;}
#course ul li:hover {background-color: #f6f6f6; border: 1px solid #aaa;}
#course ul li a {color: #333; text-decoration: none;}
#course ul li img {width: 100%;}
#course ul li h3 {font-size: 20px; font-weight: bold; padding: 15px 0 10px; line-height: 23px; letter-spacing: -1px; text-align: center;}
#course ul li h4 {min-height: 60px; font-size: 20px; padding: 10px 0 10px; line-height: 30px; letter-spacing: -1px; text-align: center; word-break: keep-all;}
#course ul li h5 {display: inline-block; margin: 10px 0 0 10px; padding: 4px 7px; font-size: 11px; color: #fff; border-radius: 5px;}
#course ul li h5.lecture1 {background-color: #333;}
#course ul li h5.lecture2 {background-color: #557b8e;}
#course ul li h5.lecture3 {background-color: #eabb50;}
#course ul li h5.lecture4 {background-color: #2365bc;}
#course ul li h5.lecture5 {background-color: #204c75;}
#course ul li p {height: 90px; padding: 0 10px 10px; font-size: 12px; line-height: 17px; text-align: justify}
#course ul li button {width: 100%; height: 35px; background: url(../images/main/btn.png) center no-repeat; background-size: cover; border: none; cursor: pointer;}
#course ul li:hover button {font-weight: 700;}
/* //전체과정 추천강의 */



/* 과정페이지-갤러리형 */
#course-gallery {box-sizing: border-box; width: 1024px; padding: 20px 0;}
#course-gallery ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: space-between; width: 95%; margin: 0 auto;}
#course-gallery ul li {box-sizing: border-box; width: 200px; margin: 45px 21.5px 0; border: 1px solid #aaa;}
#course-gallery ul li:hover {background-color: #f6f6f6; border: 1px solid #aaa;}
#course-gallery ul li a {color: #333; text-decoration: none;}
#course-gallery ul li img {width: 100%; border-bottom: 1px solid #aaa;}
#course-gallery ul li h3 {padding: 15px 0 10px; font-size: 18px; font-weight: bold; letter-spacing: -1px; text-align: center; word-break: keep-all; line-height: 22px;}
#course-gallery ul li p {height: 90px; padding: 0 10px 10px; font-size: 12px; line-height: 17px; text-align: justify}
#course-gallery ul li button {width: 100%; height: 35px; background: url(../images/main/btn.png) center no-repeat; background-size: cover; border: none; cursor: pointer;}
#course-gallery ul li:hover button {font-weight: 700;}
/* //과정페이지-갤러리형 */



/* 강의페이지-리스트형 */
#contents {overflow: hidden;}
#contents .contents_left {float: left; box-sizing: border-box; width: 35%; padding-top: 65px;}
#contents .contents_left .contents_thumnail {width: 220px; margin: 0 auto; border: 1px solid #aaa; background-color: #fff;}
#contents .contents_left .contents_thumnail img {width: 220px;}
#contents .contents_left .contents_thumnail h3 {padding: 14px 0; font-size: 22px; font-weight: bold; text-align: center; line-height: 25px; word-break: keep-all;}
#contents .contents_left .btnWrap {display: flex; justify-content: space-evenly; box-sizing: border-box; width: 220px; margin: 0 auto; padding: 10px 0;}
#contents .contents_left .btnWrap button {width: 90px; height: 64px; border: none; cursor: pointer;}
#contents .contents_left .btnWrap button.view {background: url(../images/sub/ico_view.gif) center no-repeat;}
#contents .contents_left .btnWrap button.cart {background: url(../images/sub/ico_cart.gif) center no-repeat;}
#contents .contents_left .btnWrap button.view:hover {background: url(../images/sub/ico_view_hover.gif) center no-repeat;}
#contents .contents_left .btnWrap button.cart:hover {background: url(../images/sub/ico_cart_hover.gif) center no-repeat;}

#contents .introduction {float: left; box-sizing: border-box; width: 60%; padding-top: 65px;}
#contents .introduction h3 {margin-bottom: 14px; padding-left: 12px; font-size: 1.4em; font-weight: bold; color: #154e8e; background: url(../images/sub/bullet_square.gif) no-repeat 0 5px;}
#contents .introduction p { padding-bottom: 14px; margin-bottom: 14px; }
#contents .list {width: 1024px; margin: 0 auto;}
#contents .list.list-view {clear: both; width: 90%; margin: 0 auto;}
#contents .list h3 { margin-bottom: 14px; padding-left: 12px; font-size: 1.4em; font-weight: bold; color: #154e8e; background: url(../images/sub/bullet_square.gif) no-repeat 0 5px;}
#contents .list table {margin: 0 auto 10px; width: 100%; border: none; background: #fff; text-align: center; font-size: 1.2em; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #787878; }
#contents .list table td { padding: 10px 0; border: none; }
#contents .list table td a { color: #787878; }
#contents .list table td a:hover { color: #ff6e00; }
#contents .list table thead { background: #f4f4f4; font-weight: bold; }
#contents .list table tbody tr td { border-bottom: 1px dashed #e1e1e1; }
#contents .list table tbody .td_name { padding-left: 40px; text-align: left; }
#contents .list table thead tr th { padding: 7px 5px; text-align: center; border: 1px solid #c9c9c9; border-right: 1px solid #d7d7d7; }
#contents .list table tbody .tr_last td { border-bottom: 2px solid #d7d7d7; }

.contents {position: relative; top: -5px; margin: 50px auto 0; min-height: 395px; padding: 15px 0 0; width: 1024px;}
.contents2 {background: url(../images/sub/bg_contents.gif) repeat-x; min-height: 460px;}
.contents3 {background: url(../images/sub/bg_contents.gif) repeat-x; min-height: 680px;}

.dashed { display: block; margin-bottom: 14px; height: 1px; border: 0; border-bottom: 1px dashed #ccc; background: url(../images/common/line_dash.gif) repeat-x; }
/* //강의페이지-리스트형 */



/* 게시판상세 */
#contents .contents_h2 {width: 940px; margin: 45px auto 20px;}
.board_details {margin: 0 40px; font-size: 1.2em; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #333;}
.board_details table {width: 100%; background-color: #fff; border: 1px solid #c9c9c9; }
.board_details th { padding: 8px 0; width: 100px; border: 1px solid #c9c9c9; background-color: #f4f4f4; text-align: center; font-weight: bold; letter-spacing: -.1em; }
.board_details td { padding: 8px 0 8px 20px; border: 1px solid #c9c9c9; color: #666; }

.table_title { margin-bottom: 10px; }
.table_title .count { width: 250px; }
.table_contents { display: inline-block; margin-bottom: 30px; min-height: 100px; }
.table_contents td { border: none; }
.table_nav { margin-bottom: 20px; }
.table_nav th { padding-left: 30px; width: 70px; text-align: left; }
.table_nav .pre { background: url(../images/sub/bullet_pre.gif) no-repeat 15px 13px; background-color: #f4f4f4; }
.table_nav .next { background: url(../images/sub/bullet_next.gif) no-repeat 15px 13px; background-color: #f4f4f4; }
.table_nav a { text-decoration: none; color: #666;}
.table_nav a:hover { color: #ff7d00; }
/* //게시판상세 */



/* 로그인 */
.input { width: 160px; }

#login { width: 610px; height: 290px; margin: 75px auto; border: 1px solid #ccc; background: url(../images/sub/ico_login.gif) no-repeat 60px 110px; background-color: #fff; }
#login h3 { margin: 70px 0 30px 70px; }
#login .write {position: relative; padding: 10px 0 0 170px;}
#login .text01 { display: block; margin-bottom: 10px; }
#login .text01 label { padding-left: 10px; background: url(../images/sub/bullet_orange.gif) no-repeat 0 4px; }
#login .text02 { display: block; margin-bottom: 20px }
#login .text02 label { padding-left: 10px; background: url(../images/sub/bullet_orange.gif) no-repeat 0 4px; }
#login p label { display: inline-block; width: 80px; }
#login .btn_ok {position: absolute; top: 10px; right: 70px; }
#login .save { float: left; margin: 0 0 20px 260px; font-size: 1.2em; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #787878; }
#login .save dd{ float: left;  margin-right: 20px; }
#login .save dt{ float: left; margin: 2px 5px 0 0; }
#login .find { float: left; margin-left: 130px; font-size: 1.1em; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #333; }
#login .find dt { float: left; width: 210px; margin-top: 3px; padding-left: 15px; background: url(../images/common/bullet_dot.gif) no-repeat 5px 5px;  }
#login .find dd { float: left; margin-bottom: 10px; }
/* //로그인 */




/*무료강의*/
.exlinkW {width: 926px; margin: 0 auto;}
.exlinkW ul{display: flex; flex-wrap: wrap;}
.exlinkW ul li{width: 50%;}
.exlinkW ul li a{display: block; width: 100%; background: #fff; border: 1px solid #eee; color: #646464; font-size: 13px; line-height: 33px; text-align: center;}
/* //무료강의*/



/* 리서치서비스 eh */
#contents .help {box-sizing: border-box; width: 820px; margin: 50px auto 0; padding: 40px 20px 0 20px;  background: url(../images/sub/bg_introduction.gif) no-repeat; }
#contents .help p { margin: 10px 0 14px 30px ; }
#contents .help .link_app { margin-left: 252px;}
#contents .help .title { margin-bottom: 20px; }
#contents .help section {box-sizing: border-box; margin: 0 30px;}
#contents .help section h3 {margin-left: 10px; font-size: 22px; font-weight: 900; line-height: 45px;}
#contents .help section h3 span.blue {color: #17318e;}
#contents .help section p.text1 {margin: 0; font-size: 15.5px; line-height: 22px; text-align: justify;}
#contents .help section ul.step {display: flex; justify-content: space-between; width: 100%;}
#contents .help section ul.step li {position: relative; box-sizing: border-box; width: 22%;}
#contents .help section ul.step li:after {content: '\f30b'; font-family: "Font Awesome 5 free"; position: absolute; top: 90px; right: -20px; color: #aaa; font-size: 27px; font-weight: 700;}
#contents .help section ul.step li:last-child:after {content: '';}
#contents .help section .step-icon {display: block; width: 100px; margin: 0 auto;}
#contents .help section h4 {margin: 10px 0; font-size: 18px; text-align: center;}
#contents .help section p.text2 {margin: 0; font-size: 10.5px; font-weight: 700;  text-align: center; letter-spacing: -1px;}
#contents .help section .text3 {margin: 20px 0; font-size: 14px; font-weight: 700; line-height: 25px;}
#contents .help section .text3 .yellow {margin: 0 5px; color: #f4ba35;}
/* //리서치서비스 */

/* Table */
.divGuide table {
	width:96%;
    margin: 0 auto;
	border:0;
	font-size: 1.2em;
	border-bottom:1px solid #d9d9d9;
	background-color: #17318e;
}
.divGuide table thead {
	height:32px;
	border: 0;
}
.divGuide table thead th {
	border:0;
	color:#fff;
	font-weight: bold;
	line-height: 200%;
}
.divGuide table thead th.bg {
	border:0;
	color:#fff;
}
.divGuide table thead th.bg:after {
    content: "│";
    display: inline-block;
    position: relative;
    left: 56px;
}
.divGuide table tbody th {
	height:30px;
	border:0;
	border-top:1px solid #dcdcdc;
	text-align: center;
	padding:4px;
	background: #ffffff;

}
.divGuide table tbody th.gray {
	height:30px;
	border:0;
	border-top:1px solid #dcdcdc;
	text-align: center;
	padding:4px;
	background: #f2f2f2;
}
.divGuide table tbody th.colLine {
	border-left:1px solid #dcdcdc;
	font-weight:normal
}
.divGuide table tbody td {
	height:30px;
	border:0;
	border-top: 1px solid #dcdcdc;
	padding:5px;
	background: #fff;
    text-align: center;
    word-break: keep-all;
}

.divGuide table tbody td.gray {
	height:30px;
	border:0;
	border-top: 1px solid #dcdcdc;

	padding:4px;
	background: #f2f2f2;
}


.divGuide table th.topLine {
	border-top:1px solid #4d86b7;
}
.divGuide table td.topLine {
	border-top:1px solid #4d86b7;
}
.divGuide table tbody td img {
	border:0px;
}
.divGuide table tbody td dl dt {
	color: #000;
	padding:0 0 0 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 200%;

}
.divGuide table tbody td dl dd {
	margin:0 10px

}
/*webdb Table*/
.webdbTable{
	border:0;
	margin-bottom: 4px;
}
.webdbTable thead{
	height:32px;
	border: 0;
}
.webdbTable thead th {
	border:0;
	color:#fff;
	font-weight: bold;
	text-align: center;
	line-height: 200%;
}
.webdbTable thead th.bg {
	border:0;
	color:#fff;
}
.webdbTable tbody th{
	height:30px;
	border:0;
	border-top:1px solid #dcdcdc;
	padding: 5px;
	background: #edf2f7;
}
.webdbTable tbody td{
	height:30px;
	border:0;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	padding: 5px;
	background: #fff;
	line-height: 120%;

}
.webdbTable tbody td.endLine{
		text-align: center;

}
.webdbTable tbody td img{
	border:0px ;
}
.webdbTable tbody td img.accessIcon {
	border:0;
}
.webdbTable tbody td dl dt{
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

.text_icon { padding-left: 15px; font-size: 1.2em; background: url(../images/sub/bullet_orange.gif) no-repeat 0 4px; color: #ff4504; font-weight: bold;}
#rservice  { position: relative; float: left; }
#rservice li {padding-left: 10px;line-height: 180%; font-size: 1.2em; float: left; margin: 0px 15px 0px 30px; width: 200px; }


/* 과정페이지 eh */
#locationBar {overflow: hidden; height: 50px; margin-top: 45px; background: url(../images/sub/bg_location.png)  center no-repeat; }
#locationBar h2 {float: left; width: 300px; padding: 17px 0 0 63px; font-size: 1.2em; color: #0d5d0d; background: url(../images/sub/bullet_h2.gif) no-repeat 41px 20px; }

/* 과정 게시판 */
#contentsGroup .list {padding: 20px 40px 0; }
#contentsGroup .list table { position: relative; float: left; margin-bottom: 10px; width: 100%; border: none; background: #fff; text-align: center; font-size: 1.2em; font-family: "돋움", Dotum, Tahoma, sans-serif; color: #787878; }
#contentsGroup .list table td { padding: 10px 0; border: none; }
#contentsGroup .list table td a { color: #787878; }
#contentsGroup .list table td a:hover { color: #ff6e00; }
#contentsGroup .list table thead { background: #f4f4f4; font-weight: bold; }
#contentsGroup .list table tbody tr td { border-bottom: 1px dashed #e1e1e1; }
#contentsGroup .list table tbody .td_name { padding-left: 40px; text-align: left; }
#contentsGroup .list table thead tr th { padding: 7px 5px; text-align: center; border: 1px solid #c9c9c9; border-right: 1px solid #d7d7d7; }
#contentsGroup .list table tbody .tr_last td { border-bottom: 2px solid #d7d7d7; }

#contentsGroup .btns {clear: both; padding: 10px; text-align: center; }
.paginate a {display: inline-block; height: 27px; margin: 0 10px;}
.paginate a.pagenum {position: relative; top: -10px;}
/* //과정 게시판 */