@charset "utf-8";
.sub-top {background:url('/comEdu/images/sub/sub_img.jpg') no-repeat center top; border-bottom:1px solid #ccc; position:relative;}
.sub_img2 {background-image:url('/comEdu/images/sub/sub_img2.jpg');}
.sub_img3 {background-image:url('/comEdu/images/sub/sub_img3.jpg');}
.sub_img4 {background-image:url('/comEdu/images/sub/sub_img4.jpg');}
.sub_img9 {background-image:url('/comEdu/images/sub/sub_img9.jpg');}
.sub-img {border-top:1px solid #ccc;  height:180px; text-align:center; padding-top:65px;}
.sub-img h2 {color:#fff; font-size:40px; font-weight:bold; margin:0; padding:0; text-shadow:2px 2px 2px rgba(1,1,1,.5);}
.sub-img .navi {margin:10px 0 0 0; color:#fff; font-size:15px;}
.sub-img .navi .home {width:16px; height:16px; display:inline-block; background:url('/comEdu/images/sub/navi_home.png') no-repeat center center; vertical-align:top;}
.sub-img .navi span {padding:0 5px;}
.sub-nav {width:1200px; margin:0 auto; background-color:rgba(0,74,150,.6);}
.sub-nav ul {overflow:hidden; font-size:0; text-align:center; margin:0;}
.sub-nav ul li {width:200px; height:70px; display:inline-block;}
.sub-nav ul li a {color:#fff; font-size:17px; line-height:70px; display:block; text-decoration:none;}
.sub-nav ul li a:hover {color:#FF3;}
.sub-nav ul li.active {border-bottom:4px solid #ff3; background-color:rgba(1,1,1,.5);}
.sub-nav ul li.active a {color:#FF3; font-weight:bold;}
.btn-sub-nav-more {display:none;}
#con-wrap {padding:50px 0;}
.sub-menu {margin:0 auto; font-size:0; text-align:center;}
.sub-menu li {display:inline-block; width:200px; text-align:center; font-size:15px;}
.sub-menu li a {display:block; border:1px solid #666; height:45px; line-height:45px; text-decoration:none;}
.sub-menu li a:hover {color:#333;}
.sub-menu li.on a {background-color:#666; color:#fff;}
span.scp {width:35px; line-height:110%; font-size:13px; background-color:#679CCA; color:#fff; display:inline-block; text-align:center; border-radius:3px; padding:5px;}
@media (max-width:1199px) {
	.sub-nav {width:100%;}
}
@media (max-width:991px) {
	.sub-img1 {background-image:url('/comEdu/images/sub/sub_img_sm.jpg');}
	.sub_img2 {background-image:url('/comEdu/images/sub/sub_img2_sm.jpg');}
	.sub_img3 {background-image:url('/comEdu/images/sub/sub_img3_sm.jpg');}
	.sub_img4 {background-image:url('/comEdu/images/sub/sub_img4_sm.jpg');}
	.sub_img9 {background-image:url('/comEdu/images/sub/sub_img9_sm.jpg');}
	.sub-img {height:160px; text-align:center; padding-top:55px;}
	.sub-img h2 {font-size:36px;}
	.sub-nav ul li {width:auto; height:60px}
	.sub-nav ul li a {height:60px; line-height:60px; padding:0 25px;}
}
@media (max-width:767px) {
	.sub-img1 {background-image:url('/comEdu/images/sub/sub_img_xs.jpg'); background-size:100%;}
	.sub_img2 {background-image:url('/comEdu/images/sub/sub_img2_xs.jpg'); background-size:100%;}
	.sub_img3 {background-image:url('/comEdu/images/sub/sub_img3_xs.jpg'); background-size:100%;}
	.sub_img4 {background-image:url('/comEdu/images/sub/sub_img4_xs.jpg'); background-size:100%;}
	.sub_img9 {background-image:url('/comEdu/images/sub/sub_img9_xs.jpg'); background-size:100%;}
	.sub-img {height:135px; padding-top:37px;}
	.sub-nav {display:none;}
	.sub-nav ul {background-color:#396693; text-align:left;}
	.sub-nav ul li {display:block; height:40px; border-bottom:1px solid rgba(255,255,255,.5);}
	.sub-nav ul li.active {border-bottom-width:2px;}
	.sub-nav ul li a {line-height:40px;}
	.btn-sub-nav-more {display:block; width:40px; height:40px; position:absolute; right:10px; top:10px;}
	.btn-sub-nav-more button {width:100%; height:100%; display:block; background-color:transparent; border:2px solid rgba(255,255,255,.3); color:#fff; font-size:25px; border-radius:50%;}
	.btn-sub-nav-more button img {opacity:.8;}
	#sub-nav-show {display:block;}
	#sub-nav-hide {display:none; font-size:30px;}
	.sub-menu li {width:140px;}
	.tbl_form {margin-bottom:0 !important;}
	.mb-inline select {display:inline-block;}
	.mb-inline input {display:inline-block;}
	.form-inline.mb-inline .form-control {display:inline-block !important;}
	h4 {margin-top:20px;}
}
@media (max-width:375px) {
	.sub-img {height:110px; padding-top:29px;}
	.sub-img h2 {font-size:28px;}
}
/*intro
#intro {overflow:hidden; margin:30px -15px; position:relative;}
#intro h4 {font-size:22px; background:url('/comEdu/images/sub/intro_tit_bg_sm.png') no-repeat center center; background-size:100%; width:300px; height:300px; position:absolute; left:50%; margin-left:-170px; top:184px; z-index:100; border-radius:50%; box-sizing:content-box; border:20px solid #fff; text-align:center; color:#fff; font-size:28px; font-weight:bold; line-height:40px;}
#intro h4 span {display:block; margin-bottom:40px; font-size:0; padding-top:50px;}
#intro .col-md-6 {padding:0 15px;}
#intro dl {margin:0; padding:0 0 60px 0;}
#intro dt {font-size:25px; font-weight:bold; margin-bottom:20px; text-align:center; color:#fff;}
#intro dt:before {content:""; width:1px; height:150px; display:block; background-color:#fff; margin:0 auto; margin-bottom:30px; opacity:.7}
#intro dd {font-size:16px; margin-top:10px; color:#eee; line-height:130%; word-break:keep-all; text-align:center;}
#intro dd br {display:none;}
#intro dl.intro-1 {background:url('/comEdu/images/sub/intro1_bg.jpg') no-repeat center center; background-size:100%; padding-bottom:130px;}
#intro dl.intro-2 {background:url('/comEdu/images/sub/intro2_bg.jpg') no-repeat center center; background-size:100%; padding-bottom:130px;}
#intro dl.intro-3 {background:url('/comEdu/images/sub/intro3_bg.jpg') no-repeat center center; background-size:100%; margin-top:30px;}
#intro dl.intro-4 {background:url('/comEdu/images/sub/intro4_bg.jpg') no-repeat center center; background-size:100%; margin-top:30px; padding-bottom:30px;}
#intro dl.intro-1 dt:before {height:70px;}
#intro dl.intro-2 dt:before {height:70px;}
@media (max-width:1199px) {
	#intro dl {margin:0; padding:0 0 30px 0;}
	#intro dl.intro-4 {padding-bottom:20px;}
	#intro dt:before {height:80px;}
	#intro dd br {display:block;}
	#intro dl.intro-4 dd:nth-child(3) br {display:none;}
	#intro dl.intro-4 dd:nth-child(4) br {display:none;}
}
@media (max-width:991px) {
	#intro {margin-top:0;}
	#intro h4 {position:relative; top:0; border:none; margin-bottom:30px; margin-left:-150px;}
	#intro dl {padding-bottom:60px;}
	#intro dl.intro-1 {padding-bottom:60px;}
	#intro dl.intro-2 {margin-top:30px; padding-bottom:60px;}
	#intro dl.intro-4 {padding-bottom:60px;}
	#intro dt:before {height:150px;}
	#intro dd br {display:none;}
	#intro dl.intro-1 dt:before {height:150px;}
	#intro dl.intro-2 dt:before {height:150px;}
}

@media (max-width:545px) {
	#intro dl {padding-bottom:30px;}
	#intro dl.intro-1 {padding-bottom:30px;}
	#intro dl.intro-2 {padding-bottom:30px;}
	#intro dl.intro-4 {padding-bottom:30px;}
	#intro dt:before {height:80px; margin-bottom:20px;}
	#intro dl.intro-1 dt:before {height:80px;}
	#intro dl.intro-2 dt:before {height:80px;}
	#intro dt {margin-bottom:10px;}
	#intro dd {margin-top:10px;}
	#intro dd br {display:block;}
	#intro dl.intro-4 dd:nth-child(3) br {display:none;}
	#intro dl.intro-4 dd:nth-child(4) br {display:none;}
}
@media (max-width:425px) {
	#intro {margin:0 -15px;}
	#intro dl {border:1px solid #ccc;}
	#intro dl.intro-1 {background-image:none;}
	#intro dl.intro-2 {background-image:none; margin-top:15px;}
	#intro dl.intro-3 {background-image:none; margin-top:15px;}
	#intro dl.intro-4 {background-image:none; margin-top:15px;} 
	#intro dl.intro-1 dt {background:url('/comEdu/images/sub/intro1_bg.jpg') no-repeat top center; background-size:100%;}
	#intro dl.intro-2 dt {background:url('/comEdu/images/sub/intro2_bg.jpg') no-repeat top center; background-size:100%;}
	#intro dl.intro-3 dt {background:url('/comEdu/images/sub/intro3_bg.jpg') no-repeat top center; background-size:100%;}
	#intro dl.intro-4 dt {background:url('/comEdu/images/sub/intro4_bg.jpg') no-repeat top center; background-size:100%;}
	#intro dl dt {padding-bottom:20px; margin-bottom:30px;}
	#intro dl dd {color:#555;}
	#intro dl.intro-4 dd:nth-child(3) br,
	#intro dl.intro-4 dd:nth-child(4) br {display:block;}
}*/
.btn {border-radius:0;}
/*회원관련*/
.login {width:100%; max-width:440px; margin:30px auto; font-size:16px;}
.login-input input {border:1px solid #ddd; width:100%; height:55px; line-height:55px; color:#767676; margin:5px 0; padding:0 5px;}
.login-input button {height:60px; line-height:60px; padding:0; font-size:18px; margin-top:15px; font-weight:bold;}
.login-guide {background-color:#eee; text-align:center; padding:20px; margin-top:30px; font-size:15px;}
.login-btn {margin:0 -3px;}
.login-btn p {padding:0 3px;}
.login-btn a {height:60px; line-height:60px; padding:0;}
.find .text-center {color:#666;}
.find .text-center span {color:#337AB7; margin-bottom:10px; display:block;}
.mem-guide {padding:40px 40px 40px 146px; margin:0 0 30px 0; background:#eee url('/comEdu/images/mem/mem_guide_bg.png') no-repeat 40px center; word-break:keep-all; color:#666; font-size:15px;}
.auth-wrap {text-align:center; width:100%; max-width:440px; margin:30px auto; font-size:15px; border:1px solid #ccc; border-top:2px solid #5BC0DE; padding:40px 0;}
.auth-wrap h4 {color:#337AB7; font-size:20px; font-weight:bold;}
.auth-wrap .txt br {display:none;}
.welcom-txt1 {font-size:20px; margin-top:20px; word-break:keep-all;}
.welcom-txt2 {font-size:15px; color:#666; margin:20px 0 0 0;}
.mem-kind {width:100%; max-width:500px; overflow:hidden; text-align:center; margin:0 auto; word-break:keep-all;}
.mem-kind .txt {font-weight:bold; font-size:16px;}
.mem-kind .icon img {border-radius:50%; border:2px solid #999;}
.mem-process {padding:0px 50px; text-align:center;}
.mem-process ul {overflow:hidden; margin-bottom:0;}
.mem-process li {display:inline-block; width:24%;}
.mem-process li.bg {background:url('/comEdu/images/mem/join_arrow.png') no-repeat left 29px; background-size:13px; padding-left:25px;}
.mem-process li.next {width:9%;}
.mem-process li.next img {width:25px;}
.mem-process li .icon img {width:80px;}
.mem-process li .txt {font-size:16px; margin-bottom:0; color:#767676; font-weight:500;}
.mem-process li .txt.on {color:#333;}
.mem-process li .txt small {font-weight:normal; padding-right:10px;}
.mem-rule-agree {border-top:2px solid #5BC0DE; padding:30px 0; margin:30px 0 0 0px;}
.mem-rule-agree h4 {margin-top:0; position:relative; color:#121212; font-weight:bold;}
.mem-rule-agree h4 a {font-size:14px; display:inline-block; padding:0px 5px; border:1px solid #ddd; position:absolute; right:0; top:0; color:#666; border-radius:3px;}
.mem-rule-agree pre {border-radius:0; overflow:scroll; height:200px; word-break:keep-all; text-align:justify; background:#fff; border-color:#e8e8e8;}
.mem-rule-agree label {color:#666; font-weight:500;}
.mem-rule-agree.apply-agree {border:1px solid #eee; margin:30px 0 0 0;}
.iframe-box {border:1px solid #ccc; background-color:#fff; margin-bottom:10px;}
.apply_process {width:100%; margin:0 auto; border:1px solid #ddd; padding:20px;}
.apply_process ol {overflow:hidden; margin:0; padding:0; display:table; width:100%;}
.apply_process ol li {display:table-cell; vertical-align:middle; text-align:center; background-size:13px; list-style:none; background:url('/comEdu/images/sub/guide_arrow.png') no-repeat left center; padding-left:33px; padding-right:17px;}
.apply_process ol li:first-child {background-image:none; padding-left:0;}
.apply_process ol li:nth-child(5) {padding-right:0;}
.apply_process ol li em {font-style:normal; display:block; width:172px; height:172px; border-radius:50%;}
.apply_process ol li.icon1 em {background-color:#fcb415;}
.apply_process ol li.icon2 em {background-color:#f78e1e;}
.apply_process ol li.icon3 em {background-color:#f15b27;}
.apply_process ol li.icon4 em {background-color:#5980b7;}
.apply_process ol li.icon5 em {background-color:#134a99;}
.apply_process ol li span {display:block; width:50%; margin:0 auto; height:80px; padding-top:45px; color:#fff; font-size:15px; border-bottom:1px solid rgba(255,255,255,.2);}
.apply_process ol li strong {display:block; width:90%; margin:0 auto; color:#fff; word-break:keep-all; font-size:17px; margin-top:10px; line-height:20px;}
.apply_process ol li.icon1 strong, .apply_process ol li.icon4 strong, .apply_process ol li.icon5 strong {line-height:40px;}
.apply-detail h4 {font-size:24px; color:#121212; margin-top:30px;}
.apply-detail h4 .num {color:#5980B7; display:inline-block;}
.apply-detail h4 .num:after {content:"|"; color:#ddd; padding:0 10px;}
.apply-detail h5 {margin-top:20px; color:#444; font-size:15px;}
.apply-detail h5 .num {font-size:20px; color:#134A99;}
.apply-detail-box {border:1px solid #ddd; padding:25px;}
.apply-detail-box p {margin-bottom:0;}
.apply-detail-box .num span {display:inline-block; width:18px; height:18px; line-height:20px; background-color:#F00; color:#fff; font-size:13px; font-weight:bold; text-align:center; margin-right:3px; border-radius:50%;}
.apply-detail-box .txt {font-size:15px;}
.apply-detail-box .img, .apply-detail-box .img-pc, .apply-detail-box .img-mb {margin-top:10px; text-align:center;}
.apply-detail-box .img-mb span {width:calc(50% - 2px); display:inline-block; vertical-align:top;}
.apply-detail-box .img-mb span img {width:100%;}
.apply-detail-box2 {border:1px solid #ddd; padding:25px; background-color:#eee;}
.apply-detail-box2 .img {text-align:center;}
.apply-detail-box2 .img img {padding-bottom:10px;}
.mem-info-input {width:100%; max-width:600px; margin:0 auto;  border:1px solid #ccc; border-top:2px solid #5BC0DE; padding:20px;}
.mem-info-input dd.line {border-bottom:1px solid #ccc; height:40px; line-height:40px;}
.mem-info-input .txt-top {color:#121212; font-size:17px; font-weight:bold;}
.mem-join-wrap {width:100%; max-width:600px; margin:0 auto;}
h4.mem {color:#337AB7; font-size:16px; font-weight:bold; margin-top:20px; margin-bottom:10px;}
h4.agree {color:#337AB7; font-size:16px; font-weight:bold; margin-top:20px; margin-bottom:10px; position:relative;}
h4.agree a {position:absolute; right:0; top:50%; margin-top:-11px;}
.mem-info-input h4:first-child {margin-top:0;}
.mem-info-input dl {margin:15px 0 0 0;}
.mem-info-input dt {font-size:15px; font-weight:normal; margin-bottom:5px;}
.mem-info-input dt label {font-size:15px; font-weight:normal; margin-bottom:0;}
.mem-info-input dd {}
.mem-info-input dd input[type=text], .mem-info-input dd input[type=password], .mem-info-input dd select {border:1px solid #ddd; height:40px; line-height:40px; color:#666; padding:0 25px 0 5px;}
.long {width:100%;}
.short {width:50px;}
.mid {width:100px;}
.mem2-org-w dd input {width:calc(100% - 150px);}
.mem-mypage {width:100%; max-width:750px; margin:0 auto;  border:1px solid #ccc; border-top:2px solid #5BC0DE; padding:30px 40px;}
.mem-mypage dl {overflow:hidden; display:table; font-size:0; margin:0; border-top:1px solid #ddd; padding:10px 0; width:100%; vertical-align:middle;}
.mem-mypage dl:first-child {border-top:0;}
.mem-mypage dt {display:table-cell; width:30%; font-size:15px;}
.mem-mypage dd {display:table-cell; width:70%; font-size:15px; padding-left:10px; color:#666;}
.mem-mypage dd br {display:none;}
.mem-mypage dd input[type=text], .mem-mypage dd input[type=password] {border:1px solid #ddd; padding:0 5px; height:40px; line-height:40px; width:100%;}
.membreak-agree {width:100%; max-width:750px; text-align:right; margin:10px auto 0 auto;}
.membreak-agree label {font-weight:normal;}
.membreak-agree label br {display:none;}
.mem-email-w input[type=text] {width:calc(34% - 11px);} 
@media (max-width:1199px) {
	.apply_process ol li em {width:140px; height:140px;}
	.apply_process ol li span {height:60px; padding-top:30px;}
}
@media (max-width:991px) {
	.mem-process {padding:0px 30px; text-align:center;}
	.mem-process li.bg {padding-left:15px;}
	.mem-process li.next {width:9%;}
	.mem-process li.next img {width:20px;}
	.mem-process li .txt {text-align:center;}
	.mem-process li .txt small { display:block; padding:0;}
	.apply_process {padding:15px;}
	.apply_process ol li {background-size:15px; padding-left:28px; padding-right:12px;}
	.apply_process ol li em {width:106px; height:106px;}
	.apply_process ol li span {height:45px; padding-top:20px; font-size:14px;}
	.apply_process ol li strong {font-size:16px;}
}
@media (max-width:767px) {
	.mem-guide {padding:100px 20px 20px 20px; background-position: center 20px; background-size:60px;}
	.mem-process {padding:0;}
	.mem-process li.bg {padding-left:15px; background-position:left 19px;}
	.mem-process li .icon img {width:60px;}
	.mem-mypage {padding:10px 20px;}
	.mem-mypage dt, .mem-mypage dd {font-size:14px;}
	.apply_process ol {display:block;}
	.apply_process ol li {display:block; background-image:none; padding:5px 0 0 0;}
	.apply_process ol li:first-child {padding-top:0;}
	.apply_process ol li em {width:100%; height:60px; line-height:60px; border-radius:10px; padding-left:60px; position:relative;}
	.apply_process ol li span {position:absolute; left:0; top:10px; border-bottom:0; border-right:1px solid rgba(255,255,255,.2); width:60px; height:40px; line-height:40px; padding:0;}
	.apply_process ol li strong {width:100%; line-height:60px; margin:0; text-align:left; padding-left:15px;}
	.apply_process ol li strong br {display:none;}
	.apply_process ol li.icon1 strong, .apply_process ol li.icon4 strong, .apply_process ol li.icon5 strong {line-height:60px;}
}
@media (max-width:500px) {
	.mem-process {padding:0px; text-align:center;}
	.mem-process ul {overflow:hidden; margin-bottom:0; font-size:0;}
	.mem-process li {display:inline-block; width:24%;}
	.mem-process li.bg {background:url('/comEdu/images/mem/join_arrow.png') no-repeat left 17px; background-size:10px; padding-left:10px;}
	.mem-process li.next {width:9%;}
	.mem-process li.next img {width:20px;}
	.mem-process li .icon img {width:50px;}
	.mem-process li .txt {font-size:14px; margin-bottom:0; color:#767676; font-weight:bold; text-align:center;}
	.mem-process li .txt.on {color:#333;}
	.mem-info-input {padding:20px;}
	.mem-email-w input[type=text] {width:calc(50% - 11px);} 
	.mem-email-w select {margin-top:5px; width:100%;}
}
@media (max-width:425px) {
	.auth-wrap {padding:30px 15px;}
	.auth-wrap .txt br {display:block;}
	.mem2-org-w dd input {width:100%;}
	.mem2-org-w dd a {width:100%; margin-top:5px;}
	.welcom-txt1 br, .welcom-txt2 br {display:none;}
}
@media (max-width:375px) {
	.mem-rule-agree h4.pri-xs {overflow:hidden;}
	.mem-rule-agree h4.pri-xs a {position:relative; display:block; float:right; margin-top:5px;}
	.mem-info-input {padding:15px;}
	.mem-mypage dd br {display:block;}
	.mem-mypage dd .xs-hide {display:none;}
	.membreak-agree {text-align:center;}
	.membreak-agree label br {display:block;}
}
/*table*/
.table-wrap {width:100%; max-width:1440px; padding:0 20px; margin:0 auto;}
.tbl_list {margin-bottom:0; border-top:1px solid #44619D; width:100%;}
.tbl_list th {padding:5px; text-align:left;border-bottom:1px solid #dedede; border-right:0px solid #d7d7d7; background:#f9f9f9; text-align:center; line-height:120%;}
.tbl_list th  a {text-decoration:none; color:inherit; line-height:120%;} /* 모든 링크 밑줄 */
.tbl_list th.noline {border-right:0;}
.tbl_list td {padding:6px 4px 6px 4px;text-align:center;border-bottom:1px solid #dedede; letter-spacing:-0.07em; word-break:keep-all;}
.tbl_list input[type="checkbox"] {height:auto; border:none; width:auto; line-height:normal;}
.tbl_list input[type="radio"] {height:auto; border:none; width:auto; line-height:normal;}
.tbl_list .ls {letter-spacing:-0.07em;} 
.tbl_list th.ls2 {padding:10px 1px; letter-spacing:-0.07em;}
.tbl_list td.ls2 {padding:8px 1px; letter-spacing:-0.07em;}
.tbl_list select {border: 1px solid #ccc;}
.tbl_list td.nodate {height:100px; line-height:100px; text-align:center;}
.tbl_list td.sc-n {font-size:12px;}
.tbl_list td.date {font-size:12px;}
.tbl_list td .btn {line-height:110%; border-radius:3px;}
.tbl_list td .btn.btn-md {padding:6px 9px 5px 7px;}
.bg-color1 {background-color:#00479D;}
.bg-color2 {background-color:#87B441;}
.bg-color3 {background-color:#F49D1C;}
.bg-color4 {background-color:#9A4B8E;}
.bg-color5 {background-color:#5882FA;}/*온공교실*/
.bg-color6 {background-color:#FF8000;}/*학교 유형간 공동교육과정*/
.bg-color7 {background-color:#FF8000;}/*고교-대학 연계 학점인정체제*/

.tbl_form {margin-bottom:10px; width:100%; }
.tbl_form tr:first-child {border-top:1px solid #44619D;}
.tbl_form th {padding:10px 5px;text-align:left;border-bottom:1px solid #dedede; border-right:0px solid #d7d7d7; background:#eee; text-align:center; font-weight:bold; font-size:15px; word-break:keep-all;}
.tbl_form th.noline {border-right:0;}
.tbl_form th.border-r {border-right:1px solid #dedede;}
.tbl_form td {padding:10px;text-align:left;border-bottom:1px solid #dedede;}
.tbl_form td .inpfile {width:218px;margin-right:4px;}
.tbl_form td .fileBtn {margin-bottom:5px;}
.tbl_form td .usefile {height:50px;border:1px solid #c8c8c8;}
.tbl_form td label + input[type="checkbox"],
.tbl_form td label + input[type="radio"] {margin-left:20px; height:30px;}
.tbl_form select, .ebox2 select { border: 1px solid #ccc !important;padding-left:5px !important; width:auto !important; line-height:170%; }
.tbl_form select. .tbl_form input {height:30px !important;}
/*.tbl_form input,.ebox2 input {border:1px solid #d7d7d7; padding-left:10px; width:auto !important; }*/
.tbl_form textarea {padding-left:10px;}
.tbl_form input[type="checkbox"] {height:auto !important; border:none !important; width:auto !important; line-height:normal; margin-right:3px;}
.tbl_form input[type="radio"] {height:auto !important; border:none !important; width:auto !important; line-height:normal;}
.tbl_form input[type="file"] {width:400px !important;}
.tbl_form .ls {padding:0px;letter-spacing:-0.07em}
.tbl_form .wd6, .ebox2 .wd6 {width:60px !important;}
.tbl_form .wd1, .ebox2 .wd1 {width:80px !important;}
.tbl_form .wd2, .ebox2 .wd2 {width:110px !important;}
.tbl_form .wd3, .ebox2 .wd3 {width:472px !important;}
.tbl_form .wd4, .ebox2 .wd4 {width:130px !important;}
.tbl_form .wd5, .ebox2 .wd5 {width:220px !important;}
.lect-view {border-top:1px solid #44619D; width:100%;}
.lect-view dl {margin:0; padding:0; background-color:#f5f5f5;}
.lect-view .line1 {border-bottom:1px solid #dedede; overflow:hidden;}
.lect-view .line2 {border-bottom:1px solid #dedede; overflow:hidden;}
.lect-view div dl {display:table;}
.lect-view div dl dt {display:table-cell; padding:10px; font-size:14px; width:200px; vertical-align:middle;}
.lect-view div dl dd {display:table-cell; padding:10px 5px; font-size:14px; width:calc(100% - 200px); background-color:#fff; vertical-align:middle;}
.lect-view .line1 dl {width:100%;}
.lect-view .line2 dl {float:left; width:50%;}
.lect-view .line3-1 dl {width:100%;}
.lect-view .line3 {overflow:hidden; padding-left:80px; position:relative;border-bottom:1px solid #dedede; overflow:hidden; background-color:#f5f5f5;}
.lect-view .line3 div {border-bottom:0; border-top:1px solid #dedede; border-left:1px solid #dedede; width:100%;}
.lect-view .line3 div:nth-child(2) {border-top:0;}
.lect-view .line3 h4 {width:70px; position:absolute; left:10px; top:50%; margin-top:-7px; font-size:14px; font-weight:bold;}
.lect-view div.line3 dt {width:119px;}
.lect-view .line3-1 p {margin:0;}
.lect-view .line3-1 dd {padding:0; overflow:hidden;}
.lect-view .line3-1 dd span {display:block; float:left; padding:10px 5px;}
.lect-view .line3-1 dd p {float:right; width:575px; overflow:hidden;}
.lect-view .line3-1 dd p strong {display:inline-block; width:200px; padding:10px; background-color:#f5f5f5;}
.lect-view .line3-1 dd p em {font-style:normal; display:inline-block; padding:10px 5px;}
.apply-textarea {width:100%; border:1px solid #ccc;}
h4.apply {margin:0 0 10px 0; padding:0; font-size:24px; color:#121212; font-weight:bold;}
.lecture-info {border-top:1px solid #44619D; width:100%; overflow:hidden;}
.lecture-info dl {overflow:hidden; border-bottom:1px solid #dedede; margin:0; padding:0;}
.lecture-info dl dt {float:left; width:100px; background-color:#f5f5f5; padding:10px;}
.lecture-info dl dd {float:left; width:calc(100% - 100px); padding:10px 5px;}
.lecture-info dl.li-list2 {width:60%; float:left;}
.lecture-info dl.li-list3 {width:40%; float:left;}
.lecture-info dl.li-list4 {width:30%; float:left;}
.lecture-info dl.li-list5 {width:30%; float:left;}
.lecture-info dl.li-list6 {width:40%; float:left;}
.lecture-info dl.li-list7 {width:30%; float:left;}
.lecture-info dl.li-list8 {width:30%; float:left;}
.lecture-info dl.li-list9 {width:40%; float:left;}

@media (max-width:1199px) {
	.lect-view .line3-1 dd p {width:470px;}
}

@media (max-width:991px) {
	.lect-view .line2 dl {float: none; width:100%;}	
	.lect-view .line2 dl:nth-child(2) {border-top:1px solid #dedede;}
	.lect-view .line3-1 dd p {width:100%; float:none;}
	.lect-view .line3-1 dd p strong {width:auto; background-color:transparent;}
	.lect-view .line3-1 dd p strong:after {content:":"; font-weight:bold; display:inline-block; padding:0 10px; }
}
@media (max-width:767px) {
	.lect-view div dl dt {width:120px; text-align:center;}
	.lect-view div dl dd {width:calc(100% - 120px);}
	.lect-view .line3 {padding:0; background-color:#fff; border-top:1px solid #dedede; margin-top:5px;}
	.lect-view .line3 h4 {width:100%; position:relative; padding:15px 10px 10px 10px; margin:0; left:0; border-bottom:1px solid #dedede; background-color:#fff;}
	.lect-view .line3 h4 br {display:none;}
	.lect-view .line3 div {border-left:0;}
	.lect-view .line3 dl:nth-child(1) dt {width:120px;}
	.lect-view .line3:nth-child(2) {margin-bottom:5px;}
	.mb-line {margin-top:5px; border-top:1px solid #dedede;}
	.lecture-info dl.li-list2 {width:100%;}
	.lecture-info dl.li-list3 {width:100%;}
	.lecture-info dl.li-list4 {width:50%;}
	.lecture-info dl.li-list5 {width:50%;}
	.lecture-info dl.li-list6 {width:100%;}
	.lecture-info dl.li-list7 {width:33.3333%;}
	.lecture-info dl.li-list8 {width:33.3333%;}
	.lecture-info dl.li-list9 {width:33.3333%;}
}
@media (max-width:600px) {
	.lect-view div dl dt {width:33.333333%;}
	.lect-view div dl dd {width:66.666667%;}
	.lecture-info dl.li-list4 {width:100%;}
	.lecture-info dl.li-list5 {width:100%;}
	.lecture-info dl.li-list6 {width:100%;}
	.lecture-info dl.li-list7 dt, .lecture-info dl.li-list7 dd,
	.lecture-info dl.li-list8 dt, .lecture-info dl.li-list8 dd,
	.lecture-info dl.li-list9 dt, .lecture-info dl.li-list9 dd{width:100%; border-left:1px solid #999;}
	.lecture-info dl.li-list7 dd, .lecture-info dl.li-list8 dd, .lecture-info dl.li-list9 dd{text-align:center;}
}
/*bbs*/
.bbs-guide {clear:both; margin-top:10px; background-color:#eee; padding:15px 10px;}
.bbs-list {width:100%; border-top:1px solid #44619d;}
.bbs-list th {border-bottom:1px solid #ccc; padding:13px 5px; text-align:center}
.bbs-list td {border-bottom:1px solid #ccc; padding:10px 5px;}
.bbs-search {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 0;}
.bbs-search select {border:1px solid #ccc; height:34px; line-height:34px; padding:0 25px 0 5px; vertical-align:top;}
.bbs-search input[type=text] {border:1px solid #ccc; height:34px; line-height:34px; padding:0 5px; vertical-align:top; width:230px;}
.bbs-search button {vertical-align:top; background-color:#666; color:#fff;}
.bbs-search button:hover {background-color:#444; color:#fff;}
.total-post {text-align:right;}
.total-post b {font-size:15px;}
.bbs-btn {margin:10px 0;}
h4.bbs {text-align:center; font-size:30px; color:#121212; margin-bottom:30px;}
.bbs-form {width:100%;}
.bbs-form tr:first-child {border-top:1px solid #44619d;}
.bbs-form th {border-bottom:1px solid #ccc; padding:10px 5px;}
.bbs-form td {border-bottom:1px solid #ccc; padding:10px 5px;}
.bbs-form td input[type=text] {height:40px; line-height:40px; border:1px solid #ccc; padding:0 5px;}
.bbs-form td input[type=file] {height:40px; line-height:40px;}
.bbs-form td textarea {width:100%; border:1px solid #ccc; padding:5px; min-height:200px;}
.bbs-form.form-faq td {border-left:1px solid #ddd; padding-left:10px;}
.bbs-view {width:100%; border-top:1px solid #44619d;}
.bbs-view .subject {padding:15px 5px; font-weight:bold; border-bottom:1px solid #ccc; color:#44619d; font-size:20px; margin:0;}
.bbs-view .sub {border-bottom:1px solid #ccc; padding:10px 5px;}
.bbs-view .sub p {margin:0;}
.bbs-view .con {padding:5px 5px 20px 5px; border-bottom:1px solid #ccc;} 
.bbs-view .con p {padding:10px 0;}

table > tbody > tr > td.no-data {height:100px; line-height:100%; text-align:center;}
table > thead > tr > th.line-r, table > tbody > tr > th.line-r, table > tbody > tr > td.line-r {border-right:1px solid #dedede;}
@media (max-width:410px) {
	.bbs-search {padding:10px;}
	.bbs-search select {width:100px;}
	.bbs-search input[type=text] {width:calc(100% - 105px);}
	.bbs-search button {display:block; width:100%; margin-top:5px;}
}
/*모달*/
.modal-header {background-color:#337AB7; color:#fff; height:60px; margin:0; padding:0 15px; border-radius:5px 5px 0 0;}
.modal-header h2 {margin:0; font-size:24px; line-height:60px;}
.modal-header .close {color:#fff; opacity:.5; font-weight:100; font-size:50px; margin-top:5px;}
.modal-body dl {display:table; width:100%; font-size:0; margin:0;}
.modal-body dt {display:table-cell; width:30%; font-size:15px; padding:10px;}
.modal-body dd {display:table-cell; width:70%; font-size:15px; padding:10px;}
.modal-body ul {margin:0; padding:0;}
.modal-body ul li {margin-left:20px;}
.modal-body div.well:nth-child(2) {margin-bottom:0;}
.modal-body dl.b-line {border-bottom:1px dashed #ddd;}
/*강좌*/
.area_tab {margin:0 -2px;}
.area_tab li {padding:2px; font-size:15px;}
.area_tab li a {border:1px solid #ccc; border-radius:0;}
.area_tab li:nth-child(6) {display:none;}
.top-search-box {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0; font-size:0; margin-top:20px; text-align:center;}
.top-search-box div {display:inline-block; font-size:15px; padding:0 3px;}
.top-search-box input[type=text] {border:1px solid #ccc; height:34px; line-height:34px; padding:0 5px;}
.top-search-box select {border:1px solid #ccc; height:34px; line-height:34px; padding:0 25px 0 5px;}
.top-search-box .wd1 select {width:80px; margin:2px 0; display:inline-block;}
.top-search-box .wd2 select {width:80px; margin:2px 0; display:inline-block;}
.top-search-box .wd3 select {width:120px; margin:2px 0; display:inline-block;}
.top-search-box .wd4 input{width:250px; margin:2px 0; display:inline-block;}
/*bbs-cate-tab*/
.cate-tab {margin:0 -2px; overflow:hidden; list-style:none;}
.cate-tab li {margin:2px; width:calc(20% - 4px); float:left;}
.cate-tab li a {border:1px solid #ccc; border-radius:0; display:block; text-align:center; height:40px; line-height:40px;}
.cate-tab li a:hover, .cate-tab li a:focus {text-decoration:none; background-color:#eee;}
.cate-tab li.active a {border-color:#337AB7; background-color:#337AB7; color:#fff; font-weight:bold;}

/*만족도*/
/*box*/
.tbl_box_form {width:100%;margin-top:10px;margin-bottom:10px;border-top:1px solid #dedede; border-left:1px solid #dedede;}
.tbl_box_form th {padding:5px !important;text-align:left;border-bottom:1px solid #dedede; border-right:1px solid #dedede; background:#eeeeee; text-align:center;  font-weight:500;}
.tbl_box_form th.noline {border-right:0;}
.tbl_box_form td {padding:6px;text-align:left;border-bottom:1px solid #dedede;border-right:1px solid #dedede;}
/*.tbl_box_form input,.ebox2 input {border:1px solid #d7d7d7; padding:0px; width:auto; line-height:170%;}*/
.tbl_box_form textarea {padding-left:10px;}
.tbl_box_form input[type="checkbox"] {height:auto !important; border:none !important; width:auto !important; line-height:normal;}
.tbl_box_form input[type="radio"] {height:auto !important; border:none !important; width:auto !important; line-height:normal;}
.tbl_box_form input[type="file"] {width:auto;}
.t_center {text-align:center !important; padding-left:0 !important; padding-right:0 !important;}
@media (max-width:1199px) {
	.area_tab {font-size:0;}
	.area_tab.nav-justified>li {display:inline-block; width:25%; margin:0;}
}

@media (max-width:991px) {	
	.area_tab.nav-justified>li {width:50%;}
	.top-search-box .wd4 {width:100%;}
	.top-search-box .wd4 input {width:calc(100% - 250px);}
	.top-search-box .ts-btn {display:block; text-align:center; margin-top:10px;}
	.cate-tab li {width:calc(25% - 4px);}
}
@media (max-width:767px) {
	.table-responsive {margin-bottom:0;}
	.top-search-box .wd4 input {width:calc(100% - 80px); display:inline-block;}
	.mt20.text-center a {margin:5px 0 0 0;}
	.row .pull-left {margin-top:10px; margin-bottom:0; text-align:right; width:100%;}
	.row .pull-right {margin-top:5px;}
	.cate-tab li {width:calc(33.3353333% - 4px);}
}
@media (max-width:530px) {
	.top-search-box {padding:10px;}
	.cate-tab li {width:calc(50% - 4px);}
}
@media (max-width:445px) {
	.area_tab.nav-justified>li {display:inline-block; width:100%;}
	.top-search-box div {width:100%; display:block; text-align:left; padding:0;}
	.top-search-box div label {width:75px;}
	.top-search-box .wd1 select {width:calc(100% - 80px);}
	.top-search-box .wd2 select {width:calc(100% - 80px);}
	.top-search-box .wd3 select {width:calc(100% - 80px);}
	.top-search-box .wd4 input {width:calc(100% - 80px);}
}
.comming {width:100%; max-width:830px; margin:0 auto; padding:0 15px;}
.comming img {width:100%;}
select.form-control {padding-right:25px !important;}
.nec {color:#F00; font-weight:normal;}
.txt {word-break:keep-all;}

/*tab-신청대상학교*/
.tab-school-select-area .nav-tabs {border-bottom:0;}
.tab-school-select-area .nav-tabs>li {margin-top:2px;}
.tab-school-select-area .nav-tabs>li>a {border:1px solid #ddd; border-radius:4px; padding:5px 10px !important;}
.tab-school-select-area .tab-content {margin-top:7px; background-color:#f5f5f5; border-radius:4px; padding:10px;}
/*학생마이페이지 상태*/
.btn-my {padding:5px 2px 3px 2px; display:inline-block; border-radius:3px;}
.btn-my.btn-success {background-color:#449546;}
.btn-my.btn-closed {background-color:#444; color:#fff;}
.btn-my.btn-closed:hover {background-color:#222; color:#fff; text-decoration:none;}
/*운영소개 변경-20230526*/
#intro h4 {text-align:center; background-color:#E0F8F8; color:#121212; font-size:32px; border-radius:20px; padding:30px 10px; color:#121212; margin-top:0;}
#intro h4 span {display:block; margin-bottom:15px;}
#intro h4 strong br {display:none;}
#intro h5 {text-align:center; margin-top:60px; margin-bottom:0; position:relative; padding-bottom:40px;}
#intro h5 span {display:inline-block; background-color:#F28C76; color:#fff; font-size:24px; padding:20px 30px; border-radius:60px; min-width:350px; font-weight:bold;}
#intro h5:nth-child(4) span { background-color:#6CC68E;}
#intro h5:after {content:""; display:block; width:1px; height:40px; position:absolute; left:50%; top:76px; margin-left:-0.5px; background-color:#F7D6D0;}
#intro h5:nth-child(4):after {background-color:#CDEAD8;}
#intro ul {overflow:hidden; text-align:center; padding:0; margin-bottom:0; font-size:0;}
#intro ul::before {content:""; width:340px; height:1px; display:block; margin:0 auto; background-color:#F7D6D0;}
#intro ul.sch-out::before {width:340px; background-color:#CDEAD8;}
#intro ul li {display:inline-block; margin:0 10px; vertical-align:top; position:relative; padding-top:40px;}
#intro ul li span.line {display:block; width:1px; height:40px; position:absolute; left:50%; top:0; margin-left:-0.5px; background-color:#F7D6D0;}
#intro ul.sch-out li span.line {background-color:#CDEAD8;}
#intro ul.sch-out li dl {border:5px solid #99D3AF;}
#intro ul li dl {width:100%; margin-bottom:0; width:320px; padding:0 10px 10px 10px; border:5px solid #F6C7BE; border-radius:30px;}
#intro ul dl dt {font-size:20px; padding:110px 0 0px 0; background:no-repeat center 20px; background-size:80px;}
#intro ul dl dd {font-size:15px; margin-top:10px; background-color:#f5f5f5; border:1px solid #ddd; border-radius:16px;}
#intro ul dl dd ul {margin:0; padding:10px 5px; font-size:15px;}
#intro ul dl dd ul:before {display:none;}
#intro ul dl dd ul li {width:auto; margin:5px 0; border:none !important; padding:0;}
#intro ul dl dd ul li:before {content:"ㆍ"; font-weight:bold; color:#F28C76;}
#intro ul.sch-in dl dt {color:#F28C76;}
#intro ul.sch-out dl dt {color:#6CC68E;}
#intro ul.sch-out dl dd ul li:before {color:#6CC68E;}
#intro ul dl.intro-1 dt {background-image:url('../images/sub/intro_icon01.png');}
#intro ul dl.intro-2 dt {background-image:url('../images/sub/intro_icon02.png');}
#intro ul dl.intro-3 dt {background-image:url('../images/sub/intro_icon03.png');}
#intro ul dl.intro-4 dt {background-image:url('../images/sub/intro_icon04.png');}
#intro ul dl.intro-5 dt {background-image:url('../images/sub/intro_icon05.png');}
@media (max-width:1199px) {
	#intro ul::before {width:340px;}
	#intro ul.sch-in li:nth-child(3) span.line {height:400.5px; top:-360.5px;}
}
@media (max-width:767px) {
	#intro h4 {font-size:24px; padding:20px 10px;}
	#intro h5 {padding-bottom:0;}
	#intro h5:after {display:none;}
	#intro ul::before {display:none;}
	#intro ul li {display:block; width:100%; margin:0;}
	#intro ul.sch-in li:nth-child(3) span.line {height:40px; top:0;}
	#intro ul li dl {width:100%;}
	#intro ul li dl li br {display:none;}
}
@media (max-width:550px) {
	#intro ul li dl li br {display:block;}
}
@media (max-width:420px) {
	#intro h4 strong br {display:block;}
}
@media (max-width:374px) {
	#intro h5 {margin-top:30px;}
	#intro h5 span {font-size:20px; min-width:100%; padding:15px;}
	#intro ul li {padding-top:20px;}
	#intro ul li span.line {height:20px;}
	#intro ul dl dt {font-size:18px;}
	#intro ul dl dd ul {font-size:14px; padding:15px 5px;}
}
/*[2025-05-28]수강신청레이어팝업*/
#layer-pop-wrap {width:100%; height:100vh; background-color:rgba(0,0,0,.3); z-index:500000000000000000000000; position:fixed; left:0; top:0;} 
.layer-pop dl {width:400px; height:300px; background-color:#fff; border-radius:20px; text-align:center; margin-top:calc(50vh - 200px); margin-left:calc(50% - 200px); box-shadow:5px 5px 10px rgba(1,1,1,0.1); padding:40px;}
.layer-pop dl dt {font-size:30px; padding-bottom:20px; border-bottom:1px solid #999; color:#121212;}
.layer-pop dl dd {margin-top:40px; font-size:18px; word-break:keep-all; text-align:left;}
.layer-pop p.btn-wrap {width:100%; text-align:center;}
.layer-pop p.btn-wrap a {display:inline-block; width:50px; height:50px; background-color:#333; color:#fff; text-align:center; line-height:55px; border-radius:50%; text-decoration:none; font-size:30px;}
.layer-pop p.btn-wrap a:hover {background-color:#111;}
@media (max-width:440px) {
	.layer-pop dl {width:calc(100% - 40px); height:auto; margin-left:20px;}
}