.container {max-width: 1440px; margin : 0 auto; padding: 0 20px;}

.intro {width: 100%; height: 100%; background: url('../images/bg-intro.jpg') no-repeat center top; background-size: cover;}
.intro .header {padding: 55px 0 0 0;}
.intro .header a {display: block;}
.intro .slogan {padding: 132px 0 100px 0; font-family: 'Gmarket Medium'; font-size: 68px; letter-spacing: -2px; color: #fff;}
.intro .slogan div {display: inline-block; font-family: 'Gmarket Medium';}
.intro .slogan strong {font-family: 'Gmarket Bold'; color: #fff; transition: color 2s;}
.intro .slogan strong.on {color: #00f6ff;}
.intro .con {overflow: hidden;}
.intro .left {position: relative; float: left; width: 50%;}
.intro .left .slider {overflow: hidden; max-height: 410px; padding-top: 20px; border: 7px solid #00f6ff;}
.intro .left .slider li {float: left;width: 33.333%;padding-left: 4.5%;padding-right: 3%;padding-bottom: 18px;}
.intro .left .icon img {display: inline-block;max-width: 70px;}
.intro .left .title {padding-top: 4px;}
.intro .left .title strong {font-family: 'Gmarket Medium'; font-size: 18px; color: #00b5dc;}
.intro .left .info {line-height: 1.4;}
.intro .left .info p {font-family: 'Noto Regular';font-size: 15px;color: #fff;}
.intro .left .info p.adtxt{font-size:14px;}
.intro .left .info p.adtxt.type2{font-size:10px;}}
.intro .left .paging {position: absolute; left: 0; bottom: 25px; width: 100%; text-align: center;}
.intro .left .paging li {display: inline-block; margin: 0 5px; vertical-align: middle; font-size: 0;}
.intro .left .paging li button {display: inline-block; width: 11px; height: 11px; background: #fff; border-radius: 100%; text-indent: -999999px;}
.intro .left .paging li.slick-active button {background: #00f6ff;}
.intro .right {float: right; width: 50%; padding-bottom: 80px;}
.intro .right ul {overflow: hidden;}
.intro .right li {float: left; width: 50%; padding-left: 30px; padding-bottom: 30px;}
.intro .right .box {height: 190px;}
.intro .right .box a {position: relative; display: block; width: 100%; height: 100%; padding: 30px 40px; box-shadow: 0px 0px 0px 0px rgba(255,255,255,1) inset; transition: box-shadow 0.5s;}
.intro .right .box a:hover {box-shadow: 0px 0px 0px 5px rgba(255,255,255,1) inset;}
.intro .right .box a strong {font-family: 'Gmarket Medium'; font-size: 20px; color: #fff;}
.intro .right .box a span {position: absolute; left: 40px; bottom: 31px; font-family: 'Gmarket Light'; font-size: 17px; color: #fff;}
.intro .right .box a span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff; transition: width 0.5s;}
.intro .right .box a:hover span::after {width: 100%;}
.intro .right .color1 .box {background:rgba(0,87,168,.8) url('../images/ico-intro-banner1.png') no-repeat 88% 78%;}
.intro .right .color2 .box {background:rgba(0,166,162,.8) url('../images/ico-intro-banner2.png') no-repeat 88% 78%;}
.intro .right .color3 .box {background:rgba(184,112,28,.8) url('../images/ico-intro-banner3.png') no-repeat 88% 78%;}
.intro .right .color4 .box {background:rgba(81,84,96,.8) url('../images/ico-intro-banner4.png') no-repeat 88% 78%;}

@media all and (max-width: 1440px) {
  .intro {height: auto;}
  .intro .slogan {padding: 100px 0; font-size: 58px;}
}

@media all and (max-width: 1260px) {
  .intro .header {padding: 40px 0 0 0;}
  .intro .slogan {padding: 50px 0; font-size: 48px;}
  .intro .left {width: 100%; margin-bottom: 40px;}
  .intro .left .slider {padding-bottom: 30px;}
  .intro .left .title strong {font-size: 19px;}
  .intro .left .info {line-height: 1.5;}
  .intro .left .info p {font-size: 16px;}
  .intro .left .slider li {padding: 0; padding-bottom: 30px; text-align: center;}
  .intro .right {width: 100%; padding-bottom: 30px;}
  .intro .right ul {width: 101.5%;}
  .intro .right li {padding-left: 0; padding-right: 20px; padding-bottom: 20px;}
}

@media all and (max-width: 1025px) {
  .intro .slogan {font-size: 40px;}
}

@media screen and (max-width: 820px) {
   .A2000_6 li  { width:100%; margin:2% 0;}
}

@media all and (max-width: 850px) {
  .intro .header img {max-width: 50%; max-width: 240px;}
  .intro .slogan {line-height: 1.3; text-align: center; font-size: 43px;}
  .intro .slogan div {display: block;}
}

@media all and (max-width: 680px) {
  .intro .right ul {width: 100%;}
  .intro .right li {width: 100%; padding-right: 0;}
  .intro .right .box {height: 140px; background-position: 97% 65% !important;}
}

@media all and (max-width: 520px) {
  .intro .slogan {font-size: 36px;}
}

#pdfView > div{max-height:660px;}
._fnctWrap img{max-width:100%;}

@media all and (max-width: 520px) {
  #pdfView > div{max-height:340px;}
}

.pointWrap .tableWrap tbody th{text-align:left;}
.pointWrap .tableWrap tbody th.alignR{text-align:right;}

/*교과과정 레이어팝업*/
.curriculum td.detail{cursor:pointer;}
.curriculum td .description{height:0;line-height:0;overflow:hidden;padding:0;}
#detail_widget #widget_bg{background:rgba(0,0,0,0.5);width: 100%;height: 100%;position: fixed;left: 0;top: 0;}
#widget_body{background:#fff;width:420px;position:fixed;z-index:1;left:50%;top:50%;transform:translate(-50%, -50%);border-radius: 10px;padding: 30px 25px;}
#widget_close{width:25px;height:25px;position:absolute;top:10px;right:10px;border:1px solid #ccc;display:none;}
#wg_title{font-size:22px;color:#333;padding-bottom: 15px;border-bottom:3px solid #4285f4;margin-bottom:15px;word-break: keep-all;line-height: 1.25;}
#wg_content{padding:0 5px;word-break:keep-all;font-size:17px;color:#555;}

@media all and (max-width: 520px) {
  #widget_body{width:95%;box-sizing:border-box;}
}

/*iconbox*/
/*icon box*/
.iconBox											{padding:30px; overflow:hidden; position:relative; }
.iconBox.bg-gray								{background-color:#f5f5f5; border-top:2px solid #d2d2d2;}
.iconBox.bg-border							{border:3px solid #005faa;}
.iconBox.bg-line								{background:url(./../../images/icon/lineBox_bg.png); padding:10px;}
.iconBox.bg-lineDot							{background-image:url(./../../images/icon/lineBox_bgLine.png); background-color:#fafbfd; background-repeat:no-repeat; background-position:left top; padding:10px; border:1px solid #ddd;}
.iconBox.bg-lineDot .icon					{margin:0 20px; text-align:center; padding-right:50px;}
.iconBox.bg-lineDot .inner .text strong	{margin-top:20px;}
.iconBox.bg-line .inner						{background-color:#fff; overflow:hidden; padding:25px 15px 25px 35px;}
.iconBox .icon									{float:left; display:table-cell; vertical-align:middle; margin-right:40px; overflow:hidden; height:100%; text-align:center;}
.iconBox .icon img							{width:100%;}
.iconBox .icon.circle							{border-radius:100%; padding:20px; }
.iconBox .icon.padding0					{padding:0;}
.iconBox .icon.circle.bg-white				{background-color:#fff;}
.iconBox .icon.circle.bg-gray				{background-color:#efefef;}
.iconBox .icon span							{display:block;}
.iconBox .text									{display:table-cell; }
.iconBox .text .title							{display:block; font-size:18px; margin-bottom:10px;}

.icon-thumlist									{text-align:center;}
.icon-thumlist li								{display:inline-block; margin:5px;}
@media only screen and (max-width:600px){
  body .iconBox .icon						{width:auto !important; float:inherit !important;	display:block;}
  body .iconBox .icon img					{width:auto; max-width:100%; margin-bottom:20px;}
  body .iconBox.bg-lineDot					{background:#fafbfd;}
}


.tableWrap.longWtable{}
.tableWrap.longWtable table{}
.tableWrap.longWtable table th{font-size:14px;}
.tableWrap.longWtable table td{font-size:13px;word-break: break-word;padding: 7px 5px 7px 5px;}
.tableWrap tbody td{word-break:keep-all;}
._objHtml table{border-right:3px solid transparent;}



/* 조직도 */
.org_box * { box-sizing: border-box; position:relative;}
.org_box {
position:relative;
}
.org_box > div {
position:relative;
margin-bottom:30px;
text-align: center;
}
.org_box > div > p {
text-align:center;
}
.org_box  p > span {
display: inline-block;
width:100%;
margin:0 auto;
max-width:160px;
height: 49px;
font-size: 16px;
line-height: 49px;
color:#fff;
background-color:#3b7abd;
text-align:center;
}
.org_box div.left { float:left; }
.org_box div.right { float:right; }
.org_box div dl.info {
margin:0 auto;
border:1px solid #ddd;
padding:5px;
text-align:center;
display: inline-block;
width: 100%;
max-width: 160px;
font-size: 16px;
background-color:#fff;
}
.org_box > div dl.info dt {
font-weight:bold;

}
.org_box div dl.info dd {
font-size:14px;
}

.org_box .top > p > span {
background-color:#005bac;
}

.org_box .first {
margin-top:60px;
}
.org_box .first:after,
.org_box .second:after {
content:"";
display:block;
clear:both;
}
.org_box .first  p > span{
background-color:#54b4b0;
}
.org_box .first .left {
width:50%;

}
.org_box .first .left:after {
content:"";
display:block;
clear:both;
}

.org_box .first .right > div p { position:relative; }
.org_box .first dl.info { margin:0; }
.org_box .second { }
.org_box .second > div.right { width:50% ;}
.org_box .second > div > div { position:relative;
float:left;
width:33.333%;
margin-top:30px;
padding:0 10px;
}

.org_box .second > div > div p span {
border: 1px solid #ddd;
background-color: #fff;
color:#000;
}

.org_box .fifth {
text-align:center;
margin-top:50px;

}
.org_box .fifth:after {
content:"";
display:block;
clear:both;
}
.org_box .fifth > div > div { margin-bottom:20px; }
.org_box .fifth > div p > span {
max-width: inherit;
background-color: #2fb0da;
}
.org_box .fifth > div ul {
padding:10px;
border:1px solid #ddd;
text-align:left;
min-height: 280px;
background-color:#fff;
}
.org_box .fifth > div ul li {
position:relative;
margin:3px 0;
padding-left:10px;
}
.org_box .fifth > div ul li.tt { margin-top:10px; font-weight:bold; }
.org_box .fifth > div ul li.tt:before { display:none;}
/* 선 */
.org_box .top:after {
display:block;
content:"";
border-left:1px solid #ddd;
position:absolute;
top:0;
left:50%;
margin-left:-1px;
height:291px;
z-index:-1;
}
.org_box .first div p span:after,
.org_box .second > div > div:before{
display:block;
content:"";
border-left:1px solid #ddd;
position:absolute;
top:-20px;
width:1px;
height:30px;
left:50%;
z-index:-1;
}
.org_box .first:before {
display:block;
content:"";
border-top:1px solid #ddd;
position:absolute;
top:-20px;
left:50%;
width:50.5%;
margin-left:-25.5%;
height:1px;
z-index:-1;
}
.org_box .first .left > div {
margin-top:-30px;
}
.org_box .first .right {
width:50%;
}
.org_box .second > div:before {
display:block;
content:"";
border-top:1px solid #ddd;
position:absolute;
top:30px;
left:50%;
width:20%;
height:1px;
z-index:-1;
}
.org_box .second > div > div:before { top:-14px;}
.org_box .second .bottomLine:before { top:-48px !important; height:50px;}
.org_box .second > div > div:nth-of-type(2):before { top:-30px;}
.org_box .second > div:before {left: 16.5%;width: 67%;}
.org_box .second > div > p:before {top: 65px; width: 66%; margin-left: -33%; }
.org_box .fifth:after {
display:block;
content:"";
border-top:1px solid #ddd;
position:absolute;
top:-20px;
left:50%;
width:80%;
margin-left:-40%;
height:1px;
z-index:1;
}
.org_box .fifth > div {
float:left;
position:relative;
width:20%;
padding:0 1%;
}
.org_box .fifth > div:after {
display: block;
content: "";
border-left: 1px solid #ddd;
position: absolute;
top: -20px;
left: 50%;
height: 20px;
}
.org_box .fifth > div:nth-child(3):after {
	display:none;
}
.org_box .fifth > div ul li:before{
content: '';
width: 3px;
height: 3px;
display: block;
background-color: #a9a9a9;
position: absolute;
left: 0;
top: 12px;
border-radius: 10px;
}



@media screen and (max-width:820px) {
.org_box .second > div > div { width:100%; margin-top:10px;}
.org_box .fifth > div { width:100%; margin-bottom:20px;}
.org_box .fifth:after,
.org_box .fifth > div:after { display:none; }
.org_box .fifth > div ul { min-height:inherit;}
.org_box .second > div > p:before { display:none;}
.org_box .second > div:before {left: 16.5%;width: 0%;}
}

/*20230503 */
.A2000_1				{clear:both; border:10px solid #dfdfdf; padding:25px; text-align:center}
.A2000_1 p			{ width:100%;font-size:16px}

.A2000_6 * { box-sizing:border-box;}
.A2000_6						{ width:100%; margin:45px 0 0 0; overflow:hidden;}
.A2000_6 li							{float:left; width:49%; height:150px; margin-bottom:20px; padding:20px;background-color: #f3f4f6; background-repeat:no-repeat; background-position:20px 50%;  background-size:110px;border:1px solid #ddd;}
.A2000_6 li:nth-child(odd) { margin-right:2%;}
.A2000_6 li	 dl	 dt						{font-weight:bold; color:#517ab0}
.A2000_6 li	 dl						{ padding-left:130px;}
.A2000_6 .a					{ background-image: url(/sites/it/images/content/icn_goal01.png)}
.A2000_6 .b						{ background-image: url(/sites/it/images/content/icn_goal02.png)}
.A2000_6 .c						{ background-image: url(/sites/it/images/content/icn_goal03.png)}
.A2000_6 .d						{ background-image: url(/sites/it/images/content/icn_goal04.png)}
.A2000_6 .e						{ background-image: url(/sites/it/images/content/icn_goal05.png)}
.A2000_6 .f						{ background-image: url(/sites/it/images/content/icn_goal06.png)}

.iconBox.bg-lineDot.comgong .icon{width:166px;box-sizing:border-box;}
.iconBox.bg-lineDot .inner .text ul li strong{width:60px;display:inline-block;margin-top:0;}
.iconBox.bg-lineDot .inner .text ul li:before{top:12px;}
.iconBox.bg-lineDot{
  background-image: url(/sites/csai/images/lineBox_bgLine.png);
}

.li-type01 li {
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 1.4;
    margin-bottom: 5px;
    padding-left: 10px !important;
}

.li-type01 li:before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background-color: #638bc7;
    position: absolute;
    left: 0;
    top: 11px;
    z-index: 0;
}

#_contentBuilder ._obj:first-child h2 {
    margin-top: 0;
}

/*학과 소개-교과과정 및 교수진*/
.iconBox.bg-lineDot .inner-flex{display: flex;align-items: center;}

@media only screen and (max-width:600px){
    .iconBox.bg-lineDot .inner-flex{display: block;}
    .iconBox.bg-lineDot .inner-flex .icon{padding: 0;}
}

/* 대학 - 교과과정 - 2024 */
.csai_30413{
  	font-size: 18px;
    position: relative;
    color: #212121;
    margin: 40px 0 10px;
    font-weight: 600;
}