@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;
}
@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;
}


/*전공안내01*/
.sub_title{font-weight: 400; color: #404345; font-size: 48px;margin: 35px 0;}
.section_tit{margin-bottom: 30px;color: #404345;display: block;text-align: center;  font-family: "BMDOHYEON";font-size: 24px;word-break: keep-all;}
section .limit{width: 95%;padding: 0;}
.location {margin: 90px auto;margin-bottom: 30px;width: 95%;}
.location ul li {float: left;margin: 0 5px;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/ai/sf01.jpg')no-repeat; background-size: cover;position: relative;background-position: center;padding: 0 10px;}
.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: bold; word-break: keep-all;font-size: 22px; color: #fff;line-height: 36px;}
.one_plan .tx_box .sma_p{font-size: 16px; word-break: keep-all;font-weight: 400; color: #fff; margin-top: 20px;line-height: 24px}

.ai_one{ padding: 70px 0;}
.ai_one .inner{width: 95%; margin: 0 auto;}
.ai_one .tit{font-family: 'IBMPlexSansKR-Regular';font-size: 22px; font-style: italic;line-height: 34px;text-align: center; color: #333;margin-bottom: 40px; letter-spacing: -1px; word-break:keep-all;}
.ai_one .tit strong{font-family: 'IBMPlexSansKR-Bold';font-size: 24px;font-style: italic;line-height: 34px;color: #333; font-weight: 600;}
.ai_one .skin{background: #fff; border-radius: 50px;position: relative;height: 120px; width: 100%;}
.ai_one .skin img{margin-right: 60px;    margin-right: 40px;margin-left: 15px;margin-top: 10px;vertical-align: middle;}
.ai_one .skin strong{    font-family: 'IBMPlexSansKR-Medium'; font-size:20px; color:#333; font-style: italic;}
.ai_one .skin span{position: absolute;right: 100px; bottom: 15px; color:333; font-weight: 300; font-size: 16px;}
.ai_one .dkd{display: block; margin: 0 auto; text-align: center;margin-top: 60px;}
.ai_one p.last{color: #333;font-family: 'IBMPlexSansKR-Regular'; text-align: center; font-size: 14px; font-weight: 400; margin-top: 40px;}


.ai_one .icon_list li{width: 100%;margin-bottom: 20px;text-align: center;float: left;position: relative;min-height: 260px;background: #fff; border-radius:  30px 0px 30px 0; box-shadow: 5px 5px 20px 5px rgba(0,0,0,0.05);}
.ai_one .icon_list .all{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);width: 100%;}
.ai_one .icon_list .img_box{text-align: center;margin-bottom: 10px;}
.ai_one .icon_list .img_box img{max-width:70%;}
.ai_one .icon_list .tit {font-weight: bold;font-size:18px;color: #404345;font-family: "NanumSquare"; margin-bottom: 10px;}
.ai_one .icon_list .cont{font-size: 15px;word-break: keep-all;color: #404345; font-weight: 400; line-height: 24px; }
.ai_one .icon_list li{ border-radius: 90px;min-height: 270px;}
.ai_one .img_box img{max-width: 40%;}
.ai_one  .icon_list .tit{font-size: 20px;}
.ai_one .icon_list .cont{color: #82898e;}


.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; word-break:break-all;}


.four_plan {padding: 70px 0;}
.four_plan .inner{width: 95%;margin: 0 auto;}
.four_plan .top_p{color:#404345; font-weight: 400;font-family: "NanumSquare";font-size: 24px;line-height: 34px; margin-bottom: 100px;text-align: center; display: block;}
.icon_list li{width: calc((100% - 20px)/2);text-align: center;float: left;position: relative;margin-right: 20px;min-height: 292px;margin-bottom: 20px;background: #fff; box-shadow: 5px 5px 15px 3px rgba(0,0,0,0.05);transition: 0.3s ease;}
.icon_list li:nth-child(2n){margin-right: 0;}
.icon_list li:hover{ transform: translateY(-40px);transition: 0.3s ease;}
.icon_list .all{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);width: 100%;}
.icon_list .img_box{text-align: center;}
.icon_list .img_box img{max-width: 40%;}
.icon_list .tit {font-weight: bold;font-size:18px; color: #404345;font-weight: 600;margin-bottom: 10px;word-break: keep-all;}
.icon_list .cont{font-size: 14px; color: #82898e; font-weight: 400; line-height: 24px;word-break: keep-all; }
.icon_list .tx_box{padding: 10px;}
.icon_list .cont br{display: none;}

.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: 40px;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% - 20px)/2); margin-right: 20px;text-align: center;float: left;margin-bottom: 20px;}
.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 p br{display: none;}
.g_art04 .top_cir li .img_box{margin: 0 auto;width:140px; height: 140px;position: relative;margin-bottom: 15px;border-radius: 50%; overflow: hidden;}
.g_art04 .top_cir li .img_box img {position: absolute; width: 100%;height: 100%; left: 0; top: 0;}

.ai03{background: #1d415b; padding: 70px 0;}
.ai03 .inner{width: 95%;margin: 0 auto;}
.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: 18px;font-family: "paybooc_ExtraBold";line-height: 28px; min-height: 55px; margin-bottom: 20px;position: relative;z-index: 4;}
.ai03 ul li .one br{display: none;}
.ai03 ul li .two{font-size: 14px; color: #82898e; font-weight: 400;}
.ai03 ul li .two br{display: none;}


.ai04{padding: 70px 0;}
.ai04 .inner {width: 95%;text-align: center;margin: 0 auto; }
.ai04 .sec_img_plan{overflow-x: auto;}
.ai04 .sec_img_plan>ul{width:1290px;}
.ai04 img{margin: 0 auto; /*max-width: unset;width: 1140px;*/}
.ai04 .tit{text-transform: uppercase;font-family: 'IBMPlexSansKR-SemiBold';font-size:1.em;/*font-size: 20px;*/color: #333;margin-bottom: 25px;}
.ai04 .cont li{color: #82898e; font-size: 16px;line-height: 24px;position: relative;padding-left: 28px; text-align:left;}
.ai04 .cont li::before{position: absolute;content: '';background: #acb6bc; width: 4px; height: 4px; left: 0; top: 10px;}

.map_list{margin-bottom: 20px; }
.map_list>li{width: calc((100% - 90px)/4);margin-right: 30px;height: 200px; border: 1px solid #efefef;border-radius: 70px;float: left;padding:40px 30px;/*margin-top: 40px;*/position: relative;text-transform: uppercase;}
.grow{position: absolute;right: -21px; top: 50%; transform: translateY(-50%);}
.map_list>li:last-child{margin-right: 0;}
.map_list>li.fir{border: none;border-radius: 50%;height: 200px;width: 200px;position: relative;padding: 0;margin-top: 0;}
.map_list>li.fir .tx_box{position: absolute; width: 100%; left: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%);text-align: center;}
.map_list>li.fir .tx_box .one{font-size: 1.em;    font-family: 'IBMPlexSansKR-SemiBold';margin-bottom: 15px;}
.map_list>li.fir .tx_box .two{font-size:1.em;font-weight: 24px; margin-top: 10px;font-weight: 500;}
.map_list:nth-child(1)>li.fir{background: #f1faff; }
.map_list:nth-child(1)>li.fir .tx_box .one{color:#0083ca; }
.map_list:nth-child(1)>li.fir .tx_box .two{color:#0083ca; }
.map_list:nth-child(2)>li.fir{background: #fef5f6; }
.map_list:nth-child(2)>li.fir .tx_box .one{color:#dd1736; }
.map_list:nth-child(2)>li.fir .tx_box .two{color:#dd1736; }
.map_list:nth-child(3)>li.fir{background: #fff8ed; }
.map_list:nth-child(3)>li.fir .tx_box .one{color:#faa61a; }
.map_list:nth-child(3)>li.fir .tx_box .two{color:#faa61a; }
.map_list:nth-child(4)>li.fir{background: #fef6dd; }
.map_list:nth-child(4)>li.fir .tx_box .one{color:#f7c11b; }
.map_list:nth-child(4)>li.fir .tx_box .two{color:#f7c11b; }
.map_list:nth-child(4)>li:nth-child(2) {width:240px; }
.map_list:nth-child(4)>li:nth-child(3) {width:240px; }
.map_list:nth-child(4)>li:nth-child(4) {width:240px; }
.map_list:nth-child(4)>li:nth-child(5) {width:240px; }
.map_list:nth-child(5)>li.fir{background: #ddf8f6; }
.map_list:nth-child(5)>li.fir .tx_box .one{color:#17d0bc; }
.map_list:nth-child(5)>li.fir .tx_box .two{color:#17d0bc; }
.map_list:nth-child(6)>li.fir{background: #f1faff; }
.map_list:nth-child(6)>li.fir .tx_box .one{color:#0083ca; }
.map_list:nth-child(6)>li.fir .tx_box .two{color:#0083ca; }

::-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; }

.ai04 .last li {float: left;margin-bottom:10px;}
.ai04 .last .fir {/*width: calc((100% - 90px)/4);*/width:200px;margin-right: 30px;background: #82898e;text-align: center;color: #fff; padding: 22px 0;font-size: 1.em;font-family: 'IBMPlexSansKR-SemiBold';position: relative;border-radius:30px; }
.ai04 .last .second {background: #fff; color:#82898e; font-size: 1.em; font-weight: 400;text-align: center;box-shadow: 3px 3px 18px 3px rgba(0,0,0,0.1);border-radius: 50px;width: 1050px;padding: 20px 0;}

.five_plan{padding:70px 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;}

.six_plan{background:#f3f7fb;padding: 60px 0;}
.six_plan .section_tit{word-break: break-all;font-size: 23px;}
.six_plan .inner {width: 95%;margin: 0 auto;}
.six_plan ul li{width:100%;position: relative;margin-bottom: 25px;}
.six_plan ul li .number{position: absolute;font-weight: 700; color: #dfe5ea;font-family: "Montserrat"; left: 0;top: 0;font-size: 55px;}
.six_plan ul li .tit{padding-left:20px;font-family: 'IBM Plex Sans', sans-serif;font-weight: 700;font-size: 20px; color: #404345; margin-bottom:25px;z-index: 9; position: relative;padding-top: 25px;}
.six_plan ul li .cont {color: #82898e; font-size: 16px; line-height: 28px; font-weight: 400;word-break: keep-all;}

.eight_plan{padding: 70px 0;}
.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;word-break: keep-all;text-align:center;}
.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: 13px;}



/*소프트웨어공학*/
.sf01 {padding: 70px 0;background: url('../../../image/ai/sf06.jpg')no-repeat; background-size: cover;position: relative;background-position: center;}
.sf01 .tit{text-align: center;color: #fff;font-weight: 600; font-size: 30px;margin-bottom: 30px;}
.sf01 ul{margin: 0 auto; text-align: center;}
.sf01 ul li{text-align: center;width: 280px;height: 280px; border: 1px solid #fff;border-radius: 50%;position: relative;transition: 0.3s ease;display: inline-block;margin-bottom: 20px;float: none;}
.sf01 ul li::before{border-radius: 50%;position: absolute;width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5);content: '';opacity: 1; z-index: 1;transition: 0.3s ease;}
.sf01 ul li .box{z-index: 5;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 90%;}
.sf01 ul li .box img{margin-bottom: 10px;width: 60px; margin-top: 20px;}
.sf01 ul li .box .cont{font-weight: 600; color: #fff; font-size: 18px;margin-bottom: 10px;word-break: keep-all;}
.sf01 ul li .hide_p{display: block; font-size: 14px; line-height: 24px; color: #fff; font-weight: 400;padding:   20px;padding-top: 0;}
.sf01 ul li .hide_p br{display: none;}
.sf02{padding: 60px 0;padding-top: 0;}
.sf02 .rod_limit{overflow-x: auto;margin: 20px 0;padding: 20px 0;}
.sf02 .rod_limit img{max-width: unset; width: 1140px;}
.sf02 .map{margin-bottom: 30px;}
.sf02 .top{border: 1px solid #0083ca;border-radius: 50px; padding: 15px 0;text-align: center;position: relative;}
.sf02 .top p{color:#0083ca; font-size: 20px; font-weight: 500; margin-bottom: 10px;}
.sf02 .top small{display: block; color:#acb6bc; font-size: 16px; font-family:Montserrat,sans-serif;font-weight: 500;text-transform: uppercase;}
.sf02 .top::after{position: absolute; content: ''; left: 50%; transform: translateX(-50%);bottom: -3px;height: 6px; width: 6px; background: #0083ca;border-radius: 50%; }
.sf02 .th_ul{margin: 0 auto; margin-top: 40px;position: relative;margin-bottom: 10px;}
.sf02 .th_ul::before{position: absolute; content: ''; left: 50%; transform: translateX(-50%);top: -40px; height: 40px; width: 1px; background: #ddd; }
.sf02 .th_ul li{display: inline-block;}
.sf02 .th_ul li:nth-child(2){margin-left: -42px;}
.sf02 .th_ul li:nth-child(3){margin-left: -42px;}
.sf02 .td_list{float: left;width: calc((100% - 120px)/3); margin-right: 60px;}
.sf02 .td_list:last-child{margin-right: 0;}
.sf02 .td_list>li {position: relative;text-align: center;padding: 18px 30px;border-radius:50px;font-size: 18px; color:#404345;font-weight: 400;margin-top: 6px;}
.sf02 .td_list>li.radi{border-radius: 30px;}
.sf02 .td_list>li small{font-size: 16px; color:#404345; font-weight: 400;display: block;}
.sf02 .td_list>li img{position: absolute;left: 50%; transform: translateX(-50%);bottom: -21px;}
.sf02 .td_list>li.box p{color: #404345; text-align: center; margin-bottom: 10px;}
.sf02 .td_list>li>p{color: #404345; text-align: center; margin-bottom: 10px;font-weight: 500;font-size: 18px;}
.sf02 .td_list>li p.white{color: #fff;margin-bottom: 10px;}
.sf02 .td_list>li em{display: block;text-align: left; color: #fff; font-size: 16px; font-weight: 400; line-height: 24px;text-transform: uppercase;}
.sf02 .td_list .in_list li{margin-bottom: 10px;color: #82898e; font-weight: 400; font-size: 16px; padding-left: 15px; position: relative;text-align: left;}
.sf02 .td_list .in_list li::before{position: absolute;content: '';background: #acb6bc; width: 4px; height: 4px; left: 5px; top: 10px;}
.sf02 .td_list .in_list li strong{color: #404345;font-weight: 500;}
.sf02 .td_list01>li {border: 1px solid #60a4ab; margin-bottom: 30px;}
.sf02 .td_list01>li.last{border-radius: 50px; border: none; background:#60a4ab; font-size: 20px; line-height: 32px; color: #fff;}
.sf02 .td_list02>li {border: 1px solid #468dac; margin-bottom: 30px;}
.sf02 .td_list03>li {border: 1px solid #607bac; margin-bottom: 30px;}
.sf02 .td_list03>li.yellow{background:#f9ba5d; border: none;}
.sf02 .td_list03>li.yellow .box_li li{text-align: left; color: #fff; font-size: 16px; line-height: 34px;}
.sf02 .td_list03>li.red{background:#f55650; border: none;}
.sf02 .td_list03>li.blue{background:#1a3163; border: none;}
.sf02 .td_list>li.box{border-radius: 0px; background:#f3f7fb; border: none;}

.sf02 .five_list>ul>li{position: relative;width: calc((100% - 20px)/2);margin-bottom: 20px;float: left;height: 440px;border-radius: 142px;font-family:Montserrat,sans-serif;padding: 15px;margin-right:20px;}
.sf02 .five_list>ul>li:nth-child(2n){margin-right: 0;}
.sf02 .five_list>ul>li:nth-child(1){background:#fc8476; }
.sf02 .five_list>ul>li:nth-child(2){background:#f79c65; }
.sf02 .five_list>ul>li:nth-child(3){background:#ffd57e; }
.sf02 .five_list>ul>li:nth-child(4){background:#4699c2; }
.sf02 .five_list>ul>li:nth-child(5){background:#55c5d1; }
.sf02 .five_list>ul>li:nth-child(6){background:#a379c7; }
.sf02 .five_list .top02{width: 100%; height: 34vw;;background: rgba(255,255,255,0.2);position: relative;border-radius:50%;text-align: center;margin: 0 auto;margin-bottom: 30px;}
.sf02 .five_list .top02 p{width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);font-size: 18px;color: #fff; text-align: center;font-family:Montserrat,sans-serif;font-weight: 500;}
.sf02 .five_list .in_ul li{position: relative; color:#fff; font-weight: 400; font-size: 14px; margin-bottom: 7px;padding-left: 15px;word-break: keep-all;}
.sf02 .five_list .in_ul li::before{position: absolute;content: '';background:rgba(255,255,255,0.5); width: 4px; height: 4px; left: 5px; top: 10px;}

/*컴공*/
.cp01 {padding: 70px 0; height:280px;background: url('../../../image/ai/cp02.jpg')no-repeat; background-size: cover;position: relative;background-position: center;}
/*언어처리*/
.la01 {padding: 70px 0; height:280px;background: url('../../../image/ai/la01.jpg')no-repeat; background-size: cover;position: relative;}

.la02{background:#f3f7fb; padding:70px 0;}
.la02 .arrow{margin: 0 auto;position: relative;text-align: center;overflow-y: hidden;height: 185px;}
.la02 .arrow p{position: absolute;left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%);color: #0083ca; font-weight: 600; font-size: 24px;}
.la02 ul li{background: #fff;border-radius: 30px; box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.1);text-align: center;padding: 15px;float: left; width: calc((100% - 20px)/2);margin-bottom: 20px;margin-right: 20px;height:300px;}
.la02 ul li:nth-child(2n){margin-right: 0;}
.la02 ul li .tit{color:#404345; font-weight: 600; font-size: 20px; }
.la02 ul li .cont{text-transform: uppercase; font-size: 16px; line-height: 26px;color: #82898e;word-break: keep-all;}
.la02 ul li .cont br{display: none;}
.la02 ul li img{margin: 10px 0;}

/*영상처리*/
.ve01 {padding: 70px 0; height:280px;background: url('../../../image/ai/ve01.jpg')no-repeat; background-size: cover;position: relative;background-position: center;}
/*로봇드론*/
.rb01 {padding: 70px 0; height:280px;background: url('../../../image/ai/rb01.jpg')no-repeat; background-size: cover;position: relative;background-position: center;}
.rb02 .top_cir li{width:50%; margin: 0;text-align: center;margin-bottom: 20px;}



/*갤러리 / 계열 소식 리스트페이지*/

.limit {width: 1440px;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:280px;overflow:hidden}
.list .img_wrap img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.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}

/*갤러리 / 계열 소식 리스트페이지*/

.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;-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:nth-child(3n){margin-right: 0;}
.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;}
		}