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

.subCon {margin-top:40px; font-size:13px;}
.subCon h4.subTit, .subCon h4.subTit a {margin:60px 0 20px 0; font-size:23px; color:#f08500;}
.subCon h4.subTit:before {content:""; display:inline-block; vertical-align:middle; width:4px; height:21px; margin:-6px 8px 0 0; background:#f08500;}
.subCon h4.subTit span {color:#c61065;}
.subCon .subExt {margin-left:12px; padding-bottom:10px; font-size:15px; font-weight:500; color:#9d7e51; border-bottom:1PX solid #d7d7d7;}

.subCon h5 {margin:40px 0 10px 0; padding-left:12px; font-size:18px; color:#996b56; background:url(../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(../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(../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:500; color:#026f94; background:url(../img/template_common/dt_title.gif) no-repeat;}
.subCon dl.txtDiv dd {padding:3px 0 3px 10px; line-height:18px; font-size:14px; color:#628490; text-align:justify; background:url(../img/template_common/dd_bullet.gif) 0 12px no-repeat;}
.subCon dl.txtDiv dd span {display:block; padding-left:20px; line-height:24px; background:url(../img/common/icon_dot.gif) 10px 50% no-repeat;}
.subCon .sub_strong {font-size:16px; font-weight:500; color:#333;}
.subCon .ex_point {margin-top:10px; text-align:right; color:#f18f3f;}

.subCon .img {margin:10px 0; text-align:center;}
.subCon .img img {max-width:100%;}
.subCon .app_btn {display:inline-block; margin-top:10px; padding:12px 50px; font-size:14px; font-weight:500; text-align:center; color:#333; border:1px solid #333;}
.subCon .app_btn:hover {color:#fff; background:#333;}
.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 dd {padding-bottom:10px;}
.subCon .con2 dd .bullet {display:block; padding-left:18px; color:#657f87; background:url(../img/common/icon_dot.gif) 10px 12px no-repeat;}
.subCon .con2 .kind1 {background-image:url('../img/ko/sub/map_ico1.gif')}
.subCon .con2 .kind2 {background-image:url('../img/ko/sub/map_ico2.gif')}
.subCon .con2 .kind3 {background-image:url('../img/ko/sub/map_ico3.gif')}
.subCon .train1 {font-weight:500; color:#003499}
.subCon .train2 {font-weight:500;  color:#bf9f1e}

.subCon .img_txt_bt {width:620px; margin:0 auto; background:url(../img/ko/sub/prof_program0101_img.gif) 50% top no-repeat;}
.subCon .img_txt_bt span {display:inline-block; padding-top:380px; font-size:15px; text-align:center;}

ul.con_tab2 {width:100%; margin-top:40px; display:inline-block; position:relative; background:#f8f8f8;}
ul.con_tab2 li {float:left; width:25%; background:#f0f0f0; border:#fff 1px solid; box-sizing:border-box; text-align:center; color:#4e4e4e; cursor:pointer; font-weight:500; font-size:15px;}
ul.con_tab2 a {display:inline-block; width:100%; padding:14px 0;}
ul.con_tab2 li:hover a,
ul.con_tab2 a:hover,
ul.con_tab2 li.on a {color:#fff !important; background-color:#0e7bc0;}

.listTab {margin:60px 0 20px 0; border-bottom:1px solid #415e67;}
.listTab:after {display:block; clear:both; content:''}
.listTab ul {float:left; width:100%; height:48px; line-height:48px;}
.listTab ul li {float:left; width:210px; margin-top:-1px; margin-right:-1px; border:1px solid #415e67; border-bottom:1px solid #415e67; box-sizing:border-box; background:#657f87;}
.listTab ul li a {display:block; font-size:16px; font-weight:500; text-align:center; color:#fff;}
.listTab ul li.select {position:relative; border:1px solid #415e67; border-bottom:1px solid #fff; background:#fff url(../img/ko/sub/tab_arrow.gif) 180px 50% no-repeat;} 
.listTab ul li.select a {color:#333;}
.tab_content {display:none;}
.tab_content > p {display:table; width:100%; height:180px;}
.tab_content > p > span {display:table-cell; text-align:center; vertical-align:middle;}

.tbl {width:100%; border-top:2px solid #333;}
.tbl tr.odd-row {background:#f9f9f9;}
.tbl th {padding:14px 5px; font-size:14px; font-weight:500; 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:500; text-align:left; color:#3e6b2e; border-left:none; border-bottom:1px solid #b8dbac; border-right:1px solid #b8dbac; background:#f5fcf8;}
.tbl td ul.b_list {}
.tbl td ul.b_list li {padding:5px 5px 5px 20px; text-align:left; background:url(../img/common/icon_dot.gif) 10px 50% no-repeat;}
.tbl td .clip {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}

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

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