/*�덉씠�댄뙘�낆슜*/
.Pstyle{opacity:0;display:none;/*position:relative;width:auto;*/margin:auto;border:5px solid #1d8eff;/*padding:20px;*/padding:50px;background-color:#1d8eff;width:45%;/*max-width:640px min-width:320px width:100% 320~640源뚯��� 苑됱감怨� 洹몄씠�꾨뒗 640�쎌뒪 �ш린怨좎젙*/}
.b-close{position:absolute;right:5px;top:5px;padding:5px;display:inline-block;cursor:pointer;}
.content1{color: #787878;}
.joblayerCenter{text-align:center;}
.content1 > ul{margin-top:40px;}
.content1 > ul.jobLayerCon1 > li{font-size:25px;font-weight:bold;margin-top:20px;color:#0083cb;}
.content1 > .jobLayerCon3{width:90%;margin:0 auto;margin-top:40px;overflow:hidden;}
.content1 > .jobLayerCon3 > div{width:48%;margin:0 1%;float:left;}
.con3Article > div {font-size:14px;}
.con3Article > .con3Title{font-size:18px;font-weight:bold;color:#0083cb;}
.con3Article > div{word-break:normal;}
.con3mgtop{margin-top:20px;}
.con3Text{/*margin-top:20px;*/margin-top:8px;line-height:20px;}
.jobLayerCon4{width:88%;margin:0 auto;}
.jobLayerCon5{width:88%;margin:40px auto;font-size:12px;padding:20px;box-sizing:border-box;/*border:#fff 1px solid;*/border:#cecece 1px solid;}
/*踰꾪듉 �붿옄��*/
.btndesign {width:100px;-webkit-width:100px;-moz-width:100px;-o-width:100px;-ms-width:100px; height:25px;line-height:25px;border-radius:15px;border:none;background-color:#cc1d1d;-webkit-background-color:#cc1d1d;-moz-background-color:#cc1d1d;-o-background-color:#cc1d1d;-ms-background-color: #cc1d1d; color: #fff;}
/*�덉씠�댄뙘�� css ��*/
/* �댁궗�� �몄궗留� */
div.greetingText{margin-bottom:20px;}
div.greetingText > h2{color:#00487a;text-align:center;margin-bottom:50px;}
div.greetingText div.subTextImg > div.textWrap{line-height:180%;color:#898989;float:left;padding-left:50px;width:55%;}
div.greetingText div.subTextImg > div.img{float:right;text-align:center;}
div.greetingText div.subTextImg > div.textWrap span{color:#f00;font-family:"NotoSansKR-Regular";}
div.greetingText div.subTextImg > div.img span {font-family:"NotoSansKR-Regular";}
/* �숆탳�고쁺 諛� 二쇱슂�섏긽 */
.history{position:relative;margin-bottom:50px;}
div.mobile-history {display:none;}
.history .pos-l {float:left;min-width:477.5px;width:50%;background:url(/images/2017/line.png) 98.1% 0 repeat-y;text-align:right;}
.history .pos-r {float:left;min-width:477.5px;width:50%;margin-left:-19px;}
.history .pos-l > h2 {background:url(/images/2017/line_p.png) 98.1% 0 repeat-y;}
.history .pos-l > h2,.history .pos-r > h2 {text-align:center;color:#00487a; font-size:20px;}
.history .pos-l > h2 > img, .history .pos-r > h2 > img {vertical-align:middle;}
.history .pos-l dl.y2010 {padding-bottom:80px;}
.history .pos-l dl.y2007 {padding-bottom:295px;}
.history dt {position: relative;}
.history .pos-l dt .mar-t {line-height:1em;padding-right:90px;padding-top:40px;background: url(/images/2017/line_2_left.png) 100% 100% no-repeat;}
.history .pos-r dt .mar-t {line-height:1em;padding-left:90px;padding-top:256px;background: url(/images/2017/line_2.png) 0% 100% no-repeat;}
.history dt .ic {z-index:99;position:absolute;right:0;bottom:0;height:16px;width:16px;background-size: cover;background-repeat:no-repeat;background-position:center center;border:2px solid #eb4047;background: #ffffff;border-radius:200px 200px 200px 200px;-webkit-transform:scale(0);-o-transform:scale(0);transform: scale(0);-webkit-transition-duration:0.5s;transition-duration:0.4s;-moz-border-radius: 200px 200px 200px 200px;-webkit-border-radius:200px 200px 200px 200px;}
.history .ic span {position:absolute;left:6px;top:6px;height:4px;width:4px;background:#eb4047;border-radius: 200px 200px 200px 200px;-moz-border-radius: 200px 200px 200px 200px;-webkit-border-radius: 200px 200px 200px 200px;}
.history dl.over, .history dt.over, .history dd.over {background:url(/images/2017/line_p.png) 98.1% 0 repeat-y;}
.history dt.over .ic {-webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.history dt span.tit {color: #e8252d;font-family: 'nanum-square-b';font-size: 20px;}
.history .pos-l dd {padding:7px 115px 7px 0px;line-height:1.5em;position:relative;color:#898d92;}
.history .pos-r dd {padding:7px 0px 7px 115px;line-height:1.5em;position:relative;color:#898d92;}
.history dd.first {padding-top:20px;}
.history dd span {font-family:"NotoSansKR-Regular";color:#51555d;}
.history .pos-r dl {position:absolute;}
.history .pos-r dl.year2018 {top:239px;}
.history .pos-r dl.year2017 {top:597px;}
.history .pos-r dl.year2014 {top:1289px;}
.history .pos-r dl.year2013 {top:1534px;}
.history .pos-r dl.year2012 {top:2013px;}
.history .pos-r dl.year2011 {top:3463px;}
.history .pos-r dl.year2010 {top:4020px;}
.history .pos-r dl.year2009 {top:4673px;}
.history .pos-r dl.year2008 {top:5565px;}
.history .pos-r dl.year2007 {top:6158px;}
.history .pos-r dl.year2006 {top:6636px;}
/*�щ떒踰뺤씤�뚭컻*/
.it-tabbtnGroup {width:80%;margin:0 auto;overflow:hidden;}
.it-tabbtnGroup .it-tabbtn {width:50%;height:40px;float:left;background-color:#eeeeee;text-align:center;line-height:40px;color:#b5b5b5;}
.it-tabbtnGroup .it-tabbtn.on {background-color:#195a87;color:#fff;}
.it-at2 {display: none;}
.itTabGroup {text-align:center;}
.itTabGroup p {line-height:20px;margin:10px 20px;}
.itTabGroup1 {background-image:url(/images/2018/itintroduce/itintroduce-1.jpg);background-repeat:no-repeat;background-size:cover;padding:40px 0;box-sizing:border-box;margin-top:60px;}
.itTabGroup1 div p {color: #fff;margin:0 20px;}
.itTabGroup1 div p:nth-child(1) {font-size:25px;font-weight: bold;line-height:30px;}
.itTabContent {margin-top:80px; padding:20px 0;}
.itTabBoldText {font-size:20px;line-height:20px; color:#32abe7;font-weight:bold;margin-top:10px;}
.itfontcolor-b {color:#32abe7;font-weight:bold;line-height:30px;}
.itTabText {margin:40px 20px;}
.itTabArticleGroup {overflow:hidden;}
.itTabGroup2 .itTabArticleGroup .itTabArticle {float:left;width:31.333%;margin:0 1%;}
.itTabArticle img {max-width: 90%;}
.itTabGroup3 .itTabArticleGroup {color:#fff;}
.itTabGroup3 itTabArticle3 {overflow:hidden;}
.itTabGroup3 .itTabBag div {width:50%;float:left;padding:25px 10px;box-sizing:border-box;background-repeat:no-repeat;background-size: cover;background: linear-gradient(45deg, #0068a2 25%, #077ec1 0, #077ec1 50%, #0068a2 0, #0068a2 75%, #077ec1 0);background-size:5px 5px;border: #fff 1px solid;}
/*.itTabGroup3 .itTabBag div:nth-child(1) {background-image: url(/images/2018/itintroduce/itintroduce-6.jpg);}
.itTabGroup3 .itTabBag div:nth-child(2) {background-image: url(/images/2018/itintroduce/itintroduce-7.jpg);}
.itTabGroup3 .itTabBag div:nth-child(3) {background-image: url(/images/2018/itintroduce/itintroduce-8.jpg);}
.itTabGroup3 .itTabBag div:nth-child(4) {background-image: url(/images/2018/itintroduce/itintroduce-9.jpg);}*/
.itTabArticle3:nth-child(1) {padding:80px 0 30px 0;background-image:url(/images/2018/itintroduce/itintroduce-16.jpg);background-repeat:no-repeat; background-size:cover;background-position:top center;}
.itTabArticle3 > div > div > p {color:#fff;}
.itTabArticle3 img {max-width:100%;}
.itTabArticleGroup {margin-top:40px;position:relative;}
.itTabGroup5 .itTabArticleGroup .itTabArticle {float:left;width:31.333%;margin:0 1%;}
.itTabGroup6 .itTabArticleGroup {overflow:hidden;}
.itTabGroup6 .itTabBtn {width:31.3333%;height:40px;line-height:40px;float:left;font-weight:bold;margin:0 1%;background-color:#0083cb;}
.itTabGroup6 .itTabBtn a {width:100%;height:100%;display:block;text-decoration:none;color:#fff;}
.organization {margin-top:60px;}
/*�ㅼ궛�쇳꽣(痍⑥뾽�쇳꽣)*/
div.international-exchange,div.dasan {color:#898989;text-align:center;}
div.dasan {margin:40px 0;}
h3.con-title {background:url(/images/2017/dot-squre.jpg) no-repeat left center;padding-left:15px;font-size:16px;text-align:left;}
h1.big-text {color:#00487a;margin:60px 0 10px;font-size:25px;}
div.icon-wrap {margin:85px 0 20px;}
div.icon-wrap > div {float:left;width:33.3333%;padding:0 30px;box-sizing:border-box;margin-bottom:100px;line-height:150%;}
div.icon-wrap > div img {width:60%;}
div.icon-wrap > div.clear {clear:both;}
div.icon-wrap > div.list p.icon-title,div.dasan p.icon-title {font-family:"NotoSansKR-Regular";margin:10px 0;font-size:16px;background: url(/images/2017/studyinfoline.jpg) no-repeat center top;padding-top:20px;}
div.dasan img.pcview {margin-top:30px;}
div.dasan img.mobileview {display:none;}
div.dasan ul {margin-top:10px;}
div.dasan ul li {float:left;width:14.2222%;padding:0 10px;box-sizing:border-box;}
/*�ㅼ궛�쇳꽣 異붽��� */
div.teacherdasan {padding:60px 0;}
div.teacherborder {border-top:1px solid #ccc;}
div.teacherdasan:nth-child(0) {border-top:0;}
div.teacherdasan > div {float:left;}
div.teacherdasan-info {color:#898989;line-height:180%;margin-left:30px;width:80%;text-align:left;}
div.teacherdasan-info > p {margin-left:0px;}
div.teacherdasan-info > h2 {font-size:20px;margin-bottom:10px;}
div.teacherdasan-info > h3 {font-size:16px;color:#00487a;margin-left:0;}
div.teacherdasan-info > span.line {display:inline-block;margin:10px 0;width:45px;height:1px;padding:0;border:0;background-color:#00487a;}
/*援먯닔�뚭컻�섏씠吏�*/
div.campus-list ul {border-bottom:1px solid #00487a;}
div.campus-list ul li {float:left;width:50%;}
div.campus-list li a {display:block;border-top:1px solid #ccc;border-right:1px solid #ccc;text-align:center;height:30px;
cursor:pointer;color: #898989;}
div.campus-list ul li a.active {border:1px solid #00487a;border-bottom:1px solid #fff;position:relative;height:31px;margin: 0 0 -1px -1px; font-family: "NotoSansKR-Regular";}
div.campus-list li:first-child a {border-left:1px solid #ccc;}
div.campus-list ul li:first-child a.active {border-left:1px solid #00487a;margin-left:0;}
div.campus-list ul li a span {display: inline-block;height:14px;margin-top:8px;}
div.teacher-list > div {width:100%;display:none;}
div.teacher-list > div.active {display:block;}
div.teacher {padding:40px 0;border-top:1px solid #ccc;}
div.teacher:first-child {border-top:0;}
div.teacher > div {float:left;}
div.teacher-info {color:#898989;line-height:180%;margin-left:30px;width:80%;}
div.teacher-info > h2 {font-size:20px;margin-bottom:10px;}
div.teacher-info > h3 {font-size:16px;color:#00487a;margin-left:10px;}
div.teacher-info > p {margin-left:20px;}
div.teacher-info > span.line { display:inline-block;margin:10px 0;width:45px;height:1px;padding:0;border:0;background-color:#00487a;}
/*�쒓뎅it痍⑥뾽吏��먯떆�ㅽ뀥�섏씠吏�*/
.tabbtnG {width:60%;margin:0 auto;}
.tabbtnG > div {width:31.3333%;float:left;margin:0 1%;}
.tabbtn-job { height:40px;border-radius:20px;line-height:40px;background-color:#fff;}
.tabbtnGroup { background-image:url(/images/2018/job_success/jobsuccessback.jpg);}
.tabArtGroup {background-color:#ededed;padding:40px;box-sizing:border-box;display:none;}
.tabArtTitle {width:50%;height:40px;margin:0 auto;background-color: #fff;border-radius:20px;border:2px solid #4584c5;box-shadow:3px 3px #4584c582;line-height:40px;font-weight:bold;color:#4584c5;font-size:1.2em;}
.tabbtn1 > div:nth-child(1) {background-color:#4584c5;color:#fff;}
.tabArt1 {overflow:hidden;margin-top:40px;}
.tabArt1 > div {float:left;margin:0 2%;}
.at1 .tabArtimg {width:20%;height:300px;background-image:url(/images/2018/job_success/tab-img3.jpg);background-size:contain;background-repeat:no-repeat;}
.at2 .tabArtimg {width:20%;height:300px;background-image:url(/images/2018/job_success/tab-img4.jpg);background-size:contain; background-repeat:no-repeat;}
.at3 .tabArtimg {width:20%;height:300px; background-image:url(/images/2018/job_success/tab-img5.jpg);background-size:contain; background-repeat:no-repeat;}
.tabArtText {width:72%;text-align:left;}
.tabArtText > div {overflow:hidden;margin-top:20px;}
.arttitle {width:90%;margin-left:10px;}
.tabArtText > div > div {float:left;}
.tabArtText > div > div > span {color:#4584c5;font-size:1.2em;font-weight:bold;}
.tab-subimg {width:100%;height:200px;padding-top:40px;background-color:#ededed;background-repeat:no-repeat;display:none;}
.tab-subimg1 {background-position:bottom;background-image:url(/images/2018/job_success/tab-sub01.jpg);}
.tab-subimg2 {background-position:bottom;background-image:url(/images/2018/job_success/tab-sub02.jpg);}
.tab-subimg3 {background-position:bottom;background-image:url(/images/2018/job_success/tab-sub03.jpg);}
.clk {display:block;}
.arttitle > div {text-indent:-8px;line-height:30px;}
.tabmargin {margin-top:30px;}
.tabArtGroup {display: none;}
.tabArtGroup.at1 {display:block;}
.tabbtnsub > div {color:#ededed;margin-top:20px;}
.tabbtnsub > div:nth-child(1) {color:#888888;}
/*�쒓뎅it痍⑥뾽吏��먯떆�ㅽ뀥�섏씠吏� ��*/
/* 罹좏띁�� �덈궡 */
div.contentTitle>h3 {font-size:20px;color:#898989;text-align:center;}
div.campusList {text-align:center;margin-top:30px;}
div.campusList > div {width:300px;height:40px;background-image:none;background-color:#195a87;display:inline-block;cursor:pointer;font-family:"NotoSansKR-Regular";margin:0 5px;}
div.campusList > div p a{display:block;width:100%;position:relative;}
div.campusList > div p a span{width:100%;position:absolute;left:0;top:50%;margin-top:-25px;}
div.campusList>div.select {background-color:#fff;border:#195a87 solid 2px;color:#ccc;box-sizing:border-box;box-shadow:2px 2px 2px 2px;-webkit-box-shadow:2px 2px 2px 2px;-moz-box-shadow:2px 2px 2px 2px;}
div.campusList>div:hover{background-color:#fff;border:#195a87 solid 2px;color:#ccc;box-sizing:border-box;line-height:31px;}
div.campusList>div>p {font-size:12px;}
div.campusList > div p a span{margin-top:0;color:#ccc;top:0;line-height:37px;}
div.campusList > div.select p a span{color:#195a87;line-height:33px;}
.campusTxt{margin-top:30px;line-height:25px;}
p.camputTxt2{margin-top:80px;}
div.campus-map>h4,div.campus-image>h4 {background: url(/images/2017/dot-squre.jpg) no-repeat left center;padding-left: 16px;
margin-left: 5px;color: #898989;font-size: 16px;margin: 15px 0;}
div.map-wrap>div.open {display: block;}
div.map {box-sizing:border-box;}
span.aroow {display:inline-block;width:70px;height:11px;background:url(/images/2017/arrow-gray.png) no-repeat center top;}
p.tel {margin-top:10px;margin-right:100px;font-family:"NotoSansKR-Regular";}
div.map > img {width:100%;text-align:center;margin-bottom:-5px;}
li.bx-clone{display:none;} /*bxslider.js�뚮Ц bx-clone�� �앷꺼�� 媛��ㅼ쨲 */
.addressTelNew{overflow:hidden;position:relative;margin-top:100px;}
.addressTelNew svg{width:50px;height:50px;fill:#00487a;}
.addressTelNew div{float:left;width:33.33333%;/*height:auto;*/height:220px;text-align:center;border:1px solid #ccc;border-top:#00487a solid 2px;box-sizing:border-box;padding:25px;margin-top:50px;}
.addressTelNew_yangae div{width:50%;}
.addressTelNew_yangae div:nth-child(4){width:100%;margin-top: 0;}
.addressTelNew_yangae div:nth-child(4) .minibusbtn{vertical-align: middle;margin:0 4px 0 6px;}
.addressTelNew>h3{text-align:center;line-height:55px;font-weight:bold;color:#989898;}
.addressTelNew>h3:before{content: "";position: absolute;width:42px;height:3px;background:#195a87;top:0;left:50%;margin-left:-21px;}
.addressTelNew article h3{line-height:30px;margin-top:10px;color:#00487a;}
.addressTelNew article p{line-height:15px;font-size:12px;}
.addressTelNew article p span{line-height:16px;font-size:13px;font-weight:bold;color:#ef50c6;}
.campus-image{position:relative;margin-top:100px;}
.campus-image p{text-align:center;}
.campus-image>h3{text-align:center;line-height: 55px;font-weight:bold;color:#989898;}
.campus-image>h3:before{content: "";position:absolute;width:42px;height:3px;background:#195a87;top:0;left:50%;margin-left:-21px;}
.campus-map{margin-top:20px;}
.campus-image-slide{margin-top:50px;}
/*踰꾪듉*/
.single-item img{max-width:100%;}
.slider-nav{margin-top:20px;margin-bottom:50px;}
.slider-nav img{max-width:100%;}
/*罹좏띁�� �щ씪�대뱶*/
div.campus-image-slide {position:relative;}
div.campus-image-slide>div.open {display:block;}
div.campus-image-slide div.slideTextBox {position:absolute;left:0;top:0;height:491px;background-color:rgba(255, 255, 255, 0.4);width:250px;z-index:70;}
div.campus-image-slide div.slideTextBox>p {width:100%;position:absolute;color:#00487a;top:30%;text-align:center;font-size:25px;line-height:170%;}
div.campus-image-slide .bx-wrapper .bx-controls-direction a {width:36px;height:37px;top:67%;}
div.campus-image-slide .bx-wrapper .bx-prev {left:9%;background:url(/images/2017/slide-arrow-set.png) no-repeat left top;}
div.campus-image-slide .bx-wrapper .bx-next {right:auto;left:14%;background:url(/images/2017/slide-arrow-set.png) no-repeat right top;}
/* 罹좏띁�� �щ씪�대뱶 thum img */
div.campus-image-slide #bx-pager .bx-wrapper .bx-controls-direction a {top: 50%;margin-top: -16.5px;}
div.campus-image-slide #bx-pager .bx-wrapper .bx-prev {left:-8%;background-position:0 -37px;}
div.campus-image-slide #bx-pager .bx-wrapper .bx-next {right:-8%;left:auto;background-position:-36px -37px;}
#bx-pager {width:768px;margin:20px auto;position:relative;z-index:81;}
#bx-pager ul li {float:left;}
#bx-pager ul li a {border:3px solid #ccc;box-sizing:border-box;}
#bx-pager a.active { border:3px solid #00487a;}
#bx-pager a,#bx-pager img {display:block;}
/* 移대뱶 �댁뒪 �щ씪�대뱶 */
div.cardnews-image-slide {position:relative;}
div.cardnews-image-slide>div.open {display:block;}
div.cardnews-image-slide .bx-wrapper .bx-controls-direction a {width:36px;height:37px;top:50%;}
div.cardnews-image-slide .bx-wrapper .bx-prev {left:9%;background:url(/images/2017/slide-arrow-set.png) no-repeat left top;}
div.cardnews-image-slide .bx-wrapper .bx-next {right:9%;background:url(/images/2017/slide-arrow-set.png) no-repeat right top;}
/* 移대뱶 �댁뒪 �щ씪�대뱶 thum img*/
div.cardnews-image-slide #bx-pager .bx-wrapper .bx-controls-direction a {top:50%;margin-top:-16.5px;}
div.cardnews-image-slide #bx-pager .bx-wrapper .bx-prev {left:-8%;background-position:0 -37px;}
div.cardnews-image-slide #bx-pager .bx-wrapper .bx-next {right:-8%;left:auto;background-position:-36px -37px;}
.cardnews-image-box #bx-pager {width:768px;margin:20px auto;position:relative;z-index:81;}
.cardnews-image-box #bx-pager ul li {float:left;}
.cardnews-image-box #bx-pager ul li a {border:3px solid #ccc;box-sizing:border-box;}
.cardnews-image-box #bx-pager a.active {border:3px solid #00487a;}
cardnews-image-box #bx-pager a,.cardnews-image-box #bx-pager img {display:block;}
div.cardnews-image-slide #bx-pager .bx-pager-item > a {background:#fff;border:none;}
div.cardnews-image-slide #bx-pager .bx-pager-item > a:hover,div.cardnews-image-slide #bx-pager .bx-pager-item > a:active, {background-color:#000;}
.cardnews-image-box #bx-pager .bx-wrapper {position:unset;}
.cardnews-image-box .bx-wrapper .bx-pager{bottom:20px;}
body.cardnews div.gallery > div.imgBox{min-height:196px;height:auto;}
body.cardnews div.gallery > div.imgBox > div.gallery-img {width:100%;transition:all 0.3s;min-height:196px;max-height:230px;max-width:390px;}
/*吏곸뾽�덈젴 怨듯넻*/
div.training-tab>ul {border-bottom:1px solid #00487a;}
div.training-tab>ul>li {float:left;width:14%;}
div.training-tab>ul>li:first-child{width:16%;}
div.training-tab>ul>li>a {display:block;border-top:1px solid #ccc;border-right:1px solid #ccc;text-align:center;height:30px;cursor:pointer;color: #898989;}
div.training-tab>ul>li>a.active {height:31px;margin:0 0 -1px -1px;position:relative;border:1px solid #00487a;border-bottom:1px solid #fff;font-family:"NotoSansKR-Regular";}
div.training-tab>ul>li>a>span {display:inline-block;height:14px;margin-top:5px;}
div.training-tab>ul>li:first-child>a {border-left:1px solid #ccc;}
div.training-tab>ul>li:first-child>a.active {border-left:1px solid #00487a;margin-left: 0;}
.training-tab div.tab-content>div {display:none;color:#898989;line-height: 200%;}
.training-tab div.tab-content>div.active {display:block;}
.training-tab div.tab-content h4.tabTitle {background:url(/images/2017/dot-squre.jpg) no-repeat left center;padding-left:18px;font-weight:bold;margin-top:30px;margin-bottom:10px;}
.training-tab div.tab-content h4.tabTitle:first-child {margin-top:50px;}
.training-tab div.tab-content p,div.tab-content ul li{padding-left:10px;}
div.training-tab table {color:#898989;text-align:center;margin:10px 0;width:100%;}
div.training-tab table, div.training-tab table th, div.training-tab table td {border:1px solid #dedede;}
div.training-tab table th, div.training-tab table td {padding:10px;}
div.training-tab table th {background-color:#eeeeee;}
div.btns.training_btn {text-align:center;margin-top:50px;margin-bottom:50px;}
div.btns.training_btn > a {display:inline-block;padding:10px 40px;border:1px solid #00487a;color:#00487a;}
th.ww{width:40%;}/*怨쇱젙�됯��� �� �덈퉬議곗젅*/
/* 吏곸뾽�덈젴 �섎떒 �뚯씪 �ㅼ슫濡쒕뱶 踰꾪듉 */
div.fileBox.active {overflow: hidden;}
div.fileBox .fileDownload {width:23%;height:40px;text-align:center;background-color:#eee;margin:10px 1%;text-align:center;line-height:40px;float:left;}
div.fileBox .fileDownload a{width:100%;height:100%;color:#898989;}
/*NCS*/
/*�ㅼ뾽��*/
div.tab2-anchor img {max-width:100%;}
/*�쇰컲怨�*/
div.tab4-anchor>h2{margin:50px auto;width:355px;color:#00487a;border-bottom:1px solid #00487a;text-align:center;padding-bottom:5px;}
div.tab4-anchor>p:first-child {margin:50px 0;}
div.iconListWrap>div {float:left;width:18%;text-align:center;}
div.iconListWrap>div p {padding-left:0;}
div.iconListWrap>div>img {width:70%;}
div.iconListWrap>img {float:left;margin-top:50px;}
div.process>div,div.worker_process>div{float:left;border:1px solid #ccc;text-align:center;position:relative;height:135px;width:14.666%;box-sizing:border-box;margin-right:22px;}
div.worker_process>div{width:23%;height:230px;}
div.process>div:last-child, div.worker_process>div:last-child{margin-right:0;}
div.process>div>h4, div.worker_process>div>h4{background-color:#eee;padding:10px 0;}
div.process>div>p, div.worker_process>div>p{padding:10px 10px 0 10px;}
div.process>div:after, div.worker_process>div:after{content:"";width:14px;height:26px;background:url(/images/2017/foundation-arrow.png) no-repeat center/65%;display:block;position:absolute;right:-19px;top:58px;}
div.worker_process>div:after{top:105px;}
div.process>div:last-child:after, div.worker_process>div:last-child:after{background:none;}
/*痍⑥꽦�� �댁슜 異붽���*/
.tabbtnGroup {width:100%;margin-top:40px;overflow:hidden;}
.tabbtn {width:50%;height:40px;background-color:#fff;float:left;text-align:center;line-height:40px;}
.tabbtn.tabbtn1 {background-color:#195a87;color:#fff;}
.tabbtn.tabbtn2 {background-color:#eeeeee;color:#b5b5b5;}
.tabarTitle{display:none;}
.tabarTitle.at1.clk {display:block;}
/*�뚯썝媛���*/
div.depth > a.menu-list {background:none;}
div.joinus {color:#898989;font-size:13px;}
div.joinus h3.jointitle {background:url(/images/2017/dot-squre.jpg) no-repeat left center;padding-left:15px;color:#00487a;}
div.joinus>div {margin-bottom:40px;}
div.joinus div.term_box {padding:20px;height:250px;overflow:auto;border:1px solid #e3e3e3;margin:20px 0;}
div.joinus div.check-wrap {text-align:right;}
div.joinus div.joinBtns {text-align:center;}
div.joinus div.joinBtns a {display:inline-block;color:#00487a;padding:10px 40px;border:1px solid #00487a;margin:0 10px;}
/*�뚯썝媛��� �묒떇*/
table#join-board {border-top:1px solid #e3e3e3;width:100%;color:#898989;}
table#join-board input, table#join-board select {color:#898989;font-family:"NotoSansKR-DemiLight";}
table#join-board th, table#join-board td {padding:8px;border-bottom:1px solid #e3e3e3;}
table#join-board th {background-color:#f7f7f7;width:30%;}
div.joinForm input, div.joinForm select {border:1px solid #e3e3e3;padding:5px;font-size:14px;}
div.joinbtnWrap {text-align:center;margin-top:20px;}
div.joinbtnWrap input, input[type="button"] {color:#898989;background-color:#f1f1f1;border:1px solid #ccc;display:inline-block;width:25%;min-width:76px;padding:10px 0px;text-align:center;}
/*濡쒓렇��*/
div.login {border-top:2px solid #313e47;border-bottom:1px solid #e1e1e1;padding-top:20px;width:100%;margin:0 auto;
max-width:380px;}
div.login_frm {margin-top:20px;}
div.login div.login_frm_detail {position:relative;padding-bottom:20px;border-bottom:1px solid #ececec;color:#6e6e6e;}
div.login_ad img {width:100%;}
div.user-info p:first-child {margin-bottom:10px;}
div.user-info span {display:inline-block;width:80px;}
div.user-info p input {border:1px solid #ccc;padding:5px;width:150px;}
div.login_frm_detail a.loginBtn {position:absolute;width:75px;right:0;padding:22px 0;top:0;background-color:#00487a;color:#fff;text-align:center;}
div.login_frm_guide {font-size:13px;color:#898989;margin-top:20px;}
div.login_frm_guide p {margin:20px 0;position:relative;}
div.login_frm_guide p a {position:absolute;width:125px;right:0;padding:3px 0;top:-3px;background-color:#00487a;color:#fff;text-align:center;}
table#join-board td div.mobileWrap{margin-bottom:5px;}
table#join-board td span{font-size:12px;}
.login_new .btnZip {color:#898989;border:1px solid #e3e3e3;padding:5px 10px;font-size:14px;background-color:#f1f1f1;}
/*ID/PW李얘린*/
table#searchID,table#searchPW {border-top:1px solid #e3e3e3;width:100%;color:#898989;}
table#searchID th, table#searchID td, table#searchPW th, table#searchPW td {padding:8px;border-bottom:1px solid #e3e3e3;}
table#searchID th, table#searchPW th {background-color:#f7f7f7;width:30%;}
table#searchID td span, table#searchPW td span {font-size:12px;}
table#searchID input, table#searchPW input, table#searchID select, table#searchPW select {padding:5px;border:1px solid #ccc;color:#898989;}
div.content_inner h4.heading {padding-left:20px;background:url(/images/2017/dot-squre.jpg) no-repeat left center;color:#00487a;margin-bottom:20px;}
div.content_inner div.btnWrap {margin:20px 0;text-align:center;}
div.content_inner div.btnWrap input {background-color:transparent;border:1px solid #00487a;padding:10px 40px; margin:0 15px;color:#00487a;}
div.content_inner div.btnWrap a {background-color:transparent;border:1px solid #00487a;padding:10px 40px;margin:0 15px;color:#00487a;}
/*�쒕퉬�� �댁슜�쎄�*/
div.access-box {line-height:200%;color:#898989;}
div.access-box>h4 {color:#666;padding-left:20px;margin:30px 0 10px;}
div.access-box>p { margin-left:30px;}
div.access-box>div {margin-left:40px;}
/*媛쒖씤�뺣낫痍④툒諛⑹묠*/
div.personal-information {line-height:200%;color:#898989;}
div.personal-information>h4 {background:url(/images/2017/dot-squre.jpg) no-repeat left center;padding-left:18px;color:#666;margin-top:30px;}
div.personal-information>p {margin-left:20px;}
div.personal-information>ul {margin-left:20px;}
div.personal-information>ul>li {list-style-position:outside;list-style-type:disc;}
div.personal-information p a {color:#666;text-decoration:underline;}
/* 濡쒓렇�� �붾㈃ 異붽� (2018-10-12) */
div.login_frm_guide > p {display:table;width:100%;margin:10px 0;}
div.login_frm_guide > p > span, div.login_frm_guide > p > a {display:table-cell;padding:8px 5px;font-size:12px;vertical-align: middle;}
/* �먭꺽利� / license */
.infoBox.license {}
.infoBox.license > .img {text-align:center;}
.infoBox.license > h3 {text-align:center;margin-top:20px;}
.license .li_contentbox {width:80%;margin-top:80px;margin-left:auto;margin-right:auto;}
.license .li_contentbox > ul > li {padding-left:30px;text-align:justify;line-height:24px;}
.license .li_contentbox > ul > li:before {content: "-";margin-left:-10px;}
.license .li_textgroup {margin:20px 0;}
.license .detailbtn {width:120px;height:40px;text-align:center;line-height:40px;color:#fff;background-color:#ccc;margin:20px 0;}
.license .li_textwrap {width:100%;margin-top:20px;}
.license .textmargin {margin-top:40px;}
.license .textmargin2 {margin-top:20px;}
.license .li_textwrap:last-child {margin-top:40px;}
.license .li_left {width:14%;float:left;color:#01285f;font-weight:bold;}
.license .li_right {width:85%;float:left;margin-left:1%;line-height:24px;}
.license .line {border-bottom:1px solid #ccc;padding:20px 0;}
.license h4.titleText {background:url(/images/2017/dot-squre.jpg) no-repeat left center;padding-left:20px;margin-bottom:15px;}
.li_right li:before{content:"��";margin-left:-10px;font-weight:bold;}
/*game,design,it �몃��ㅻ챸 */
.license .righttext > .textgroup1 {margin-top: 10px;overflow:hidden;}
.license .righttext > .textgroup1 > li {float:left;}
.license .righttext > .textgroup1:first-child {background-color:#a8a7a7;text-align:center;}
.license .leftimg {width:200px;float:left;}
.license .righttext {float:left;width:70%;margin-left:1%;line-height:22px;}
.license .colorbtn {background-color:#d8d8d8;border-radius:5px;text-align:center;}
.license .righttext > h3 {color:#101c77;font-weight:bold;}
.license .margin {margin-top:40px;}
.license .hidetable {display:none;}
/*license table*/
.license .tg {border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.license .tg td {border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;font-size:12px;padding:5px 0;line-height:18px;}
.license .tg th {vertical-align:middle;font-size:12px;font-weight:normal;padding:10px 10px;border-style:solid;border-width:1px;overflow: hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#bfbfbf;line-height:18px;}
.license .tg .tg-baqh {text-align:center;/*vertical-align:center;*/}
.license .tg .tg-amwm {font-weight:bold;text-align:center;/*vertical-align:center;*/background-color:#d9d9d9;}
.license .mobiletable {display:none;}
/* community */
div.conselling-wrap{position:relative}
div.conselling-wrap a{color:#000}
table#counselling-list{width:100%;text-align:center}
table#counselling-list th,table#counselling-list td{padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
table#counselling-list th.board-title{width:50%}
table#counselling-list td.text-title{text-align:left}
table#counselling-list td.board-title{overflow:hidden;}
.contentTitle .board-title-img,table#counselling-list .board-title-img{margin-left:5px;vertical-align:text-top}
div.board_page_list{text-align:center;margin:30px 0}
div.board_page_list a:hover{text-decoration:underline}
div.board_page_list a.select{font-family:"NotoSansKR-Regular"}
div.btn{position:absolute;right:0;bottom:-4px;background-color:#00487a;border-radius:10px;z-index:5}
div.btn a{padding:10px 30px;display:block;color:#fff}
/*online-counselling-writing*/
input,select{font-family:"NotoSansKR-DemiLight"}
table#counselling-board{border-top:1px solid #ccc;width:100%;color:#898989}
table#counselling-board input,table#counselling-board select{color:#898989}
table#counselling-board th,table#counselling-board td{padding:8px;border-bottom:1px solid #ccc}
table#counselling-board td.view_content{padding:8px 50px}
table#counselling-board th{background-color:#f7f7f7;color:#6d6e72}
table#counselling-board input,table#counselling-board select{padding:3px}
div.btns-wrap{text-align:center;padding:20px 0}
div.btns-wrap>input,div.btns-wrap>a{background-color:transparent;border:1px solid #00487a;padding:8px 20px;cursor:pointer;color:#00487a;font-size:13px;margin:0 5px}
/*online-counselling-view*/
div.board_view_subject,div.board_view_content,div.board_view_prev,div.board_view_next,div.board_last_view_next{padding:15px 10px}
div.board_view_subject{border-top:2px solid #313e47;border-bottom:1px solid #ccc}
div.board_view_subject>p.board_view_subject_left{float:left}
div.board_view_subject>p.board_view_subject_right{float:right}
div.board_view_content{height:100%}
div.board_view_prev{color:#898989;border-top:1px solid #313e47;border-bottom:1px solid #ccc}
div.board_view_next{color:#898989;border-bottom:1px solid #313e47}
div.board_last_view_next{color:#898989;border-bottom:1px solid #313e47;border-top:1px solid #ccc}
div.board_view_prev p,div.board_view_next p,div.board_last_view_next p{float:left}
div.board_view_prev p.prev:before{content:"";display:block;width:15px;height:15px;float:left;margin:4px 10px 0 0;background:url(/images/2017/prev-next.jpg) no-repeat left top/80%}
div.board_view_prev p.prev:after{content:" | ";padding:0 20px}
div.board_view_next p.next:before,div.board_last_view_next p.next:before{content:"";display:block;width:15px;height:15px;float:left;margin:4px 10px 0 0;background:url(/images/2017/prev-next.jpg) no-repeat left bottom/80%}
div.board_view_next p.next:after,div.board_last_view_next p.next:after{content:" | ";padding:0 20px}
div.board_view_botton{margin:20px 0 40px}
div.board_view_botton p{float:right}
div.board_view_botton p a{color:#fff;display:block;padding:10px 30px;background-color:#00487a}
div.board_view_botton p a img{vertical-align:middle;margin-right:10px}
div.course-review ul li{margin-bottom:30px;font-size:12px;margin-bottom:13px;border-top:1px solid #d1d1d1;background:url(/images/2017/review_bg1.gif) repeat-y 0 0/contain}
div.course-review ul li.on{background-image:url(/images/2017/review_bg1_on.gif);border-color:#00487a}
div.course-review ul li div.review-wrap{background:url(/images/2017/review_bg2.gif) no-repeat 0 100%/contain;min-height:80px;overflow:hidden;position:relative}
div.course-review ul li.on div.review-wrap{background-image:url(/images/2017/review_bg2_on.gif)}
div.course-review ul li div.review-wrap div.student-info{float:left;width:38%;overflow:hidden}
div.course-review ul li.on div.review-wrap div.student-info{}div.student-info div.student-info-inner{overflow:hidden;margin-top:7px;margin:20px}
div.course-review ul li div.review-wrap div.review-text{overflow:hidden;padding:17px 23px;line-height:21px;color:#666;position:relative}
div.course-review ul li div.review-wrap div.review-text p{height:40px;overflow:hidden;cursor:pointer}
div.course-review ul li.on div.review-wrap div.review-text p{min-height:40px;height:auto}
div.page-btn{margin:50px 0;text-align:center;position:relative}
div.page-btn>a{display:inline-block;height:24px;padding:0 4px;min-width:16px;color:#878787;font-size:13px;margin:0 7px;vertical-align:top;line-height:24px}
div.page-btn>a.on{background-color:#00487a;color:#fff}
div.page-btn>a.first{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif) no-repeat 0 0;margin-right:8px}
div.page-btn>a.prev{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif) no-repeat -24px 0;margin-right:50px}
div.page-btn>a.last{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif) no-repeat -24px -24px;margin-left:8px}
div.page-btn>a.next{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif) no-repeat 0 -24px;margin-left:50px}
div.more-btn a{display:none}
/*course-review*/
div.course-review ul li{margin-bottom:30px;font-size:12px;margin-bottom:13px;border-top:1px solid #d1d1d1;background:url(/images/2017/review_bg1.gif) repeat-y 0 0/contain}
div.course-review ul li.on{background-image:url(/images/2017/review_bg1_on.gif);border-color:#00487a}
div.course-review ul li div.review-wrap{background:url(/images/2017/review_bg2.gif) no-repeat 0 100%/contain;min-height:80px;overflow:hidden;position:relative}
div.course-review ul li.on div.review-wrap{background-image:url(/images/2017/review_bg2_on.gif)}
div.course-review ul li div.review-wrap div.student-info{float:left;width:38%;overflow:hidden}
div.course-review ul li.on div.review-wrap div.student-info{}div.student-info div.student-info-inner{overflow:hidden;margin-top:7px;margin:20px}
div.course-review ul li div.review-wrap div.review-text{overflow:hidden;padding:17px 23px;line-height:21px;color:#666;position:relative}
div.course-review ul li div.review-wrap div.review-text p{height:40px;overflow:hidden;cursor:pointer}
div.course-review ul li.on div.review-wrap div.review-text p{min-height:40px;height:auto}
div.page-btn{margin:50px 0;text-align:center;position:relative}
div.page-btn>a{display:inline-block;height:24px;padding:0 4px;min-width:16px;color:#878787;font-size:13px;margin:0 7px;vertical-align:top;line-height:24px}
div.page-btn>a.on{background-color:#00487a;color:#fff}
div.page-btn>a.first{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif) no-repeat 0 0;margin-right:8px}
div.page-btn>a.prev{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif) no-repeat -24px 0;margin-right:50px}
div.page-btn>a.last{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif) no-repeat -24px -24px;margin-left:8px}
div.page-btn>a.next{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif) no-repeat 0 -24px;margin-left:50px}
div.more-btn a{display:none}
/*痍⑥뾽 諛� �섎즺�� �명꽣酉�*/
div.interview-wrap>a{display:block;float:left;width:33.3333%}
div.interview-wrap>a>div{width:100%;border:10px solid transparent;box-sizing:border-box;color:#898989}
div.interview-wrap>a>div div.student-img{width:300px;height:162px;overflow:hidden}
div.interview-wrap>a>div img{background:url('http://via.placeholder.com/300x240');width:100%;display:block}div.interview-wrap>a>div>p.title-text{padding:10px 0;border-bottom:1px solid #ccc;margin-bottom:5px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
div.student-info>p.student-name{color:#666
}div.student-info>p.course-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/*�명꽣酉� �댁슜*/
div.student-interview>div.head{padding:15px 10px;border-top:2px solid #313e47;border-bottom:1px solid #ccc;color:#898989;margin-bottom:20px}
div.student-interview>div.head>p.title-text{float:left}
div.student-interview>div.head>p.date{float:right}
div.interview-content img{max-width:100%;display:block;margin:auto;height:auto;width:auto
}div.interview-text{margin-top:10px}
div.interview-text>div{width:50%;float:left;padding:0 20px;box-sizing:border-box;margin-bottom:50px}
div.interview-text>div>div{margin:10px 0}
div.interview-text>div p.question{color:#00487a}
div.interview-text>div p.answer{color:#898989}
/*�ы넗媛ㅻ윭由�*/
div.gallery-wrap>a{display:block;float:left;border:10px solid transparent;width:33.3333%;box-sizing:border-box;color:#898989}
div.gallery-img{overflow:hidden;height:216px}
div.gallery-img img{width:100%;display:block}
div.gallery p.title-text{padding:10px 0;border-bottom:1px solid #ccc;margin-bottom:5px}
div.gallery p.date{font-size:12px}
/*�ы넗媛ㅻ윭由� 蹂닿린*/
div.photogallery-content>div.content{text-align:center;margin-bottom:50px}
div.photogallery-content>div.content img{width:100%}
/*媛쒓컯�쇱젙*/
table.schedule-board{width:100%;text-align:center}
table.schedule-board th,table.schedule-board td{padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
table.schedule-board td a{color:#fff;display:inline-block;padding:7px 15px;background-color:#00487a}
/*痍⑥뾽�깃났�명꽣酉� 議곗젅*/
.question-q{width:100%;float:left;margin-top:20px;color:#01b6de;font-weight:bold;font-size:18px;}
.question-q>div{float:left;margin-right:10px;}
.question-q>div:nth-child(1){width:25px;}
.question-q>div:nth-child(2){width:95%;}
.answer-a{width:100%;float:left;color:#ccc;margin-top:10px;}
.answer-a>div{float:left;font-size:16px;margin-right:10px;}
.answer-a>div:nth-child(1){width:25px;}
.answer-a>div:nth-child(2){width:95%;}
.question-img{width:80%; margin:60px auto;}
/*�쇰컲援щ줈怨쇱젙 紐⑥쭛*/
.contentTitle > p{text-align:center}
.nomalTopInfor{overflow:hidden;width:95%;margin:0 auto}
.nomalTopInfor > div{float:left}
.nomalTopInfor > div > p{line-height:20px;margin-top:20px;color:#ccc}
.nomalTopInfor > div > p > span{font-size:60px;font-weight:bold;color:#000;line-height:50px}
.nomalTopInfor > div:nth-child(2){float:right}
.nomalTopInfor{}.nomalTopInfor > p{}.nomalTopInfor > div{}.infoBox > div{margin-top:40px}
.nomalInfoBox > div > div{width:29.3%;float:left;margin:2%;cursor:pointer}
.infoBox a{width:100%;height:100%}
.infoBox .nomalTitle{height:40px;text-align:center;line-height:40px;margin-top:40px;color:#fff;background-color:#3c9eff}
.infoBox .nomalDeadline{height:20px;position:absolute;z-index:10;margin:10px}
.infoBox .nomalDeadline > div{float:left;width:60px;height:20px;margin-right:10px;text-align:center;border-radius:20px;color:#fff;font-size:12px}
.infoBox .nomalDeadline > div:nth-child(1){background-color:#f0c14b;color:#000}
.infoBox .nomalDeadline > div:nth-child(2){background-color:#ff6a6a}
.nomalTop{position:relative}
.nomalInfo{box-sizing:border-box;width:100%;height:99%;opacity:0.8;position:absolute;text-align:center;padding:40px;display:none}
.nomalDesign .nomalInfo{background-color:#3c9eff}
.nomalPicture .nomalInfo{background-color:#0631bf}
.nomalPicture a:hover .nomalInfo{display:block}
.nomalDesign a:hover .nomalInfo{display:block}
.nomalInfo > p{margin-top:100px;color:#fff}
.nomalImg{overflow:hidden}
.nomalImg > img{max-width:100%}
.nomalBottom{padding:20px;box-sizing:border-box;background-color:#eee}
.nomalBottom p{color:#929a9c;font-size:12px;line-height:20px;margin-top:10px;height:40px}
.nomalBottom p span{font-size:14px;color:#313e47;font-weight:bold}
.nomalBottom > div > div{font-size:18px;font-weight:bold;height:50px;color:#000000}
/*援щ줈怨쇱젙 �몃� �댁슜*/
.nomalTopinfo-Detail div p span{font-weight:bold;font-size:35px}
.nomalTopinfo-Detail{text-align:center}
.nomalTopinfo-Detail div p{margin-top:10px}
.nomalTopinfo-Detail div p span{font-size:45px;font-weight:bold}
.nomalTopinfo-Detail div p:nth-child(2){font-size:15px;font-weight:bold;line-height:20px;margin-top:20px}
.nomalmiddleinfo{overflow:hidden}
.nomalmiddleinfo>div{float:left}
.nomalmiddleinfo div.middle-img{width:30%}
.nomalmiddleinfo div.middle-img img{max-width:100%}
.nomalmiddleinfo div.middle-head{width:68%;margin-left:2%;overflow:hidden}
.middle-head>div{float:left;width:100%}
.middleBox p{height:35px;border-bottom:1px #ccc solid;line-height:35px;width:100%}
.middleBox p:nth-child(1){height:35px;background-color:#eee;border-top:2px #313e47 solid;border-bottom:0}
.middle-bottom{width:100%;overflow:hidden}
.middle-bottom > div{float:left}
div.middleBox > p > span.head{text-align:center;display:inline-block;width:15%}
.middlebtn div{text-align:center;width:49%;height:40px;line-height:40px;background-color:#313e47;margin-top:10px;float:left}
.middlebtn div:nth-child(2){margin-left:2%}
.middlebtn div:nth-child(3){width:100%}
.middlebtn div a{color:#ffffff}
.middle-bottom div{width:25%;background-color:#eee;height:44px;line-height:40px;text-align:center}
.middle-bottom div a{width:100%;height:42px;display:block;color:#313e47}
.middle-bottom div a.active{color:#313e47;background-color:#fff;border-top:2px solid #313e47}
.middle-bottom div:hover{background-color:#fff;border-top:2px solid #000}
.middletabGroup{width:100%}
.middletabGroup>div{margin-top:100px;display:none}
.middletabGroup>div.active{display:block}
#middletab .tabTitle{width:100%;height:30px;line-height:30px;font-size:15px;font-weight:bold;color:#195a87;margin-top:100px}
.tabTitle{background-image:url(/images/2018/nomal/middle-line.jpg);height:30px}
.tabTitle div{width:12%;line-height:30px;text-align:center}
.middletab1 > .tabinfo{text-align:center}
.tabinfo div img{max-width:100%}
.tabinfo p{line-height:30px;margin-top:20px}
.tabinfo p:nth-child(2){margin-top:40px}
p.tabinfotitle{font-size:16px;font-weight:bold;color:#195a87;margin-top:60px}
.tabinfo p.tabinfotitle span{display:inline-block;font-weight:200}
.tabinfobox .tabBox{width:100%;background-color:#eee;line-height:30px;padding:0 0 0 10px;box-sizing:border-box;border-top:2px #ccc solid}
.tabText{margin:10px 0 0 20px;line-height:30px}
.tabinfo span{color:#195a87;font-weight:bold}
.tabimg{float:left;height:150px;background-color:#ccc}
.tabart{width:63%;float:left;margin-left:2%}
.tabgroup{overflow:hidden;margin-top:40px}
.wrap_btn_roadview{display:none}
.tabinforiview div{margin-top:80px}
.tabinforiview ul li{float:left;width:29.3333%;margin:0 2%}
.tabinforiview ul{margin-top:40px}
.tabinforiview ul li div{width:40%;margin:0 auto}
.tabinforiview ul li div img{max-width:100%}
.tabinforiview ul>li>p{margin-top:20px}
/*怨좊벑�숆탳怨쇱젙�ㅻ챸���쒗럹�댁�*/
.hischool-curriculumList {margin:80px 0;}
.high-curriculumGroup {overflow:hidden;margin-top:10px;}
.high-curriculumGroup a{width:100%;height:100%;}
.high-leftImgBox {float:left;width:20%;}
.high-leftImgBox>img {width:100%;}
.highrightTextBox {float:left;overflow:hidden;width:80%;text-align:left;padding:10px 10px 10px 20px;box-sizing:border-box;}
.highrightTextBox>div>h4 {font-size:18px;font-weight:bold;color:#1f1f1f;}
.highText {width:70%;float:left;}
.highText>p {margin-top:10px;}
.highBtn{width:120px;height:40px;float:right;margin:20px 0;text-align:center;line-height:40px;color:#fff;border-radius:20px;}
.yangbtn{background-color:#f985c2;}
.gurobtn{background-color:#3662ae;}
.gurobtn2{background-color:#0691f3;}
.highBtn a{color:#fff;}
/*怨쇱젙�뚭컻留덉빞 遺�遺� �대�吏��대�吏�*/
.mayapopup > div {width: 31.33%; margin: 0 1%;}
.mayaimg01 {background-size:cover;background-image:url();background-repeat:no-repeat;background-color:#ccc;background-position:center; height:230px;}
.mayaimg02 {background-size:cover;background-image:url();background-repeat:no-repeat;background-color:#ccc;background-position:center; height: 230px;}
.mayaimg03 {background-size:cover;background-image:url();background-repeat:no-repeat;background-color:#ccc;background-position:center;height:230px;}
/* 怨쇱젙�뚭컻 而ㅻ━�섎읆 �ㅼ슫濡쒕뱶 */
div.currybox {background:#195a87;border:1px solid #cccccc;height:50px;line-height:50px;margin-bottom:30px;margin-top:30px;text-align: center;width:320px;margin:auto;}
div.currybox > p {text-align:center;}
div.currybox > p > a.currya {text-decoration: none;color:#fff;}
/* 怨쇱젙�뚭컻 �대�吏� �앹뾽 */
.mayapopup ul li{width:30%;margin:1.5%}
.mayapopup ul li img{width:100%}
.MayaImgPopup{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:99}
.MayaImgPopup > .mask{background-color:#000;opacity:0.4;width:100%;height:100%;position:fixed;left:0;top:0}
.MayaImgPopup ul li,.mayapopup ul li{border:none}
.MayaImgPopup ul li img{z-index:99}
.MayaImgPopup > ul{width:40%;margin:5% 0 0 0;left:20%;position:absolute;left:30%}
.MayaImgPopup > ul > li{width:100%;margin:10px;padding:10px;background:#fff;display:none;cursor:pointer}
.MayaImgPopup > ul > li > img{width:100%}
.MayaImgPopup > i{padding-top:3px;padding-left:2px;padding-right:2px;font-weight:700;margin-top:3px;z-index:99;position:relative;color:#333;background:#fff;border-radius:50%;right:-31.5%}
/*怨쇱젙 �뚭컻 異붽�*/
div.classMainImg img{width:100%;}
div.arrows{text-align:center;}
div.courseTitleText{font-size:150%;text-align:center;margin:40px 0;}
div.courseInfoText{text-align:center;width:68%;margin:0 auto;border-left:1px solid#000;border-right:1px solid#000;}
div.curriculumList{margin:80px 0;}
div.curriculumRow{position:relative;margin-bottom:50px;}
div.curriculumLeftRow>div{float:left;width:50%;box-sizing:border-box;padding:0 39px;}
div.curriculumRightRow>div{float:right;width:50%;box-sizing:border-box;padding:0 39px;}
div.curriculumRightRow>div>img,div.curriculumLeftRow>div>img{width:100%;}
div.leftTextBox>h4,div.rightTextBox>h4{font-size:120%;margin-bottom:40px;}
div.leftTextBox{text-align:right;}
div.rightTextBox{text-align:left;}
div.leftTextBox,div.rightTextBox{word-break:keep-all;}
div.rightTextBox h4{margin-top:60px;}
div.contentWrap>h2,div.contentWrap>h2.conTitle{background:url(/images/2017/studyinfoline.jpg)no-repeat center top;margin:50px 0 20px;padding-top:20px;}
/* 怨쇱젙�뚭컻 �대�吏� �ㅻ챸 遺�遺�*/
.contentWrap.contentTitle{display:table;width:100%;}
.contentWrap.contentTitle.imgwrap{display:table-cell;}
.contentWrap.contentTitle.textwrap{display:table-cell;height:auto;}
.contentWrap.contentTitle.textwrap p{top:0;left:0;margin:10px 5%;position:relative;}
/*�⑤씪�몄삁�� css �뚯씪*/
div.online-contentWrap{padding-top:80px;}
.con-reservation{overflow:hidden;}
.con-reservation>ul.reser_box{width:31.3%;height:290px;float:left;margin:0 1%;}
.con-reservation>ul.reser_box>li{height:30px;line-height:30px;}
.con-reservation>ul.reser_box>li:nth-child(1){text-align:center;background-color:#18448c;color:#fff;}
.con-reservation>ul.reser_box>li:nth-child(2){padding-left:5%;padding-top:20px;width:90%;}
.con-reservation>ul.reser_box.reser_calender>li:nth-child(2){padding:0px;width:100%;}
.con-reservation>ul.reser_box>li{line-height:30px;width:100%;}
.con-reservation.con-reservation2020 > ul.reser_box.cbox{width:20%;}
.con-reservation.con-reservation2020 > ul.reser_box.yj{width:42%;}
.con-reservation.con-reservation2020 > ul.reser_box.gr{width:42%;}
.con-reservation.con-reservation2020 > ul.reser_box li p{line-height:20px;}
.con-reservation.con-reservation2020 > ul.reser_box.yj li p{text-indent:-1.3em;width:100%;margin-left:5%;}
.con-reservation.con-reservation2020 > ul.reser_box.gr li p{text-indent:-1.3em;width:100%;margin-left:5%;}
input{color:#606060;font-size:10px;padding:5px;box-sizing:border-box;}
.info-person{width:100%;margin:0 auto;}
.form-width{width:100%;font-weight:bold;}
.form-width span{height:20px;padding:5px;}
.btns4{overflow:hidden;width:50%;margin:0 auto;}
.btns4>p:nth-child(1){width:48%;height:40px;float:left;border:2px solid#18448c;text-align:center;line-height:40px;color:#fff;box-sizing:border-box;background-color:#18448c;margin:40px 1%;}
.btns4>p:nth-child(2){width:48%;height:40px;float:left;border:2px solid#14619a;text-align:center;line-height:40px;color:#18448c;box-sizing:border-box;background-color:#ffffff;margin:40px 1%;}
label{vertical-align:1px;margin-left:5px;}
.calender{width:80%;margin:0 auto;}
.classMainImg-mobile{display:none;}
/*�ы넗媛ㅻ윭由�*/
div.student-interview>div.head{padding:15px 10px;border-top:2px solid#313e47;border-bottom:1px solid#ccc;color:#898989;margin-bottom:20px;}
div.student-interview>div.head>p.title-text{float:left;}
div.student-interview>div.head>p.date{float:right;}
div.board_view_subject{border-top:2px solid#313e47;border-bottom:1px solid#ccc;}
div.board_view_subject>p.board_view_subject_left{float:left;}
div.board_view_subject>p.board_view_subject_right{float:right;}
div.board_view_content{height:200px;}
div.board_view_prev{color:#898989;border-top:1px solid#313e47;border-bottom:1px solid#ccc;}
div.board_view_next{color:#898989;border-bottom:1px solid#313e47;}
div.board_view_prev p,div.board_view_next p{float:left;}
div.board_view_prev p.prev:before{content:"";display:block;width:15px;height:15px;float:left;margin:4px 10px 0px 0px;background:url(/images/2017/prev-next.jpg)no-repeat left top/80%;}
div.board_view_prev p.prev:after{content:" | ";padding:0 20px;}
div.board_view_next p.next:before{content:"";display:block;width:15px;height:15px;float:left;margin:4px 10px 0px 0px;background:url(/images/2017/prev-next.jpg)no-repeat left bottom/80%;}
div.board_view_next p.next:after{content:" | ";padding:0 20px;}
div.board_view_botton{margin:20px 0 40px;}
div.board_view_botton p{float:right;}
div.board_view_botton p a{color:#fff;display:block;padding:10px 30px;background-color:#00487a;}
div.board_view_botton p a img{vertical-align:middle;margin-right:10px;}
div.board_view_subject,div.board_view_content,div.board_view_prev,div.board_view_next{padding:15px 10px;}
div.gallery-wrap>a{display:block;float:left;border:10px solid transparent;width:33.3333%;box-sizing:border-box;color:#898989;}
div.gallery{position:relative;}
div.gallery>div.imgBox{width:100%;height:238px;overflow:hidden;}
div.gallery>div.imgBox>div.bg{width:100%;height:238px;position:absolute;left:0;top:0;z-index:99;display:none;background:url(/images/2017/show-bg.png)no-repeat center/cover;}
div.gallery>div.imgBox>div.gallery-img{background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;height:100%;transition:all 0.3s;}
div.gallery>div.imgBox:hover>div.gallery-img{transform:scale(1.1);}
div.gallery>div.imgBox:hover>div.bg{display:block;}
div.gallery p.title-text{padding:10px 0;border-bottom:1px solid#ccc;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;overflow:hidden;height:10px;}
div.gallery p.date{font-size:12px;}
/*�ы넗媛ㅻ윭由� 蹂닿린*/
div.photogallery-content>div.content{text-align:center;margin-bottom:50px;}
div.photogallery-content>div.content img{max-width:100%;width:auto;}
p.viewBtn{margin-top:40px;}
p.viewBtn>a{display:inline-block;padding:10px 30px;border:2px solid#00487a;color:#00487a;margin:0 10px;}
div.photogallery-content>div.content>.wire-frame{width:100%!important;position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}.wire-frame iframe,.wire-frame object,.wire-frame embed{position:absolute;top:0;left:0;width:100%;height:100%;}
div.programSlide{border:1px solid#eee;width:100%!important;}
div.programSlide.bx-wrapper.bx-controls-direction a{position:absolute;top:50%;margin-top:-18.5px;outline:0;width:36px;height:37px;text-indent:-9999px;z-index:80;}
div.programSlide.bx-.bx-prev{left:0;background:url(/images/2017/slide-arrow-set-mobile.png)no-repeat left top;}
div.programSlide.bx-.bx-next{right:0;background:url(/images/2017/slide-arrow-set-mobile.png)no-repeat right top;}
div.programSlide.bx-wrapper.bx-prev{left:0;background:url(/images/2017/slide-arrow-set-mobile.png)no-repeat left top;}
div.programSlide.bx-wrapper.bx-next{right:0;background:url(/images/2017/slide-arrow-set-mobile.png)no-repeat right top;}
/*�섏씠吏� 踰꾪듉*/
div.page-btn{margin:50px 0;text-align:center;position:relative;}
div.page-btn>a{display:inline-block;height:24px;padding:0 4px;min-width:16px;color:#878787;font-size:13px;margin:0 7px;vertical-align:top;line-height:24px;}
div.page-btn>a.on{background-color:#00487a;color:#fff;}
div.page-btn>a.first{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif)no-repeat 0 0;margin-right:8px;}
div.page-btn>a.prev{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif)no-repeat-24px 0;margin-right:50px;}
div.page-btn>a.last{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif)no-repeat-24px-24px;margin-left:8px;}
div.page-btn>a.next{width:24px;height:24px;padding:0;position:relative;background:url(/images/2017/btn_paging.gif)no-repeat 0px-24px;margin-left:50px;}
div.more-btn a{display:none;}
/* 異붽� */
div.photogallery-content > div.content > div{width:auto; height:auto;background:none;float:none;}
div.online > p:first-child > a{color:#fff;display:block}
div.online > p:last-child > a{color:#000;display:block}
div.contentWrap{margin-top:70px;padding-top:130px;background:url(/images/2017/arrow-down.png) no-repeat center top;text-align:center}
div.contentWrap > h3{margin-bottom:30px}
div.imgwrap,div.textwrap{width:49%;float:left}
div.imgwrap > img{display:block;width:100%}
div.contentWrap div.textwrap{float:right;/*position:relative;*/box-sizing:border-box;background:url(/images/2017/boxbg.png) repeat-x left top/100% 100%;line-height:150%;font-size:16px;padding-bottom:20px;padding-top:20px;min-height:300px}
div.contentWrap div.textwrap > p{/*position:absolute;width:90%;*/top:50%;/*left:50%;margin-left:-45%*/}
div.contentWrap > h2,div.contentWrap > h2.conTitle{background:url(/images/2017/studyinfoline.jpg) no-repeat center top;margin:50px 0 20px;padding-top:20px}
div.contentWrap >p> img{max-width:100%;}
ul.jobList{margin-top:20px}
ul.jobList > li{float:left;border:2px solid #00487a;padding:10px 0;width:21%;margin:0 16px 20px}
table#curriculum{width:100%}
table#curriculum,table#curriculum th,table#curriculum td{border:1px solid #ccc}
table#curriculum th{background-color:#eee}
table#curriculum th,table#curriculum td{padding:10px}
ul.appraisal > li{border:1px solid #313e47;width:380px;margin:0 auto;font-size:16px;padding:10px 0;margin-bottom:30px;position:relative}
ul.appraisal > li:after{content:"";width:11px;height:11px;display:block;background:url(/images/2017/down-arrow.png) no-repeat;position:absolute;bottom:-20px;left:50%;margin-left:-5.5px}
ul.appraisal > li:last-child:after{background:none}
ul.appraisal > li span{display:block;font-size:14px}
div.progress > div{float:left;width:15.666%;margin-right:10px;box-sizing:border-box;border:1px solid #ccc;height:180px}
div.progress > div > p.head{padding:5px;background-color:#eee}
div.progress > div:last-child{margin-right:0}
div.progress > div > div.textWrap{padding:10px;text-align:left;font-size:13px}
div.projectWrap > div{float:left;width:49%;border:1px solid #ccc;box-sizing:border-box;margin-bottom:40px}
div.projectWrap > div img{width:100%;height:250px;background-color:#555}
div.projectWrap > div:nth-child(odd){float:right}
div.projectWrap > div > div.projectInfo{padding:30px 20px}
div.projectWrap > div > div.projectInfo > p{margin-bottom:20px}
div.projectWrap > div > div.projectInfo > span.arrowBg{display:block;width:26px;height:23px;margin:0 auto 20px;background:url(/images/2017/arrow-down-small.png) no-repeat}
img.certification{max-width:434px;width:100%;padding-top:50px}
/*jobsuccess.css*/
/*�뚯씠釉�*/
table#job-board{border-top:1px solid#e3e3e3;width:100%;color:#898989;table-layout:fixed;}
table#job-board th{background-color:#f7f7f7;}
table#job-board,table#job-board>thead,table#job-board>tbody,table#job-board tr{width:100%;}
table#job-board th,table#job-board td{padding:8px;border-bottom:1px solid#e3e3e3;text-align:center;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
table#job-board th.jobtext:nth-child(1){width:45%;}
table#job-board th.jobtext:nth-child(2){width:35%;}
table#job-board td.jobnone{white-space:nowrap;}
td.jobtext>a{color:#898989;}
/*�뚯씠釉� ��*/
.job25{width:25%;}
th.job-successTitle{color:#195a87;font-size:1.2em;}
.job-successTop>div>img{width:100%;}
.job-successTop a{width:100%;height:100%;color:#fff;}
.job-successTop>ul>li{width:25%;height:80px;text-align:center;line-height:80px;float:left;color:#fff;}
.job-successTop>ul>li:nth-child(1){background-color:#0083cb;}
.job-successTop>ul>li:nth-child(2){background-color:#0070ae;}
.job-successTop>ul>li:nth-child(3){background-color:#195987;}
.job-successTop>ul>li:nth-child(4){background-color:#0b4065;}
.job-successMiddle{margin-top:80px;}
.btns5{width:25%;margin:0 auto;}
.btns5 a{width:100%;height:100%;color:#fff;}
.btns5>a{width:100%;height:40px;float:left;border:2px solid#195987;text-align:center;line-height:40px;color:#fff;box-sizing:border-box;background-color:#195987;margin:40px 0;}
/*�섏씠吏� 踰꾪듉*/
div.page-btn{display:block;}
div.page-btn > a.next{margin-left:15px;}
div.page-btn > a.prev {margin-right:15px;}
/* professionalEdu.css */
div.processcourse-mt{margin-top:40px;}
div.proWidth{}.inforWrap.strength{width:60%;height:40px;margin:0 auto;line-height:40px;background-color:#0691f3;color:#fff;font-size:18px;font-weight:bold;border-radius:50px;}
.minititle{font-size:16px;text-align:left;}
div.contentWrap.inforWrap.minititle{color:#000;}
.inforGroup p{margin-top:20px;}
.minititle2{margin-top:80px;}
.minititle3{margin-top:80px;}
.processcourse-mt img{width:80%;}
.highrightTextBox>div>h4{color:#0691f3;}
/* professionalEdu.css �ъ씠�쒕컮 �쒓굅 */
.course-professionalEdu-newpage div#gnb{display:none;}
.course-professionalEdu-newpage>#container{width:100%;margin:0;}
.course-professionalEdu-newpage>#container>.left-menu{display:none;}
.course-professionalEdu-newpage>#container>.right-content{width:100%;}
.course-professionalEdu-newpage>#container>.right-content>.titleBox{margin:0;display:none;}
div#lnb{display:none;}
/* highschoolevent.css */
.con-padding {padding:80px 0;}
.contitle {font-size:44px;font-weight:bold;color:#0c2465;text-align:center;}
/* highschoolevent.css �섏씠吏� �붿옄��*/
.highschoolContainer{position:relative;}
.titleWrap.professionalbackground{background-color:#f7c066;/*background-color:#2fd8e7;*/}
.titleWrap img{width:90%;margin:0 5%;display:block;}
.subtitleWrap{background-color:#c75a18;text-align:center;color:#ccc;line-height:20px;}
.opendayWrap{width:100%;background-color:#2f2f2f;}
.opendaycon1{overflow:hidden;}
.opendaycon1>div{float:left;text-align:center;font-size:20px;font-weight:bold;}
.ycolor{width:20%;height:160px;line-height:160px;background-color:#ffd21f;}
.opendaygroup{overflow:hidden;width:80%;margin:50px 0;}
.opendaybtn{width:50%;float:left;}
.opendaybtn span{width:41%;height:60px;display:inline-block;margin:0 2%;line-height:60px;color:#fff;border-radius:30px;}
.benefitWrap{background-color:#d6d6d6;}
.conTextgroup{overflow:hidden;}
.conText{width:50%;float:left;margin-top:50px;}
.conText div{float:left;}
.conText div:nth-child(1){width:30%;}
.conText div:nth-child(1)>img{width:100%;}
.conText div:nth-child(2){width:70%;margin:50px 0;padding:0 20px;box-sizing:border-box;}
.conText>div>p{color:#0c2465;}
.conText>div>p:nth-child(2){margin-top:10px;}
.highschoolarttitle{font-size:25px;font-weight:bold;margin-left:0;}
.courseWrap{}.courseGroup{overflow:hidden;}
.coursecon{float:left;width:48%;height:420px;margin:20px 1%;box-sizing:border-box;text-align:center;}
.coursecon div { width:100%;font-size:15px;font-weight:bold;transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);transition:all 0.3s ease-in-out;}
.coursecon:hover div{transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);}
.coursecon div > img {width:100%;max-width:100%;overflow:hidden;}
.coursecon div:nth-child(2) {padding: 20px;box-sizing: border-box;}
.redline {border:10px #ff4540 solid;overflow: hidden;}
.blueline {border:10px #1872e2 solid; overflow: hidden;}
.coursecon div p:nth-child(1){width:120px;height:30px;margin:0 auto 10px;;line-height:30px;border-radius:20px;color:#fff;}
.coursecon div p:nth-child(2){font-size:20px;color:#000;}
.inforWrap{background-color:#ececec;}
.inforGroup{padding:0 5%;box-sizing:border-box;}
.inforGroup div{overflow:hidden;}
.inforGroup div div{float:left;line-height:40px;}
.inforGroup div.gcolor{width:120px;height:40px;line-height:40px;text-align:center;border-radius:30px;color:#fff;}
a{color:#000000;text-decoration:none;}
.infortableGroup{width:100%;margin:20px 0;}
.infortable{width:100%;}
.infortable table{width:100%;}
.infortdth th{height:30px;background-color:#ccc;padding:5px;box-sizing:border-box;}
.infortdth td{height:30px;padding:3px;box-sizing:border-box;text-align:center;background-color:#fff;}
.tleft{text-align:left;padding-left:20px;}
.infordownload{width:100%;overflow:hidden;margin-top:40px;}
.infordownload div{width:46%;margin:20px 1%;float:left;background-color:#bababa;text-align:center;}
.inforGrouptable{width:955px;}
.mapGroup{padding:0 5%;box-sizing:border-box;}
.mapcontent{overflow:hidden;margin-top:40px;}
.mapcontent div{float:left;width:48%;margin:20px 1%;}
.mapcontent div div{width:100%;}
.yjbtn{width:100%;height:40px;line-height:40px;background-color:#ff4540;color:#fff;text-align:center;}
.grbtn{width:100%;height:40px;line-height:40px;background-color:#1872e2;color:#fff;text-align:center;}
.btnWrap{width:100%;}
.highbtn{width:280px;height:60px;background-color:#003d84;text-align:center;line-height:60px;}
.highbtn>a{color:#ffffff;text-decoration:none;}
.sidebtnWrap{position:absolute;top:100px;right:10%;}
.sidebtnWrap>div{width:110px;height:110px;background-color:#ccc;}
span.rcolor{background-color:#fa3e3e;}
span.bcolor{background-color:#2361ed;}
p.rcolor{background-color:#ff4540;}
p.bcolor{background-color:#1872e2;}
div.gcolor{background-color:#484848;}
/*�ъ씠�쒕컮 �쒓굅*/
.course-highschool-newpage div#gnb {display:none;}
.course-highschool-newpage > #container {width:100%;margin:0;}
.course-highschool-newpage > #container > .left-menu {display:none;}
.course-highschool-newpage > #container > .right-content {width:100%;}
.course-highschool-newpage > #container > .right-content > .titleBox {margin:0;display:none;}
div#lnb {display:none;}
/*�ㅼ쓬留듭뿉 �꾩씠肄섏“�� */
.mapyangjae .wrap_map > .map > div > div > div > div {width:110px;top:-47px;left:175px;}
.mapguro .wrap_map > .map > div > div > div > div {width:150px;top:-47px;left:175px;}
/*吏���*/
.maptext{line-height:40px;padding:20px;box-sizing:border-box;font-size:20px;}
.yjbtn a{color:#fff;text-decoration:none;font-weight:bold;display:block;width:100%;height: 100%;}
.grbtn a{color:#fff;text-decoration:none;font-weight:bold;display:block;width:100%;height: 100%;}
.highmmsgroup{display:none;}
/*�ㅼ슫濡쒕뱶 硫섑듃媛�由�*/
span.infordownload-text{display:none;}
/* course-professionalEdu-newpage.asp css�댁슜 */
.protabmenu{width:550px;overflow:hidden;margin:0 auto;}
.protabmenu li{/*width:100px;*/width:30.3333%;height:40px;line-height:40px;/*margin: 0 10px;*/margin:5px;float:left;background-color:#ccc;text-align:center;}
p.professionalArttitle {color:#fff;font-size:18px;font-weight:bold;}
ul.protabsub li {width:100%;margin-top:100px;}
ul.protabsub li:first-child{/*display: block;*/}
.protab-title .protabline{}
.protab-title p:nth-child(2){border-bottom:2px solid #000;width:135px;color:#000;font-weight:bold;}
.protab-content {overflow:hidden;margin-top:60px;}
.protab-content div {float:left;}
.proconimg {width:20%;background-color:#fff;border:5px #ccc solid;}
.proconimg img{width:100%;display:block;}
.proconart{width:75%;margin-left:10px;}
.proconartGroup{width:75%;}
.proconartGroup div{width:200px;height:30px;background-color:#c75a18;line-height:30px;text-align:center;margin:20px 0 0 10px;}
.proconartGroup div a{color:#fff;}
.promargin20{margin-top:20px;color:#000;}
.probtnl{width:100%;display:block;height:100%;}
.probtnr{width:100%;display:block;height:100%;}
p.procontext span {font-size:15px;font-weight:bold;color:#c75a18;}
.procontext span.procontextcolor{color:#18b0ff;}
p.procontexticon{background-color:#18b0ff;color:#ccc;border-radius:10px;}
li.proclk{background-color:#c75a18;/*background-color:#1a409f;*/color:#fff;}
/*�댁슜��*/
/*以묎컙�� �덈줈�� �대�吏� �쒖옉*/
.conboxgroup {overflow:hidden;}
.conboxdesign {width:31.33%;float:left;margin:20px 1% 0;}
.conboxdesign p{font-size:16px;color:#fff;margin-top:10px;}
.conboxdesign p .conbox_bold_txt{font-size:22px;font-weight: bold;}
.conboxdesign p span.conbox_bottom_line{border-bottom:1px #ccc solid;}
.conboxdesign > img{max-width:100%;}
.fdfdf{font-weight:bold;}
.conboxgroup2 {overflow:hidden;}
.conboxdesign2 {width:31.333%;float:left;margin:0 1%;}
.conboxdesign2 > img{max-width:100%;}
.subtitlefont{font-size:25px;color:#1a409f;margin:50px auto;font-weight:bold;}
.con_maintitle1{text-align:center;font-size:20px;font-weight:400;}
.con_maintitle2{text-align:center;font-size:52px;color:#000;}
.con_maintitle2::after{content:"";display:block;clear:both;width:40px;height:1px;margin:30px auto;}
.con_maintitle3{font-size:16px;text-align:center;}
.con_maintitle4{text-align:center;margin:40px auto;font-size:22px;font-weight:400;color:#000;}
.con_aintitle3{text-align:center;font-size:16px;font-weight:lighter;margin-top:20px;}
.protab-title p:nth-child(2){width:23%;}
.con_round_wrap{height:224px;padding:60px;position:relative;background-image:url(/images/2018/professionalimg/professional-icon-back.png);background-size:cover;background-repeat:no-repeat;}
.con_round_wrap .con_round_group1{border-radius:10px;position:absolute;top:80px;left:0;right:0;background-color:#fff;}
.con_round_wrap .con_round_group1 div{width:33.3333%;float:left;text-align:center;margin-top:20px;}
.con_round_group2{border-radius:10px;background-color:#ededed;border:2px #ccc solid;padding:40px;box-sizing:border-box;}
.con_round_group2::after {content:"";clear: both;display: block;}
.con_round_group2 .con_round_box_img{position:relative;width:29.3333%;height:180px;margin:2%;float:left;background-size:cover;background-repeat:no-repeat;}
.con_round_group2 .con_round_box_img:nth-child(1){background-image:url(/images/2018/professionalimg/professional-img1.png);}
.con_round_group2 .con_round_box_img:nth-child(2){background-image:url(/images/2018/professionalimg/professional-img2.png);}
.con_round_group2 .con_round_box_img:nth-child(3){background-image:url(/images/2018/professionalimg/professional-img3.png);}
.con_round_group2 .con_round_box_img:nth-child(4){background-image:url(/images/2018/professionalimg/professional-img4.png);}
.con_round_group2 .con_round_box_img:nth-child(5){background-image:url(/images/2018/professionalimg/professional-img5.png);}
.con_round_group2 .con_round_box_img:nth-child(6){background-image:url(/images/2018/professionalimg/professional-img6.png);}
.conredbtn{position:absolute;top:120px;width:100%;height:60px;background-color:#e36c6c;transition:all .5s ease;
}
.conredbtn p{color:#fff;text-align:center;font-size:20px;}
.conredbtn p:nth-child(1){line-height:60px;font-weight:bold;}
.conredbtn p.contxt{font-size:14px;opacity:0;line-height:18px;}
.conredbtn p.conlink{font-size:12px;opacity:0;width:60px;height:20px;margin:10px auto 0;line-height:20px; border:1px solid #fff;border-radius:10px;}
.con_round_box_img:hover .conredbtn{top:0;background-color:rgba(0,0,0,0.5);height:180px;}
.con_round_box_img:hover .conredbtn p:nth-child(1){margin-top:20px;}
.con_round_box_img:hover p.contxt{opacity:1; transition:all .5s ease;}
.con_round_box_img:hover p.conlink{opacity:1; transition:all .5s ease;}
/*以묎컙�� �덈줈�� �대�吏� �쒖옉 ��*/
/* Resume.css */
/*�� �곷떒*/
.Resume_gubun, .Resume_contents {text-align:center;width:100%;}
.Resume_gubun > ul {display:inline-flex;}
.Resume_gubun > ul, .Resume_contents > ul {width:100%;max-width:900px;margin:auto;}
.Resume_gubun > ul > li {width:24.89%;text-align:center;padding:10px 0px;margin-bottom:10px;color:#585858;border-bottom: 1px solid #195a87;background-color: #e8e8e8;}
.Resume_gubun > ul > li:hover {background-color:#fff; border:1px solid #195a87;border-bottom:1px solid #ffffff;}
.Resume_gubun > ul > li.active {background-color:#fff; border:1px solid #195a87;border-bottom:1px solid #ffffff;}
.Resume_contents > ul > li {display:none; list-style:none;}
.Resume_contents > ul > li.active {display:block;}
dl.styled-select {border-right:1px solid #e3e3e3;margin:10px 0px 10px 10px;padding-right:5px;}
dl.styled-select:last-child{border-right:none;}
.styled-select, .styled-select > dd {display:inline-block;margin-right:5px;}
.styled-select > dd > select, .Resume_contents .styled-select > select {padding:2px;}
.apply_career_gubun, .styled-select {padding:2px;}
.ck_list > ul > li, .tmp-radio {display:inline-block;float:left;width:130px;}
.work_ck > ul > li {width:180px;}
.red{color:red;width:auto!important;display:inline-block;}
.contentsTable {border-top:2px solid #313e47;width:100%;max-width:900px;margin:auto;}
.contentsTable > tbody > tr, .contentsTable > thead > tr {border-bottom:1px solid #e3e3e3;}
.contentsTable > tbody > tr > th {background:#f7f7f7;color:#898989;padding:10px 3px;text-align:center;}
.contentsTable > tbody > tr > td {padding:10px;text-align:left;}
.contentsTable > thead > tr > th {padding:10px 15px;text-align:center;}
.contentsTable .br_bn {border-bottom:none;}
.contentsTable-plus {border-top:2px solid #dbdbdb;margin-top:10px;}
.contentsTable-plus > tbody > tr, .contentsTable > thead > tr {border-bottom:1px solid #e3e3e3;}
.contentsTable-plus > tbody > tr > th {background:#f7f7f7;color:#898989; padding:10px 3px;}
.contentsTable-plus > tbody > tr > td {padding:10px;}
.contentsTable-plus > thead > tr > th {padding:10px 15px;}
/*異붽���젣踰꾪듉*/
.Resume_contents .btnWrap {display:block;width:100%;padding:30px 0;}
.Resume_contents .btnWrap > a.btn {width:15%;height:20px;background:#f1f1f1;border:1px solid #ccc;padding:10px;text-align:center;color:#898989;min-width:76px;max-width:100px;display:inline-block;}
.Resume_contents .btnWrap > a.listBtn {background-color:#00487a;color:#fff;float:right;}
.Resume_contents .btnWrap > a.listBtn > img {padding-right:10px;vertical-align:middle;}
.btn_r {margin:12px auto;display:block;text-align:right;max-width:900px;width:100%; }
.btn_r > a {margin-left:8px; display:inline-block;padding:4px 5px;min-width:55px;color:#fff!important;min-height:22px;text-align:center;}
.btn_r > a > i {font-size:14px;vertical-align:middle;margin-right:3px;}
.btn_l {text-align:left;margin:12px auto;max-width:900px;display:block;width:100%;}
.btn_dels {background-color:#919495;}
.btn_adds {background-color:#747879;}
.btn_open {background-color:#747879;color:#fff!important;text-align:center;width:50px;height:22px;line-height:22px;display:inline-block;padding:3px 10px;border-radius:20px;}
.btn_hide {background-color:#747879;color:#fff!important;text-align:center;width:50px;height:22px;line-height: 22px;display:inline-block;padding: 3px 10px; border-radius: 20px;}
.photo { text-align:center;vertical-align:top;}
.photow {width:130px}
.onlyNumber, .family_const{width:50px;}
.btn_l > .print {float:right;color:#898989;padding:5px;}
/*�대젰�쒖궗吏꾩뭏*/
.photow {width:130px;height:162px;overflow:hidden;border:1px solid #d5d6d7;margin:0 auto; background: url() no-repeat 0 0; background-color: #ccc;}
.ProfilePicWrap {display:none;}
select, label, input, td{color:#898989;}
/*湲곕낯�몄쟻�ы빆*/
.nameWrap{width:100%;}
.nameWrap > li {width:30%;min-width:176px;display:inline-block;float:left;margin-bottom:5px;margin-right:5px;}
.nameWrap > li > label {margin-left:0;margin-right:5px;}
.nameWrap > li > input.name {min-width:100px;max-width:130px;}
/*�ъ쭊�щ━�� 踰꾪듉*/
.btn .btn_gray{display:block;width:200px;height:50px;line-height:50px;margin:0 auto;background-color:#f0f0f0;margin-top:20px;color:#acacac;text-align:center;}
.btn_gray {padding:5px;}
p{color:#acacac;}
.blueactive{background-color:#0b4180;}
/* �대젰�� �깅줉 */
.Resume_contents #Resume_Title {width:60%;min-width:300px;}
.Resume_contents .upload {}
.Resume_contents .Want_Select_Sub {visibility:hidden;}
.Resume_contents .Want_Select_Sub.active {visibility:visible;}
/*�대젰�� 由ъ뒪��*/
.ResumeListWrap > form > a > .contentsTable h3 {text-decoration:none;color:#333;font-weight:500;}
/*異붽� 踰꾪듉*/
.schoolWrap .btn_adds, .CareerWrap .btn_adds, .LangAbilityWrap .btn_adds,
.LangExamWrap .btn_adds, .licenseWrap .btn_adds, .IntroduceWrap .btn_adds,
.ResumeListWrap .btn_adds {display:none;}
.schoolWrap:nth-child(6) .btn_adds {display:none !important;}
.schoolWrap:last-child .btn_adds, .CareerWrap:last-child .btn_adds,
.LangAbilityWrap:last-child .btn_adds,
.LangExamWrap:last-child .btn_adds, .licenseWrap:last-child .btn_adds,
.IntroduceWrap:last-child .btn_adds{display:inline-block;}
.ResumeListWrap:last-child .btn_adds{display:inline-block;}
.LangAbilityWrap:nth-child(1) > table > thead,
.LangExamWrap:nth-child(1) > table > thead,
.licenseWrap:nth-child(1) > table > thead,
.IntroduceWrap:nth-child(1) > table > thead {display:table-header-group;}
.LangAbilityWrap > table > thead, .LangExamWrap > table > thead ,
.licenseWrap > table > thead,
.IntroduceWrap > table > thead {display:none;}
.military_inputBox {display:none;}
.military_reason.on, .military_detail.on{display:block !important;}
/*湲고� �좎긽�뺣낫 異붽� �뚯씠釉�*/
.lang_ability > .LangAbilityWrap:first-child > .contentsTable,
.lang_exam > .LangExamWrap:first-child > .contentsTable,
.license > .licenseWrap:first-child > .contentsTable {border-top:2px solid #313e47;}
.lang_ability > .LangAbilityWrap > .contentsTable,
.lang_exam > .LangExamWrap > .contentsTable,
.license > .licenseWrap > .contentsTable {border-top:2px solid #dbdbdb;}
/*�먭린�뚭컻��*/
.introduce_w{width:100%;}
.introduce_h{height:200px;}
/* �ы듃�대━�� btn*/
.fileWrap span.fileBox {display:table;width:100%;}
.fileWrap span.fileBox > span.filetype {display:table-cell;vertical-align:middle;}
.fileWrap span.fileBox > span.filetype > span.btn {display:table;}
.fileWrap span.fileBox > span.filetype > span.btn > a.btn_gray {margin:0;margin-right:10px; display:inline-block;}
.fileWrap span.fileBox > span.filetype > span.btn > span.file_txt {display:table-cell;vertical-align:middle;font-size:12px; }
.fileWrap span.fileBox > span.filetype > span.file-text {display:table;}
.fileWrap span.fileBox > span.filetype > span.file-text > a {color:#898989;padding-top:5px; display:table-cell;vertical-align:middle;}
.fileWrap span.fileBox > span.filetype > span.file-text > a > i {font-size:18px;top:2px; position: relative; color:red; font-weight:700;}
.fileWrap span.filetype > span.file-select{display:none;}
.fileWrap span.filetype > span.btn_gray {padding:5px;}
.hidden{display:none !important;}
/*vocationaltraining2020_ncs*/
.tabTitle2{text-align:center;margin-top:100px;}
.tabTitle2 h4{color:#a8a8a8;}
.tabTitle2 .training_subtitle{width:calc(40% - 20px);font-size:20px;font-weight:bold;margin:0 auto;line-height:32px;color:#195a87;margin:20px auto 40px;}
.lineBox{padding:35px;border:1px solid #cecece;border-radius:30px;}
.lineBox div{float:left;}
.lineBox .lineBox_img {width:38%;}
.lineBox .lineBox_img img{max-width:100%;}
.lineBox .linetext{width:62%;text-align:left;}
.lineBox .linetext img{/*padding-left:20px;*/max-width:100%;}
.lineBox.clearfix > div > p {text-indent: -11px;line-height:1.5em;}
.trainingcon_group{text-align:center;padding-top:80px;}
div.tab-content .trainingcon_group p{padding-left:0;line-height:1.5em;}
.trainingcon_title{font-size:18px;color:#195a87;text-align:center;}
.trainingcon_title::before{content:"";display:block;width:26px;height:2px;margin: 0 auto 20px;background-color:#195a87;}
.trainingcon_group ul{margin-top:40px;}
.trainingcon_group ul li{float:left;text-align:center;}
.trainingcon_group ul li.traingw33{width: calc(33.33% - 20px);}
.trainingcon_group ul li.traingw33:nth-child(3n+1){padding-left:0;}
.trainingcon_group ul li p:nth-child(3){line-height:52px;}
.trainingcon_group .boldtxt{margin-top:10px;color:#195a87;font-size:20px;font-weight:500;}
.trainingcon_group .boldtxt span{font-size:45px;}
.trainingcon_group .colorbox1{margin-top:40px;padding:24px;text-align:left;background-color:#eff7ff;border-radius:30px;color:#000;}
.trainingcon_group .colorbox1 p{color:#000;line-height:20px;}
.trainingcon_group .colorbox1 p:nth-child(1){font-size:0.9rem;/*font-weight:100;*/}
.trainingcon_group img{margin-top:40px;}
.trainingcon_process{padding:80px 0 0;}
div.tab-content .trainingcon_process p{padding-left:0;}
.trainingcon_process li{float:left;width:calc(33.33% - 20px);padding:20px;margin:10px;box-sizing:border-box;border:solid 1px #195a87;border-radius:10px;text-align:center;line-height:18px;}
.trainingcon_process li > div{margin-top:28px;height:54px;padding-left:77px;text-align:left;}
.trainingcon_process .trainingnumber1{background:url(/images/2020/vocationaltraining/trainingcon001.png) no-repeat top left/20%;}
.trainingcon_process .trainingnumber2{background:url(/images/2020/vocationaltraining/trainingcon002.png) no-repeat top left/20%;}
.trainingcon_process .trainingnumber3{background:url(/images/2020/vocationaltraining/trainingcon003.png) no-repeat top left/20%;}
.trainingcon_process .trainingnumber4{background:url(/images/2020/vocationaltraining/trainingcon004.png) no-repeat top left/20%;}
.trainingcon_process .trainingnumber5{background:url(/images/2020/vocationaltraining/trainingcon005.png) no-repeat top left/20%;}
.trainingcon_process .trainingnumber6{background:url(/images/2020/vocationaltraining/trainingcon006.png) no-repeat top left/20%;}
.trainingcon_table{line-height:18px;margin-top:30px;}
.trainingcon_table thead{background-color:#195a87;}
.trainingcon_table thead tr td{color:#fff;padding:20px;}
.trainingcon_table tbody tr td{padding:20px 10px;}
.trainingcon_table thead tr td:nth-child(1){width:20%;}
.trainingcon_table tbody tr td:nth-child(2){text-align:left;}
div.tab2-anchor div.tab2-anchor img{width:auto;}
/*vocationaltraining2020_highschool*/
.boldtxtturquoise.trainingcon_title::before{background-color:#02d4d6;}
.trainingcon_table.trainingcon_tableturquoise thead{background-color:#02d4d6;}
.trainingcon_group .boldtxtturquoise{color:#02d4d6;}
.colordownbox div{float:left;padding:0 20px;height:40px;border-radius:20px;background-color: #e6e6e6;margin:5px;line-height:40px;color:#000;}
/*vocationaltraining2020_licenseget*/
.trainingcon_group .boldtxtpurple{color:#5434c1;}
.trainingcon_group ul li.trainingw25 {width:25%;padding-left:0;box-sizing:border-box;}
.trainingcon_process2 ul li {float:left;padding:20px;margin:10px;width:calc(25% - 20px);min-height:150px;box-sizing:border-box;border-radius:10px;border:solid 1px #195a87;line-height:18px;text-align:left;}
.trainingcon_process2{padding: 80px 0 0;}
.trainingdot{position:relative;margin-bottom:10px;font-size:16px;font-weight:500;text-align:left;color:#060606;padding-left:20px;}
.trainingdot:before{content:"";display:block;clear:both;position:absolute;top:10px;left:3px;width:5px;height:5px;background-color:#4a30a3;}
.training_textgroup p{text-align:left;}
/*vocationaltraining2020_worker*/
.trainingcon_group ul li.trainingw50{width:calc(50% - 20px);}
.trainingcon_table .txtboxgroup{width:100%;text-align:left;}
.trainingcon_table .txtboxbtn{width:100%;}
.trainingcon_table .txtboxbtn a{display:block;width: 180px;height:32px;margin-top:20px;line-height:32px;background-color: #00bba7;color:#fff;font-weight:bold;}
.training_roundgroup{width:50%;margin:0 auto;}
.training_roundgroup div{float:left;width:33.33%;}
/*vocationaltraining2020_jobpakage*/
.trainingcon_group .trainingcon_table tbody tr td:nth-child(2){text-align:center;}
.trainingcon_process3{margin-top:80px;}
.trainingcon_process3 ul li {float:left;padding:20px;margin:10px;width: calc(20% - 20px);min-height: 150px;box-sizing: border-box;border-radius: 10px;border: solid 1px #195a87;line-height: 18px;text-align: left;}
.trainingcon_process3 ul li.w50{float:left; width:calc(50% - 20px);}
.trainingcon_process4 {margin-top:80px;}
.trainingcon_process4 ul li{float: left;padding: 20px;margin: 10px;width: calc(33.33% - 20px);min-height: 150px;box-sizing: border-box;border-radius: 10px;border: solid 1px #195a87;line-height: 18px;text-align: left;}
.trainingcon_group .boldtxtblue{color:#32abe7;}
.trainingcon_titleblue{color:#32abe7;}
.trainingcon_titleblue.trainingcon_title::before{background-color:#32abe7;}
.boldtxtpurple{color:#5434c1;}
.boldtxtpurple.trainingcon_title::before{background-color:#5434c1;}
.txtgreenblue{color:#00bba7;}
.txtgreenblue::before{background-color:#00bba7;}
/*course-main_2021420*/
.curriList2Title{font-size:2.5em;font-weight:bold;color:#000;text-align:left;}
.curriList2Title span{font-size:0.6em;font-weight:100;margin-left:10px;}
.curriculumList2{margin-top:80px;}
.curriList2_ConGroup:nth-child(1){margin-top:40px;}
.curriList2_ConGroup::after{content:"";display:inline-block;width:100%;height:1px;margin:40px 0 40px 0;background-color:#969696;}
.curriList2_ConGroup > div {float:left;}
.curriList2_img{width:24%;}
.curriList2_img img{max-width:100%;}
.curriList2_txt{width:50%;text-align:left;margin:0 2% 0 2%;}
.curriList2_txt > div:nth-child(1){font-size:1.3em;line-height:1.4em; color:#000;font-weight:bold;}
.curriList2_txt > div:nth-child(2){font-size:1em;margin-top:10px;}
.curriList2_txt > div:nth-child(3){font-size:1em;margin-top:10px;line-height:1.3em;overflow:hidden;text-overflow: ellipsis;/*display:-webkit-box;*/-webkit-line-clamp:2;}
.curriList2_btn{width:20%;}
.curriList2_btn a{display:block;width:100%;height:38px;line-height:38px;background-color:#333333;color:#fff;box-sizing:border-box;}
.curriList2_btn a:nth-child(2),.curriList2_btn a:nth-child(3){margin-top:0.4em;}
.curriList2_btn a:hover{background-color:#fff;color:#333333;border:1px solid #333333;transparent;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;box-sizing:border-box;}
/*online2021蹂�寃�*/
.right-content{margin-bottom:150px;}
table#join-board{border-top:2px solid #195a87;}
.jointitle2{margin-top:60px;font-size:20px;font-weight:bold;color:#195a87;}
.joinsubtitle{font-size:0.9em;margin:20px 0;line-height:1.5em;color:#7b7b7b;}
.selectWrap{position:relative;width:100%;margin:0 auto;background:#222;}
.selectTop{width:100%;}
.selected{float:left;padding:8px;width:100%;border:1px solid #e0e0e0;box-sizing: border-box;background-color:#d7eaff;}
.selectArrow{float:right;position:absolute;top:0;right:0;width:40px;height:34px;}
.selectArrow:after{content:url("/images/icon_arrow.png" );position:absolute;width:37px;font-size:12px; color:#999;top:10px;left:14px;z-index:2;}
.selectArrow:active{background-position:6px 16px;}
.selectOptionGroup{display:none;position:absolute;top:34px;left:0;z-index:3;width:100%;height:40px;}
.selectOptionGroup .option{display:block;padding:8px 13px;background-color:#f7f7f7;border-right: 1px solid #e0e0e0;border-left: 1px solid #e0e0e0;}
.selectOptionGroup .option:last-child{border-bottom:1px solid #e0e0e0; }
.selectOptionGroup .option:hover{background:#8dc6ff;color:#fff;}
.optionselect{margin-top:10px;}
div.joinbtnWrap input:nth-child(1){background-color:#195a87;color:#fff;}
div.joinbtnWrap input:hover{border:1px solid #195a87;}
.optionProcessGuide{color:#3e3e3e;margin-top:20px;}
.optionProcessGuide li{float:left;width:calc(20% - 10px);text-align:center;margin:0 5px;border:1px #ccc solid;padding:20px 10px;box-sizing:border-box;min-height:250px;}
.processGuideTxt{font-size:1.3em;font-weight:bold;margin:20px 0;}
/*202105�섏젙 諛⑸Ц�곷떞�쇱젙_�쒖옉*/
.con-reservation>ul.reser_box{height:auto;}
.con-reservation>ul.reser_box>li{height:auto;}
.con-reservation>ul.reser_box:nth-child(1){width:64%;float:left;margin:0 1%;}
.con-reservation>ul.reser_box:nth-child(1)>li:nth-child(1){text-align:center;background-color:#18448c;color:#fff;}
.con-reservation>ul.reser_box:nth-child(1)>li{line-height:30px;}
.con-reservation>ul.reser_box:nth-child(1)>li:nth-child(2){padding:0;}
.reser_box_select{margin-top:24px;}
.reser_box_select div{float:left;}
.reser_box_select > div{padding:5px;box-sizing:border-box;}
.reser_box_select > div:nth-child(1){width:20%;}
.reser_box_select > div:nth-child(1) span{color:#fa1e1e;padding:0 10px;}
.reser_box_select > div:nth-child(2){width:80%;}
.reser_campusList div{width:46%;border-radius:4px;border:1px solid #ccc;text-align:center;}
.reser_campusList div:not(:first-child){margin-left:10px;}
.reser_classList{}
.reser_classList div{padding:0 20px;border:1px solid #ccc;border-radius:4px;}
.reser_classList div:not(:first-child){margin-left:10px;}
.reser_classList div:nth-child(n+5){margin-top:10px;}
.reser_classList div:nth-child(5){margin-left:0}
.reser_classList div:hover{background-color:#32abe7;border:1px solid #32abe7;color:#fff;}
.reser_courseList div{width:100%;}
.reser_courseList div{padding:0 10px;box-sizing:border-box;}
/*媛��ㅻ몢硫큡ewpage3-2.asp�먯꽌 �몃쾭 �뺤긽�묐룞*/
.reser_courseList div:hover{background-color:#32abe7;border:1px solid #32abe7;color:#fff;border-radius:4px;}
/*媛��ㅻ몢硫큡ewpage3-2.asp�먯꽌 �몃쾭 �뺤긽�묐룞-��*/
.reser_box .reser_show{background-color:#32abe7;border:1px solid #32abe7;color:#fff;border-radius:4px;}
.con-reservation>ul.reser_box>li:nth-child(2){width:100%;}
/*202105�섏젙 諛⑸Ц�곷떞�쇱젙_��*/
/*誘몃뵒�댁옘由�*/
@media screen and (max-width:1330px) {
/*�щ떒踰뺤씤�뚭컻*/
div.organizition-img img {width:100%;}
div.subTextImg > div.textWrap {width:100%;padding-left:0;}
/* 罹좏띁�� �덈궡 */
div.map{width:100%;}
/* �먭꺽利� / license*/
.license .li_contentbox {padding:40px;box-sizing:border-box;}
}
@media screen and (max-width:1200px) {
/* course.css */
.nomalTopInfor {padding: 60px;width: 80%;/*525*/}
.nomalImg > img {max-width:100%;height:auto;width:100%;}
/*�⑤씪�몄삁�� css �뚯씪*/
.classMainImg-mobile{display:block;}
.classMainImg-pc{display:none;}
/*�덈퉬 議곗젅cnrk*/
.con-reservation > ul.reser_box {width:48%;}
.con-reservation > ul.reser_box.reser_calender {width:98%;}
.con-reservation.con-reservation2020 > ul.reser_box:nth-child(1){}
.con-reservation.con-reservation2020 > ul.reser_box:nth-child(2){}
.con-reservation.con-reservation2020 > ul.reser_box:nth-child(3).yj li:nth-child(2){width:100%;padding-left:10%;}
.con-reservation.con-reservation2020 > ul.reser_box:nth-child(3).gr li:nth-child(2){width:100%;padding-left:10%;}
.con-reservation.con-reservation2020 > ul.reser_box:nth-child(3).yj li p{text-indent:-2em;width:80%;margin-left:5%;}
.con-reservation.con-reservation2020 > ul.reser_box:nth-child(3).gr li p{text-indent:-2em;width:80%;margin-left:5%;}
/* highschoolevent.css */
.highcontainer {width:90%;}
.highmms{width:50%;height:100px;}
span.infordownload-text{display:block;}
.infordownload{display:none;}
/*vocationltraining2020_ncs*/
.tab1-anchor{padding:20px;}
.tabTitle2 .training_subtitle{width:calc(80% - 20px);}
.trainingcon_process li > div{padding-left:76px;}
.trainingcon_group img{max-width:100%;}
div.training-tab>ul>li>a>span{margin-top:0;line-height:31px;font-size:0.8rem;}
/*202105�섏젙 諛⑸Ц�곷떞�쇱젙*/
.con-reservation>ul.reser_box:nth-child(1){width:100%;}
.con-reservation > ul.reser_box.reser_calender{margin-top:40px;}
.reser_classList div:not(:first-child){margin-left:10px;margin-top:0;}
}
@media screen and (max-width:1024px) {
div.history {display:none;}
div.mobile-history {display:block;color:#898989;margin-bottom:50px;}
div.mobile-history table.history-board,table.history-board th, table.history-board td {border:1px solid #ccc;}
table.history-board th {background-color:#f1f1f1;}
table.history-board th,table.history-board td {padding:10px;width:50%;line-height:230%;vertical-align:top;}
table.history-board td span {display:block;font-size:16px;font-style:italic;color:#00487a;}
table.history-board tr td:last-child {padding-top: 42px;}
/*�덉씠�댄뙘�낆슜*/
#popup {width:65%;padding:30px;}
.content1 > .jobLayerCon3 {width:100%;}
.content1 > .jobLayerCon3 > div {width:100%;}
.content1 > .jobLayerCon4 {width:100%;}
.content1 > .jobLayerCon5 {width:100%;}
.content1 > ul.jobLayerCon1 > li {font-size:18px;}
.joblayerCenter > img {width:180px;}
.content1 > ul.jobLayerCon2 > li > img {width:180px;}
.con3-right > div:nth-child(1) {margin-top:20px;}
/*�쒓뎅it痍⑥뾽吏��먯떆�ㅽ뀥�섏씠吏�*/
.tabbtnG {width:80%;}
.tabArtimg {display:none;}
.tabArtText {width:100%;}
.tabArtTitle {width:80%;}
/*�쒓뎅it�뚭컻�섏씠吏�*/
.itTabGroup3 .itTabBag div {width:100%;float:none;}
/*罹좏띁�ㅼ뒳�쇱씠��*/
#bx-pager{display:none;}
div.campus-image-slide div.slideTextBox{display:none;}
div.campus-image-slide .bx-wrapper .bx-controls-direction a{top:50%;margin-top:-18.5px;}
div.campus-image-slide .bx-wrapper .bx-prev{background:url(/images/2017/slide-arrow-set-mobile.png) no-repeat left top;}
div.campus-image-slide .bx-wrapper .bx-next{left:auto;right:9%;background:url(/images/2017/slide-arrow-set-mobile.png) no-repeat right top;}
/*吏곸뾽�덈젴�쇰컲怨�*/
div.worker_process>div{float: none;width:100%;height:auto;margin:0 0 40px;padding-bottom:10px;}
div.worker_process>div:after{background:url(/images/2017/foundation-arrow-down.png) center/100%;left: 50%;margin-left:-13px;bottom:-30px;width:26px;height:14px;top:auto;right:auto;}
/*吏곸뾽�덈젴痍⑥꽦��*/
div.process>div:nth-child(4){clear:both;}
div.process>div{width: 29.3333%;margin-bottom:20px;}
div.process>div:nth-child(3):after{background:none;}
/*�뚯씪�ㅼ슫濡쒕뱶踰꾪듉*/
div.fileBox .fileDownload {width:30.6666%;}
/*�뚯썝媛��� �묒떇*/
table#join-board th>span {display:inline-block;width:65px;}
/*�먭꺽利쓑icense*/
.license .tg td {font-size:0.8em;}
.license .tg th {font-size:0.8em;}
/*course.css*/
.mayapopup ul li {width:50%;}
/*highschoolevent.css*/
.mapcontent div{ width:100%;margin:20px 0;}
/*諛⑸Ц�곷떞�덉빟*/
.con-reservation.con-reservation2020 > ul.reser_box.yj{width:76%;}
.con-reservation.con-reservation2020 > ul.reser_box.gr{width:76%;}
.trainingcon_group ul li.trainingw25 {width:50%;}
.trainingcon_process li{width: calc(50% - 20px);}
}
@media screen and (max-width:800px){
/* project.css */
/*div.page-btn{display:none;}*/
div.more-btn a{color:#898989;background-color:#f1f1f1;border:1px solid#ccc;display:inline-block;width:100%;padding:10px 0;text-align:center;margin-top:20px;}
div.btn{bottom:-56px;}
div.gallery-wrap>a{width:100%;}
/*vocationltraining2020_ncs*/
.trainingcon_process li{width: calc(50% - 20px);}
.trainingcon_group ul li.traingw33{width:100%;padding-left:0!important;}
/*vocationaltraining2020_licenseget*/
.trainingcon_group ul.trainingw25 li{width:100%; max-width:100%;}
/*vocationaltraining-unemployed*/
.tab2-anchor tabTitle2:nth-child(2){display:none;}
.trainingcon_group .boldtxtblue{color:#32abe7;}
.trainingcon_table.trainingcon_tableblue thead{background-color:#32abe7;}
/*vocationaltraining-worker_sample*/
.trainingcon_group .boldtxtblue{color:#32abe7;}
.trainingcon_group ul li.trainingw50 {width:100%;padding-left:0;}
.trainingcon_table.trainingcon_tableblue thead{background-color:#32abe7;}
/*vocationaltraining-licenseget_sample*/
.trainingcon_process2 ul li{width:calc(50% - 20px);}
.trainingcon_group ul li.trainingw25 {width:100%;padding-left:0;}
.training_roundgroup{width:80%;}
.trainingcon_process4 ul li{width:calc(50% - 20px);}
.trainingcon_process3 ul li{width:calc(50% - 20px);}
.trainingcon_process3 ul li.w50{float:left;width:100%;}
/*202105諛⑸Ц�곷떞�덉빟*/
.reser_classList div:nth-child(n+6){margin-top:10px;}
.reser_classList div:nth-child(6){margin-left:0}
}
@media screen and (max-width: 782px){
div.icon-wrap > div {float:none;width:100%;}
div.dasan img.pcview {display:none;}
div.dasan img.mobileview {display:inline-block;margin-top:10px;}
div.dasan ul {display:none;}
div.contentWrap div.textwrap{min-height:auto;}
/*吏곸뾽�덈젴 怨듯넻*/
div.training-tab>ul>li {float: none;width: 100%;}
div.training-tab>ul>li>a {padding:8px 0;border-left: 1px solid #ccc;}
div.training-tab>ul>li:last-child>a {border-bottom: 1px solid #ccc;}
div.training-tab>ul>li>a.active {background-color:#00487a;color:#fff;position: relative;height: 31px;margin: 0 0 -1px -1px;}
div.training-tab>ul{border-bottom:0;}
/*吏곸뾽�덈젴 �쇰컲怨�*/
div.process>div{width:100%;float:none;margin:0 0 30px;height:auto;padding-bottom:10px;}
div.process>div:after{left:50%;margin-left: -13px;bottom:-25px;width:26px;height:14px;top:auto;right: auto;background:url(/images/2017/foundation-arrow-down.png) center/100%;}
/*�뚯씪�ㅼ슫濡쒕뱶踰꾪듉*/
div.fileBox .fileDownload {width:48%;}
/*�먭꺽利쓑icense*/
.license .li_contentbox {width:100%;padding:0;box-sizing:border-box;}
.license .li_left {width:16%}
.license .li_right {width:80%;}
.license .tg td {font-size:0.6em;}
.license .tg th {font-size:0.6em;}
.license .showtable {display:none;}
.license .textmargin3 {width:100%;margin-top:10px;}
.license .mobiletable {display:block;}
/*community*/
table#counselling-board th>span {display: inline-block;width:65px;}
table#counselling-board td.view_content {padding:8px 0px;}
/*div.page-btn {display:none;}*/
div.more-btn a{color:#898989;background-color:#f1f1f1;border:1px solid #ccc;display:inline-block;width:100%;padding:10px 0;text-align:center;margin-top:20px}
div.btn{bottom:-56px}
div.interview-wrap>a{width:100%;float:none}
div.interview-wrap>a>div div.student-img{width:100%;height:auto}
/*痍⑥뾽�깃났�명꽣酉� 議곗젅*/
.answer-a>div:nth-child(2){width:80%;}
.question-q>div:nth-child(2){width:80%;}
.question-img{width:100%;}
/*course.css*/
div.imgwrap, div.textwrap { width: 100%; float: none; display: table !important; }
div.textwrap { margin-top: 50px;}
div.btns3 > p { height: 70px; box-sizing: border-box; padding: 2% 0;}
div.btns3 > p:last-child {height: 70px;line-height: 35px;}
div.btns3 > p:last-child > a {height: 70px;}
.nomalInfoBox > div > div {width: 44%;margin: 3%;}
.mayapopup ul li {width: 100%;}
.MayaImgPopup > ul {width: 90%;left: 0.5%;margin: 25% 0 0 0;}
.MayaImgPopup > ul > li {margin: 0 2%;}
/*怨좊벑�숆탳怨쇱젙�ㅻ챸���쒗럹�댁�*/
.high-leftImgBox {display:none;}
.highrightTextBox{width:100%;}
.highrightTextBox>div>h4 {font-size:14px;}
.highText>p {display:none;}
.highBtn {width:100px;height:20px;float:left;line-height:20px;}
.highText {width:100%;}
.high-curriculumGroup {border-bottom:1px solid #ccc;}
div.curriculumLeftRow > div, div.curriculumRightRow > div {width:100%;float:none;padding:0; }
div.curriculumLeftRow > div.leftTextBox, div.curriculumRightRow > div.rightTextBox {margin-bottom:50px;}
/*�⑤씪�몄삁�� css �뚯씪*/
.con-reservation.con-reservation2020 > ul.reser_box:nth-child(2) li p{font-size:0.8em;line-height:20px;}
.con-reservation.con-reservation2020 > ul.reser_box:nth-child(3) li p{font-size:0.8em;line-height:20px;}
.con-reservation.con-reservation2020 > ul.reser_box.yj{width:100%;}
.con-reservation.con-reservation2020 > ul.reser_box.gr{width:100%;}
.con-reservation.con-reservation2020 > ul.reser_box:nth-child(2){width:100%;height:120px;}
/* professionalEdu.css */
.inforWrap .strength{width:80%; font-size:0.9em;}
/* highschoolevent.css */
.conText{width:100%;}
.coursecon{width:46%;height:270px;}
.con-center>img{max-width:90%;}
.opendayWrap.opendaycon1>div{font-size:18px;}
.coursecon div:nth-child(2){margin-left:0;}
.infordownload{display:none;}
.con-padding{padding:40px 0;}
/* �댁궗�� �몄궗留� */
div.greetingText div.subTextImg > div.textWrap{width:100%;padding:0;}
/*二쇱냼吏�*/
.addressTelNew div{width:100%;height:auto;overflow:hidden;margin-top:20px;}
.addressTelNew div svg{float:left;}
.addressTelNew div article{float:left;text-align:left;margin-left:20px;}
.addressTelNew.addressTelNew_yangae div{width:100%;}
.addressTelNew.addressTelNew_yangae div:nth-child(4){margin-top:20px;}
/*vocationltraining2020_ncs*/
.tab1-anchor{padding:0;}
.trainingcon_process li{width:100%;}
.trainingcon_process .trainingnumber {background-size:12%;}
.trainingcon_process li > div {padding-left:15%;}
.lineBox .lineBox_img{width:100%;}
.lineBox .linetext{width:100%;margin-top:20px;}
.lineBox .linetext img{padding-left:0;}
.lineBox .linetext p{padding-left:0;}
.lineBox .lineBox_img img {max-width:50%;width:50%;margin:0 auto;display:block;}
.lineBox .lineBox_img p {}
.tabTitle2 .training_subtitle{width:100%;}
div.tab-content .trainingcon_group p{font-size:0.8rem;}
.trainingcon_process li{margin:10px 0;}
div.training-tab>ul>li:first-child{width:100%;}
}
@media screen and (max-width:610px) {
.job-successTop>ul>li{width:50%;}
.jobnone{display:none;}
.btns5{width:50%;}
.jobtext{width:50%;white-space:normal;}
.page-btn{display:block;}
.page-btn prev{margin-left:10px;}
.page-btn next{margin-right:10px;}
/* highschoolevent.css */
.conText{margin-top:30px;}
.opendayWrap.opendaycon1>div{font-size:15px;}
.opendaybtn{width:100%;}
.opendaybtn span{height:30px;line-height:30px;}
.opendaygroup{margin:30px 0;}
.ycolor{height:130px;line-height:130px;}
.opendaybtn:nth-child(2){margin-top:10px;}
/*vocationaltraining-licenseget_sample*/
.trainingcon_process2 ul li{width:calc(100% - 20px);}
.training_roundgroup{width:100%;}
.trainingcon_group .training_roundgroup img{max-width:80%;}
/*online210422蹂�寃쏀썑*/
.optionProcessGuide li{min-height:auto;width:100%;}
/*202105諛⑸Ц�곷떞*/
.reser_classList div:nth-child(n+4){margin-top:10px;}
.reser_classList div:nth-child(4){margin-left:0}
.reser_classList div:nth-child(6){margin-left:10px;}
.curriList2_btn{width:100%;margin-top:20px;}
.curriList2_txt{width:60%;}
.curriList2_img{width:36%;}
}
@media screen and (max-width:520px) {
div.progress>div{width:100%;margin-right:0px;float:none;height:auto;line-height:200%;}
ul.appraisal>li{width:100%;}
ul.jobList>li{/*width:42%;*/width: 100%;margin: 0 0 10px 0; border: 2px solid #cccccc;}
div.btns3>p{height:70px;box-sizing:border-box;padding:4%0;font-size:0.9em;}
div.btns3>p:last-child{height:70px;line-height:35px;font-size:0.9em;}
div.btns3>p:last-child>a{height:70px;}
.nomalInfoBox>div>div{width:100%;}
.tabTitle div{width:30%;}
}
@media screen and (max-width:480px) {
h1.big-text {font-size:16px;}
/*�쒓뎅it痍⑥뾽吏��먯떆�ㅽ뀥�섏씠吏�*/
.tabbtnG {width:90%;}
.tabArtGroup {padding:unset;padding:15px;}
.arttitle {width:80%;}
.tabbtnG {line-height:20px;}
.tabArtTitle {width:100%;}
/*�쒓뎅it�뚭컻�섏씠吏�*/
.itTabGroup5 .itTabArticleGroup .itTabArticle {float:none;width:100%;}
.itTabGroup6 .itTabBtn {width:80%;float:none;margin:0 auto;}
.itTabGroup6 div.itTabBtn:nth-child(3) {margin-top:10px;}
.itTabGroup6 div.itTabBtn:nth-child(4) {margin-top:10px;}
.itTabGroup2 .itTabArticleGroup .itTabArticle {float:none;width:100%;}
.m20 {margin-top:20px;}
/* 吏곸뾽�덈젴 怨듯넻 */
div.tab4-anchor>h2{width:100%;font-size:16px;}
/*�뚯씪�ㅼ슫濡쒕뱶踰꾪듉*/
div.fileBox .fileDownload {width:96%;}��
/* �뚯썝媛��� & 濡쒓렇�� �묒떇 */
input, select { font-size: 12px;}
div.joinForm td.selectBoxWrap select {width:100%;}
div.login_frm_detail a.loginBtn {position:static;width:100%;display:inline-block;margin-top: 20px;padding:15px 0;}
div.user-info p input {width:67%;}
div.login_frm_guide p a {position:static;display:inline-block;width:100%;margin-top:10px;padding:15px 0;}
/* �먭꺽利� / license */
.license .li_left {width:100%; float:none;color:#01285f;}
.license .li_right {width:100%;float:none;margin-top:5px;}
.license .textmargin3 {width:100%;margin-top:10px;}
/*detailpage*/
.license .mobilecenter{text-align:center;margin:0 auto;float:none;}
.license .righttext{width:100%;}
/*�⑤씪�몄삁�� css �뚯씪*/
.con-reservation > ul.reser_box {width:98%;}
/* highschoolevent.css */
.conText div:nth-child(1){width:25%;}
.conText{margin-top:0;}
.coursecon{width:100%;}
.coursecon{height:130px;}
.coursecon div>img{display:none;}
.contitle{font-size:1.5em;}
.highschoolarttitle{font-size:1.5em;}
.conText div:nth-child(1){width:20%;}
.conText div:nth-child(2){width:80%;margin:20px 0;}
.redline{border:6px#ff4540 solid;}
.blueline{border:6px#1872e2 solid;}
.coursecon div p:nth-child(2){font-size:1.1em;}
.infortable table{font-size:0.6em;}
.tleft{padding-left:5px;}
.inforGroup div div{line-height:20px;}
.inforGroup div.gcolor{height:20px;line-height:20px;}
.coursecon{margin:10px 1%;}
.ycolor{display:none;}
.opendaygroup{width:100%;}
.mapcontent div{width:100%;}
.mapcontent div{margin:5px 1%;}
.maptext{line-height:20px;font-size:12px;}
.proconart{width:100%;margin-left:0;}
.protabmenu{width:100%;}
.protabmenu li{width:18%;margin:0 1%;}
.proconartGroup{width:100%;}
div.proconartGroup div{width:45%;margin:20px 0 0 1%;}
.subtitlefont{font-size:15px;}
/*vocationltraining2020_ncs*/
.trainingcon_title{font-size:1.1em;margin:0 auto 10px;}
.trainingcon_title::before{margin:0 auto 10px;}
.trainingcon_group ul li:nth-child(1) img{margin-top:0;}
.trainingcon_group img{max-width:50%;}
.trainingcon_group .colorbox1{margin-top:20px;}
.trainingcon_process4 ul li{width:calc(100% - 20px);}
.trainingcon_process3 ul li{width:calc(100% - 20px);}
/*202105諛⑸Ц�곷떞*/
.reser_classList div{padding:0 24px;}
.reser_classList div:nth-child(n+3){margin-top:10px;}
.reser_classList div:nth-child(3){margin-left:0;}
.reser_classList div:nth-child(4){margin-left:10px;}
.reser_classList div:nth-child(5){margin-left:0;}
}
@media screen and (max-width:380px){
img.lazy {/*width:100%;*/}
.nomalTopInfor > div > p:nth-child(1) {line-height:50px;}
.nomalTopInfor > div > p {text-align:center;}
.nomalTopInfor {padding:0;}
.nomalTopInfor > div:nth-child(2) {float:left;}
.nomalTopInfor > div:nth-child(2) > img {width:100%;margin-top:40px;}
.tabinforiview ul li {width:100%;}
/*�⑤씪�몄삁�� css �뚯씪*/
.courseTitleText h2{font-size:1.1em;}
/* professionalEdu.css */
.highcontainer {width:100%;}
/*2021諛⑸Ц�곷떞*/
.reser_classList div{padding:0 10px;}
}