@Charset "utf-8";
@import url("common.css");

.wrap_title {display:none;}

/* 탭 */
#sub #hcms_tab_area {display:none;}
#sub .boardTab {display:block !important;}



#navi .navi {max-width:1400px; margin:-30px auto 0; height:60px; line-height:60px; background:#fff; border:1px solid #ddd;}
#navi .navi .home {float:left; width:62x; height:62px; margin:-1px; overflow:hidden;}
#navi .navi .home a {display:table-cell; width:62px; height:62px; vertical-align:middle; text-align:center; background:#255fb2;}
#navi .navi .home a img {display:inline;}
#navi .navi .n1 {position:relative; float:left;}
#navi .navi .n1 .a1 {display:block; padding:15px 40px 15px 20px; min-width:250px; font-size:18px; font-weight:500; color:#686767; line-height:30px; border-right:1px solid #b2b2b2; background:url("/hcm/design/layout2022/a/res/img/navi_bg.png") no-repeat 95% 30px;}
#navi .navi .n2 {display:none;}
#navi .navi .n2 {position:absolute; min-width:100%; top:60px; left:0; background:#fff; text-align:left; border:1px solid #d9d9d9; box-sizing:border-box; overflow:hidden; z-index:5;}
#navi .navi .n2 .a2 {display:block; font-size:16px; line-height:50px; color:#686767; padding:0 20px;}
#navi .navi .n2 .a2:HOVER {color:#fff; background:#255fb2;}
#navi .navi .on1 .n2 {display:block;}
#navi .navi .link img {margin:0 0 3px 3px;}

#navi .m_navi {position:relative; margin:-30px 2% 0; height:60px; line-height:60px; background:#fff; border:1px solid #ddd; display:none;}
#navi .m_navi .home {float:left; width:62x; height:62px; margin:-1px; overflow:hidden;}
#navi .m_navi .home a {display:table-cell; width:62px; height:62px; vertical-align:middle; text-align:center; background:#255fb2;}
#navi .m_navi .home a img {display:inline;}
#navi .m_navi .navilist {float:left; width:calc(100% - 62px);}
#navi .m_navi .n1 {position:relative; float:left; padding:0 35px 0 20px; border-right:1px solid #ddd; background:url("/hcm/design/layout2/a/res/img/link_on.png") no-repeat 88% 28px; cursor:pointer;}
#navi .m_navi .n1 .a1 {display:block; font-size:15px; font-weight:bold; color:#5c5c5c; padding-right:20px; white-space:nowrap;}
#navi .m_navi .n2 {position:absolute; width:100%; top:60px; left:0; background:#fff; text-align:left; white-space:nowrap; overflow:hidden; z-index:5; box-sizing:border-box; display:none;}
#navi .m_navi .n2 .a2 {display:block; font-size:16px; line-height:0; color:#686767; padding:0 20px; text-align:center; transition:0.3s;}
#navi .m_navi .n2 .a2:HOVER {color:#fff; background:#255fb2;}
#navi .m_navi .n2 .link .bg {display:none; margin-left:5px; transition:0.3s;}
#navi .m_navi .on1.n2 {display:block; border:1px solid #ddd;}
#navi .m_navi .on1 .a2 {line-height:50px;}
#navi .m_navi .on1 .link .bg {display:inline;}




