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

.wrap_title {display:none;}

#bgbox{position: relative; height: 300px;  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../img/subimg.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.textbox{display: none;}
.ico{display: none;}

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

#sub .tab {margin-bottom:30px; padding:20px 10px 10px; border:1px solid #ddd; background:#f3f3f3; overflow:hidden;}
#sub .tab a {display:inline-block; padding:0 13px; font-size:18px; line-height:20px; color:#000; margin-bottom:10px; vertical-align:middle; font-family:'Nanum Square';}
#sub .tab a span {font-size:5px; vertical-align:middle;}
#sub .tab .on {color:#003e7e; font-weight:bold;}


#navi {width: 100%; border:1px solid #dfdfdf;}
#navi .navi {position:relative; max-width:1400px; margin:0 auto; height:48px; line-height:48px;}
#navi .navi .home {float:left; width:55px; height:48px; border-right:1px solid #dfdfdf; overflow:hidden;}
#navi .navi .home a {display:table-cell; width:55px; height:48px; vertical-align:middle; text-align:center;}
#navi .navi .home a img {display:inline;}
#navi .navi .n1 {display: flex; position:relative; float:left; padding:0 30px 0 20px; border-right:1px solid #dfdfdf; }
#navi .navi .n1 .a1 {display:block; min-width:144px; font-size:15px; color:#5c5c5c; white-space:nowrap;}
#navi .navi .n2 {position:absolute; min-width:100%; top:48px; left:0; background:#fff; font-weight: 500; border: 1px solid #ddd; border-top: 0 none; text-align:left; white-space:nowrap; overflow:hidden; z-index:5;}
#navi .navi .n2 .a2 {display:block; font-size:14px; line-height:0; color:#313131; padding:0 20px 0 20px; transition:0.3s;}
#navi .navi .n2 .a2:HOVER {background:#edf3f7; color:#1f3370; font-weight:bold; }
#navi .navi .n2 .link img {display:none; margin:0 -10px 2px 5px; transition:0.3s;}
#navi .navi .on1 .n2 .a2 {line-height:48px; }
#navi .navi .on1 .n2 .link .off {display:inline;}
#navi .navi .on1 .n2 .link:hover .on {display:inline;}
#navi .navi .on1 .n2 .link:hover .off {display:none;}


#navi .navi .font {position:absolute; top:0; right:0;}
#navi .navi .font div {display:table-cell; width:59px; font-size:14px; color:#4e4e4e; height:48px; line-height:48px;text-align:center; vertical-align:middle; cursor:pointer;}
#navi .navi .font .t-r {width:100px;}
#navi .navi .font .print {}
#navi .navi .font .sns {position:relative; background:#262626; border-left:1px solid #262626; z-index:1;}
#navi .navi .font .sns_list {position:absolute; top:-50px; right:0px; width:280px; display:none;}
#navi .navi .font .sns_list a {float:right; display:block;}
#navi .navi .font .sns:hover {background:#262626;}
#navi .navi .font .sns:hover .sns_list {display:block;}


#navi .m_navi {position:relative; height:48px; line-height:48px; display:none;}
#navi .m_navi .home {float:left; width:49px; height:48px; border-right:1px solid #dfdfdf; overflow:hidden;}
#navi .m_navi .home a {display:table-cell; width:49px; height:48px; vertical-align:middle; text-align:center;}
#navi .m_navi .home a img {display:inline;}
#navi .m_navi .navilist {float:left; width:calc(100% - 50px);}
#navi .m_navi .n1 {position:relative; float:left; padding:0 30px 0 20px; border-right:1px solid #dfdfdf; background:url("/hcm/design/layout2020/a/res/img/navi_bg.png") no-repeat 95% 19px; cursor:pointer;}
#navi .m_navi .n1 .a1 {display:block; min-width:80px; font-size:15px; font-weight:bold; color:#5c5c5c; padding-right:20px; white-space:nowrap;}
#navi .m_navi .n2 {position:absolute; width:100%; top:48px; left:0; background:#f0f0f0; text-align:left; white-space:nowrap; overflow:hidden; z-index:5;}
#navi .m_navi .n2 .a2 {display:block; font-size:14px; line-height:0; color:#313131; padding:0 20px; text-align:center; transition:0.3s;}
#navi .m_navi .n2 .a2:HOVER {background:#0767d4; color:#fff;}
#navi .m_navi .n2 .link img {display:none; margin-left:5px; transition:0.3s;}
#navi .m_navi .on1 .a2 {line-height:48px; border-bottom:1px solid #ddd;}
#navi .m_navi .on1 .link .off {display:inline;}
#navi .m_navi .on1 .link:hover .on {display:inline;}
#navi .m_navi .on1 .link:hover .off {display:none;}


