/* #A_Container{margin-top: 200px;margin-bottom: 100px;min-width: 1440px;} */
/*전공안내01*/
.sub_title{font-weight: 400; color: #404345; font-size: 32px;margin: 35px 0;}
.section_tit{margin-bottom: 30px;color: #404345;display: block;text-align: center;font-weight: 800; font-family: "NanumSquare";font-size: 24px;word-break: keep-all;}

.location {margin: 90px auto;margin-bottom: 30px;width: 95%;}
.location ul li {float: left;margin: 0px;color: #acb6bc;}
.location ul li:first-child{margin-left: 0;}
.location ul li img{vertical-align: middle;}
.top_list{margin-bottom: 60px;}
.top_list .go_wrap li{text-align: center;min-width: 180px; float: left;height: 54px;padding: 15px 5px;word-break: keep-all;border-radius: 50px;}
.top_list .inner{width: 95%; margin: 0 auto;}
.top_list .go_wrap li a{color: #82898e;font-size: 16px; font-weight: 400;text-align: center;}
.top_list .go_wrap li.on {background:#3666a9;  }
.top_list .go_wrap li.on a{color: #fff;}
.top_select{width: 95%; margin: 0 auto;margin-bottom: 30px;display: block;border-radius: 50px; padding: 15px; border: 1px solid #3666a9;color: #333; font-size: 16px; font-weight: 400;background:url(../../../image/sub/select_icon.png) no-repeat 95% center;}

.one_plan {height: 280px;background: url('../../../image/digital_design/dg01.jpg')no-repeat center; background-size: cover;position: relative; padding:0 15px;}
.one_plan::after{content: ''; position: absolute; left: 50%; transform: translateX(-50%);width: 1px; height: 90px; background:#f7c11b; bottom: -40px;}
.one_plan .tx_box{text-align: center;position: relative;left: 50%; top: 50%; transform: translate(-50%,-50%);}
.one_plan .tx_box p{  font-family: 'IBMPlexSansKR-Regular';font-weight:600; font-size: 18px; color: #fff;}
.one_plan .tx_box .sma_p{font-size: 16px;display: block; line-height: 28px;margin-top: 10px;font-weight: 400; color: #fff;font-family: "NanumSquare"; word-break: keep-all;;}

.four_plan {padding: 135px 0;}
.four_plan .inner{width:95%;margin: 0 auto;}
.four_plan .top_p{color:#404345; font-weight: 400;font-family: "NanumSquare";font-size: 18px;line-height: 28px; margin-bottom: 700px;text-align: center; display: block; word-break:keep-all;}

.ai_two{padding: 95px 0;background: #f3f7fb;}
.ai_two .section_tit{line-height: 42px;font-size: 24px;}
/* .ai_two .inner{padding-left: 13%;} */
.ai_two .mySwiper{padding-left: 13%;}

.ai_two .box{background: #fff;border-radius: 20px; padding: 15px;min-height: 220px;}
.ai_two .box .one{color: #dfe5ea; font-size: 34px; font-style: italic;font-family: "Montserrat";margin-bottom: 30px;}
.ai_two .box .two{color: #82898e; font-size: 16px; font-weight: 400;line-height: 28px; }



.g_art04{ background: #f3f7fb;}
.g_art04 .onedemo {text-align: center;font-family: "BMDOHYEON";color: #404345; font-size: 34px; z-index: 4;font-weight:400; margin-bottom: 60px;position: relative;}
.g_art04 .onedemo strong{ font-family: "BMDOHYEON";color:#404345; font-size: 24px; font-weight: 800; }
.g_art04 .onedemo::before{position: absolute;left: 50%; transform: translateX(-50%);width: 280px;z-index: -1;height: 16px; background-color:#caecff; bottom: -2px;content: '';}
.g_art04 .top_cir{ margin: 0 auto;}
.g_art04 .top_cir li{width: calc((100% - 15px)/2); margin-right: 15px; margin-bottom:30px; text-align: center;float: left;}
.g_art04 .top_cir li:nth-child(2n){margin-right: 0;}
.g_art04 .top_cir li p {color: #404345; font-size: 16px; font-weight: 400; word-break:keep-all;}
.g_art04 .top_cir li .img_box{margin: 0 auto;width:150px; height: 150px;position: relative;margin-bottom: 20px;}
.g_art04 .top_cir li .img_box img {position: absolute; width: 100%;height: 100%; left: 0; top: 0;}
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.ai03{background: #1d415b; padding: 70px 0;}
.ai03 .onedemo strong{color: #fff;font-family: 'InkLipquid';font-size: 44px;}
.ai03 .onedemo::before{width: 277px;bottom: 7px;background: #265679;}
/* .ai03 .inner{padding-left: 13%;} */
.ai03 .gna_swipe{padding-left: 13%;}
.ai03 ul li{ background: #fff; border-radius: 20px;padding: 10px;min-height: 260px;position: relative;}
.ai03 ul li:nth-child(3){margin-right: 0;}
.ai03 ul li span{color: #dfe5ea;font-family: "Montserrat";font-weight: 700; position: absolute;left: 9px; top: 4px;z-index: 1;font-size: 44px;}
.ai03 ul li  .text_box{padding:15px;}
.ai03 ul li .one{color: #404345; font-size: 20px;font-family: "paybooc_ExtraBold";line-height: 34px; min-height: 55px; margin-bottom: 20px;position: relative;z-index: 4;}
.ai03 ul li .two{font-size: 14px; color: #82898e; font-weight: 400;}

.ai03_1 .inner{width:95%; margin: 0 auto;}
.ai03_1 .gna_swipe{padding-left: 0;}

.five_plan{padding:70px 0;padding-top: 0;}
.five_plan .inner {width: 95%;margin:  0 auto;}
.md_list li{width:100%;height: 110px;border-radius: 125px;position: relative;text-align: center;margin-bottom: 10px;}
.md_list li:nth-child(1){margin-left: 0;}
.md_list li p{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);width: 100%;font-size: 16px; color: #fff; font-weight: 500;}
.md_list li p span{font-family: "Montserrat"; font-weight: 500; color: #fff; font-size: 16px;}
.md_list .red{background:url('../../../image/game/md_list01.png')no-repeat ; background-size: 140%;background-position: center;}
.md_list .yellow{background:url('../../../image/game/md_list02.png')no-repeat ;background-size: 140%;background-position: center; }
.md_list .blue{background:url('../../../image/game/md_list03.png')no-repeat ;background-size: 140%;background-position: center;}



.eight_plan{padding: 70px 0;padding-top: 0; margin-top: 70px;}
.eight_plan .inner{width: 95%; margin: 0 auto;}
.section_table{width: 100%;}
.section_table th{background: #f3f7fb;padding: 15px;vertical-align: middle;font-weight: 500; line-height: 28px;color: #404345;border: 1px solid #ddd;border-top: 2px solid #000; }
.section_table td{color: #82898e; font-weight: 400; font-size: 16px;padding: 15px;line-height: 28px;border: 1px solid #ddd;text-align: left;}
.section_table .gray{background:#fafafa; color: #404345; line-height: 28px; font-size: 16px; font-weight: 500;width: auto;text-align:center;word-break: keep-all;}
.section_table td:first-of-type{border-left: none;}
.section_table td:last-of-type{border-right: none;}
.section_table th:first-of-type{border-left: none;}
.section_table th:last-of-type{border-right: none;}

.section_table li{margin-bottom: 10px;text-align: left;position: relative;padding-left: 15px;font-size: 16px; color:#82898e;  }
.section_table li::before{position: absolute;content: '';background: #acb6bc; width: 4px; height: 4px; left: 5px; top: 10px;}



/*디지털시각디자인*/
.dg01{padding: 95px 0;}
.dg01 .section_tit {display: inline-block;width:auto;float: left;text-align: left;}
.dg01 .right {display: inline-block;width:100%;float: right;}
.dg01 .right p{color: #82898e; font-size: 18px; font-weight: 400; font-family: 'NanumSquare'; line-height: 28px;white-space:break-spaces;}

.dg02{padding: 95px 0;}
.dg02 .sec_img_plan{overflow-x: auto;}
.dg02 img{margin: 0 auto;max-width: unset;width: 1140px;}
.dg02 .inner {width: 95%;text-align: center;margin: 0 auto; }
.dg02 table {width: 100%; border-collapse: separate;border-spacing: 20px 10px;}
.dg02 table th{border-radius: 20px;height: 64px; vertical-align: middle;text-align: center;    font-family: 'paybooc_Bold';color: #fff; font-size: 20px;}
.dg02 table td{word-break: keep-all;padding: 10px 20px; border-radius: 20px;height: 160px; vertical-align: middle;text-align: center;color: #82898e; font-size: 16px; /*font-weight: 400;*/}
.dg02 table .tit td{color:#404345; font-weight: 500;}
.dg02 table td .inner_list li{margin-bottom: 10px;text-align: left;position: relative;padding-left: 15px;font-size: 16px; color:#82898e;  }
.dg02 .inner_list li::before{position: absolute;content: '';background: #acb6bc; width: 4px; height: 4px; left: 5px; top: 10px;}
.dg02 table .tit .inner_list li {color:#404345; font-weight: 500; }
.dg02 table td.gray_back {background: #acb6bc;color: #fff;font-weight: 500;padding: 0;}
.dg02 table th.one{background: #60a4ab;}
.dg02 table th.two{background: #608cab;}
.dg02 table th.thr{background: #607bac;}
.dg02 table th.four{background: #265679;}
.dg02 table th.five{background: #8e60ab;}
.dg02 table td:nth-of-type(2){border: 1px solid #60a4ab;width: 300px;}
.dg02 table td:nth-of-type(3){border: 1px solid #608cab;width: 300px;}
.dg02 table td:nth-of-type(4){border: 1px solid #607bac;width: 300px;}
.dg02 table td:nth-of-type(5){border: 1px solid #607bac;width: 300px;} 
.dg02 table td:nth-of-type(6){border: 1px solid #8e60ab;width: 300px;}
.dg02 table td:nth-of-type(7){border: 1px solid #8e60ab;width: 300px;}

::-webkit-scrollbar { -webkit-appearance: none; } 
::-webkit-scrollbar:vertical { width: 12px; } 
::-webkit-scrollbar:horizontal { height: 8px; } 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

/*일러스트 드로잉*/

.il01 {height: 280px;background: url('../../../image/digital_design/il01.jpg')no-repeat center; background-size: cover;position: relative; padding:0 20px;}
.il02 .top_cir{ margin: 0 auto;}
.il02 .top_cir li{width: calc((100% - 15px)/2); margin-right: 15px;text-align: center;float: left;}
.il02 .top_cir li:nth-child(2n){margin-right: 0;}
.il03 table td{height: 100px;}
.il03 table td:nth-of-type(2){width: 405px;}
.il03 table td:nth-of-type(3){width: 405px;}
.il03 table td:nth-of-type(4){width: 405px;}
.il04 .inner{margin: 0 auto; width: 95%;}
.il04 .mySwiper{padding-left: 0;}
/*웹툰*/
.to01 {height: 280px;background: url('../../../image/digital_design/to01.jpg')no-repeat; background-size: cover;position: relative;}

/*미디어유튜브*/
.md01 {height: 280px;background: url('../../../image/digital_design/md01.jpg')no-repeat; background-size: cover;position: relative;}
.md02 table td{height: 160px;}
.md02 table td strong{ color:#404345; font-weight: 500; }
.md04 .inner{width: 95%; margin: 0 auto;}




@font-face {
    font-family: 'KCC-eunyoung';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KCC-eunyoung-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}







/*갤러리 / 계열 소식 리스트페이지*/

.limit {width:95%;padding: 0 15px;margin: 0 auto;text-transform:}
.paging_wrap{text-align:center;margin:100px 0 0}
.paging_wrap ul.clear > li {display: inline-block; float: left;}
.paging{display:inline-block}
.paging a{display:inline-block;width:54px;height:54px;border-radius:50%;line-height:54px;font-weight:400;color:#acb6bc}
.paging>a,.paging>ul{float:left}
.paging a.on{background:#0083ca;color:#fff}
.list p{font-weight:300;color:#404345;padding:0 0 10px;margin:0 0 15px;border-bottom:2px solid #333}
.list p span{font-family:Montserrat,sans-serif;font-size:20px;font-weight:500}
.list li{width:calc((100% - 60px)/ 3);margin:0 30px 50px 0;transition:.3s ease;border-bottom:2px solid transparent; float: left;}
.list li:hover{box-shadow:4px 4px 10px 0 rgba(0,0,0,.1);border-color:#0083ca}
.list .img_wrap{position:relative;display:inline-block;width:100%;height:150px;overflow:hidden}
.list .img_wrap img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width: unset; min-width: 100%; height: 100%;}
.list .txt_wrap{padding:10px 15px}
.list .txt_wrap strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-align:left;word-wrap:break-word;/*display:-webkit-box;*/display:inline-block;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:20px;font-weight:400;color:#404345;margin:0 0 10px}
.list .txt_wrap em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:16px;font-weight:400;color:#82898e;margin:0 0 10px}
.list .txt_wrap strong+div>span{font-family:Montserrat,sans-serif;display:inline-block;float:left;font-weight:500;color:#acb6bc}
.list .txt_wrap strong+div em{display:inline-block;float:right;font-weight:400;color:#acb6bc}
.list .txt_wrap strong+div em span{font-family:Montserrat,sans-serif;font-weight:500;color:#acb6bc}
.list .txt_wrap button{float:right;background:0 0;color:#acb6bc;font-weight:400;border:none;cursor:pointer}
.list select{background:url(../../image/sub/select_icon.png) no-repeat;background-position:center right 10px;width:228px;height:48px;border:1px solid #ddd;border-radius:5px;padding:0 0 0 10px;color:#acb6bc}
.list hr{border:none;height:1px;background:#404345;margin:20px 0}

/*뷰페이지*/
.view_tit_wrap{border-top:2px solid #404345;border-bottom:2px solid #dfe5ea;padding:10px 20px}
.view_tit_wrap h4{font-size:28px;color:#404345;margin:0 0 10px}
.view_tit_wrap h4+div strong{display:inline-block;float:left;margin:0 30px 0 0;color:#acb6bc}
.view_tit_wrap h4+div strong span{display:inline-block;font-family:Montserrat,sans-serif;margin:0 0 0 10px;font-weight:500;color:#acb6bc}
.view_tit_wrap h4+div em{display:inline-block;float:left;color:#acb6bc}
.view_tit_wrap h4+div em span{display:inline-block;font-family:Montserrat,sans-serif;margin:0 0 0 10px;font-weight:500;color:#acb6bc}
.view_contents{padding:40px 20px 30px}
.view_contents p{font-weight:300;color:#82898e}
.view_sub>div:first-child{border-top:1px solid #ddd}
.view_sub>div{border-bottom:1px solid #ddd}
.view_sub .left{display:inline-block;width:210px;background:#f3f7fb;text-align:center;float:left}
.view_sub .left a{display:inline-block;width:100%;padding:20px 0;height:100%}
.view_sub .left img{transform:translate(0,-4px)}
.view_sub .left span{display:inline-block;color:#82898e;margin:0 0 0 10px}.view_sub .left+div{display:inline-block;width:calc(100% - 210px);float:left}
.view_sub .left+div a{display:inline-block;width:100%;padding:20px 30px;height:100%}
.view_sub .left+div a p{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;text-align:left;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:400;color:#82898e;transition:.3s ease}
.view_sub .left+div a:hover p{color:#acb6bc}
.btn_wrap{text-align: center;}
.btn_list{margin:60px 0 0;border:1px solid #ddd;background:0 0;color:#404345;font-weight:500;width:240px;height:64px;cursor:pointer;transition:.3s ease}
.btn_list:hover{border-color:#0083ca;background:#0083ca;color:#fff}

/*교수진소개*/
.teach_list li{position: relative;float: left;height: 500px;width: calc((100% - 60px)/3);margin-right: 30px;margin-bottom: 30px;}
.teach_list li .img_box{height: 355px; position: relative;}
.teach_list li .img_box img{position: absolute;left: 0; top: 0; width: 100%; height: 100%;}
.teach .tx_box {box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.1);position:absolute; padding: 35px 30px; bottom: 40px;width:calc(100% - 30px); right: 0;background: #fff;}
.teach .tx_box .name{color: #404345; font-weight: 400; font-size: 24px; display: inline-block;}
.teach .tx_box .name strong{font-weight: 500; font-size: 34px; color: #404345; }
.teach .tx_box span {padding-top: 22px;float: right;font-family:'Montserrat',sans-serif;color: #ced5db; font-weight: 400; font-size: 18px;}
.teach .subject{color:#3666a9; font-size: 18px; font-weight: 500; padding-top: 10px; margin:10px 0;border-top: 1px solid #efefef;}
.teach .cont{color: #82898e; font-weight: 400; font-size: 16px;margin-bottom: 20px;  overflow: hidden;
    text-overflow: ellipsis;    white-space: nowrap;    display: block;}
.teach_list li button{cursor: pointer;border: none;border-radius: 8px;transition: 0.3s ease; width: 100%;text-align: center;background: #3666a9; color: #fff; padding: 20px 0; display: none;}
.teach_list li:hover button{display: block; transition: 0.3s ease; }
/*교수진소개뷰*/
.teach .left{width: 720px; height: 650px; position: relative;float: left;}
.teach .left img{position: absolute;width: 100%; height: 100%; left: 0; top: 0; }
.teach .right{float: right;width: calc(100% - 820px);}
.teach .right .tx_box{box-shadow: none;position: relative;transform: none;}
.teach .right .tx_box span {font-weight: 500;}

/*게시판css 추가*/
.list .img_wrap{height:24vw;}
  .sub_title{font-size: 26px;}
		.tap_btn_wrap {display: none;}
		.list_page {
			text-align: center;
			margin: 50px 0;
			clear: both;
		}
		/*
		.list_page .inner {
			margin: 0 auto;
		} */

		.list_page >a {
			padding-bottom: 10px;
			margin: 0 10px;
			display: inline-block !important;
			border: none;
			margin-top: 20px;
		}

		.list_page >a:nth-child(1) {
			background: url('../../../image/sub/paging_left.png') no-repeat !important;
			display: inline-block;
			width: 11px;
				height: 23px !important;
			text-indent: -9999px;
			white-space: nowrap;
			overflow: hidden;
			margin-right: 0;
		}
		.list_page >a:nth-child(2) {
			background: url('../../../image/sub/paging_left.png') no-repeat !important;
			display: inline-block;
			width: 11px;
				height: 23px !important;
			text-indent: -9999px;
			white-space: nowrap;
			overflow: hidden;
			margin-right: 0;
		}
		.list_page >a:nth-child(4){
			background: url('../../../image/sub/paging_right.png') no-repeat !important;
		display: inline-block;
    width: 11px;
    height: 23px !important;
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
		margin-right: 0;
    margin-left: 2px;
		}
		.list_page >a:nth-child(5) {
				background: url('../../../image/sub/paging_right.png') no-repeat !important;
			display: inline-block;
      width: 11px;
				height: 23px !important;
			text-indent: -9999px;
			white-space: nowrap;
			overflow: hidden;
			margin-right: 0;
      margin-left: 8px;
		}

		.list_page ul {
			display: inline-block;
			margin: 0;
		}

		.list_page ul li a {
			font-size: 16px;
			color: #999;
			width: 30px;
			height: 35px;
			text-align: center;
			line-height: 35px;
			font-weight: 500;
			display: inline-block !important;
		}

		.list_page ul li {
			float: left;
			margin: 0 10px;
			margin-bottom: 0;
		}

		.list_page ul::after {
			clear: both;
			content: '';
			display: block;
		}

		.list_page ul li a.on {
		width: 35px;
		height: 35px;
		margin: 0 auto;
		background-color: #0083ca;
		border-radius: 50%;
		color: #fff;
		line-height: 35px;
		}
		.search_btn_{font-size: 0}

.table_view .view_con img{width: auto !important; height: auto !important;}
@media screen and (max-width:767px) {

	.list li{width: calc((100% - 20px)/ 2);margin-right: 20px; margin-bottom: 20px;}
	.list li:nth-child(2n){margin-right: 0;}
	.list .txt_wrap strong{font-size: 17px;}
	.list .txt_wrap button{font-size: 15px;}
	.limit{width: 95%;padding: 0;}
	.top_list{margin-bottom: 20px;}
	.table_view{margin-top: 20px !important}
	.table_view .view_bot li{padding: 0 !important; height: 40px !important}
	.table_view .view_bot li span{line-height: 39px !important;width: 90px !important;margin-right: 10px !important;}
	.table_view .view_bot li a{width: calc(100% - 90px) !important;line-height: 40px !important;}
	.table_view .view_top{padding: 12px 15px !important;}
	.table_view .view_top .view_tit{font-size: 21px !important;margin-bottom: 5px !important; width: 100% !important;}
	.table_view .view_top > span{font-size: 14px !important;}
	.table_view .view_top > span small{font-size: 14px !important;margin-left: 5px !important}
	.btn_box > div button.btn_list{width: 190px !important; height: 54px !important;}
	.teach_list li{width: 100%;margin-right: 0; margin-bottom: 20px;}
	.teach_list li:nth-child(2){margin-right: 0;}
	.teach_list li .img_box{height: 80vw;}
	.teach_list li button {display: block;padding: 15px;}
	.teach .tx_box{padding: 15px; bottom:0;}
	.teach .left{width: 100%;float: none;height: auto;}
	.teach .right{width: 100%;float: none;}
	.teach .left img{position: relative;left: auto; top: auto; transform: none;height: auto;width:100%;}
	.btn_list{height: 54px!important; width: 190px !important; margin-top: 30px !important}
	.btn_box{margin-top: 40px !important;height: auto !important}
	.btn_box::after{clear: both;content: ''; display: block;}
	.sub_title{margin-bottom: 15px;}
		}