@charset "utf-8";
/****************************************/
/* Name: 동명대학교 학과 개별
/* PART: CONTENT STYLE 
/* Author:  
/****************************************/

/*
=========================================================================
서브 콘텐츠 css
=========================================================================
*/

/* 상단팝업공지 */
.topNotice {background: #182024;}
.topBanCon1 h2 {background: url(../img/top-green.png) no-repeat;background-size:100%}
.topBanCon1 h3 span {color: #72bb2a;}

/* ---- 메인레이아웃 ---- */
#header::after{background:#263238}
#header .head_box .topLink .homeGo a{color:#fff;background:#388e3c url('../img/ic_home.png') no-repeat 33px center;}
#header .head_box .topLink .rtLink .link2{background:#34464e}

/* 메인비주얼 */
.mVisual::before{background:#004d40 url('../img/m_top_bg1.png') no-repeat;background-size:cover}
.mVisualWrap .topTxt .link2 li a{color:#c2d2c9;background:url('../img/ic_arrow1.png') no-repeat right 30px center;border:1px solid rgba(255,255,255,0.4);}
.mVisualWrap .topTxt .link2 li a:hover{background-color:rgba(4,36,29,0.55);border-color:rgba(4,36,29,0.55)}

/* 학사일정 */
.mCon3 .lt h2{color:#289449;text-shadow:3px 3px #dfdab3;background:url('../img/m_sch_tit.png') no-repeat center center;background-size:100%}

/* 졸업 작품 */
.mCon4 h2{text-align:left}

/* 유튜브 */
.mCon5::after{background:#005854;}
.mCon5 .youTube2 h2 span{color:#005854;background:#79bb2a;}

/* 서브비주얼 */
.subVisual.bg0{background-image:url('../img/sub-visual2.jpg')}
.subVisual.bg1{background-image:url('../img/sub-visual1.jpg')}
.subVisual.bg2{background-image:url('../img/sub-visual2.jpg')}
.subVisual.bg3{background-image:url('../img/sub-visual3.jpg')}
.subVisual.bg4{background-image:url('../img/sub-visual4.jpg')}
.subVisual.bg5{background-image:url('../img/sub-visual5.jpg')}
.subVisual.bg6{background-image:url('../img/sub-visual6.jpg')}
.subVisual.bg7{background-image:url('../img/sub-visual7.jpg')}
.subVisual.bg9{background-image:url('/_res/tongmyong/ic/img/sub-visual9.png')}

/* 서브1 */
.li_dot1 > li::before{background:#fff;border:3px solid #5ca296;}
.s1_1_con4 dl dt::before{border-top:3px solid #3f9586}
.s1_1_con4 dl dt span{color:#3f9586}

/* 서브2 */
.s1_2_con2 h3::after{background:#7fb843;}
.s1_2_con2 h3::before{background:#43a047;}
.s1_2_con2 h3 span::after,
.s1_2_con2 h3 span::before{background:#3fa38a;}

.s1_2_con2 ul li:nth-child(1) .tit{background:#49918f}
.s1_2_con2 ul li:nth-child(2) .tit{background:#4f8d98}
.s1_2_con2 ul li:nth-child(3) .tit{background:#527d99}
.s1_2_con2 ul li:nth-child(4) .tit{background:#4e6e96}

.s-btn{display:flex;align-items: center;}
.s-btn .s-btn-link{display: block;margin: 0 0 30px 10px;}
.s-btn .s-btn-link a{color: #388e3c;background: #fff url(/_res/tongmyong/ic/img/ic_blank.png) no-repeat right 15px center;border: 1px solid #388e3c;
display: inline-block;padding: 0 40px 0 15px;font-size: 15px;line-height: 35px;border-radius: 10px;}
.s-btn .s-m-link02{margin:50px 0 30px 10px;}

/* 서브3 */
.teachList ul li .box .photo{box-shadow:2px 2px 15px rgba(0,0,0,0.1);border:1px solid #eaeef0}
.teachList ul li .box::before{background-image: linear-gradient(135deg, #79b244, #039786);}
.popFix .popCon h2{color:#fff;background-image: linear-gradient(to right, #7cb342 , #009688);}
.popFix .popCon .teachCon .teachInforTop .homePage{background:url('../img/ic_homepage.png') no-repeat left 5px}
.popFix .popCon .teachCon .teachInforTop .homePage a{color:#065f46;}
.popFix .popCon .teachCon .teachInfor h4{color:#00897b;}
.popFix .popCon .teachCon .teachInfor h4::before{background:#fff;border:3px solid #5ca296;}
.popFix .popCon .teachCon .teachInforTop{background:#f6f7f8}

/* 라인컬러 */
.downBox::before{background-image: linear-gradient(to right, #7cb342 , #009688)}

/* 버튼컬러 */
.downBox .btnRt .btn.down a{color:#fff;background:#004d40 url('../img/ic_down.png') no-repeat right 18px center;border-color:#004d40;}

/* 캘린더 */
.scheduleCon .schedTop h2 span{color:#43a047;}
.scheduleCon .schedTop .month ol li.on a{color:#fff;background:#43a047}
.scheduleCon .schedList .ltCon .carlendar h3{color:#fff;background:#004d40}
.scheduleCon .schedList .ltCon .carlendar .carlTable tbody td.event a::after{background:#43a047;}
.scheduleCon .schedList .schedListTop .btnType .on a{color:#43a047}

/* 테이블공통 */
.t_typel {border-top:3px solid #79b244;border-bottom:1px solid #98a1a6;}
.t_typel.type2 tbody th{color:#388e3c;background:#f8faf6;}
.t_typel.type2 tbody th span{background:url('../img/ic_dot1.png') no-repeat left 8px}

/* 아이콘 */
.downBox h2.ic1{background:url('../img/ic_loca.png') no-repeat left center;}
.downBox h2.ic2{background:url('../img/ic_doc.png') no-repeat left center;}
.scheduleCon .schedList .schedListTop .btnType .btn1 a::before{background-image:url('../img/ic_sch_car.png')}
.scheduleCon .schedList .schedListTop .btnType .btn2 a::before{background-image:url('../img/ic_sch_list.png')}

/* 자격증 */
.licensList ul li .box{border:1px solid #dee2e4;border-top:3px solid #065f46}
.licensList ul li .box .btn a{color:#388e3c;background:#fff url('../img/ic_blank.png') no-repeat right 20px center;border:1px solid #388e3c;}

/* 게시판 */
.bbs_top .pageNum .total b,
.bbs_top .pageNum .now b{color:#43a047}
.listTypeA::before{background-image: linear-gradient(to right, #7cb342 , #009688);}
.listTypeA tbody tr.notice td.num{color:#689f38;}

.listTypeC::before{background-image: linear-gradient(to right, #7cb342 , #009688)}

/* 버튼 */
.btnBc a,
.btnBc button,
.btnBc input{color:#fff;background-color:#004d40;background-repeat:no-repeat;border:1px solid transparent;}

/*list-style*/
.ul-bul{padding-left:15px; margin-top:20px;  /*font-size:15px; line-height:24px; */}
.ul-bul::after{display:block; content:''; clear:both;}
.ul-bul >  ul.bul-R > li{text-align:right;} 
.ul-bul > ul > li{position:relative; padding:5px 0 5px 10px}
.ul-bul > ul > li > ul > li::before{display:block; content:''; width:3px; height:3px; border-radius:4px; background:#069785; position:absolute; top:15px; left:0 }
.ul-bul > ul > li > ul > li{padding:5px 0 0 13px; position:relative;}
.ul-bul > ul > li::before{display:block; content:''; width:6px; height:2px; background:#353535; position:absolute; top:17px; left:0 }
.ul-tit{color:#069785; padding:30px 0 0px 24px; font-size:1.2rem;position:relative;}
.ul-tit::before{display:block; content:''; background:#fff;border:3px solid #5ca296;position:absolute;top:43px;left:0;width:9px;height:9px;border-radius:50%}
.ul-tit .summary{font-size: 16px ; text-align: right; color: #666666; font-weight: 500;}
.ul-bul > ul > li > ul > li > ul > li{padding:5px 0 0 15px; position:relative;}
.ul-bul > ul > li > ul > li > ul > li::before{display:block; content:''; width:3px; height:3px; border-top: 1px solid #069785; border-right: 1px solid #069785; position:absolute; top:15px; left:0;transform: rotate(45deg);}

/* 게시판뷰페이지 */
.viewTypeA::before{background-image: linear-gradient(to right, #7cb342 , #009688)}@charset "utf-8";

.teachList ul li .box ul li {letter-spacing: -0.07em;}

 /* Mobile Device */
@media all and (max-width:640px){
	#header .head_box .topLink .homeGo a {background-image:none}
}


/*
=========================================================================
서브 콘텐츠 css - international College
=========================================================================
*/

/* Introduction of College */
.info-box{position:relative;width:100%}
.info-box span.btn-type2{position:absolute;right:0;}
span.btn-type2{display:inline-block; border:1px solid #04a836;}
span.btn-type2 a{display:block; position:relative; line-height:50px; color:#04a836; font-size:18px; background:#fff;  padding:0 50px 0 15px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
span.btn-type2 a:after{display:block; content:''; width:35px; height:50px; background:#04a836 url('/_res/tongmyong/tuhome/img/common/ico-btn2.png') no-repeat 50% 50%; position: absolute; top:0; right:0}
span.btn-type2 a:focus,
span.btn-type2 a:hover{background:#04a836; color:#fff;}
span.btn-type2 a:hover:after,
span.btn-type2 a:focus:after{background-color:#0b713c}

/* major list */
.dapth-tab{margin-bottom:100px}
.dapth-tab ul{display:flex;flex-wrap:wrap;border-top:1px solid #e4e4e4}
.dapth-tab li{flex-grow:1;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.dapth-tab li:first-child{border-left:1px solid #e4e4e4}
.dapth-tab li:nth-of-type(5){border-left:1px solid #e4e4e4}
.dapth-tab .item{text-align:center;display:flex;align-items:center;height:60px;font-size:1.15rem;font-weight:500;justify-content:center;transition:.2s}
.dapth-tab .item.on,
.dapth-tab .item:hover{background-color:var(--color-m);color:#fff}
.con-box.major{padding-top:50px;}
.title.major{margin:0 0 30px;}

/* Career after graduation */
.two-img-wrap {overflow:hidden; clear:both; margin:50px 0}
.two-img-wrap h5{color:#069785; font-size:24px; margin:0 0 20px 0;}
.two-img-wrap h6{color:#069785; font-size:17px;}
.two-img-wrap .Limg > h5{text-align:left;}
.two-img-wrap .Rimg > h5{text-align:right;}
.two-img-wrap .Limg .img{float:left;}
.two-img-wrap .Limg .txt{float:left; width:calc(100% - 544px); box-sizing:border-box; padding:0 0 0 50px;}
.two-img-wrap .Limg .txt h6{line-height:1;margin-bottom:10px;}
.two-img-wrap .Rimg .img{float:right;}
.two-img-wrap .Rimg .txt{float:right; width:calc(100% - 544px); box-sizing:border-box; padding:0 50px 0 0; text-align:right;}
.two-img-wrap .Rimg .txt h6{line-height:1;margin-bottom:10px;}
.two-img-wrap .Rimg .txt p{text-align:right;}

/* Undergraduate */
.info-box span.btn-type3{position:absolute;right:0;}
span.btn-type3{display:inline-block; border:1px solid #04a836;}
span.btn-type3 a{display:block; position:relative; line-height:50px; color:#04a836; font-size:18px; background:#fff;  padding:0 50px 0 15px; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
span.btn-type3 a:after{display:block; content:''; width:35px; height:50px; background:#04a836 url('/_res/tongmyong/tuhome/img/common/ico-btn3.png') no-repeat 50% 50%; position: absolute; top:0; right:0}
span.btn-type3 a:focus,
span.btn-type3 a:hover{background:#04a836; color:#fff;}
span.btn-type3 a:hover:after,
span.btn-type3 a:focus:after{background-color:#0b713c}

/* Objectives of education */
.object .top-box {margin-left: 0px; background: #e4e4e4;margin-bottom: 50px;color:#fff;font-size:24px;line-height:1.4}
.object .top-box .in-wrap{padding: 70px 100px;border:0px;background:url(/_res/tongmyong/tuhome/img/sub/sub01_01_01_topbox.jpg)no-repeat center;background-size:cover;top: -15px;left: -15px;}
.object .top-box .in-wrap:before{display:none}
.object .top-box .in-wrap > div:nth-child(1){color:#358c74;letter-spacing: 5px;font-weight: bold;margin-bottom:50px}
.object .top-box .in-wrap > div:nth-child(2){margin-bottom:50px; letter-spacing:initial;}
.object .top-box .in-wrap > div:nth-child(3){font-size:36px}
.object .top-box .in-wrap > div:nth-child(3) span{color:#e5ff39;font-size:48px}
.object .con-box{position:relative}
.object .con-box p, .sub01-01-01 .con-box img{float:left; /*width:50%*/ width:100%;}
.object .con-box img{position: absolute;bottom: 0px;width:auto;right:0;font-family:'NotoKrB';}
.object .con-box p {font-size: 18px;line-height: 1.8;word-break: keep-all;}

/* contact us */
.sub04{overflow:hidden;clear:both;}
.sub04 .link-box-wrap{float:left; width:50%;}
.sub04 .link-box-wrap .link-box{border:1px solid #c8c8c8; margin:10px; padding:35px 30px 30px 30px; position:relative; min-height:200px;}
.sub04 .link-box-wrap .link-box:hover{border:1px solid #0fa13c;}
.sub04 .link-box-wrap h4{font-size:25px; font-weight:600;font-family:'poppins';}
.sub04 .link-box-wrap h5{color:#0fa13c; margin:10px 0 0 0;font-family:'poppins';}
.sub04 .link-box::before{content:""; position:absolute; display:block; background:#0fa13c; width:15px; height:15px; top:0; right:0;}
.sub04 .link-box-in a:hover{color:#0fa13c;text-decoration:underline;}

/* Campus Map */
.btn-type1.m-top{margin-left:10px;}

@media screen and (max-width:533px){
.btn-type1.m-top{margin-top:10px;margin-left:0;}
}



/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* TABLET Device */
@media screen and (max-width: 1400px){
	.con-box.major{padding-top:85px;}
}
	
@media screen and (max-width: 1200px){
	.dapth-tab li:nth-child(5){border-left:1px solid #e4e4e4;}
}

@media screen and (max-width: 1024px){
	.dapth-tab li{width:50%}
	.dapth-tab .item{font-size:1rem;}
	.dapth-tab li:nth-child(3){border-left:1px solid #e4e4e4;}
	
	.two-img-wrap .Limg .txt{width:100%;padding:10px 0 0 0;}
	.two-img-wrap .Rimg .txt{width:100%;text-align:left;padding:10px 0 0 0;}
	.two-img-wrap .Rimg .txt p{text-align:left;}
	.two-img-wrap .Rimg > h5{text-align:left;}
	.two-img-wrap .Rimg .img{float:inherit;}
	.two-img-wrap .Limg .img{float:inherit;}
	.two-img-wrap h6{margin:15px 0;}
	
	.object .con-box img {width: 50%;padding-left: 50px;bottom: inherit;}
	
	.con-box.major{padding-top:100px;}
}

@media screen and (max-width: 768px){
	.sub01-01{background-size:52% auto; padding:0 0 280px 0;}
	.object .top-box {/*margin-bottom: 550px;*/font-size: 20px;}
    .object .top-box .in-wrap {padding: 50px 50px;top:0;left:0;}
    .object .top-box .in-wrap > div:nth-child(1) {margin-bottom: 25px;}
    .object .top-box .in-wrap > div:nth-child(2) {margin-bottom: 25px;}
    .object.top-box .in-wrap > div:nth-child(3) {font-size: 28px;}
    .object .top-box .in-wrap > div:nth-child(3) span {font-size: 36px;line-height: 1.2;}
	.object .con-box img{width: 380px;top: -165%;padding-left:0px;left: 50%;transform: translate(-50%, 0%);}
    .object .con-box p {font-size: 16px;line-height: 1.5;width: 100%;}
	
	.two-img-wrap .Limg > h5, .two-img-wrap .Rimg > h5{font-size:19px;}
}

@media screen and (max-width: 640px){
	.subConBox.mb{margin-bottom:20px;}
	
	.dapth-tab .item{font-size:.9rem;height:50px;font-weight:normal}
	.object .con-box .img {width: 89%;position:absolute;top: -610px;}
    .object .con-box .img img{position: inherit}
	
	span.btn-type2 a, span.btn-type3 a{font-size:16px;}

	.ul-tit{font-size:1rem;padding:30px 0 0 20px;}
	.ul-tit::before{top:40px;}
	.ul-bul > ul > li{font-size:0.938rem;}
	
	.two-img-wrap .Limg .txt p, .two-img-wrap .Rimg .txt p{font-size:0.938rem;}
	.two-img-wrap .Rimg .txt h6, .two-img-wrap .Limg .txt h6{line-height:inherit;}
	
	.sub04 .link-box-wrap{width:100%}
	.sub04 .link-box-wrap h4{font-size:22px;}
	.sub04 .link-box-wrap .link-box{padding:25px 25px 25px 20px;min-height:auto;}
	
	.listTypeA.mb tbody td.data::before{content: 'Date Created';}
	.listTypeA.mb tbody td.file::before{content:'Attachment';}
	.listTypeA.mb tbody td.hit::before{content: 'Page Views';}
}

@media screen and (max-width: 410px){
	.dapth-tab .item{font-size: .75rem;}
	.object.con-box .img img{width: 100%;}
    .object .con-box .img{top:-540px;}
}



/*----------240412 염채은----------*/

/*----------공통----------*/
.inner-1280 { max-width: 1280px; width: 90%; margin: auto; } 
.text-color { color: var(--color-m); } 
.sub .bold { font-weight: 600; } 
.sub section .t-padding { padding-bottom: 50px; } 
@media (max-width:1024px){
	.sub section .t-padding { padding-bottom: 20px; } 
 }
.ic-site #mbLnb > ul > li.home a {background-color: var(--color-m); } 
#mbLnb > ul > li.home a { background: var(--color-m) url(/_res/tongmyong/ce/img/ic_home3.png) no-repeat center center; } 
.ul-bul > ul > li > ul > li::before { background: var(--color-m); }

/*----------title----------*/
/*h3 : sec-title*/
.sub section .sec-title { font-size: 50px; line-height: 1.2; } 

/*h4 : logo-title*/
.sub section .logo-title { position: relative; margin: 0 0 30px; padding-left: 40px; font-size: 24px; color: #343c40; background: url(/_res/tongmyong/ce/img/h2_dot.png) no-repeat left 3px; line-height: 1.4; } 
/*h5 : square-title*/
.sub section .square-title { font-size: 20px;margin-top: 30px; margin-bottom: 10px; display: flex; align-items: center; } 
.sub section .square-title .double-square-mark { display: inline-block; width: 15px; height: 15px; border: 1px solid var(--color-m); background-color: white; margin-right: 10px; position: relative; text-indent: -9999px;} 
.sub section .square-title .double-square-mark::before { content: ''; position: absolute; width: 100%; height: 100%; top: 5px; left: 5px; background-color: var(--color-m); border: 1px solid var(--color-m); z-index: -1; } 
/*h6 : bold-title*/
.sub section .bold-title {font-size: 20px;font-weight: 600;margin: 20px 0 10px; } 
@media (max-width: 1024px){
	 .sub section .sec-title { font-size: 40px; } 
 }

@media (max-width: 1400px){
	.sub section .sec-title { font-size: 50px; } 
 }
@media (max-width: 780px){
	.sub section .sec-title { font-size: 30px; } 
 }
@media (max-width: 640px){
	.sub section .sec-title { font-size: 24px; } 
	.sub section .logo-title {margin: 0 0 15px;padding-left: 25px;font-size: 20px;background-size: 17px; } 
	.sub section .square-title {font-size: 18px;margin-top: 15px}
	.sub section .bold-title { font-size: 18px; } 
 }
.listTypeA::before,
.downBox::before { background-image: linear-gradient(to right, var(--color-s), var(--color-m)); } 
.bbs_top .pageNum .total b, .bbs_top .pageNum .now b { color: var(--color-m); } 
.downBox .btnRt .btn.down a {background: var(--color-m) url(../img/ic_down.png) no-repeat right 18px center; border-color: var(--color-m); } 
.downBox h2.ic2 { background: url(../img/ic_doc-red.png) no-repeat left center; } 


/*----------table 공통----------*/
.sub table { min-width: 1000px; } 
.sub table th,
.sub table td { border-collapse : collapse; padding: 10px 10px; } 
.sub table th,
.sub table .sub-t { text-align: center; font-weight: 600; } 
.sub table th { background: var(--color-m); color: white; border: 1px solid #9a483b; } 
.sub table td { border: 1px solid #dfdfdf; } 
.sub table ul li { list-style-position: outside; text-indent: 5px; margin-left: 20px; } 
.sub span.arrow-mark::before,
.sub ul.arrow-mark li::marker,
.sub ul.square-mark li::marker,
.sub ul.row-line-mark li::marker { font-family: xeicon !important; font-size: 18px; color: var(--color-m); } 
span.arrow-mark::before,
ul.arrow-mark > li::marker { content: "\ea3e"; } 
.sub ul.square-mark > li::marker { content: "\ea41"; font-size: 13px; } 
.sub ul.row-line-mark > li::marker { content: "\e91b"; } 

/*button*/
.btnBc a, .btnBc button, .btnBc input {background-color: var(--color-m); } 
.btnBc a:hover, .btnBc button:hover, .btnBc input:hover {background-color: #440513; } 


/* main color*/
.dapth-tab .item:hover { background-color:var(--color-m); } 
.s-btn .s-btn-link a { color: var(--color-m); background: #fff url(/_res/tongmyong/ic/img/ic_blank-red.png) no-repeat right 15px center; border: 1px solid var(--color-m); } 
.ul-tit { color: var(--color-m);font-size: 20px}
.ul-tit::before {border: 3px solid var(--color-m); } 


/*----------sec01 공통----------*/
.sub section .intro-img-box { height: 400px; color: white; position: relative; } 
.sub section .intro-img-box .sec-title { position: absolute; bottom: 50px; width: 100%; text-align: center; } 
@media (max-width:1200px){
	.sub section .intro-img-box { height: 350px; } 
 }
@media (max-width:1024px){
	.sub section .intro-img-box { height: 250px; } 
 }
@media (max-width:640px){
	.sub section .intro-img-box { height: 200px; } 
 }


/*----------sec01----------*/
.sub.who-we-are .sec01 .intro-img-box { background:url(/_res/tongmyong/ic/img/wwa-intro.png) center; } 
.sub.who-we-are .sec01 p { color: #727272; text-align: center; margin-top: 50px; } 


/*----------sec02----------*/
.sub.who-we-are .sec02 { margin: 100px auto 0; background: url(/_res/tongmyong/ic/img/wwa-bg.png) var(--color-g) no-repeat; background-size: cover; padding: 100px 50px; position: relative; } 
.sub.who-we-are .sec02 .title { display: flex; justify-content: space-between; gap: 50px; margin-bottom: 50px; } 
.sub.who-we-are .sec02 .title .sec-title { font-weight: 600; padding-top: 50px; flex: 2 1 0; } 
.sub.who-we-are .sec02 .title p { text-align: right; flex: 1 1 0; } 
.sub.who-we-are .sec02 .sub-title { font-size: 40px; } 


/*----------sec03----------*/
.sub.who-we-are .sec03 { background:linear-gradient(to right, #5f0b0f, #914340); text-align: center; padding-bottom: 50px; } 
.sub.who-we-are .sec03 .sec-title { color: white; padding: 100px 20px; } 
.sub.who-we-are .sec03 .icon-box { background-color: var(--color-g); } 
.sub.who-we-are .sec03 .icon-box ul { display: flex; } 
.sub.who-we-are .sec03 .icon-box ul li { width: 20%; padding: 50px 0; } 
.sub.who-we-are .sec03 .icon-box ul li p { text-align: center; color: var(--color-y); padding-top: 20px; } 


/*----------sec04----------*/
.sub.who-we-are .sec04 ul .inner-1280 { display: flex; margin-bottom: 100px; } 
.sub.who-we-are .sec04 ul li .text-box { width: calc(100% - 640px); } 
.sub.who-we-are .sec04 ul li .text-color { font-size: 30px; margin-bottom: 20px;} 
.sub.who-we-are .sec04 ul li:nth-child(odd) { flex-direction: row; } 
.sub.who-we-are .sec04 ul li:nth-child(odd) .text-box { padding-left: 50px; } 
.sub.who-we-are .sec04 ul li:nth-child(even) { position: relative; } 
.sub.who-we-are .sec04 ul li:nth-child(even)::before { content: ''; display: block; position: absolute; top: -50px; width: 100%; height: 100%; background-color: var(--color-g); z-index: -1; } 
.sub.who-we-are .sec04 ul li .img-box { width: 640px; height: 300px; overflow: hidden; }
.sub.who-we-are .sec04 ul li:last-child .img-box { height: 450px; } 
.sub.who-we-are .sec04 ul li .img-box img.img-pc { display: block; } 
.sub.who-we-are .sec04 ul li .img-box img.img-m { display: none; } 
.sub.who-we-are .sec04 ul li .img-box img { width: 100%; height: 100%; object-fit: cover; } 
.sub.who-we-are .sec04 ul li:nth-child(even) .inner-1280 { flex-direction: row-reverse; } 
.sub.who-we-are .sec04 ul li:nth-child(even) .text-box { padding-right: 50px; } 

@media (max-width:1240px){
	.sub.who-we-are .sec02 .title { gap: 20px; } 
	.sub.who-we-are .sec04 ul .inner-1280 { margin-bottom: 60px; } 
	.sub.who-we-are .sec04 ul li .img-box { flex: 1 1 0; } 
	.sub.who-we-are .sec04 ul li .text-box { flex: 1 1 0; } 
 }
@media (max-width:1200px){
	 .sub.who-we-are .sec01 .img-box { height: 350px; } 
	 .sub.who-we-are .sec03 .icon-box ul { flex-wrap: wrap; padding: 50px 0; gap: 50px 0; } 
	 .sub.who-we-are .sec03 .icon-box ul li { flex: 1 1 30%; padding: 0; } 
	 .sec04 { padding: 0; } 
	 .sub.who-we-are .sec04 ul .inner-1280 { display: block; } 
	 .sub.who-we-are .sec04 ul li .img-box, .sub.who-we-are .sec04 ul li .text-box { width: 100%; margin: auto;}
	 .sub.who-we-are .sec04 ul li:last-child .img-box { height: 300px; } 
	 .sub.who-we-are .sec04 ul li .img-box img.img-pc { display: none; } 
	 .sub.who-we-are .sec04 ul li .img-box img.img-m { display: block; } 
	 .sub.who-we-are .sec04 ul li:nth-child(odd) .text-box,
	 .sub.who-we-are .sec04 ul li:nth-child(even) .text-box { padding: 20px 0 0; text-align: center; } 
	 .sub.who-we-are .sec04 ul li:nth-child(even)::before { height: 250px; } 
 }
@media (max-width: 1024px){
	 .sub.who-we-are .sec01 .img-box { height: 250px; } 
	 .sub.who-we-are .sec02 { margin: 60px auto 0; padding: 50px; } 
	 .sub.who-we-are .sec03 .sec-title { padding: 60px 20px; } 
 }
@media (max-width: 780px){
	 .sub.who-we-are .sec04 ul li .text-color { font-size: 25px; } 
	 .sub.who-we-are .sec04 ul li .img-box { height: 250px; } 
	 .sub.who-we-are .sec02 .title { display: block; margin-bottom: 20px; } 
	 .sub.who-we-are .sec02 .title .sec-title { padding-top: 0; padding-bottom: 10px; } 
	 .sub.who-we-are .sec02 { padding: 30px; } 
	 .sub.who-we-are .sec02 .title p { text-align: left; } 
	 .sub.who-we-are .sec02 .sub-title { font-size: 24px; } 
}
@media (max-width: 640px){
	 .sub.who-we-are .sec01 .img-box { height: 200px; } 
	 .sub.who-we-are .sec02 .sub-title { font-size: 20px; } 
	 .sub.who-we-are .sec04 ul li .text-color { font-size: 20px; margin-bottom: 10px; } 
 }

@media (max-width:480px){
	 .sub.who-we-are .sec03 .icon-box ul { gap: 50px 0; } 
	 .sub.who-we-are .sec03 .icon-box ul li { flex: 1 1 40%; } 
 }

@media (max-width:390px){
	 .sub.who-we-are .sec03 .icon-box ul { display: block; } 
	 .sub.who-we-are .sec03 .icon-box ul li { width: 100%; } 
	 .sub.who-we-are .sec03 .icon-box ul li::after { content: ''; display: block; width: 30px; height: 1px; background-color: var(--color-y); margin: 30px auto; } 
 }



/*------------------------meet the dean-------------------------*/

.sub.meet-the-dean .sec01 .intro-img-box { background:url(/_res/tongmyong/ic/img/mtd-intro.png) center; } 
.sub.meet-the-dean .sec01 .greeting-box .dean-img {display: block; float: left; margin-right: 30px; max-width: 600px; aspect-ratio: 2 / 1; background-color: black; position: relative; overflow:hidden;}
.sub.meet-the-dean .sec01 .greeting-box .dean-img img{opacity: 1; transition: 0.3s;}

.sub.meet-the-dean .sec01 .greeting-box .dean-img .play-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.7); display: flex; justify-content: center; align-items: center; padding-left: 5px; opacity: 0; transition: 0.3s;}
.sub.meet-the-dean .sec01 .greeting-box .dean-img .triangle{width: 0px; height: 0px; border-left: calc( 15px * 1.732 ) solid #9F3935; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}
.sub.meet-the-dean .sec01 .greeting-box .dean-img:hover img{opacity: 0.8; transform: scale(1.1);}
.sub.meet-the-dean .sec01 .greeting-box .dean-img:hover .play-btn{opacity: 1;}

.sub.meet-the-dean .sec01 .greeting-box p { font-size: 20px; } 
.sub.meet-the-dean .sec01 .italic { margin: auto; max-width: 1000px; font-family: "Noto Serif", serif; font-size: 20px; font-style: italic; text-align: center; font-weight: 300; } 
.sub.meet-the-dean .sec01 .italic::before,
.sub.meet-the-dean .sec01 .italic::after { content: ''; display: block; width: 50px; height: 2px; background: var(--color-m); margin: 50px auto; } 

.sub.meet-the-dean .sec02{ margin-bottom: 100px; } 
.sub.meet-the-dean .sec02 .dean-img { background:url(/_res/tongmyong/ic/img/ic-dean-img-02.jpg) right; width: 100%; height: 300px; margin-bottom: 20px; padding: 50px; display: flex; align-items: center; color: white; font-size: 30px;} 

.sub.meet-the-dean .sec03{margin-bottom: 100px;}
.sub.meet-the-dean .sec03 .message-box{display: flex; gap: 20px;}
.sub.meet-the-dean .sec03 .dean-img{width: 300px; height: 450px; background:url(/_res/tongmyong/ic/img/ic-dean-img-03.jpg) 100% / cover no-repeat;}
.sub.meet-the-dean .sec03 .message-cont{flex: 1;}

@media (max-width:1240px) {
	.sub.meet-the-dean .sec02 {margin-bottom: 60px; } 
 }
@media (max-width:1200px){
	 .sub.meet-the-dean .sec01 .greeting-box .dean-img { width: 60%; overflow: hidden; } 
	 .sub.meet-the-dean .sec01 .greeting-box .dean-img img { max-width: none; height: 100%; object-fit: cover; float: right; } 
 }
@media (max-width:1024px){
	.sub.meet-the-dean .sec02 .dean-img { height: 150px; padding: 20px; font-size: 24px;} 
	.sub.meet-the-dean .sec03 .dean-img{width: 240px; height: 320px;}

 }
@media (max-width:640px){
	.sub.meet-the-dean .sec01 .greeting-box p { font-size: 18px; text-align: center; } 
	.sub.meet-the-dean .sec01 .italic { font-size: 18px; } 
	.sub.meet-the-dean .sec01 .greeting-box .dean-img { float: none; width: 100%; margin-right: 0; margin-bottom: 30px; } 
	.sub.meet-the-dean .sec02 .dean-img { justify-content: center; position: relative; } 
	.sub.meet-the-dean .sec02 .dean-img::before { content: ''; display: block;  width:100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; leth: 0; }
	.sub.meet-the-dean .sec02 .dean-img p { z-index: 1; text-align: center; }  
	.sub.meet-the-dean .sec03 .message-box{flex-direction: column;}
	.sub.meet-the-dean .sec03 .dean-img{width: 100%; height: 400px; background: url(/_res/tongmyong/ic/img/ic-dean-img-03-m.png) center 100% / cover no-repeat;}

 }


/*------------------------partners-------------------------*/
.sub.partners .sec01 img { margin: 50px auto 0; display: block; max-width: 800px; width: 100%; } 
.sub.partners .sec03 { background: url(/_res/tongmyong/ic/img/partners-bg.png) bottom no-repeat; background-size: cover; padding-bottom: 100px; } 
.sub.partners .sec03 a { width: 150px; height: 40px; border: 1px solid var(--color-m); color: #5f0b0f; margin-top: 20px; overflow: hidden; position: relative; transition: 0.3s; } 
.sub.partners .sec03 a::before { content: ''; position: absolute; display: block; top: 0; left: -100%; width: 100%; height: 100%; transition: 0.3s; background-color: var(--color-m); z-index: -1; } 
.sub.partners .sec03 a:hover { color: white; } 
.sub.partners .sec03 a:hover::before { left: 0; } 
@media (max-width:1024px){
	 .sub section .t-padding { padding-bottom: 20px; } 
	 .sub.partners .sec03 { padding-bottom: 60px; } 
 }
@media (max-width:640px){
	 .sub.partners .sec03 a { width: 100%; } 
 }

/*------------------------visit-bic-------------------------*/
.sub.visit-bic .sec01 .intro-img-box { background:url(/_res/tongmyong/ic/img/vb-intro.png) center; } 

.sub.visit-bic .sec02 .root_daum_roughmap { width: 100% !important; } 
.sub.visit-bic .ul-bul {margin-top: 10px; } 

.sub.visit-bic .table-scroll-txt {color:var(--color-m); } 
.sub.visit-bic .table-scroll {overflow-x:auto;margin-bottom: 20px; } 
.sub.visit-bic .table-scroll table {width: 1280px; } 
.sub.visit-bic .table-scroll table th,
.sub.visit-bic .table-scroll table td {padding:10px 0; } 
.sub.visit-bic .table-scroll table th {background:var(--color-m);color:white;padding: 0 10px; } 
.sub.visit-bic .table-scroll table td {text-align: center;background:var(--color-g); } 
.sub.visit-bic .sec03 {margin-bottom: 100px}

.sub.visit-bic .table-scroll-txt {color:var(--color-m); } 

.sub.visit-bic .sec03 { display: flex; flex-wrap: wrap; gap: 10px; }
.sub.visit-bic .sec03 .con-card { display: flex; flex-wrap: wrap; gap: 10px; width: 100%;}
.sub.visit-bic .sec03 .con-card .link-box { border: 1px solid #c8c8c8; padding: 30px; position: relative; min-height: 200px; flex: 1 1 40%;}
.sub.visit-bic .sec03 .con-card .link-box::before { content: ""; position: absolute; display: block; background: var(--color-m); width: 15px; height: 15px; top: 0; right: 0;}
.sub.visit-bic .sec03 .con-card .link-box:hover{ border: 1px solid var(--color-m);}
.sub.visit-bic .sec03 .con-card .link-box h4{ font-size: 20px; }
.sub.visit-bic .sec03 .con-card .link-box a:hover {text-decoration: underline;}

@media (max-width: 1204px) {
	.sub.visit-bic .sec03 { margin-bottom: 60px; }
 }
@media (max-width:640px) {
	.sub.visit-bic .sec03 .con-card { display: block;}
	.sub.visit-bic .sec03 .con-card .link-box { min-height: 0; margin-bottom: 10px; padding: 20px;}
	.sub.visit-bic .sec03 .con-card .link-box:last-child { margin-bottom: 0;}
	.sub.visit-bic .sec03 .con-card .link-box h4{ font-size: 18px; }
	.sub.visit-bic .table-scroll table { width: 700px; } 
 }



/*------------------------Education at BIC-------------------------*/
.sub.education-at-bic .sec01 .intro-img-box { background:url(/_res/tongmyong/ic/img/eab-intro.png) center; } 

.sub.education-at-bic .sec02::after { content: ''; display: block; clear: both; } 
.sub.education-at-bic .sec02 .sec-title { font-weight: 600; background: url(/_res/tongmyong/ic/img/marks-black.png) no-repeat; padding-left: 100px; padding-top: 17px; padding-bottom: 20px; } 
.sub.education-at-bic .sec02 .sec-title span:nth-child(4) { color: var(--color-y); } 
.sub.education-at-bic .sec02 .main-title-box a{margin-left: 100px;}
.sub.education-at-bic .sec02 p { max-width: 640px; width: 100%; float: right; padding-top: 20px; border-top: 1px solid black; position: relative; } 
.sub.education-at-bic .sec02 p::after { content: ''; display: block; position: absolute; bottom: -30px; right: -20px; width: 550px; height: calc(100% + 80px); border: 10px solid var(--color-g); z-index: -1; } 
.sub.education-at-bic .sec03 { clear: both; background-color: var(--color-g); padding: 100px 0; } 
.sub.education-at-bic .sec03 dl { display: flex; justify-content: space-between; margin-bottom: 100px; } 
.sub.education-at-bic .sec03 dl:last-child { margin-bottom: 0; } 
.sub.education-at-bic .sec03 dl dt { font-size: 30px; width: calc(50% - 100px); } 
.sub.education-at-bic .sec03 dl dt::before { content: ''; display: block; width: 30px; height: 5px; background-color: var(--color-m); } 
.sub.education-at-bic .sec03 dl dt a{margin: 10px 0;}
.sub.education-at-bic .sec03 dl dd { width: 50%; } 
.sub.education-at-bic .sec03 dl li { display: flex; align-items: center; margin: 5px 0; } 
.sub.education-at-bic .sec03 dl li:last-child { margin: 0; } 
.sub.education-at-bic .sec03 dl li::before { content: ''; display: block; width: 5px; height: 5px; background-color: var(--color-m); margin-right: 10px; } 
@media (max-width:1024px){
	 .sub.education-at-bic .sec02 .sec-title { background-size: 50px; padding-left: 60px; padding-top: 10px; } 
	.sub.education-at-bic .sec02 .main-title-box a{margin-left: 60px;}
	 .sub.education-at-bic .sec03 { padding: 60px 0; } 
	 .sub.education-at-bic .sec03 dl { margin-bottom: 60px; } 
 }
@media (max-width:780px){
	 .sub.education-at-bic .sec02 .sec-title { background-size: 35px; padding-left: 50px; padding-top: 5px; } 
	.sub.education-at-bic .sec02 .main-title-box a{margin-left: 50px;}
	 .sub.education-at-bic .sec03 dl { display: block; } 
	 .sub.education-at-bic .sec03 dl dt,
	 .sub.education-at-bic .sec03 dl dd { width: 100%; } 
	 .sub.education-at-bic .sec03 dl dt::before { margin-bottom: 10px; } 
	 .sub.education-at-bic .sec03 dl dt { font-size: 25px; } 
 }
@media (max-width:640px){
	 .sub.education-at-bic .sec02 { position: relative; } 
	 .sub.education-at-bic .sec02::before { content: ''; position: absolute; display: block; width: calc(100% - 10px); height: calc(100% + 20px); border: 10px solid var(--color-g); z-index: -1; margin: 5px; } 
	 .sub.education-at-bic .sec02 .sec-title { background-size: 30px; padding-left: 40px; } 
	.sub.education-at-bic .sec02 .main-title-box a{margin-left: 40px;}
	 .sub.education-at-bic .sec02 p::after { content: none; } 
	 .sub.education-at-bic .sec03 dl dd { font-size: 16px; } 
	 .sub.education-at-bic .sec03 dl dt { font-size: 20px; } 
 }

/*------------------------Faculty-------------------------*/
.teachList ul li .box .photo { aspect-ratio: 3 / 4; overflow: hidden; }
.teachList ul li .box .photo .bt-pop img { width: 100%; height: 100%; object-fit: cover; }

/*------------------------Undergraduate Programs-------------------------*/

.sub.undergraduate-programs .dapth-tab li {border-left: 1px solid #e4e4e4; margin-left: -1px; } 
.sub.undergraduate-programs .dapth-tab li a {padding:0 10px; } 
.sub.undergraduate-programs .dapth-tab li.expected a { color: #999; pointer-events: none; } 
.sub.undergraduate-programs .con-box {margin-bottom: 50px; } 

.sub.undergraduate-programs .con-box.major:first-child { padding-top: 0; } 
.sub.undergraduate-programs .ul-bul::after {content:none; } 
.sub.undergraduate-programs .con-box .img-box { width: 450px; height: 300px; background-color: #727272; float: right; margin-left: 20px;background-position: center;background-size: cover; } 

.sub.undergraduate-programs .sec01 section.con-box:nth-child(2) .img-box { background-image:url(/_res/tongmyong/ic/img/programs-01.png); } 
.sub.undergraduate-programs .sec01 section.con-box:nth-child(3) .img-box { background-image:url(/_res/tongmyong/ic/img/programs-02.png); } 
.sub.undergraduate-programs .sec01 section.con-box:nth-child(4) .img-box { background-image:url(/_res/tongmyong/ic/img/programs-03.png); } 
.sub.undergraduate-programs .sec01 section.con-box:nth-child(5) .img-box { background-image:url(/_res/tongmyong/ic/img/programs-04.png); } 
.sub.undergraduate-programs .sec01 section.con-box:nth-child(6) .img-box { background-image:url(/_res/tongmyong/ic/img/programs-05.png); } 
.sub.undergraduate-programs .sec01 section.con-box:nth-child(7) .img-box { background-image:url(/_res/tongmyong/ic/img/programs-06.png); } 
.sub.undergraduate-programs .sec01 section.con-box:nth-child(8) .img-box { background-image:url(/_res/tongmyong/ic/img/programs-07.png); } 
.sub.undergraduate-programs .logo-title,
.sub.undergraduate-programs .s-btn .s-m-link02,
.sub.undergraduate-programs .s-btn .s-btn-link { margin:0; } 
.sub.undergraduate-programs .s-btn .s-m-link02 {margin-left:10px; } 
.sub.undergraduate-programs .s-btn {margin-bottom: 30px; } 
.sub.undergraduate-programs .ul-tit {padding:0;padding-left :24px; } 
.sub.undergraduate-programs .ul-bul {margin-top:0;margin-bottom:30px; } 
.sub.undergraduate-programs .ul-tit:nth-child(2) {margin-top: 0; } 
.sub.undergraduate-programs .ul-tit::before {top:50%;transform: translateY(-50%); } 
.sub.undergraduate-programs .con-box.major {padding-top: 0; } 

@media (max-width:1024px) {
	.sub.undergraduate-programs .dapth-tab {margin-bottom: 60px; } 
 }
@media (max-width:960px) {
	.sub.undergraduate-programs .con-box .img-box {float:none;width:100%;height: 300px;margin-left: 0;margin-bottom: 20px; } 
	.sub.undergraduate-programs .sec01 section.con-box:nth-child(2) .img-box {background-image:url(/_res/tongmyong/ic/img/programs-01-m.png); } 
	.sub.undergraduate-programs .sec01 section.con-box:nth-child(3) .img-box {background-image:url(/_res/tongmyong/ic/img/programs-02-m.png); } 
	.sub.undergraduate-programs .sec01 section.con-box:nth-child(4) .img-box {background-image:url(/_res/tongmyong/ic/img/programs-03-m.png); } 
	.sub.undergraduate-programs .sec01 section.con-box:nth-child(5) .img-box {background-image:url(/_res/tongmyong/ic/img/programs-04-m.png); } 
	.sub.undergraduate-programs .sec01 section.con-box:nth-child(6) .img-box {background-image:url(/_res/tongmyong/ic/img/programs-05-m.png); } 
 }
@media (max-width:640px) {
	.dapth-tab {padding:0; } 
	.sub.undergraduate-programs .dapth-tab li {width:100%; } 
	.sub.undergraduate-programs .dapth-tab ul { flex-wrap: wrap; } 
	.sub.undergraduate-programs .dapth-tab .item {height: 40px; } 
	.sub.undergraduate-programs .con-box .img-box {float:none;width:100%;height: 150px;margin-left: 0;margin-bottom: 20px; } 
 }


/*----------admissions-requirements----------*/
.sub.admissions-requirements .sec01 .intro-img-box { background: url(/_res/tongmyong/ic/img/ar-intro.png) center; } 
.sub.admissions-requirements .sec01 p {margin-top: 50px; } 

.sub.admissions-requirements :where(.sec02, .sec03,.sec04, .sec05){overflow-x: auto;}
.sub.admissions-requirements .sec02 table .col1 {margin-top: 50px; } 
.sub.admissions-requirements .sec02 table .col2 {width: 130px; } 
.sub.admissions-requirements .sec02 table .col3 {width: auto; } 

.sub.admissions-requirements .sec03 table .col1 { width: 200px; } 
.sub.admissions-requirements .sec03 table .col2 { width: 150px; } 
.sub.admissions-requirements .sec03 table .col3 { width: auto; } 
.sub.admissions-requirements .sec03 table tr td { text-align: center; } 
.sub.admissions-requirements .sec03 table tr td:last-child { text-align: left; } 
.sub.admissions-requirements .sec03 ol > li { list-style: decimal; margin-left: 20px; margin-bottom: 15px; } 
.sub.admissions-requirements .sec03 ol > li:last-child { margin-bottom: 0; } 

.sub.admissions-requirements .sec03 ol,
.sub.admissions-requirements .sec04 p {min-width: 1000px; } 


.sub.admissions-requirements .sec04 table { text-align: center; margin-bottom: 10px; } 
.sub.admissions-requirements .sec04 tbody tr td:nth-child(4),
.sub.admissions-requirements .sec04 tbody tr td:nth-child(5),
.sub.admissions-requirements .sec04 tbody tr:last-child td:nth-child(3) { background-color: var(--color-g); } 
.sub.admissions-requirements .sec04 p,
.sub.admissions-requirements .sec04 .arrow-mark::before { color: var(--color-y); font-size: 20px; } 



.sub.admissions-requirements .sec05 { margin-bottom: 100px; } 
.sub.admissions-requirements .sec05 span { font-weight: 600; margin-right: 10px; float: left; } 
.sub.admissions-requirements .sec05 span.arrow-mark { margin-right: 0; } 
.sub.admissions-requirements .sec05 div { margin-left: 40px; } 
.sub.admissions-requirements .sec05 td li { list-style: decimal; } 
.sub.admissions-requirements .sec05 td > ol { margin-left: 20px; } 
.sub.admissions-requirements .sec05 td > ol:nth-child(2) li { list-style-type: decimal; } 

@media (max-width: 1024px) {
	.sub.admissions-requirements .sec05 {margin-bottom: 60px; } 
 }

/*------------------------tuition-scholarships-------------------------*/

.sub.tuition-scholarships section { overflow-x: auto; } 
.sub.tuition-scholarships .sec01 table { width: auto; min-width: 700px; text-align: center; } 
.sub.tuition-scholarships .sec01 table .col1 { width: 300px; } 
.sub.tuition-scholarships .sec01 table .col2 { width: 200px; } 
.sub.tuition-scholarships .sec01 p { min-width: 700px; } 


.sub.tuition-scholarships .sec02 table { text-align: center; } 
.sub.tuition-scholarships .sec02 table .col1 { width: 250px; } 
.sub.tuition-scholarships .sec02 table .col2 { width: auto; } 
.sub.tuition-scholarships .sec02 table .col3 { width: 200px; } 
.sub.tuition-scholarships .sec02 td li { list-style: disc; } 
.sub.tuition-scholarships .sec02 tr td:nth-child(2) { text-align: left; } 

.sub.tuition-scholarships .sec03 {margin-bottom:100px; } 
@media (max-width:1024px) {
	.sub.tuition-scholarships .sec03 {margin-bottom:60px; } 
 }
@media (max-width:640px){
	 .sub.tuition-scholarships .sec01 table,
	 .sub.tuition-scholarships .sec01 p { min-width: 500px; } 
	 .sub.tuition-scholarships .sec01 table .col1 { width: 250px; } 
	 .sub.tuition-scholarships .sec01 table .col2 { width: auto; } 
 }

.sub.academic-affairs .sec01 { margin-bottom: 100px; }
.sub.academic-affairs .sec01 .intro-img-box { background: url(/_res/tongmyong/ic/img/aa-intro.png) center; } 
.sub.student-life .sec01 .intro-img-box { background: url(/_res/tongmyong/ic/img/sl-intro.png) center; }
.sub.career-support .sec01 .intro-img-box { background: url(/_res/tongmyong/ic/img/cs-intro.png) center; } 
.sub.academic-affairs .sec01 p,
.sub.student-life .sec01 p,
.sub.career-support .sec01 p{ margin-top: 50px; }

.subVisual.bgi { background-image: url(../img/sub-visual3.jpg); } 

/*---------- student-carrer ----------*/
.sub.student-carrer .content-box{width: 100%; margin-bottom: 50px; }
.sub.student-carrer .content-box:last-child{ margin-bottom: 0; }

.sub.student-life .sec02 .content-box .color-title{font-size: 24px; margin-bottom: 20px;}
.sub.student-life .sec02 .content-box ul { display: flex; flex-wrap: wrap; gap: 20px; }
.sub.student-life .sec02 .content-box li { width: calc(25% - 15px); min-height: 100px; padding: 20px; text-align: center; display: flex; align-items: center; justify-content: center; }

.sub.student-life .sec02 .content-box.event .color-title{color: #CC8E00;}
.sub.student-life .sec02 .content-box.event li{ color: white; background-color: #e4a619; }
.sub.student-life .sec02 .content-box.event li.border{ box-shadow: 5px 5px 0 #EFCC5F; border: 1px solid #FCF3C9; }

.sub.student-life .sec02 .content-box.lectures .color-title{color: #035FA0;}
.sub.student-life .sec02 .content-box.lectures li{ color: white; background-color: #0e6caf; }
.sub.student-life .sec02 .content-box.lectures li.border{ box-shadow: 5px 5px 0 #5DBAE2; border: 1px solid #C9F1FA; }

.sub.student-carrer .sec03 { margin-bottom: 100px; }
.sub.student-carrer .sec03 .img-box { overflow-x: auto; white-space: nowrap; }
.sub.student-carrer .sec03 .img-box li { height: 250px; display: inline-block; margin-right: 20px;}
.sub.student-carrer .sec03 .img-box li:last-child { margin-right: 0; }
.sub.student-carrer .sec03 .img-box li div { height: 100%; width: 100%; }

@media (max-width:1024px){
	.sub.student-life .sec02 .content-box li{ width: calc(33.333% - 14px); }
}
@media (max-width:640px){
	.sub.student-life .sec02 .content-box ul{ display: block; }
	.sub.student-life .sec02 .content-box li{ width: 100%; min-height: 70px; margin-bottom: 20px;}
	.sub.student-carrer .sec03 .img-box li{ margin-right: 10px; }
	.sub.student-carrer .sec03 .img-box li, .sub.student-carrer .sec03 .img-box li img{ height: 200px; }

}
/*----------News & Events----------*/

.sub.bic-news .sec01 .intro-img-box { background: url(/_res/tongmyong/ic/img/bn-intro.png) center; } 
.sub.bic-events .sec01 .intro-img-box { background: url(/_res/tongmyong/ic/img/be-intro.png) center; } 
.sub.qna .sec01 .intro-img-box{ background: url(/_res/tongmyong/ic/img/qna-intro.png) center;}
.sub.news-event .intro-img-box { margin-bottom: 100px; }
.sub.qna{ margin-bottom: 50px;}
.sub.news-event .sec02 {margin-bottom: 100px}
.sub.news-event .dropdown select { display: inline-block; width: 120px; outline:none; transition: 0.3s; padding: 5px 10px; cursor: pointer; border-radius: 5px;-webkit-appearance: auto; -moz-appearance: auto; appearance: auto;}
.sub.news-event .dropdown select:hover { background-color: var(--color-g); } 
.sub.news-event .dropdown option { background-color: white; } 

.sub.news-event .con-list { border-top: 1px solid var(--color-g); margin-top: 20px; padding-top: 20px; } 
.sub.news-event .con-list .content-box { display: flex; gap: 20px; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 20px; } 
.sub.news-event .con-list .content-box:last-child { margin-bottom: 0; border-bottom: none; } 
.sub.news-event .con-list .content-box .img-box { flex-shrink: 0; width: 33.3%; max-height: 190px; height: auto; overflow: hidden; } 
.sub.news-event .con-list .content-box .img-box img { width: 100%; height: 100%; object-fit: cover; } 
.sub.news-event .con-list .content-box .con-preview { position: relative; } 
.sub.news-event .con-list .content-box .con-preview .news-event-title { font-size: 18px; color: var(--color-m); font-weight: 600; margin-bottom: 5px; transition: 0.3s; } 
.sub.news-event .con-list .content-box .con-preview .news-event-title:hover { color: #2D0213; } 
.sub.news-event .con-list .content-box .con-preview .news-event-title { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all;font-size: 16px; } 
.sub.news-event .con-list .content-box .con-preview p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all;font-size: 16px; } 
.sub.news-event .con-list .content-box .con-preview span { position: absolute; bottom: 0; font-size: 16px; color: #9b9b9b; } 

@media (max-width:1024px){
	.sub.news-event .intro-img-box { margin-bottom: 60px; }
	.sub.news-event .con-list .content-box .con-preview p { -webkit-line-clamp: 3; } 
	.sub.news-event .sec02 {margin-bottom: 60px} 
 }
@media (max-width:640px){
	 .sub.news-event .con-list .content-box { display: block; } 
	 .sub.news-event .con-list .content-box .img-box { width: 100%; margin-bottom: 10px; } 
	 .sub.news-event .con-list .content-box .con-preview span { position:static; display: block; margin-top: 20px; } 
 }

.viewTypeA::before { background-image: linear-gradient(to right, var(--color-s), var(--color-m)); }
.bn-write-common01.type01 .b-table-wrap { border-top: 2px solid var(--color-m) !important; }

/*----------site map----------*/
.Sitemap .Sitemap-in > ul > li > a { border-top: 4px solid var(--color-m); color: var(--color-m); } 


/*----------240924 신설학과 원페이지 YCE----------*/
.italic{font-family: "Noto Serif", serif;}
.sec-padding{padding: 100px 0;}
.gray-bg{background: var(--color-g);}
.sub-landing .con-box:not(:last-of-type){margin: 50px auto;}
.sub-landing .con-box:last-of-type{margin-top: 50px;}
.sub-landing .landing-title-box{background: var(--color-m); color: white; width: 100%; padding: 50px 0;}
.sub-landing .landing-title{font-family: 'Poppins'; font-weight: 600; font-size: 50px;}
.sub-landing .sec-visual{overflow: hidden; position: relative; height: 100vh;}
.sub-landing .visual-slide-box{height: 100%;}
.sub-landing .swiper-slide{position: relative;}
.sub-landing .swiper-slide img{position: absolute; min-height: 100%; object-fit: cover; top: 50%; left: 50%;transform: translate(-50%, -50%);}
.sub-landing .sec-visual .title-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; color: white;}
.sub-landing .sec-visual .title-box .v-title{font-size: 60px; font-weight: 600; margin-bottom: 20px; text-align: center;}
.sub-landing .sec-visual .title-box .italic{font-style: italic; text-align: center;}
.sub-landing .landing-intro-img-box{float: left; width: 200px; height: 250px; margin: 20px 20px 20px 0; background: gray;}
.sub-landing .inner-1400 .intro-box.tech:first-of-type .landing-intro-img-box{background: url('/_res/tongmyong/ic/img/tech-intro01.png');}
.sub-landing .inner-1400 .intro-box.tech:last-of-type .landing-intro-img-box{background: url('/_res/tongmyong/ic/img/tech-intro02.png');}
.sub-landing .inner-1400 .intro-box.culture:first-of-type .landing-intro-img-box{background: url('/_res/tongmyong/ic/img/culture-intro01.png');}
.sub-landing .inner-1400 .intro-box.culture:last-of-type .landing-intro-img-box{background: url('/_res/tongmyong/ic/img/culture-intro02.png');}
.sub-landing .intro-box{min-height: 270px;}
.sub-landing .sec-chart{padding-bottom: 100px;}
.sub-landing .chart01{position: relative; font-size: 24px; font-weight: 600; z-index: 1; max-width: 1200px; width: 100%; margin: auto;}
.sub-landing .chart01 .main-box{display: flex; gap: 30px; width: 70%; margin: 0 30px;}
.sub-landing .chart01 .main-box div{border: 2px solid #002A51; background: #e6eef5; color: #002A51; width: calc(100% / 3); min-height: 250px; padding: 20px; text-align: center; display: flex; justify-content: center; align-items: center;}
.sub-landing .chart01 .triangle-box{display: flex; width: calc(100% - 50px); height:100px; color: white; justify-content: flex-end; align-items: center; background: var(--color-y); position: absolute; top: 50px; left: 0;  z-index: -1;}
.sub-landing .chart01 .triangle-box .box-inner{position: relative; width: 100%; height: 100%;}
.sub-landing .chart01 .triangle-box .box-inner::after{content: ''; position: absolute; right: -100px; top: 50%; margin-top: -50px; border-top: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid var(--color-y);}
.sub-landing .chart01 .triangle-box .text{position: absolute; width: 23%;}
.sub-landing .chart01 .triangle-box .text p{width: 135px; margin: auto; text-align: center; color: yellow; text-shadow: 2px 2px 1px var(--color-m);}
.sub-landing .chart01 .bottom-box{background: #002A51; height:100px; margin-top: -30px; padding: 45px; color: yellow; text-shadow: 2px 2px 1px var(--color-m); text-align: center; width: calc(70% + 60px);}

.sub-landing .chart01.type02 .triangle-box{top: 50%; transform: translateY(-50%);}
.sub-landing .chart01.type02 .top-box{background: #002A51; height:100px; margin-bottom: -30px; padding: 15px 20px; color: yellow; text-shadow: 2px 2px 1px var(--color-m); text-align: center; width: calc(70% + 60px);}


.sub-landing .chart02 .chart-box{display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 20px;}
.sub-landing .chart02 .chart-box .chart-list:nth-of-type(1){background: #A892DE;}
.sub-landing .chart02 .chart-box .chart-list:nth-of-type(2){background: #83d3b9;}
.sub-landing .chart02 .chart-box .chart-list:nth-of-type(3){background: #DEA292;}
.sub-landing .chart02 .chart-box .chart-list:nth-of-type(4){background: #cfc87a;}
.sub-landing .chart02 .chart-box .chart-list:nth-of-type(5){background: #89746E;}
.sub-landing .chart02 .chart-list{max-width: 400px; width: calc((100% / 3) - 14px); color: white; padding: 20px; min-height: 350px; text-align: center; display: flex; justify-content: center; align-items: center; clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);}
.sub-landing .chart02 .chart-list ul{width: 80%;}
.sub-landing .chart02 .chart-list li{font-size: 16px; margin-bottom: 5px;}
.sub-landing .chart02 .chart-list ul li:first-of-type{margin-top: 10px;}
.sub-landing .chart02 .chart-list ul li:last-of-type{margin-bottom: 0;}

.sub-landing .chart03 img{margin: auto;}
.sub-landing .chart03 .chart-pc{display: block;}
.sub-landing .chart03 .chart-m{display: none;}

.sub-landing .curriculum-box p{text-align: center; margin-bottom: 10px; padding: 10px 20px;}
.sub-landing .curriculum-box p, .sub-landing .curriculum-box li{border-radius: 10px;}
.sub-landing .curriculum-box{display: flex; gap: 20px; text-align: center; background: #e7e7e7; padding: 10px;}
.sub-landing .curriculum-box > li{width: calc((100% / 4) - (45px / 3));}
.sub-landing .curriculum-box > li > p{background: var(--color-m); color: white;}
.sub-landing .curriculum-box .grade{display: flex; gap: 10px;}
.sub-landing .curriculum-box .grade > li{width: calc(50% - 5px);}
.sub-landing .curriculum-box .grade > li> p{background: var(--color-s); color: white;}
.sub-landing .curriculum-box .subject li{background: transparent; border: 2px solid var(--color-m); margin-bottom: 10px; padding: 5px; height: 120px; font-size: 16px; display: flex; justify-content: center; align-items: center; color: var(--color-m);}
.sub-landing .curriculum-box .subject li:last-of-type{margin-bottom: 0;}
.sub-landing .curriculum-box .subject li.major{background: white; border: none;}

.sub-landing .tag{font-size: 16px; display: inline-flex; background: #e7e7e7; padding: 10px; margin-top: 20px;}
.sub-landing .tag dl{margin-right: 20px; display: flex; align-items: center; color: var(--color-m);}
.sub-landing .tag dl:last-of-type{margin-right: 0;}
.sub-landing .tag dl:first-of-type dt{background: white;}
.sub-landing .tag dl:last-of-type dt{background: transparent; border: 2px solid var(--color-m);}
.sub-landing .tag dt{width: 70px; height: 30px; margin-right: 10px; border-radius: 5px;}

.sub-landing .career-after-box{display: flex; flex-wrap: wrap; gap: 20px;}
.sub-landing .career-after-box li{flex: 1 1 30%; background: white; padding: 20px;}
.sub-landing .career-after-box li.line{border: 2px solid var(--color-m);}

/*251118 yce 추가*/
.img-cover{width: 100%; height: 100%; object-fit: cover;}
.sub-landing .intro-box2 .title-box{margin-bottom: 50px; text-align: center;}
.sub-landing .intro-box2 .title-box p{text-align: center;}
.sub-landing .intro-box2 .landing-intro-img-box{float: unset; display: flex; width: 100%; margin: 0 0 20px 0}
.sub-landing .intro-box2 .landing-intro-img-box .img-box{flex: 1;}

.sub-landing .step-list02{display: flex; flex-wrap: wrap; gap: 20px;}
.sub-landing .step-list02 .item{flex: 1; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.sub-landing .step-list02 .item .num-box{display: flex; justify-content: center; align-items: center; width: 60px; aspect-ratio: 1 / 1; font-size: 1.5rem; font-weight: 700; color: var(--color-m); background-color: #fffcfc; border: 2px solid var(--color-m); border-radius: 50%;}
.sub-landing .step-list02 .item .cont{display: flex; justify-content: center; align-items: center; min-height: 200px; padding: 16px; font-size: 1.125rem; font-weight: 600; text-align: center; background-color: #fffcfc; border: 2px solid var(--color-m); border-radius: 12px;}



@media (max-width:1400px){
 }
@media (max-width:1200px){
	.sub-landing .chart02 .chart-list{width: calc(50% - 10px); min-height: 300px;;}
	.sub-landing .curriculum-box{flex-wrap: wrap;}
	.sub-landing .curriculum-box > li{width: calc(50% - 10px);}
	
	.sub-landing .step-list02 .item{flex: 1 1 30%;}
 }
@media (max-width:1024px){
	.sub-landing .con-box:not(:last-of-type){margin: 30px auto;}
	.sub-landing .con-box:last-of-type{margin-top: 30px;}
	.sub-landing .landing-title{font-size: 40px;}
	.sub-landing .sec-visual .title-box .v-title{font-size: 50px;}
	.sub-landing .chart01{font-size: 20px;}
	.sub-landing .chart01 .main-box{gap: 10px;}
	.sub-landing .chart01 .triangle-box .text{width: 19%;}

	.sub-landing .chart03 .chart-pc{display: none;}
	.sub-landing .chart03 .chart-m{display: block;}
	.sub-landing .career-after-box li{flex: 1 1 40%;}
 }
@media (max-width:720px){
	body{font-size: 16px;}
	.sec-padding{padding: 50px 0;}
	.sub-landing .con-box:not(:last-of-type){margin: 20px auto;}
	.sub-landing .con-box:last-of-type{margin-top: 20px;}
	.sub-landing .landing-title-box{padding: 30px 0;}
	.sub-landing .landing-title{font-size: 30px;}
	.sub-landing .sec-visual{height: 650px;}
	.sub-landing .sec-visual .title-box .v-title{font-size: 30px;}
	.sub-landing .inner-1400 .intro-box.tech:first-of-type .landing-intro-img-box{background: url('/_res/tongmyong/ic/img/tech-intro01-m.png');}
	.sub-landing .inner-1400 .intro-box.tech:last-of-type .landing-intro-img-box{background: url('/_res/tongmyong/ic/img/tech-intro02-m.png');}
	.sub-landing .inner-1400 .intro-box.culture:first-of-type .landing-intro-img-box{background: url('/_res/tongmyong/ic/img/culture-intro01-m.png');}
	.sub-landing .inner-1400 .intro-box.culture:last-of-type .landing-intro-img-box{background: url('/_res/tongmyong/ic/img/culture-intro02-m.png');}
	.sub-landing .intro-box{min-height: auto;}
	.sub-landing .landing-intro-img-box{float: none; margin: 0 0 20px 0; width: 100%; height: 200px;}
	.sub-landing .chart01{position: relative;}
	.sub-landing .chart01 .main-box{flex-direction: column; align-items: flex-end; margin: 200px 0 100px; width: 100%;}
	.sub-landing .chart01 .main-box div{width: calc(100% - 130px); min-height: 150px;}
	.sub-landing .chart01 .main-box div:last-of-type{margin-bottom: 0;}
	.sub-landing .chart01 .triangle-box{width: 150px; height: calc(100% + 150px); position: absolute; top: -100px; left: calc(50% + 100px); transform: translateX(-50%); display: block;}
	.sub-landing .chart01 .triangle-box .box-inner{width: auto; padding: 20px; text-align: center;}
	.sub-landing .chart01 .triangle-box .box-inner::after{left: 0; top: -50px; width: 150px; border-top: 50px solid transparent; border-right: 75px solid transparent; border-bottom: 50px solid var(--color-y); border-left: 75px solid transparent;}
	
	.sub-landing .chart01 .triangle-box .text{width: 100%; top: 10px;}
	.sub-landing .chart01:not(.type02) .bottom-box{position: absolute; top: -20px; left: 0; z-index: -1; height: calc(100% + 100px); width: 200px; text-align: left; display: flex; align-items: center; padding: 0 90px 0 20px;}
 	
	.sub-landing .chart01.type02{margin: 140px 0 120px;}
	.sub-landing .chart01.type02 .main-box{margin: 0;}
	.sub-landing .chart01.type02 :where(.top-box, .bottom-box){width: 100%;}
	.sub-landing .chart01.type02 .top-box{width: 100%;}
	.sub-landing .chart01.type02 .bottom-box{width: 100%;}
	.sub-landing .chart01.type02 .main-box{align-items: center;}
	.sub-landing .chart01.type02 .main-box div{width: calc(100% - 40px);}
	.sub-landing .chart01.type02 .triangle-box{left: 50%; transform: translate(-50%, -50%);}
	
	.sub-landing .chart02 .chart-box{display: block;}
	.sub-landing .chart02 .chart-list{width: 100%;}
	.sub-landing .chart02 .chart-box .chart-list:not(:last-of-type){margin: 0 auto 20px;}
	.sub-landing .chart02 .chart-box .chart-list:last-of-type{margin: 20px auto 0;}
	

	.sub-landing .curriculum-box > li{width: 100%;}
	.sub-landing .career-after-box{display: block;}
	.sub-landing .career-after-box li:not(:last-of-type){margin-bottom: 20px;}
	
	.sub-landing  .step-list02{flex-direction: column;}
	.sub-landing  .step-list02 .item .cont{width: 100%; min-height: unset;}

}
@media (max-width:420px){
	.sub-landing .chart01 .triangle-box{left: auto; right: -10px; transform: none;}
	.sub-landing .chart01 .bottom-box{width: 160px;}
	.sub-landing .chart02 .chart-list{clip-path: none;}
	.sub-landing .tag{display: block;}
	.sub-landing .tag dl:first-of-type{margin-bottom: 10px;}
	
	.sub-landing .chart01.type02 .top-box{display: flex; justify-content: center; align-items: center; padding: 10px; padding-bottom: 30px;}
	.sub-landing .chart01.type02 .bottom-box{display: flex; justify-content: center; align-items: center; padding: 10px; padding-top: 30px;}
}

/*----tab-wrap----*/
.tab-wrap{max-width: 1280px; width: 100%; margin: 0 auto 50px;}
.tab-wrap .tab-list{display: flex; flex-wrap: wrap;}
.tab-wrap .tab-list > li{flex: 1 1 40%}
.tab-wrap .tab-list .item{display: block; padding: 8px; text-align: center; border: 1px solid #ddd;}
.tab-wrap .tab-list .item.on{color: white; background-color: var(--color-m);}
.tab-wrap .tab-list > li:nth-of-type(even) .item{border-left: 0}
.tab-wrap .tab-list > li:nth-of-type(n+3) .item{border-top: 0}

.b-btn01.type01 ul li a:hover{background-color: var(--color-m) !important;}