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

.wrap_title {display:none;}

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

#tail {border-top:1px solid #ddd;}

.sub_title {display:flex; align-items:center; justify-content:center; flex-direction:row-reverse; height:305px; padding:140px 3% 0; background:url("/hcm/design/layout2023/en_c/res/img/sub_title_bg.png") no-repeat center center; background-clip:cover; box-sizing:border-box;}
.sub_title span {font-size:40px; font-weight:300; line-height:40px; color:#fff; text-transform:uppercase;}

@media only screen and (max-width:1000px) {
	.sub_title {height:200px; padding:70px 3% 0; text-align:center;}
}
@media only screen and (max-width:600px) {
	.sub_title span {font-size:30px; line-height:30px;}
}


#navi {margin-top:90px;}
#navi .navi {position:relative; max-width:1200px; margin:0 auto; height:60px; line-height:60px; border:1px solid #313131;}
#navi .navi .n1 {position:relative; float:left;}
/* #navi .navi .n1 .a1 {display:block; padding:15px 40px 15px 25px; min-width:250px; font-size:20px; color:#313131; line-height:30px; border-right:1px solid #313131; background:url("/hcm/design/layout2023/en_c/res/img/navi_bg.png") no-repeat calc(100% - 20px) 28px;} */
#navi .navi .n1 .a1 {display:flex; align-items:center; height:60px; padding:5px 40px 5px 25px; width:320px; font-size:20px; font-weight:300; color:#313131; line-height:20px; border-right:1px solid #313131; background:url("/hcm/design/layout2023/en_c/res/img/navi_bg.png") no-repeat calc(100% - 20px) 28px; box-sizing:border-box; text-transform:uppercase;}
#navi .navi .n1:nth-child(1) .a1 {color:#fff; background:#313131 url("/hcm/design/layout2023/en_c/res/img/navi_bg2.png") no-repeat calc(100% - 20px) 28px;}
#navi .navi .n2 {display:none;}
#navi .navi .n2 {position:absolute; width:calc(100% - 1px); top:60px; left:-1px; background:#fff; text-align:left; border:1px solid #313131; overflow:hidden; z-index:5;}
#navi .navi .n2 .a2 {display:flex; align-items:center; height:60px; font-size:20px; font-weight:300; line-height:25px; color:#313131; padding:5px 40px 5px 25px; text-transform:uppercase;}
#navi .navi .n2 .a2+.a2 {border-top:1px solid #ddd;}
#navi .navi .n1:nth-child(1) .n2 .a2 {color:#fff; background:#313131; border-top:1px solid #fff;}
#navi .navi .on1 .n2 {display:block;}


#navi .m_navi {position:relative; height:60px; line-height:60px; border:1px solid #313131; z-index:2 !important; display:none;}
#navi .m_navi .n1 {position:relative; display:inline-block; vertical-align:top; border-right:1px solid #313131; cursor:pointer;}
#navi .m_navi .n1 .a1 {display:flex; align-items:center; height:60px; padding:0 30px 0 25px; font-size:20px; font-weight:300; color:#313131; line-height:20px; background:url("/hcm/design/layout2023/en_c/res/img/navi_bg.png") no-repeat calc(100% - 15px) 28px;}
#navi .m_navi .slick-current .n1 .a1 {color:#fff; background:#313131 url("/hcm/design/layout2023/en_c/res/img/navi_bg2.png") no-repeat calc(100% - 20px) 28px;}
#navi .m_navi .n2 {position:absolute; width:calc(100% + 2px); top:60px; left:-1px; background:#fff; overflow:hidden; z-index:100;}
#navi .m_navi .n2 .a2 {display:flex; align-items:center; width:100%; height:0px; font-size:20px; font-weight:300; line-height:0; color:#313131; padding:0 20px; transition:0.2s; box-sizing:border-box;}
#navi .m_navi .on1 .a2 {height:60px; line-height:20px; border-top:1px solid #313131;}
#navi .m_navi .n2:nth-child(2) {top:60px; background:#313131;} 
#navi .m_navi .on1.n2:nth-child(2) .a2 {color:#fff; border-top:1px solid #fff;}
#navi .m_navi .on1.n2 .a2:nth-last-child(1) {border-bottom:1px solid #313131;} 
#navi .m_navi .slick-track {margin-left:0;}

@media only screen and (max-width:1000px) {
	#navi {margin-top:0px;}
}
@media only screen and (max-width:600px) {
	#navi .m_navi .n1 .a1 {font-size:18px; padding:0 20px 0 10px;}
}

#navi .navi2 {position:relative; max-width:1200px; margin:30px auto 0; height:60px; line-height:60px; border:1px solid #b32a2a;}
#navi .navi2 .n1 {position:relative; float:left;}
#navi .navi2 .n1 .a1 {display:flex; align-items:center; height:60px; padding:5px 40px 5px 25px; width:320px; font-size:20px; font-weight:300; color:#fff; line-height:20px; border-right:1px solid #b32a2a; background:#b32a2a url("/hcm/design/layout2023/en_c/res/img/navi_bg2.png") no-repeat calc(100% - 20px) 28px; box-sizing:border-box; text-transform:uppercase;}
#navi .navi2 .n1:nth-child(1) .a1 {color:#b32a2a; background:#fff;}
#navi .navi2 .n1:nth-child(1) .n2 {display:none !important;}
#navi .navi2 .n2 {display:none;}
#navi .navi2 .n2 {position:absolute; width:calc(100% - 1px); top:60px; left:-1px; background:#fff; text-align:left; border:1px solid #b32a2a; overflow:hidden; z-index:5;}
#navi .navi2 .n2 .a2 {display:flex; align-items:center; height:60px; font-size:20px; font-weight:300; line-height:25px; color:#fff; border-top:1px solid #ddd; padding:5px 40px 5px 25px; background:#b32a2a; text-transform:uppercase;}
#navi .navi2 .on1 .n2 {display:block;}


#navi .m_navi2 {position:relative; height:60px; line-height:60px; margin-top:30px; border:1px solid #b32a2a; z-index:1 !important; display:none;}
#navi .m_navi2 .navilist2 {display:flex;}
#navi .m_navi2 .n1 {width:50%; position:relative; display:inline-block; vertical-align:top; border-right:1px solid #b32a2a; cursor:pointer;}
#navi .m_navi2 .n1 .a1 {display:flex; align-items:center; height:60px; padding:0 30px 0 25px; font-size:20px; color:#fff; line-height:20px; background:#b32a2a url("/hcm/design/layout2023/en_c/res/img/navi_bg2.png") no-repeat calc(100% - 15px) 28px; text-transform:uppercase;}
#navi .m_navi2 .n1:nth-child(1) .a1 {color:#b32a2a; background:#fff;}
#navi .m_navi2 .n2 {position:absolute; width:calc(100% + 2px); top:60px; left:-1px; background:#b32a2a; overflow:hidden; z-index:100;}
#navi .m_navi2 .n2 .a2 {display:flex; align-items:center; width:100%; height:0px; font-size:20px; line-height:0; color:#fff; padding:0 20px; transition:0.2s; box-sizing:border-box;}
#navi .m_navi2 .on1 .a2 {height:60px; line-height:20px; border-top:1px solid #fff;}
#navi .m_navi2 .n2:nth-child(2) {display:none !important;}


@media only screen and (max-width:1000px) {
	#navi .navi2 {display:none;}
	#navi .m_navi2 {display:block;}
	
}
@media only screen and (max-width:600px) {
	#navi .m_navi2 .n1 .a1 {font-size:18px; padding:0 20px 0 10px;}
}

#navi .slick-slider {z-index:1;}
#navi .slick-list {z-index:1;}
#navi .slick-track {z-index:1;}
#navi .m_navi {z-index:2 !important;}
#navi .m_navi .n2 {z-index:100;}


#sub {position:relative; max-width:1200px; margin:0 auto; padding:0 3%; min-height: calc(100vh - 640px);}
#sub .sub {min-height:500px; padding:40px 0 50px; box-sizing:border-box; overflow:hidden;}

#sub .tab {display:flex; justify-content:center; margin-top:30px; overflow:hidden;}
#sub .tab a {display:flex; justify-content:center; align-items:center; width:700px; height:50px; padding:5px; font-size:20px; font-weight:300; line-height:20px; color:#fff; text-align:center; background:#313131; box-sizing:border-box;}
#sub .tab .on {color:#fff; background:#b32a2a;}

#sub .tab2 {display:flex; margin-bottom:40px; border-bottom:1px solid #ddd; overflow:hidden;}
#sub .tab2 a {display:flex; justify-content:center; align-items:center; width:300px; height:50px; padding:0 5px; font-size:18px; font-weight:300; line-height:30px; color:#808080; text-align:center;}
#sub .tab2 .on {color:#313131; font-weight:500; border-bottom:3px solid #2c4b48;}

@media only screen and (max-width:1000px) {
/* 	#sub .tab {flex-wrap:wrap; justify-content:flex-start;} */
	#sub .tab a {height:auto; min-height:50px; padding:5px 20px; border-bottom:1px solid #fff;}
}
@media only screen and (max-width:800px) {
	#sub .tab a {font-size:18px; font-weight:300;}
}



.t26 {font-size:26px; line-height:30px; color:#313131;}
.t26.bg {padding-left:15px; font-weight:500; background:url("/hcm/design/layout2023/en_c/res/img/t26_bg.png") no-repeat 0 5px;}
.t24 {font-size:24px; line-height:30px; color:#313131;}
.t22 {font-size:22px; line-height:30px; color:#313131;}
.t20 {font-size:20px; line-height:30px; color:#313131;}
.t18 {font-size:18px; line-height:30px; font-weight:300; color:#555;}
.t18.bg {padding-left:15px; color:#313131; background:url("/hcm/design/layout2023/en_c/res/img/t18_bg.png") no-repeat 0 14px;}
.t18.bg2 {padding-left:15px; color:#313131; background:url("/hcm/design/layout2023/en_c/res/img/t18_bg2.png") no-repeat 0 14px;}
.t26 .t18 {vertical-align:top;}

.c1 {color:#b32a2a;}
.c2 {color:#313131;}
.c3 {color:#ab8a49;}
.c4 {color:#555 !important;}
.c5 {color:#808080;}

.df {display:flex;}



/* IT정책전문대학원 */ 
.vision .w3 {display:flex; justify-content:space-between;}
.vision .w3 .item {width:33%; padding:0 2% 20px; font-weight:300; box-sizing:border-box;}
.vision .w2 {position:relative;}
.vision .w2 .bg {position:absolute; top:60px; left:120px; width:1px; height:calc(100% - 120px); background:#ddd; z-index:0;}
.vision .w2 .won {width:14px; height:14px; background:#b32a2a; border-radius:50%;}
.vision .w2 .won2 {width:8px; height:8px; background:#b32a2a; border-radius:50%;}
.vision .w2 .item {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px;}
.vision .w2 .item .t22 {position:relative; display:flex; align-items:center; justify-content:center; width:240px; padding:20px 0; font-size:22px; color:#313131;}
.vision .w2 .item .t24 {display:flex; align-items:center; justify-content:center; width:241px; height:241px; font-size:24px; font-weight:500; line-height:30px; padding:0 20px; text-align:center; color:#454545; z-index:1; box-sizing:border-box;}
.vision .w2 .item .t24 {background:url("/hcm/design/layout2023/en_c/res/img/itpolicy_en_img03.png") no-repeat 0 0; background-size:100%;}
.vision .w2 .item .box {position:relative; display:flex; flex-direction:column; justify-content:center; width:calc(100% - 330px); padding:20px; border:1px solid #d3d3d3; font-weight:300; box-sizing:border-box;}
.vision .w2 .item .box .won2 {position:absolute; left:-5px; top:50%; transform:translate(0, -50%); z-index:1;}
.vision .w2 .item .box .bg2 {position:absolute; right:100%; top:50%; transform:translate(0, -50%); width:150px; height:1px; background:#ddd; z-index:0;}
.vision .w2 .item .top .won {position:absolute; bottom:0; left:50%; transform:translate(-50%, 0);}
.vision .w2 .item .bottom .won {position:absolute; top:0; left:50%; transform:translate(-50%, 0);}

/*확대보기*/
.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;}


@media only screen and (max-width:800px) {
	.vision .w3 {flex-wrap:wrap;}
	.vision .w3 .item {width:100%;}
	
	.vision .w2 .bg {left:45px;}
	.vision .w2 .item .t22 {width:90px; font-size:18px;}
	.vision .w2 .item .t24 {width:90px; height:90px; font-size:20px;}
	.vision .w2 .item .box {width:calc(100% - 110px); padding:20px 10px;}
}

/* 대학원 연혁 */
.history_box {position:relative;}
.history_box .bg {position:absolute; top:60px; left:87px; width:5px; height:calc(100% - 120px); background:#b32a2a; z-index:0;}
.history_box .item {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px;}
.history_box .item .t26 {display:flex; align-items:center; justify-content:center; width:181px; height:181px; font-weight:500; padding:0 20px; text-align:center; z-index:1; box-sizing:border-box;}
.history_box .item .t26 {background:url("/hcm/design/layout2023/en_c/res/img/itpolicy_en_img04.png") no-repeat 0 0; background-size:100%;}
.history_box .item .text {display:flex; flex-direction:column; justify-content:center; width:calc(100% - 200px); padding:30px 10px 20px; font-size:18px; color:#555; font-weight:300; box-sizing:border-box;}
.history_box .item .text b.c1 {margin-right:20px; font-weight:400;}
.history_box .item .text li {margin-bottom:10px;}

@media only screen and (max-width:800px) {
	.history_box .bg {left:48px; width:3px; height:calc(100% - 150px);}
	.history_box .item {margin-bottom:10px;}
	.history_box .item .t26 {width:100px; height:100px; font-size:18px; line-height:20px;}
	.history_box .item .text {width:calc(100% - 110px); padding:10px 10px 20px;}
	.history_box .item .text b.c1 {margin-right:10px;}
	
}

.course1 {overflow:auto;}
.tb_course1 {width:100%; border-top:2px solid #b32a2a; border-collapse:collapse; margin-bottom:5px; min-width:700px;}
.tb_course1 th {padding:10px 15px; height:22px; font-size:18px; line-height:22px; color:#313131; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5;}
.tb_course1 td {padding:10px 15px; height:22px; font-size:18px; font-weight:300; line-height:22px; color:#313131; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tb_course1 th+th {border-left:1px solid #ddd;}
.tb_course1 td+td {border-left:1px solid #ddd;}
.tb_course1 th:LAST-CHILD {border-right:none;}
.tb_course1 td:LAST-CHILD {border-right:none;}


caption {font-size:0; height:0;}
.table01 {width:100%; border-top:2px solid #ddd; border-collapse:collapse; margin-bottom:5px;}
.table01 th {padding:10px 15px; font-size:20px; line-height:20px; color:#313131; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f7f4f4;}
.table01 td {padding:10px 15px; font-size:18px; font-weight:300; line-height:20px; color:#313131; border-right:1px solid #ddd; border-bottom:1px solid #ddd; vertical-align:middle;}
.table01 th+th {border-left:1px solid #ddd;}
.table01 td+td {border-left:1px solid #ddd;}
.table01 th:LAST-CHILD {border-right:none;}
.table01 td:LAST-CHILD {border-right:none;}





.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;}
	
}
@media only screen and (max-width:640px) {
	.table01 th {padding:10px 10px; font-size:18px;}
	.table01 td {padding:10px 10px; font-size:16px;} 
}
@media only screen and (max-width:480px) {
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}