#lnb {float:left; width:250px; border-left:1px solid #ddd; border-right:1px solid #ddd; overflow:hidden;}
#lnb .lnb .a1 {border-bottom:1px solid #ddd;}
#lnb .lnb .a1 a {position:relative; display:block; padding:15px 30px 15px 20px; font-size:18px; line-height:30px; color:#313131; font-family:'Nanum Square';}
#lnb .lnb .a1 a span {position:absolute; top:15px; right:18px; font-weight:bold; display:none;}
#lnb .lnb .a2 {padding:10px 10px 10px 18px; border-bottom:1px solid #ddd;}
#lnb .lnb .a2 a {display:block; font-size:16px; line-height:22px; color:#5c5c5c; text-indent:-10px; padding-left:12px; margin-bottom:7px;}
#lnb .lnb .on a {color:#1f3371; background:#f6f6f6;}
#lnb .lnb .on a span {display:block;}
#lnb .lnb .on+.a2 {display:block;}
#lnb .lnb .a2 .on2 {font-weight:bold; color:#1f3371;}

#lnb .lnb .a1 .link {position:relative;}
#lnb .lnb .a1 .link .bg {position:absolute; top:22px; right:20px;}

#sub {width: 100%;  overflow:hidden;}
#sub .sub_title {padding:15px 0;  font-size:30px; font-weight:600; color:#fff; text-align:center; font-family:'Nanum Square'; position: absolute; top: 170px; left: 50%;transform: translateX(-50%);}
#sub .sub {margin: 0 auto; padding:40px 0 50px 30px; min-height:550px; background:#fff; overflow:hidden; max-width:1400px;}
.basic {overflow:hidden;}
.bullet > img{padding-right: 10px;}

#sub .board_search_panel {width:auto; height:auto; line-height:30px; padding:23px 0 13px; margin-top:10px; border:1px solid #ddd; background:#eeeeee;}
#sub .board_search_panel .search_content {top:0; left:0; text-align:center; display: flex; align-items: center; justify-content: center;}
#sub .board_search_panel .search_content div {float:none !important; margin:0 0 10px !important; display:flex; justify-content: center;}
#sub .board_search_panel select {min-width:100px; height:40px; border:1px solid #ddd;}
#sub .board_search_panel input[type=text] {width:220px; height:40px; margin:0 10px; border:1px solid #ddd;}
#sub .board_search_panel .search_content img {vertical-align:middle;}

