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

.wrap_title {display:none;}

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


.sub_title {position:relative; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; min-height:70px; margin-top:140px; padding:10px 3% 20px; background:#faf8f6; border-bottom:1px solid #d3d3d3;}
.sub_title a {padding:0 7px; font-size:18px; color:#8a9a98; line-height:22px; text-align:center; text-transform:uppercase;}
.sub_title span {padding:0 7px 4px; font-size:16px; color:#8a9a98;}
.sub_title .bg {position:absolute; bottom:0; left:50%; transform:translate(-50%, 0); width:100px; height:5px; background:#2c4b48;}
.sub_title a:nth-last-child(1) {font-size:26px; color:#2c4b48;}

@media only screen and (max-width:1200px) {
	.sub_title {margin-top:70px;}
	
}

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

#sub .tab {display:flex; 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:#2c4b48; font-weight:500; border-bottom:3px solid #2c4b48;}

#sub .tab2 {margin-top:30px; 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:#2c4b48; font-weight:500;}



.t26 {font-size:26px; line-height:30px; color:#313131;}
.t26.bg {padding-left:13px; font-weight:500; color:#2c4b48; background:url("/hcm/design/layout2023/en_a/res/img/t26_bg.png") no-repeat 0 5px;}
.t20 {font-size:20px; line-height:30px; color:#313131;}
.t18 {font-size:18px; font-weight:300; line-height:30px; color:#808080;}
.t18.bg {padding-left:13px; font-weight:500; color:#2c4b48; background:url("/hcm/design/layout2023/en_a/res/img/t18_bg.png") no-repeat 0 13px;}
.t18 b {font-weight:500;}
a.link {display:inline-block; padding-right:20px; background:url("/hcm/design/layout2023/en_a/res/img/icon_link.png") no-repeat 100% 10px;}


.c1 {color:#2c4b48 !important;}
.c2 {color:#808080 !important;}
.c3 {color:#313131 !important;}



.history {margin-top:60px;}
.history .item {display:flex; width:100%;}
.history .item .yyyy {width:145px; min-height:90px; padding:15px 0; font-size:26px; font-weight:500; color:#2c4b48; border-top:1px solid #2c4b48; margin-right:60px; box-sizing:border-box;}
.history .item .text {display:flex; flex-direction:column; width:calc(100% - 200px); min-height:90px; padding:15px 0; border-top:1px dashed #d3d3d3; box-sizing:border-box;}
.history .item .text .day {display:flex; font-size:18px; font-weight:300; color:#808080; line-height:26px; margin-bottom:10px;}
.history .item .text .day div:nth-child(1) {width:70px; font-weight:400; color:#2c4b48;}
.history .item .text .day div:nth-child(2) {width:calc(100% - 70px);}
.history .item:nth-child(1) .text {border-top:1px solid #d3d3d3;} 

@media only screen and (max-width:800px) {
	.history .item .yyyy {width:100px; margin-right:20px;}
	.history .item .text {width:calc(100% - 120px);}
	
}
@media only screen and (max-width:500px) {
	.history .item {display:block;}
	.history .item .yyyy {width:100%; margin-right:0; height:auto;}
	.history .item .text {width:100%;}
	
}

.history2 {display:flex; justify-content:space-between; width:100%; overflow:hidden;}
.history2 .item {display:flex; flex-direction:column; width:30%;}
.history2 .item:nth-child(1n+2) {margin-left:3%;}
.history2 .item .yyyy {display:flex; align-items:center; justify-content:center; width:100%; height:64px; border-radius:30px; border:3px solid #2c4b48; background:#fff; box-sizing:border-box;}
.history2 .item .yyyy {font-size:30px; color:#2c4b48;}
.history2 .item .text {display:flex; align-items:center; justify-content:center; width:100%; height:110px; padding:20px 0; box-sizing:border-box;}

@media only screen and (max-width:800px) {
	.history2 {display:block;}
	.history2 .item {display:flex; flex-direction:column; width:100%;}
	.history2 .item:nth-child(1n+2) {margin-left:0; margin-top:20px;}
	.history2 .item .text {height:auto;}
	
}



.depart {font-size:18px; font-weight:300; line-height:30px; color:#808080;}
.depart .title_t {font-size:26px; line-height:30px; color:#313131; padding-left:13px; font-weight:500; color:#2c4b48; margin-bottom:20px; background:url("/hcm/design/layout2023/en_a/res/img/t26_bg.png") no-repeat 0 5px;}
.depart .tb {font-weight:400 !important; color:#313131;}
.depart b {font-weight:400;}
.depart .util_o {margin-top:10px;}
.depart .util_o li {line-height:24px; background:url("/hcm/design/layout2023/en_a/res/img/t18_bg.png") no-repeat 0 11px; padding-left:8px; margin-bottom:10px;}


/* 대학원 비전 */ 
.vision .w2 {position:relative;}
.vision .w2 .bg {position:absolute; top:60px; left:125px; width:1px; height:calc(100% - 120px); background:#ddd; z-index:0;}
.vision .w2 .won {width:14px; height:14px; background:#2c4b48; border-radius:50%;}
.vision .w2 .won2 {width:8px; height:8px; background:#2c4b48; border-radius:50%;}
.vision .w2 .item {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px;}
.vision .w2 .item .t20 {position:relative; display:flex; align-items:center; justify-content:center; width:250px; padding:20px 0; font-size:20px; font-weight:500; color:#313131;}
.vision .w2 .item .t26 {display:flex; align-items:center; justify-content:center; width:252px; height:251px; font-size:26px; font-weight:500; line-height:34px; padding:0 20px; text-align:center; color:#fff; z-index:1; box-sizing:border-box;}
.vision .w2 .item .t26 {background:url("/hcm/design/layout2023/en_a/res/img/vision_bg.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; 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);}

@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 .t20 {width:90px; font-size:18px;}
	.vision .w2 .item .t26 {width:90px; height:90px; font-size:18px; font-weight:300; line-height:20px;}
	.vision .w2 .item .box {width:calc(100% - 110px); padding:20px 10px;}
}



.course1 {overflow:auto;}
.tb_course1 {width:100%; border-top:2px solid #2c4b48; border-collapse:collapse; margin-bottom:5px;}
.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:16px; 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 #2c4b48; border-collapse:collapse; margin-bottom:5px;}
.table01 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;}
.table01 td {padding:10px 15px; height:22px; font-size:16px; font-weight:300; line-height:22px; color:#313131; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.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) {
}
@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) {
}