.sub_title {display:flex; align-items:center; justify-content:center; height:480px; padding:40px 0 50px; background:url("/hcm/design/layout2023/b/res/img/sub_title_01.png") no-repeat 0 center; background-size:cover; box-sizing:border-box;}
.sub_title .text {font-size:32px; font-weight:bold; color:#fff; line-height:40px;}

.sub_title2 {display:flex; align-items:center; justify-content:center; margin-bottom:40px;}
.sub_title2 .text {font-size:35px; font-weight:500; color:#313131; line-height:40px;}

#sub {position:relative; max-width:1400px; margin:0 auto; padding:60px 3% 60px;}
#sub .sub {min-height:500px; padding:40px 0 50px; box-sizing:border-box; overflow:hidden;}

#sub .tab {display:flex; margin:80px 0 40px; overflow:hidden;}
#sub .tab a {display:flex; justify-content:center; align-items:center; width:500px; height:50px; padding:0 5px; font-size:18px; line-height:20px; color:#808080; text-align:center; border-bottom:1px solid #ddd;}
#sub .tab .on {color:#255fb2; font-weight:500; border-bottom:3px solid #255fb2;}

#sub .tab2 {margin:-10px 0 35px; padding:0 10px; border:1px solid #ddd; overflow:hidden;}
#sub .tab2 a {display:inline-block; padding:15px 0; font-size:17px; line-height:25px; color:#000;}
#sub .tab2 a span {display:block; height:25px; padding:0 20px;}
#sub .tab2 a+a span {border-left:1px solid #ddd;}
#sub .tab2 .on {color:#2f68c2; font-weight:500;}




.t18b {font-size:18px; color:#231f20; line-height:26px; padding-left:18px; background:url("/site/cme/res/img/sub_t18b_bg.png") no-repeat 0 8px; margin-bottom:10px;}
.intro .t22b {display:inline-block; font-size:22px; color:#0b4d98; margin:-20px 0 20px; padding:30px 50px 0 0; background:url("/site/cme/res/img/sub_50222_bg.png") no-repeat 100% 0; overflow:hidden;}
.intro .t13 {font-size:13px; color:#434343; line-height:26px; text-align:justify;}
.intro .btn {text-align:center; margin:30px 0 30px;}
.intro .btn a {display:inline-block; width:170px; height:53px; border-top:2px solid #ced3d5; border-right:2px solid #97a4a6;  border-bottom:2px solid #97a4a6; border-left:2px solid #b0b8ba; background:#a4aeb0; border-radius:10px; box-shadow:1px 1px 5px #a4aeb0;}
.intro .btn a {font-size:16px; font-weight:bold; color:#fefefe; line-height:53px; text-shadow:1px 1px 3px #748285;}
.intro .t13+.t18b {margin-top:25px;}
.sub .divSearch {width:100%;}
.sub .j_table {width:100% !important;}

.sub .btn2 {overflow:hidden;}
.sub .btn2 a {display:inline-block; width:220px; height:45px; line-height:45px; font-size:16px; font-weight:500; color:#fff; text-align:center; background:url("/site/m-disciplinary2/res/img/text_bg.png") no-repeat center center; background-size:100% 100%; }



.t20 {font-size:20px; color:#313131; line-height:30px;}
.t20.bg {padding-left:24px; background:url("/hcm/design/layout2023/a/res/img/t20_bg.png") no-repeat 0 9px;}
.t18 {font-size:18px; color:#313131; line-height:30px;}

.c1 {color:#255fb2;}

.text_box {padding:70px 7%; background:#f7f7f7;}
.text_box .text {padding:70px 3%; background:#fff;}

@media only screen and (max-width:1000px) {
	.text_box {padding:50px 3%;}
	.text_box .text {padding:50px 3%;}
	
}



caption {font-size:0; height:0;}
.table01 {width:100%; border-top:1px solid #3268a6; border-left:2px solid #fff; border-right:2px solid #fff; border-collapse:collapse; margin-bottom:5px;}
.table01 th {padding:10px 15px; height:22px; font-size:16px; font-weight:bold; line-height:22px; color:#4b4a4a; border:1px solid #d6d6d6; background:#f7f7f7;}
.table01 td {padding:10px 15px; height:22px; font-size:16px; line-height:22px; color:#5c5c5c; border:1px solid #d6d6d6;}
.table01 tr:NTH-CHILD(1) th {border-top:1px solid #3268a6;}
.table01 tr:NTH-CHILD(1) td {border-top:1px solid #3268a6;}

.table02 {width:100%; border-left:2px solid #fff; border-right:2px solid #fff; border-collapse:collapse; margin-bottom:5px;}
.table02 thead th {padding:10px 15px; height:22px; font-size:16px; font-weight:bold; line-height:22px; color:#fff; border-left:1px solid #2d5a8d; border-right:1px solid #2d5a8d; background:#3970af;}
.table02 tbody th {padding:10px 10px; height:22px; font-size:16px; font-weight:bold; line-height:18px; color:#4b4a4a; border:1px solid #d6d6d6; background:#f7f7f7;}
.table02 td {width:23%; padding:10px 15px; height:22px; font-size:16px; line-height:24px; color:#434343; border:1px solid #d6d6d6; vertical-align:top;}





.ti10 {text-indent:-10px; padding-left:10px;} 
.ti10l li {text-indent:-10px; padding-left:12px;} 
.ti15 {text-indent:-15px; padding-left:15px;} 
.ti15l li {text-indent:-15px; padding-left:17px;} 
.ti20 {text-indent:-20px; padding-left:20px;} 
.ti20l li {text-indent:-20px; padding-left:22px;} 




@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1000px) {
	#navi .navi {display:none;}
	#navi .m_navi {display:block;}
	.sub_title {height:300px;}
	
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}