@charset "utf-8";
	
/********************************************************************************************************
 * Subpage Contents CSS
*********************************************************************************************************/

.sub_layout {width:1140px; margin:0 auto; padding:0 25px; background:#fff;}
.subCon {margin-top:40px; font-size:13px;}
.subCon h3.subTit {margin:30px 0 20px 0; font-size:25px; color:#222; font-weight:600; letter-spacing: -0.06em;}
.subCon h4 {margin:30px 0 20px 0; padding-left:20px; font-size:21px; font-weight:600; color:#333; background:url(/lmsdata/img/ko/sub/h4_title.gif) 0 50% no-repeat; background-size:16px;}
.subCon h5 {margin:40px 0 10px 0; padding-left:12px; font-size:16px; color:#996b56; background:url(/lmsdata/img/template_common/h5_title.gif) 0 50% no-repeat;}
.subCon p.h4Box {padding:10px 0;}
.subCon ul.column3 {overflow:hidden;}
.subCon ul.column3 li {float:left; width:33.3%; min-height:200px; border-left:1px solid #d7d7d7; box-sizing:border-box;}
.subCon ul.column3 li:first-child {border-left:none;}
.subCon ul.h5Box {margin-left:20px; padding-bottom:10px; color:#a1a1a1;}
.subCon ul.h5Box li {padding:3px 0 3px 8px; background:url(/lmsdata/img/template_common/icon_dot.gif) 0 8px no-repeat;}
.subCon p.txtIn {margin-left:32px; padding:5px 0 10px 0; line-height:18px;}
.subCon p.txtPnt {width:80%; margin:20px auto; padding:10px; color:#998675; line-height:18px; text-align:justify; border:1px solid #e2e2e2; border-radius:7px; background:url(/lmsdata/img/template_common/subtop_line_bg.gif) repeat;}
.subCon dl.txtDiv {margin:10px 15px;}
.subCon dl.txtDiv dt {padding:10px 0; font-size:16px; font-weight:700; color:#026f94; background:url(/lmsdata/img//template_common/dt_title.gif) no-repeat;}
.subCon dl.txtDiv dd {padding:3px 0 3px 10px; line-height:18px; color:#628490; text-align:justify; background:url(/lmsdata/img/template_common/dd_bullet.gif) 0 12px no-repeat;}
.subCon .sub_strong {font-size:16px; font-weight:600; color:#333;}
.subCon .ex_point {margin-top:10px; text-align:right; color:#f18f3f;}

.subCon .img {margin:10px 0; text-align:center;}
.subCon .txtDesc01 {padding:20px 0; text-align:center; font-size:18px; font-weight:500; color:#fff; background:#4095aa;}
.subCon ul.txtDesc02 {overflow:hidden;} 
.subCon ul.txtDesc02 li {float:left; width:30%; margin-left:5%; padding:20px 0; text-align:center; font-size:18px; font-weight:500; color:#fff; background:#524388;}
.subCon ul.txtDesc02 li:first-child {margin-left:0;}

.subCon .con2 {font-size:14px; line-height:24px}
.subCon .con2 dt {color:#333; font-weight:bold}
.subCon .con2 dl {padding-left:42px; background-repeat:no-repeat; background-position:2px 0}
.subCon .con2 dt {margin-bottom:5px}
.subCon .con2 .kind1 {background-image:url('../sub/map_ico1.gif')}
.subCon .con2 .kind2 {background-image:url('../sub/map_ico2.gif')}
.subCon .con2 .kind3 {background-image:url('../sub/map_ico3.gif')}
.subCon .train1 {font-weight:600; color:#003499}
.subCon .train2 {font-weight:600;  color:#bf9f1e}

.tbl {width:100%; border-top:2px solid #333;}
.tbl tr.odd-row {background:#f9f9f9;}
.tbl th {padding:14px 5px; font-size:14px; font-weight:600; text-align:center; color:#333; border-left:1px solid #cfcfcf; border-bottom:1px solid #333; background:#f1f1f1;}
.tbl td {padding:14px 5px; text-align:center; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; word-wrap:break-word; word-break:break-all;}
.tbl th:first-child, .tbl td:first-child {border-left:none;}
.tbl td.head {padding-left:10px; font-weight:600; text-align:left; color:#333; border-left:none; border-bottom:1px solid #c7c7c7; border-right:1px solid #c7c7c7; background:#f1f1f1;}
.tbl td ul.b_list {}
.tbl td ul.b_list li {padding:5px 5px 5px 20px; text-align:left; background:url(../common/icon_dot.gif) 10px 50% no-repeat;}
.tbl td strong {padding-left:8px; color:#444; background:url(/lmsdata/img/common/icon_dot2.gif) 0px 8px no-repeat;}

.tbBasic {width:100%; margin-bottom:10px;  border-top:2px solid #333;}
.tbBasic thead th {padding:10px 0; font-size:13px; line-height:26px; text-align:center; color:#333; font-weight:bold; background:#fafafa; border-left:1px solid #cad1d8; border-bottom:1px solid #ddd;}

.tbBasic tbody th {padding:10px 0; line-height:26px; text-align:center; color:#333; font-weight:bold; background:#fafafa; border-left:1px solid #cad1d8; border-bottom:1px solid #ddd;}
.tbBasic thead th:first-child, .tbBasic tbody th:first-child {border-left:0px;}
.tbBasic td {padding:10px 5px; text-align:center; line-height:1.5; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.tbBasic td:first-child {border-left:0px;}
.tbBasic td.brLine {border-left:1px solid #e2e2e2;}
.tbBasic td.textLeft {padding-left: 20px; text-align:left !important;}
.tbBasic td.bgPink {background:#fdf5f5; color:#000;}
.tbBasic td .bold {color:#333;}
.tbBasic td .btn_go {display:inline-block; color:#fff; padding:6px 24px 3px 13px; background:#393939 url(/lmsdata/img/ko/sub/ico_arr.gif) 92% center no-repeat;}
.tbBasic td ul.noList {margin-bottom:0px;}
.tbBasic td ul.noList li {font-size:13px; padding:4px 0px 5px 0px; text-align:left; line-height:1.5;}


/* CTL 소개 */
.topBox {color:#171717; padding:20px 20px 20px 140px; border:4px solid #e6e6e6;}
.topBox.iconA {background:url(/lmsdata/img/ko/sub/sub_icon_01.png) 30px center no-repeat !important;}
.topBox em {font-style:normal; color:#c00c0c;}
.blList {margin-bottom:30px; font-size:14px;}
.blList li {padding:4px 0 5px 15px; background:url(/lmsdata/img/ko/sub/bl_02.gif) left 10px no-repeat;}
.blList li .depth2 {padding:5px 0 10px 0%;}
.blList li .depth2 li {padding:0px 0 0 0%; background:none;}
.greeting {color:#171717; font-size:14px; font-weight:400; line-height:1.7;}
.greeting p.simg {margin-top:0; margin-bottom:25px;}
.greeting p {margin-top:25px;}
.greeting p.sign {text-align:right; font-size:18px; margin-bottom:25px;}
.center .cimg {text-align:center; margin-top:15px;}
.center .ctxt {color:#171717; font-size:14px; font-weight:400; line-height:1.7;}
.map {display:block; width:100%; text-align:center; clear:both; margin-bottom:25px;}
.map img {border:1px solid #e6e6e6; }

/* 티칭포트폴리오 */
.portfolioCon {position:relative; width:100%; background:url(/lmsdata/img/ko/sub/portfolio_bg_img.jpg) 0 center no-repeat; background-size:cover;}
.portfolioCon .pf_title {width:100%; padding-top:20%;}
.portfolioCon h4 {width:80%; margin:0 auto; padding:30px 0; font-size:28px; text-align:center; color:#212121; border-top:1px solid #8d9fb3; border-bottom:1px solid #8d9fb3;}
.portfolioCon .pf_name {width:100%; position:relative; margin-top:64%;}
.portfolioCon .pf_name ul {width:30%; float:right;}
.portfolioCon .pf_name ul li { font-size:18px; padding-bottom:4px; color:#212121;}
/* .portfolioArea h4 {margin-left:5%; font-size:28px; color:#212121; padding:10px 0 20px 0;} */
.portfolioArea h4 {font-size:28px; color:#212121; padding:10px 0 20px 0;}
.portfolioArea h4:before {content:""; display:block; vertical-align: middle; width:26px; height:3px; margin:20px 0 0 0; background:#c00c0c;}
.portfolioArea h5 {text-align:center; font-size:20px; letter-spacing:-0.58px; color:#171717; padding:10px 0 20px 0;}
.portfolioArea h6 {text-align:center; font-size:22px; letter-spacing:-0.58px; color:#171717; padding:10px 0 18px 0;}
.portfolioArea .pf_list ul {width:90%; margin-left:7%;}
.portfolioArea .pf_list ul li {position:relative; font-size:20px; letter-spacing:-0.58px; color:#171717; background:#f3f3f4; margin-bottom:4px; border-radius:8px;}
.portfolioArea .pf_list ul li .pf_num {display:inline-block; margin-left:-35px; margin-right:15px; line-height:78px; text-align:center; color:#fff; width:78px !important; height:78px !important; background:url(/lmsdata/img/ko/sub/portfolio_bg_num.png) 0 center no-repeat;}
.portfolioArea .txtBig {font-size:15px; font-weight:bold;}
.pfbox01 {width:100%; margin:0px auto 15px auto; padding:15px; color:#c00c0c; line-height:18px; font-size:14px; line-height:1.8; text-align:justify; border:1px solid #e2e2e2; background:url(/lmsdata/img/template_common/subtop_line_bg.gif) repeat; box-sizing:border-box;}
.pfbox02 {border:1px solid #d1d1d1; padding:20px;}
.pfbox02 .Q {font-size:24px;}
.pfbox02 .tt {font-size:18px; color:#171717;}
.pfbox01 ul li {padding:0 0 0 18px; background:url(/lmsdata/img/ko/sub/icon_dot2.gif) 7px 50% no-repeat;}
.portfolioArea .boardListBasic td {height:18px;}
.pfbox02 .type_box01 > p {margin:10px 0;}
.pfbox02 .type_box01 > p.ht {font-family:'KoPub Batang', serif; font-size:24px; color:#000; line-height:28px; text-align:center;}
.pfbox02 .type_box01 > p.start {font-size:14px; color:#47798b; font-weight:500; text-align:center;}
.pfbox02 .type_box01 > p.point {font-size:14px; color:#1b6fbd; text-align:center;}
.pfbox02 .type_box01 > p.point span {display:inline-block; width:50%; margin:0 auto;}


/* 교수지원 */
.noList {margin-bottom:30px; font-size:14px;}
.noList li {padding:4px 0 5px 5px; line-height:1.7;}
.noList li .depth2 {padding:5px 0 10px 0%;}
.noList li .depth2 li {padding:0px 0 0 0%; background:none;}

@media all and (max-width:1217px){
.md-col1 {width:25%;}
.md-col2 {width:50%;}
.md-col3 {width:75%;}
.md-col4 {width:100%;}
.greeting p.simg img,
.center .cimg img,
.map img {max-width:100%;}
.noList li img {max-width:100%;}
}

@media all and (max-width:768px){
.sm-col1 {width:25%;}
.sm-col2 {width:50%;}
.sm-col3 {width:75%;}
.sm-col4 {width:100%;}
}