/* .bt {padding-top:7px; font-weight:bold; color:#003e7e; background:url("/hcm/design/layout2020/a/res/img/won8.png") no-repeat 0 0;} */
.bt {font-weight:bold; color:#003e7e;}

.t20 {font-size:20px; line-height:30px; font-family:'Nanum Square'; text-align: left;}
.t16 {font-size:16px; line-height:30px;}

.img+.t20 {margin-top:30px;}
.t16+.t20 {margin-top:30px;}
.t20+.t16 {margin-top:5px;}

.tb {font-weight:bold !important;}

.c1 {color:#333;}
.c2 {color:#3759b0;}

.line {height:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}

.btn {overflow:hidden;}
.btn a {margin-left:7px; height:42px; padding:1% 3%; line-height:42px; font-size:16px; font-weight:bold; color:#fff; text-align:center; border-radius:5px;	 background:#1f3371;}

@media (max-width: 600px) {
    .btn a { font-size:14px; display:inline-block; margin-top: 8px;}
    #sub .board_search_panel select{min-width:70px}
}


.course {border-top:1px solid #003e7e; overflow:hidden;}
.course .tb {background:#f8f8f8;}
.course .t16 {padding:10px 10px; border-bottom:1px solid #ddd;}


.staff {margin:0 -12px; overflow:hidden;}
.staff .box {float:left; width:calc(50% - 56px); min-height:160px; margin:0 12px 20px; padding:20px 15px; border:1px solid #dfdfdf; border-top:2px solid #003e7e;}
.staff .box .img {float:left; width:95px; overflow:hidden;}
.staff .box .img img {width:95px; max-height:200px; overflow:hidden;}
.staff .box .t16 {padding-left:20px; overflow:hidden;}
.staff .box .t16 .name {height:40px; font-size:22px; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:10px;}
@media only screen and (max-width:1016px) {
	.staff .box {float:none; width:calc(100% - 56px);}
}

@media only screen and (max-width:1016px) {
}


.intro_img {float:left; width:210px; margin-right:30px; padding:30px 10px; text-align:center; border:5px solid #1f3370; border-radius:10px;}
.intro_img img {width:120px; margin-bottom:20px;}
.intro_img .t16 b {font-size:20px; font-family:'Nanum Square';}

.imgbox {overflow:hidden;}
.imgbox .box {padding:30px 0;}
.imgbox .box+.box {border-top:1px solid #ddd;}
.imgbox .box .img {float:left; margin:0 20px 20px 0; overflow:hidden;}
.imgbox .box .text {position:relative; min-height:180px; padding-bottom:60px; min-width:300px; overflow:hidden;}
.imgbox .box .text .btn {position:absolute; bottom:0; left:0; overflow:hidden;}
.imgbox .box .text2 {min-height:180px; min-width:300px; overflow:hidden;}


.w2 {margin:0 -10px; overflow:hidden;}
.w2 .box {float:left; width:calc(50% - 20px); margin:0 10px 20px; overflow:hidden;}





caption {font-size:0; height:0;}
.tw {overflow:auto;}

.pr {position:relative;}
.pr .on {position:absolute; bottom:20px; right:20px; padding:20px 20px; font-size:15px; font-weight:bold; color:#fff; line-height:30px; border-radius:15px; background:#313131; opacity:0.6; display:none;}
.pr .on img {margin-top:-3px;}
.pr .on2 {position:absolute; bottom:20px; right:20px; padding:20px 20px; font-size:15px; font-weight:bold; color:#fff; line-height:30px; border-radius:15px; background:#313131; opacity:0.6;}
.pr .on2 img {margin-top:-3px;}

.table01 {width:100%; border-top:1px solid #003e7e; border-collapse:collapse;}
.table01 th {padding:10px 10px; height:30px; font-size:16px; font-weight:bold; line-height:25px; color:#013e7e; border-right:1px solid #bababa; border-bottom:1px solid #bababa; background:#f8f8f8;}
.table01 td {padding:10px 10px; height:30px; font-size:15px; line-height:24px; color:#313131; border-right:1px solid #bababa; border-bottom:1px solid #bababa; word-break:break-all}
.table01 th+th {border-left:1px solid #bababa;}
.table01 td+td {border-left:1px solid #bababa;}
.table01 th:LAST-CHILD {border-right:none;}
.table01 td:LAST-CHILD {border-right:none;}

/* 
.table02 {width:100%; border-top:2px solid #0767d4; border-collapse:collapse;}
.table02 th {padding:10px 10px; height:30px; font-size:16px; font-weight:bold; line-height:30px; color:#0767d4; white-space:nowrap; vertical-align:top; border-bottom:1px solid #dddddd;}
.table02 td {padding:10px 10px; height:30px; font-size:15px; line-height:30px; color:#313131; border-bottom:1px solid #dddddd; word-break:break-all;}
.table02 td b {padding-right:20px;}
 */

.p0505 th {padding:5px 5px; height:20px; line-height:20px;}
.p0505 td {padding:5px 5px;}

.p1020 th {padding:10px 20px;}
.p1020 td {padding:10px 20px;}

.p1520 th {padding:15px 20px;}
.p1520 td {padding:15px 20px;}

.p2020 th {padding:20px 20px;}
.p2020 td {padding:20px 20px;}


.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;} 


.tibl li {overflow:hidden;}
.tibl li b {float:left; overflow:hidden;}
.tibl li b+span {display:block; padding-left:5px; overflow:hidden;}


@media only screen and (max-width:1316px) {
}
@media only screen and (max-width:1216px) {
}
@media only screen and (max-width:1016px) {
	#sub #lnb {display:none;}
	#navi .navi {display:none;}
	#navi .m_navi {display:block;}
	#sub .sub_title .font {display:none;}
	
	#sub .sub {padding:30px 2% 50px;}
	
	.w2 .box {float:none; width:calc(100% - 20px);}
	
}
@media only screen and (max-width:820px) {
	.pr .on {display:block;}
	
	#sub .tab2 a {padding:10px 0;}
	#sub .tab2 a span {padding:0 10px;}
	
}
@media only screen and (max-width:640px) {
	#sub .tab a {font-size:15px; font-family:'Nanum Gothic'; letter-spacing:-0.15em;}
}
@media only screen and (max-width:480px) {

}
@media only screen and (max-width:360px) {
}