@charset "UTF-8"; @font-face { font-family: 'NanumBarunGothic'; src:url(/_font/s/NanumBarunGothicWeb.eot); src:url(/_font/s/NanumBarunGothicWeb.eot?#iefix) format('embedded-opentype'), url(/_font/s/NanumBarunGothicWeb.woff) format('woff'), url(/_font/s/NanumBarunGothicWeb.ttf) format('truetype'); } @keyframes main_visual{ 0%{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); } 100%{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); } } @keyframes main_title{ 0%{ opacity:0; } 100%{ opacity:1; } } /* 스킨 수정 */ div.jwxe_board table.type_board thead th{border-top:2px solid #333 !important;} div.jwxe_board div.board_view div.board_title{border-top:2px solid #333 !important;} div.jwxe_board div.board_search{margin-top:30px;} div.jwxe_board ul.gallery_list li div.ratio_box a span.title{height:50px !important; line-height:50px !important; background-color:rgba(0,0,0,0.7) !important; font-size:18px !important; opacity:1 !important; filter:alpha(opacity=100) !important;} /* Default Setting */ html, body{height:100%;} html, body, h1, h2, h3, h4, h5, h6, p, dt, dd, dl, ul, li, span, div, table, td, input, fieldset, textarea, select, a, img, strong{font-family:'Noto Sans Korean', 'NanumBarunGothic','Malgun Gothic',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif; padding:0; margin:0; box-sizing:border-box;} body{font-size:14px; color:#333; overflow-y:auto;} li{list-style:none;} img{vertical-align:top; border:none;} a{color:#333; text-decoration:none;} table{border-collapse:collapse;} .hidden{width:0; height:0; overflow:hidden; font-size:0;} .mobile{display:none;} .mobile_img{display:none;} caption{width:1px; height:1px; margin:-1px; border:none; position:absolute; top:0; left:0; font-size:1px; line-height:1px; clip:rect(0, 0, 0, 0);} em{font-style:normal;} /* Common Layout */ header{width:100%; position:fixed; top:0; background:#fff url(/_res/early_back/img/bg_top_line.png) repeat-x 50% 39px; z-index:9999; transition:top 0.3s; -webkit-transition:top 0.3s; -moz-transition:top 0.3s; -ms-transition:top 0.3s; -o-transition:top 0.3s;} header.fixed{top:-41px} header > div{width:100%; max-width:1080px; height:130px; margin:0 auto; position:relative;} header > div > div{position:absolute; top:0; left:0; overflow:hidden; z-index:101;} header > div > div a{display:block; height:40px; line-height:40px; padding:0 25px; float:left; font-size:15px; color:#676767; border-right:1px solid #e1e1e1; border-left:1px solid #fff; border-bottom:1px solid #e1e1e1; background-color:#f4f4f4;} header > div > div a:hover, header > div > div a:focus{background-color:#eee;} header > div > div a:first-child{color:#277276; background-color:#fff; border-left:1px solid #e1e1e1; border-bottom:1px solid #fff;} header > div > ul{position:absolute; top:0; right:0; overflow:hidden; z-index:101;} header > div > ul li{float:left;} header > div > ul li a{display:block; height:40px; line-height:40px; padding:0 20px; font-size:13px; color:#919191; background:url(/_res/early_back/img/icon_top_login.png) no-repeat 0 10px;} header > div > ul li:first-child a{background:url(/_res/early_back/img/icon_top_home.png) no-repeat 0 10px;} header > div h1{padding-top:70px; float:left;} header > div h1 a{display:block; width:243px; height:35px; text-indent:-9999px; background:url(/_res/early_back/img/logo.png) no-repeat 50% 50%;} header > div a.gnb_handle{position:absolute; top:20px; right:20px; width:40px; height:40px; transition:all 0.3s;} header > div a.gnb_handle span{display:block; width:40px; height:4px; background-color:#b3b3b3; position:absolute; top:50%; left:0; margin-top:-2.5px; text-indent:-9999px; transition:all 0.3s;} header > div a.gnb_handle:before{display:block; content:""; width:40px; height:4px; background-color:#b3b3b3; position:absolute; top:0; left:0; transition:all 0.3s;} header > div a.gnb_handle:after{display:block; content:""; width:40px; height:4px; background-color:#b3b3b3; position:absolute; bottom:0; left:0; transition:all 0.3s;} header > div a.gnb_handle.active span{opacity:0;} header > div a.gnb_handle.active:before{top:18px; transform:rotate(45deg);} header > div a.gnb_handle.active:after{bottom:18px; transform:rotate(-45deg);} header > div nav{padding-top:40px; float:right; position:relative; z-index:100;} header > div nav > ul{height:90px;} header > div nav > ul > li{float:left; position:relative;} header > div nav > ul > li > a{display:block; height:90px; line-height:90px; padding:0 18px; font-size:17px;} header > div nav > ul > li.active > a{color:#18a2a8;} header > div nav > ul > li.active ul{display:block; border-top:2px solid #18a2a8;} header > div nav > ul > li > ul{display:none; width:100%; position:absolute; top:90px; left:0; border-top:2px solid #18a2a8;} header > div nav > ul > li > ul li{filter:alpha(opacity=0); position:relative;} header > div nav > ul > li > ul li a{display:block; height:50px; padding:0 15px; line-height:50px; font-size:15px; text-align:center; background-color:#f1f3f8; transition:all 0.3s;} header > div nav > ul > li > ul li:first-child a{border-top:none;} header > div nav > ul > li > ul li a:hover, header > div nav > ul > li > ul li a:focus{background-color:#e8eaee;} header div nav ul li.sub_3 ul{width:auto; left:0px;} header div nav ul li.sub_3 ul li a{width:130px;} #quick_wrap{width:100%; background-color:#303030; border-top:1px solid #444;} #qnb{width:100%; max-width:1080px; margin:0 auto;} #qnb > ul{height:50px; border-left:1px solid #444; border-right:1px solid #444;} #qnb > ul > li{width:25%; float:left; position:relative; background:url(/_res/counsel/img/bg_qnb_arrow.png) no-repeat 95% 50%;} #qnb > ul > li > a{display:block; height:50px; line-height:52px; padding-left:25px; font-size:16px; color:#9e9e9e; border-left:1px solid #444;} #qnb > ul > li:first-child > a{border-left:none;} #qnb > ul > li > ul{display:none; width:100%; height:400px; overflow-y:auto; position:absolute; bottom:50px; left:0; z-index:2; border:1px solid #444;} #qnb > ul > li.type_02 > ul{height:250px;} #qnb > ul > li.type_03 > ul{height:280px;} #qnb > ul > li.type_04 > ul{height:160px;} #qnb > ul > li.active{background:url(/_res/counsel/img/bg_qnb_arrow_on.png) no-repeat 95% 50%;} #qnb > ul > li.active > ul{display:block;} #qnb > ul > li > ul > li > a{display:block; height:40px; line-height:40px; padding:0 20px; font-size:16px; color:#9e9e9e; background-color:#242424;} #qnb > ul > li > ul > li > a:hover, #qnb > ul > li > ul > li > a:focus{background-color:#3c3c3c; color:#fff;} #gnb_dummy{display:none;} #gnb_dummy.active{display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:10;} footer{background-color:#303030; border-top:1px solid #484848} footer > div{width:100%; max-width:1080px; margin:0 auto; padding:30px 0; overflow:hidden;} footer > div > a{display:inline-block; margin-bottom:20px; font-size:14px; color:#2aaec6;} footer div.footer_wrap{overflow:hidden;} footer div.address_wrap{float:left;} footer div.address_wrap address{margin-bottom:5px; font-size:14px; font-style:normal; font-weight:300; color:#909090;} footer div address span:before{display:inline-block; content:"|"; padding:0 10px;} footer .sns_links{float:right; font-size:0;} footer .sns_links li{display:inline-block; margin-left:20px;} footer .sns_links li:first-child{margin-left:0;} footer .sns_links li a{display:block; height:43px; line-height:43px; position:relative; padding-left:50px; font-size:14px; font-weight:300; color:#fff;} footer .sns_links li a:before{content:''; width:43px; height:43px; margin-top:-21.5px; position:absolute; top:50%; left:0; background:url(/_res/early_back/img/icon_sns.png) no-repeat 0 50% / 129px 43px;} footer .sns_links li:nth-child(2) a:before{background-position:-43px 50%;} footer .sns_links li:nth-child(3) a:before{background-position:-86px 50%;} footer .sns_links li a span{font-weight:500;} footer > div p{font-size:14px; font-weight:300; color:#909090;} /* 서브 레이아웃 */ #sub_visual_wrap{padding-top:130px; position:relative; overflow:hidden;} #sub_visual_wrap h2{padding:80px 0 10px 0; font-size:35px; font-weight:500; color:#fff; text-align:center;} #sub_visual_wrap div{height:250px;} #sub_visual_wrap div:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; transform:translate(-50%, -50%) scale(1); -webkit-animation:visual_animation 30s ease-in-out infinite; -moz-animation:visual_animation 30s ease-in-out infinite; animation:visual_animation 30s ease-in-out infinite; } #sub_visual_wrap div.visual_01:before{background:url(/_res/early_back/img/bg_sub_visual_01.jpg) no-repeat 50% 0/cover;} #sub_visual_wrap div.visual_02:before{background:url(/_res/early_back/img/bg_sub_visual_02.jpg) no-repeat 50% 0/cover;} #sub_visual_wrap div.visual_03:before{background:url(/_res/early_back/img/bg_sub_visual_03.jpg) no-repeat 50% 0/cover;} #sub_visual_wrap div.visual_04:before{background:url(/_res/early_back/img/bg_sub_visual_04.jpg) no-repeat 50% 0/cover;} @keyframes visual_animation { 0%{transform:scale(1);} 50%{transform:scale(1.2);} 100%{transform:scale(1);} } #snb_wrap{margin-top:-40px;} #snb_wrap h3{display:none;} #snb_wrap > ul{width:100%; max-width:1080px; margin:0 auto; display:table; table-layout:fixed; border:1px solid #d7d7d7;} #snb_wrap > ul > li{display:table-cell; position:relative;} #snb_wrap > ul > li:before{content:""; width:1px; height:20px; position:absolute; top:50%; left:0; background-color:#b7b7b7; transform:translateY(-50%);} #snb_wrap > ul > li:first-child:before{display:none;} #snb_wrap > ul > li > a{display:block; width:100%; height:80px; line-height:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; text-align:center; color:#606060; border-bottom:3px solid #fff; background-color:#fff;} #snb_wrap > ul > li.active > a{border-bottom:3px solid #0095af; color:#0095af;} #snb_wrap > ul > li > a:hover, #snb_wrap > ul > li > a:focus{border-bottom:3px solid #f9f9f9; background-color:#f9f9f9; color:#333;} #sub_contents{width:100%; max-width:1080px; margin:0 auto; padding:75px 0;} #contents_wrap{padding-top:60px;} #contents_wrap div.section{padding-top:80px;} #contents_wrap div.section:first-child{padding-top:0;} #contents_wrap div.section p{font-size:17px; color:#333; line-height:170%; word-break:keep-all;} #contents_wrap h4.title{margin-bottom:40px; font-size:23px; font-weight:500;} #contents_wrap h4.title:before{display:inline-block; content:""; width:3px; height:16px; margin-right:18px; background-color:#0cafcc;} #title_wrap{overflow:hidden; padding-bottom:20px; border-bottom:1px solid #d1d1d1;} #title_wrap h3{float:left; font-size:31px; font-weight:500; color:#333;} #title_wrap div.path{padding-top:15px; float:right;} #title_wrap div.path ul{overflow:hidden;} #title_wrap div.path ul li{float:left; font-size:13px; color:#919191;} #title_wrap div.path ul li:before{display:block; padding:0 10px; float:left; content:">"; font-size:13px; color:#919191; letter-spacing:-5px;} #title_wrap div.path ul li:first-child span{display:block; width:20px; height:20px; text-indent:-9999px; background:url(/_res/early_back/img/icon_home.png) no-repeat 50% 50%;} #title_wrap div.path ul li:first-child:before{display:none;} /* 테이블 */ table.type_horizontal{width:100%; table-layout:fixed; border-top:2px solid #444;} table.type_horizontal thead tr th{padding:15px; font-size:17px; border:1px solid #d4d4d4; font-weight:500; text-align:center;} table.type_horizontal thead tr th:first-child{border-left:none;} table.type_horizontal thead tr th:last-child{border-right:none;} table.type_horizontal tfoot tr th{padding:15px; font-size:15px; color:#000; border:1px solid #d4d4d4; font-weight:normal; text-align:center; background-color:#f8f8f8;} table.type_horizontal tfoot tr th:first-child{border-left:none;} table.type_horizontal tfoot tr th:last-child, table.type_horizontal tfoot tr td:last-child{border-right:none;} table.type_horizontal tfoot tr td{padding:15px; font-size:15px; color:#000; border:1px solid #d4d4d4; text-align:center;} table.type_horizontal tbody tr td{padding:15px; font-size:15px; color:#696969; line-height:160%; border:1px solid #d4d4d4; text-align:center; word-break:keep-all;} table.type_horizontal tbody tr th{padding:15px; font-size:15px; border:1px solid #d4d4d4; font-weight:normal; background-color:#f8f8f8;} table.type_horizontal tbody tr td:first-child, table.type_horizontal tbody tr th:first-child{border-left:none;} table.type_horizontal tbody tr td:last-child, table.type_horizontal tbody tr th:last-child{border-right:none;} table.type_horizontal tbody tr td.al_left{text-align:left;} /* - 리스트(대쉬) */ #contents_wrap div.section ul.dash_list{margin-top:10px;} #contents_wrap div.section ul.dash_list > li{margin-top:10px; padding-left:10px; position:relative; font-size:15px; font-weight:350; color:#696969;} #contents_wrap div.section ul.dash_list > li:before{content:'-'; position:absolute; top:0; left:0;} #contents_wrap div.section ul.dash_list > li:first-child{margin-top:0;} /* - 리스트(써클) */ #contents_wrap div.section ul.circle_list > li{margin-top:36px; padding-left:15px; position:relative; font-size:15px; font-weight:400;} #contents_wrap div.section ul.circle_list > li:before{content:''; width:6px; height:6px; position:absolute; top:6px; left:0; border-radius:50%; background-color:#000;} #contents_wrap div.section ul.circle_list.blue > li:before{background-color:#0cafcc;} #contents_wrap div.section ul.circle_list > li.red:before{background-color:#ed0000;} #contents_wrap div.section ul.circle_list > li:first-child{margin-top:0;} /* 회색 박스 */ #contents_wrap div.gray_box{padding:44px 60px; clear:both; background-color:#f7f7f7;} #contents_wrap div.gray_box h5{font-size:15px; font-weight:500; color:#000;} #contents_wrap div.gray_box h5:nth-of-type(n+2){margin-top:40px;} /* 빨간글씨 */ #contents_wrap div.section .red{color:#ed0000;} /* 게시글이 없을때 */ #main_contents #board_wrap div.board ul li.no_list{line-height:280px; text-align:center; font-size:18px;} #main_contents #newsroom div.board ul li.no_list{line-height:340px; text-align:center; font-size:18px;} /* 서브페이지 머리 그림 */ #contents_wrap div.section div.head{width:100%; height:230px; margin-bottom:70px; padding:80px 100px; position:relative; background-color:#e0f2f5;} #contents_wrap div.section div.head:after{content:''; position:absolute; top:-30px; right:30px;} #contents_wrap div.section div.head h4{font-size:23px; font-weight:500; line-height:32px;} #contents_wrap div.section div.head h4 span{display:block; font-size:30px; color:#0095af;} /* 메인 */ #main_contents{padding-top:130px} #main_contents div.grid_wrap{width:1080px; margin:0 auto;} /* 입학 배너 */ /* #main_contents #visual_section{height:414px; position:relative; background-color:#1f1d11;} #main_contents #visual_section div.bg{width:100%; height:100%; position:absolute; top:50%; left:50%; background-repeat:no-repeat; background-size:contain; background-position:50% 50%; transform:translate(-50%, -50%);} #main_contents #visual_section div.bg.bg_01{background-image:url(/_res/early_back/img/bg_main_comming.jpg);} */ /* 메인 기본 */ #main_contents #visual_section{height:576px; padding:200px 0 210px; overflow:hidden; position:relative; text-align:center; color:#fff;} #main_contents #visual_section div.bg{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; animation:visual_animation 20s alternate infinite; transform:translate(-50%, -50%); transition:background-image 3s;} #main_contents #visual_section div.bg.bg_01{background-image:url(/_res/early_back/img/bg_main_visual.jpg);} #main_contents #visual_section div.bg.bg_02{background-image:url(/_res/early_back/img/bg_main_visual_02.jpg);} #main_contents #visual_section strong{display:block; margin-bottom:20px; font-size:55px; font-weight:700; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.35);} #main_contents #visual_section p{font-size:24px; font-weight:350; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.35); animation:main_title 3s forwards} #main_contents #board_wrap{display:inline-block; width:100%; padding:74px 0; background-color:#f5f5f5;} #main_contents #board_wrap h3{margin-bottom:45px; font-size:30px; font-weight:500;} #main_contents #board_wrap div.grid_wrap:after{content:''; display:block; clear:both;} #main_contents #board_wrap div.grid_wrap > div{width:460px; float:left; position:relative;} #main_contents #board_wrap div.grid_wrap > div:nth-child(1){margin-right:78px;} #main_contents #board_wrap div.grid_wrap > div:nth-child(2){margin-left:78px;} #main_contents #board_wrap div.board ul{height:280px;} #main_contents #board_wrap div.board ul li{border-top:1px solid #cecece;} #main_contents #board_wrap div.board ul li:first-child{border-top:none;} #main_contents #board_wrap div.board ul li a{display:block; height:70px; overflow:hidden; transition:all 0.3s;} #main_contents #board_wrap div.board ul li a:hover, #main_contents #board_wrap div.board ul li a:focus{box-shadow:8px 8px 16px rgba(0, 0, 0, 0.5)} #main_contents #board_wrap div.board ul li a span{display:block; float:right;} #main_contents #board_wrap div.board ul li a span.date{width:65px; padding:9px 0; text-align:center;} #main_contents #board_wrap div.board ul li a span.date span{display:block; float:none; font-size:22px; font-weight:500;} #main_contents #board_wrap div.board ul li a span.subject{width:395px; padding-left:26px; font-size:17px; line-height:70px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #main_contents #board_wrap div.board ul li a:hover span.date, #main_contents #board_wrap div.board ul li a:focus span.date{background-color:#02a7c4; color:#fff;} #main_contents #board_wrap div.board ul li a:hover span.subject, #main_contents #board_wrap div.board ul li a:focus span.subject{background-color:#fff;} #main_contents #board_wrap div.grid_wrap a.more{width:43px; height:43px; position:absolute; top:0; right:0; background:url(/_res/early_back/img/icon_board_more.png) no-repeat 50% 50% / 43px 43px; text-indent:-9999px} #main_contents #newsroom{position:relative; height:500px; margin:74px auto;} #main_contents #newsroom.no_slide{height:auto;} #main_contents #newsroom h3{font-size:30px; font-weight:500; text-align:center;} #main_contents #newsroom div.board{margin-top:50px} #main_contents #newsroom div.board ul.no_slide{font-size:0; text-align:center;} #main_contents #newsroom div.board ul.no_slide li{width:350px; margin-left:15px; display:inline-block;} #main_contents #newsroom div.board ul.no_slide li:first-child{margin-left:0;} #main_contents #newsroom div.board ul li{height:350px;} #main_contents #newsroom div.board ul li.no_list{width:100%;} #main_contents #newsroom div.board ul li div.bg{width:100%; height:180px; margin-bottom:20px; position:relative; overflow:hidden;} #main_contents #newsroom div.board ul li div.bg span{width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transition:all 0.5s;} #main_contents #newsroom div.board ul li h6{font-size:17px; padding:0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #main_contents #newsroom div.board ul li .text{height:70px; margin:30px 0 15px; padding:0 20px; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:300; color:#7a7a7a;} #main_contents #newsroom div.board ul li .date{display:none;} #main_contents #newsroom div.board ul li a{display:block; width:100%; height:100%; padding-bottom:20px; transition:all 0.3s} #main_contents #newsroom div.board ul li a:hover div.bg span{transform:scale(1.2)} #main_contents #newsroom div.board ul li a:hover, #main_contents #newsroom div.board ul li a:focus{background-color:#02a7c4;} #main_contents #newsroom div.board ul li a:hover h6, #main_contents #newsroom div.board ul li a:focus h6{color:#fff;} #main_contents #newsroom div.board ul li a:hover .text, #main_contents #newsroom div.board ul li a:focus .text{color:#fff;} #main_contents #newsroom .swiper-pagination-bullets{left:50%; bottom:0; transform:translate(-50%, 0)} #main_contents #newsroom .swiper-pagination-bullet{width:14px; height:14px; margin-left:12px; opacity:1; background-color:#ccc; border-radius:50%; vertical-align:middle; transition:all 0.3s;} #main_contents #newsroom .swiper-pagination-bullet:first-child{margin-left:0;} #main_contents #newsroom .swiper-pagination-bullet-active{width:44px; height:10px; border-radius:25px; background-color:#26b3cc;} #main_contents #newsroom a.more{width:43px; height:43px; position:absolute; top:0; right:0; background:url(/_res/early_back/img/icon_board_more.png) no-repeat 50% 50% / 43px 43px; text-indent:-9999px} #main_contents div.department{text-align:right; transition:all 0.3s;} #main_contents div.department.background_00{background:url(/_res/early_back/img/bg_department_00.png) no-repeat 50% 50%;} #main_contents div.department.background_01{background:url(/_res/early_back/img/bg_department_01.png) no-repeat 50% 50%;} #main_contents div.department.background_02{background:url(/_res/early_back/img/bg_department_02.png) no-repeat 50% 50%;} #main_contents div.department ul li{height:578px; padding:80px 0 110px; overflow:hidden;} #main_contents div.department ul li img{float:left;} #main_contents div.department ul li div.desc{visibility:hidden; float:right;} #main_contents div.department ul li.swiper-slide-active div.desc{visibility:visible;} #main_contents div.department ul li div.desc h4{font-size:48px; font-weight:700; text-align:left; color:#fff;} #main_contents div.department ul li div.desc h4 span{display:block; margin-top:10px; text-align:left; font-size:22px; font-weight:300; opacity:0.2} #main_contents div.department ul li div.desc p{margin-top:20px; font-size:16px; font-weight:300; line-height:30px; text-align:left; color:#fff; word-break:keep-all;} #main_contents div.department ul li div.desc a{display:inline-block; width:242px; height:55px; margin-top:74px; padding-left:22px; line-height:55px; font-size:16px; text-align:left; border:1px solid #fff; color:#fff; background:url(/_res/early_back/img/icon_department_more.png) no-repeat 192px 50%;} #main_contents div.department ul li[data-swiper-slide-index="2"] div.desc a{margin-top:41px;} #main_contents div.department .swiper-pagination-bullets{bottom:45px;} #main_contents div.department .swiper-pagination-bullet{width:14px; height:14px; opacity:1; background-color:#fff; border-radius:50%; vertical-align:middle; transition:all 0.6s;} #main_contents div.department .swiper-pagination-bullet-active{width:44px; height:10px; border-radius:25px;} #main_contents div.quick_menu{padding:76px 0 68px;} #main_contents div.quick_menu ul{overflow:hidden;} #main_contents div.quick_menu ul li{float:left; width:325px; margin-left:52px;} #main_contents div.quick_menu ul li:first-child{margin-left:0;} #main_contents div.quick_menu ul li a{display:block; width:100%; height:134px; padding:30px 10px; position:relative; border-bottom:1px solid #b7b7b7; box-sizing:border-box;} #main_contents div.quick_menu ul li a:after{content:''; width:76px; height:66px; margin-top:-33px; position:absolute; top:50%; right:0; background:url(/_res/early_back/img/icon_quick_menu.png) no-repeat 0 50% / 228px 66px;} #main_contents div.quick_menu ul li:nth-child(1) a{border-top:4px solid #00abc9;} #main_contents div.quick_menu ul li:nth-child(2) a{border-top:4px solid #00a081;} #main_contents div.quick_menu ul li:nth-child(3) a{border-top:4px solid #322b6c;} #main_contents div.quick_menu ul li:nth-child(2) a:after{background-position:-76px 50%;} #main_contents div.quick_menu ul li:nth-child(3) a:after{background-position:-152px 50%;} #main_contents div.quick_menu ul li em{font-style:normal; font-size:24px; font-weight:500;} #main_contents div.quick_menu ul li p{margin-top:4px; font-size:14px; font-weight:350;} /* 입학전형 안내 */ #contents_wrap div.wrap_030100 div.section1 div.desc{/*padding:10px 0 10px 310px;*/ padding:10px 0 10px 0; /*background:url(/_res/early_back/img/bg_early_employ.png) no-repeat 0 50%;*/} #contents_wrap div.wrap_030100 div.section1 div.desc p{margin-bottom:20px; font-size:23px; font-weight:350; color:#0095af; letter-spacing:-1px;} #contents_wrap div.wrap_030100 div.section1 div.desc ul.link_list{font-size:0;} #contents_wrap div.wrap_030100 div.section1 div.desc ul.link_list li{display:inline-block; width:189px;} #contents_wrap div.wrap_030100 div.section1 div.desc ul.link_list li:nth-child(n+2){margin-left:20px;} #contents_wrap div.wrap_030100 div.section1 div.desc a{display:block; height:53px; margin-top:24px; line-height:53px; border:1px solid #000; font-size:18px; text-align:center;} #contents_wrap div.wrap_030100 div.section1 div.process{display:inline-block; width:100%; margin-top:100px; position:relative; text-align:center;} #contents_wrap div.wrap_030100 div.section1 div.process dl.junior_grade{float:left;} #contents_wrap div.wrap_030100 div.section1 div.process dl.senior_grade{float:right;} #contents_wrap div.wrap_030100 div.section1 div.process dl{width:434px;} #contents_wrap div.wrap_030100 div.section1 div.process dl dt{height:70px; font-size:18px; line-height:70px; background-color:#0cafcc; color:#fff;} #contents_wrap div.wrap_030100 div.section1 div.process dl dd{height:70px; font-size:16px; line-height:70px; background-color:#f2f2f2;} #contents_wrap div.wrap_030100 div.section1 div.process span.career{display:inline-block; width:310px; height:310px; margin-top:-155px; margin-left:-155px; position:absolute; top:50%; left:50%; line-height:228px; font-size:18px; border:45px solid #fff; border-radius:50%; background-color:#0cafcc; color:#fff;} #contents_wrap div.wrap_030100 div.section2 ul{overflow:hidden;} #contents_wrap div.wrap_030100 div.section2 ul li{width:346px; margin-left:20px; float:left;} #contents_wrap div.wrap_030100 div.section2 ul li:first-child{margin-left:0;} #contents_wrap div.wrap_030100 div.section2 ul li h5{height:120px; padding:24px 34px; border-top:2px solid #000; border-bottom:1px solid #ccc; font-size:16px; color:#696969;} #contents_wrap div.wrap_030100 div.section2 ul li h5:before{content:''; display:inline-block; width:68px; height:68px; margin-right:20px; float:left; background:url(/_res/early_back/img/icon_early_part.png) no-repeat 0 50% / 204px 68px;} #contents_wrap div.wrap_030100 div.section2 ul li:nth-child(2) h5:before{background-position:-68px 50%;} #contents_wrap div.wrap_030100 div.section2 ul li:nth-child(3) h5:before{background-position:-136px 50%;} #contents_wrap div.wrap_030100 div.section2 ul li h5 strong{display:block; margin:14px 0 5px; font-size:20px; font-weight:500; letter-spacing:-2px; color:#0095af;} #contents_wrap div.wrap_030100 div.section2 ul li:nth-child(2) h5 strong{color:#00918f;} #contents_wrap div.wrap_030100 div.section2 ul li:nth-child(3) h5 strong{color:#241b6d;} #contents_wrap div.wrap_030100 div.section2 ul li p{padding:24px 10px; font-size:15px; font-weight:350; color:#696969; clear:both;} #contents_wrap div.wrap_030100 div.section2 ul li p:first-of-type{height:174px; border-bottom:1px dashed #d3d3d3;} #contents_wrap div.wrap_030100 div.section3 div.box{float:left; width:490px; margin-left:100px;} #contents_wrap div.wrap_030100 div.section3 div.box:first-child{margin-bottom:50px; margin-left:0;} #contents_wrap div.wrap_030100 div.section3 table colgroup col:first-child{width:190px;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:first-child{text-align:left;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td{padding:8px; letter-spacing:-1px; font-weight:350;} #contents_wrap div.wrap_030100 div.section4 div.text_box{margin-bottom:40px; padding-left:25px;} #contents_wrap div.wrap_030100 div.section4 div.text_box p{margin-top:10px; font-weight:350;} #contents_wrap div.wrap_030100 div.section4 div.text_box p:first-child{margin-top:0;} #contents_wrap div.wrap_030100 div.section4 table + p{margin:20px 0; font-size:15px; color:#696969} /* 채용 기업 정보 탭*/ ul.tabs{margin-bottom:30px; overflow:hidden;} ul.tabs li{width:25%; float:left; text-align:center; border-top:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;} ul.tabs.list_2 li{width:50%;} ul.tabs.list_3 li{width:33.3%;} ul.tabs li.active{border-color:#0095af;} ul.tabs li:first-child{border-left:1px solid #d1d1d1;} ul.tabs li a{display:block; width:100%; height:60px; line-height:60px;} ul.tabs li.active a{background-color:#0095af; color:#fff;} /* 카카오 링크 */ a.kakao_link img{margin-bottom:40px;} /* 조기취업형 계약학과란? */ #contents_wrap div.wrap_010100 div.section1 div.head:after{width:314px; height:241px; background:url(/_res/early_back/img/bg_early_employ_02.png) no-repeat 50% 50%;} #contents_wrap div.wrap_010100 div.section1 h4.title{margin-bottom:0;} #contents_wrap div.wrap_010100 div.section1 ul.dash_list{margin-top:0;} #contents_wrap div.wrap_010100 div.section1 ul.dash_list > li{margin-top:5px;} #contents_wrap div.wrap_010100 div.section1 ul.dash_list > li:first-child{margin-top:0;} #contents_wrap div.wrap_010100 div.section1 div.department{overflow:hidden; margin-top:20px;} #contents_wrap div.wrap_010100 div.section1 div.department dl{width:529px; margin-left:22px; float:left; text-align:center; border-top:2px solid #000; border-bottom:1px solid #b7b7b7;} #contents_wrap div.wrap_010100 div.section1 div.department dl:first-child{margin-left:0;} #contents_wrap div.wrap_010100 div.section1 div.department dl dt{padding:20px 0 30px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:500;} #contents_wrap div.wrap_010100 div.section1 div.department dl dd{padding:25px 0 30px; font-size:16px; font-weight:500;} #contents_wrap div.wrap_010100 div.section1 div.department dl dd span{display:block;} #contents_wrap div.wrap_010100 div.section2 div.education{position:relative;} #contents_wrap div.wrap_010100 div.section2 div.education > ul:first-child{display:inline-block; width:100%; overflow:visible;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li{width:463px; margin-left:6px; float:left; box-sizing:content-box;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:first-child{margin-left:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul:first-child > li:first-child{padding-left:148px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li > dl{width:100%; padding:15px 0 26px; border:1px solid #0cafcc; text-align:center;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li dl dt{font-size:18px; font-weight:500; text-align:center; color:#0cafcc} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li dl dd{font-size:16px; text-align:center;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap{display:inline-block; width:100%; margin:5px 0; position:relative; vertical-align:top;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap:before{content:'교육전략'; position:absolute; top:-99px; left:-148px; width:140px; height:93px; font-size:18px; line-height:93px; text-align:center; background-color:#0cafcc; color:#fff;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap:after{content:'교육과정'; position:absolute; top:0; left:-148px; width:140px; height:370px; font-size:18px; line-height:370px; text-align:center; background-color:#0cafcc; color:#fff;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap:before, #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap:after{display:none;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study{padding:10px 0 5px; border:1px solid #0cafcc; text-align:center;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(1) div.study_wrap dl.study{width:100%;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap dl.study{width:230px; margin-left:3px; float:left;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap dl.study:first-child{margin-left:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study dt{margin-bottom:5px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study dd{display:inline-block; width:110px; height:62px; padding:8px 0; background-color:#e0f2f5;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study dd span{display:block; font-size:14px; font-weight:350;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study + ul{margin-top:10px; clear:both;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study + ul li{margin-top:6px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study + ul li:first-child{margin-top:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap + ul li{width:100%; background-color:#f2f2f2; margin-top:6px; margin-left:0; float:none; text-align:center; font-size:16px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap + ul li:first-child{margin-top:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(1) div.study_wrap + ul li{height:97px; line-height:97px;;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap + ul li{height:46px; line-height:46px;;} #contents_wrap div.wrap_010100 div.section2 div.education > ul.summary{clear:both; padding-left:147px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul.summary > li{width:307px; height:48px; line-height:48px; font-size:16px; background-color:#2c8b9c; color:#fff; text-align:center;} #contents_wrap div.wrap_010100 div.section3 > ul{overflow:hidden;} #contents_wrap div.wrap_010100 div.section3 > ul > li{float:left; width:350px; height:560px; margin-left:15px; padding:46px 55px 40px; background-color:#f8f8f8;} #contents_wrap div.wrap_010100 div.section3 > ul > li:first-child{margin-left:0;} #contents_wrap div.wrap_010100 div.section3 > ul > li h5{font-size:20px; font-weight:500; text-align:center;} #contents_wrap div.wrap_010100 div.section3 > ul > li h5:before{content:''; display:block; width:128px; height:128px; margin:0 auto 26px; border-radius:50%; background:#fff url(/_res/early_back/img/icon_circle_department.png) no-repeat 0 50% / 384px 128px;} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(1) h5{color:#0095af;} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(2) h5{color:#00918f;} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(2) h5:before{background-position:-128px 50%;} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(3) h5{color:#241b6d} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(3) h5:before{background-position:-256px 50%;} #contents_wrap div.wrap_010100 div.section3 > ul > li > ul{margin:30px 0 38px;} #contents_wrap div.wrap_010100 div.section3 > ul > li > ul li{margin-top:25px; position:relative; font-size:16px;} #contents_wrap div.wrap_010100 div.section3 > ul > li > ul li:first-child{margin-top:0;} #contents_wrap div.wrap_010100 div.section3 > ul > li a{display:block; width:100%; height:53px; line-height:53px; font-size:18px; text-align:center; border:1px solid #000; color:#000;} #contents_wrap div.wrap_010100 div.section3 > ul > li a:hover, #contents_wrap div.wrap_010100 div.section3 > ul > li a:focus{background:#000; color:#fff;} /* 기업 참여안내*/ #contents_wrap div.wrap_020100 div.section1 div.head:after{width:305px; height:256px; background:url(/_res/early_back/img/bg_early_employ_03.png) no-repeat 50% 50%;} #contents_wrap div.wrap_020100 div.section h4{margin-bottom:20px} #contents_wrap div.wrap_020100 div.section ul.circle_list.blue > li:before{top:10px;} #contents_wrap div.wrap_020100 div.section ul.circle_list > li{font-size:16px; color:#000;} #contents_wrap div.wrap_020100 div.section1 ul.circle_list > li > ol li{font-size:15px; line-height:25px; color:#696969;} #contents_wrap div.wrap_020100 div.section1 ul.circle_list > li > ol li:before{display:inline-block; margin-right:5px; font-size:15px; color:#696969} #contents_wrap div.wrap_020100 div.section1 ul.circle_list > li > ol li:nth-child(1):before{content:'①';} #contents_wrap div.wrap_020100 div.section1 ul.circle_list > li > ol li:nth-child(2):before{content:'②';} #contents_wrap div.wrap_020100 div.section1 ul.circle_list > li > ol li:nth-child(3):before{content:'③';} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li > ul{overflow:hidden;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li > ul > li{width:512px; margin-top:20px; margin-left:40px; padding:20px 0; float:left; text-align:center; border:1px solid #0cafcc; color:#636363} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li > ul > li:nth-child(odd){margin-left:0;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li > ul > li:nth-child(n+3){margin-top:25px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li > ul > li span{display:block; color:#0cafcc; font-size:18px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department{overflow:hidden; margin-top:20px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl{width:712px; margin-left:22px; float:left; text-align:center; border-top:2px solid #000; border-bottom:1px solid #b7b7b7;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl:first-child{width:330px; margin-left:0;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dt{padding:20px 0 30px; border-bottom:1px solid #b7b7b7; font-size:18px; font-weight:500;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dd{padding:30px 0; font-size:16px; color:#636363;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dd span{display:inline;} #contents_wrap div.wrap_020100 div.section3 p{padding-left:20px; color:#696969;} #contents_wrap div.wrap_020100 div.section4 ul.dash_list li:first-child{color:#ff0000;} #contents_wrap div.wrap_020100 div.section5 ol{overflow:hidden; margin-top:20px;} #contents_wrap div.wrap_020100 div.section5 ol li{float:left; width:148px; height:226px; position:relative; margin-left:35px; padding:10px; background:#e0f2f5; text-align:center;} #contents_wrap div.wrap_020100 div.section5 ol li:first-child{margin-left:0;} #contents_wrap div.wrap_020100 div.section5 ol li:after{content:''; width:28px; height:28px; margin-top:-14px; position:absolute; top:50%; right:-32px; background:url(/_res/early_back/img/icon_participation_arrow.png) no-repeat 50% 50%;} #contents_wrap div.wrap_020100 div.section5 ol li:last-child:after{display:none;} #contents_wrap div.wrap_020100 div.section5 ol li span{display:block; text-align:left;} #contents_wrap div.wrap_020100 div.section5 ol li p{font-size:15px; font-weight:350; line-height:20px; letter-spacing:-1px; color:#696969;} #contents_wrap div.wrap_020100 div.section5 ol li p:before{content:''; display:block; width:124px; height:78px; margin:0 auto 20px; padding-bottom:10px; border-bottom:1px solid #b7cfd3; background:url(/_res/early_back/img/icon_participation_process.png) no-repeat 0 50% / 744px 78px;} #contents_wrap div.wrap_020100 div.section5 ol li:nth-child(2) p:before{background-position:-124px 50%;} #contents_wrap div.wrap_020100 div.section5 ol li:nth-child(3) p:before{background-position:-248px 50%;} #contents_wrap div.wrap_020100 div.section5 ol li:nth-child(4) p:before{background-position:-372px 50%;} #contents_wrap div.wrap_020100 div.section5 ol li:nth-child(5) p:before{background-position:-496px 50%;} #contents_wrap div.wrap_020100 div.section5 ol li:nth-child(6) p:before{background-position:-620px 50%;} #contents_wrap div.wrap_020100 div.section5 div.gray_box{margin-top:20px; padding:38px 30px;} #contents_wrap div.wrap_020100 div.section5 div.gray_box ul.dash_list{margin-top:0;} #contents_wrap div.wrap_020100 div.section5 div.gray_box ul.dash_list li{color:#000;} #contents_wrap div.wrap_020100 div.section5 div.gray_box ul.dash_list li a{padding-bottom:4px; border-bottom:1px solid #3084f2; color:#3084f2;} /* 창업융합교육센터 */ #contents_wrap div.wrap_040100 div.section1 div.head:after{width:313px; height:331px; background:url(/_res/early_back/img/bg_early_employ_04.png) no-repeat 50% 50%;} #contents_wrap div.wrap_040100 div.section h4{margin-bottom:20px} #contents_wrap div.wrap_040100 div.section1 ul > li{margin-top:0; font-size:15px; line-height:25px; color:#696969;} #contents_wrap div.wrap_040100 div.section2 ul.program{overflow:hidden;} #contents_wrap div.wrap_040100 div.section2 ul.program > li{float:left;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software{width:480px} #contents_wrap div.wrap_040100 div.section2 ul.program > li.hardware{width:240px; margin-left:4px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result{width:326px; margin-left:30px} #contents_wrap div.wrap_040100 div.section2 ul.program > li h5{height:55px; font-size:18px; font-weight:500; text-align:center; line-height:55px; background-color:#0cafcc; color:#fff;} #contents_wrap div.wrap_040100 div.section2 ul.program > li h6{height:60px; line-height:60px; font-size:17px; font-weight:500; text-align:center; color:#0cafcc;} #contents_wrap div.wrap_040100 div.section2 ul.desc li, #contents_wrap div.wrap_040100 div.section2 p.desc{font-size:15px; text-align:center; background-color:#f2f2f2;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software > ul{margin-top:4px; overflow:hidden;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software ul > li:first-child{margin-left:0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software ul > li:first-child ul.desc li{height:46px; line-height:46px; margin-top:4px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software ul > li:first-child ul.desc li:first-child{margin-top:0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software ul > li:nth-child(2) p.desc{height:46px; line-height:46px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.hardware > div{margin-top:4px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.hardware p.desc{height:246px; padding:95px 0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result > ul{margin-top:4px; overflow:hidden;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result > ul li:first-child{width:100%; height:140px; padding:43px 0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result > ul li:first-child h6{line-height:25px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result > ul li:nth-child(2){margin-left:0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result > ul li:nth-child(n+2){width:161px; height:165px; margin-top:4px; text-align:center;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result p{font-size:15px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li > ul > li, #contents_wrap div.wrap_040100 div.section2 ul.program > li > div{float:left; width:238px; height:314px; margin-left:4px; padding:3px; border:1px solid #0cafcc;} #contents_wrap div.wrap_040100 div.section2 ul.program > li > ul > li:first-child, #contents_wrap div.wrap_040100 div.section2 ul.program > li > div:first-of-type{margin-left:0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li img{display:block; margin:11px auto;} #contents_wrap div.wrap_040100 div.section3 ol{font-size:0;} #contents_wrap div.wrap_040100 div.section3 ol li{display:inline-block; width:180px; height:210px; margin-left:45px; position:relative; text-align:center; vertical-align:top; border:1px solid #0cafcc;} #contents_wrap div.wrap_040100 div.section3 ol li:after{content:''; width:28px; height:28px; margin-top:-14px; position:absolute; top:50%; right:-38px; background:url(/_res/early_back/img/icon_participation_arrow.png) no-repeat 50% 50%;} #contents_wrap div.wrap_040100 div.section3 ol li:first-child{margin-left:0;} #contents_wrap div.wrap_040100 div.section3 ol li:last-child:after{display:none;} #contents_wrap div.wrap_040100 div.section3 ol li h5{height:55px; font-size:18px; font-weight:500; line-height:55px; text-align:center; color:#fff; background-color:#0cafcc;} #contents_wrap div.wrap_040100 div.section3 ol li em{display:block; margin-top:20px; font-size:16px; color:#0cafcc;} #contents_wrap div.wrap_040100 div.section3 ol li:nth-child(2) em{margin-top:10px; line-height:20px;} #contents_wrap div.wrap_040100 div.section3 ol li:nth-child(3) em{width:140px; margin:15px auto 0; text-align:left; line-height:30px;} #contents_wrap div.wrap_040100 div.section3 ol li:nth-child(3) p.desc{padding-top:10px; line-height:20px;} #contents_wrap div.wrap_040100 div.section3 ol li:nth-child(4) em{margin-top:30px;} #contents_wrap div.wrap_040100 div.section3 ol li:nth-child(5) em{margin-top:15px; line-height:30px;} #contents_wrap div.wrap_040100 div.section3 ol li p.desc{width:calc(100% - 6px); height:62px; line-height:62px; position:absolute; left:3px; bottom:3px; font-size:15px; text-align:center; background-color:#e0f2f5;} #contents_wrap div.wrap_040100 div.section4 ul{overflow:hidden;} #contents_wrap div.wrap_040100 div.section4 ul li{float:left; width:346px; height:238px; margin-left:20px; padding:17px 40px 23px; background-color:#f8f8f8;} #contents_wrap div.wrap_040100 div.section4 ul li:first-child{margin-left:0;} #contents_wrap div.wrap_040100 div.section4 ul li:before{content:''; display:block; width:128px; height:128px; margin:0 auto 15px; border-radius:50%; background:#fff url(/_res/early_back/img/icon_education.png) no-repeat 0 50%;} #contents_wrap div.wrap_040100 div.section4 ul li:nth-child(2):before{background-position:-128px 50%;} #contents_wrap div.wrap_040100 div.section4 ul li:nth-child(3):before{background-position:-256px 50%;} #contents_wrap div.wrap_040100 div.section4 ul li a{display:block; width:266px; height:53px; line-height:53px; margin:0 auto; font-size:18px; text-align:center; border:1px solid #000; color:#000;} #contents_wrap div.wrap_040100 div.section4 ul li a:hover, #contents_wrap div.wrap_040100 div.section4 ul li a:focus{background:#000; color:#fff;} /* 사업단 소개 */ #contents_wrap div.wrap_060100 div.section1 div.head:after{width:342px; height:264px; background:url(/_res/early_back/img/bg_early_employ_05.png) no-repeat 50% 50%;} #contents_wrap div.wrap_060100 div.section2 > ul > li{overflow:hidden;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(n+2){margin-top:50px;} #contents_wrap div.wrap_060100 div.section2 > ul > li h5{margin-top:15px; float:left; font-size:24px; font-weight:500;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(n+2) h5{margin-top:30px;} #contents_wrap div.wrap_060100 div.section2 > ul > li .desc{width:calc(100% - 120px); position:relative; float:left; margin-left:75px;} #contents_wrap div.wrap_060100 div.section2 > ul > li .desc:before{content:''; width:10px; height:10px; position:absolute; top:30px; left:-40px; border-radius:50%; background-color:#0cafcc;} #contents_wrap div.wrap_060100 div.section2 > ul > li .desc:after{content:''; width:25px; height:1px; position:absolute; top:33px; left:-30px; border-bottom:1px dashed #0cafcc;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(n+2) .desc:before{top:44px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(n+2) .desc:after{top:48px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:first-child p{height:72px; line-height:72px; font-size:22px; text-align:center; background-color:#0cafcc; color:#fff;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div{padding:30px; background-color:#f8f8f8;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) h6{font-size:22px; text-align:center;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul{overflow:hidden; margin-top:30px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li{float:left; width:284px; padding-bottom:25px; font-size:16px; color:#636363; text-align:center; border:1px solid #00acca;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li:nth-child(2){border-color:#009f81} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li:nth-child(3){border-color:#49427d} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li:nth-child(n+2){margin-left:24px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li span{display:block; height:55px; margin-bottom:25px; line-height:55px; font-size:18px; font-weight:500; color:#fff; background-color:#00acca;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li:nth-child(2) span{background-color:#009f81;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li:nth-child(3) span{background-color:#49427d;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul{font-size:0; text-align:center;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li{display:inline-block; width:217px; padding:0 3px; border:1px solid #00acca; } #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li:nth-child(n+2){margin-left:30px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li h6{padding:20px 0; font-size:18px; font-weight:500; color:#0cafcc; border-bottom:1px solid #00acca;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li span{display:block; padding:15px 0 16px; font-size:16px; color:#636363;} #contents_wrap div.wrap_060100 div.section3 table tr td.left{text-align:left;} #contents_wrap div.wrap_060100 div.section4 div.gray_box{padding:30px; overflow:hidden;} #contents_wrap div.wrap_060100 div.section4 div.gray_box ul.dash_list{float:left;} #contents_wrap div.wrap_060100 div.section4 div.gray_box ul.dash_list li{color:#000;} #contents_wrap div.wrap_060100 div.section4 div.gray_box ul.dash_list li a{padding-bottom:4px; border-bottom:1px solid #3084f2; color:#3084f2;} #contents_wrap div.wrap_060100 div.section4 .sns_links{float:right; margin-top:20px; font-size:0;} #contents_wrap div.wrap_060100 div.section4 .sns_links li{display:inline-block; margin-left:20px;} #contents_wrap div.wrap_060100 div.section4 .sns_links li:first-child{margin-left:0;} #contents_wrap div.wrap_060100 div.section4 .sns_links li a{display:block; height:43px; line-height:43px; position:relative; padding-left:50px; font-size:14px; font-weight:300; color:#000;} #contents_wrap div.wrap_060100 div.section4 .sns_links li a:before{content:''; width:43px; height:43px; margin-top:-21.5px; position:absolute; top:50%; left:0; background:url(/_res/early_back/img/icon_sns.png) no-repeat 0 50% / 129px 43px;} #contents_wrap div.wrap_060100 div.section4 .sns_links li:nth-child(2) a:before{background-position:-43px 50%;} #contents_wrap div.wrap_060100 div.section4 .sns_links li:nth-child(3) a:before{background-position:-86px 50%;} #contents_wrap div.wrap_060100 div.section4 .sns_links li a span{font-weight:500;} #contents_wrap div.section.maps_wrap{padding-top:0;} #contents_wrap div.section.maps_wrap .map_area{margin-bottom:30px;} #contents_wrap div.section.maps_wrap ul li{font-size:16px; line-height:20px;} #contents_wrap div.section.maps_wrap div.root_daum_roughmap {width:100%;} #contents_wrap div.section.maps_wrap div.root_daum_roughmap .wrap_map{height:500px;;} /* PC Mini & Tablet */ @media all and (min-width:768px) and (max-width:1200px) { .mobile{display:block;} header{background:#fff url(/_res/early_back/img/bg_top_line.png) repeat-x 50% 70px} header.fixed{top:0;} header > div{height:70px;} header > div > div{display:none;} header > div > ul{display:none;} header > div > ul.active{display:block; width:300px; position:fixed; top:0; right:0; background-color:#2c8b9c;} header > div > ul li{width:50%; text-align:center;} header > div > ul li a{height:62px; line-height:62px; font-size:16px; color:#fff; background:url(/_res/early_back/img/icon_mobile_top_login.png) no-repeat 15% 50% / 15px 21px;} header > div > ul li:first-child a{background:url(/_res/early_back/img/icon_mobile_top_home.png) no-repeat 15% 50% /20px 17px;} header > div h1{padding:12px 0 0 15px;} header > div h1 a{width:272px; height:40px; background:url(/_res/early_back/img/mobile_logo.png) no-repeat 50% 50% / 272px 40px} header > div a.gnb_handle{width:30px; height:30px; right:15px;} header > div a.gnb_handle span{width:30px;} header > div a.gnb_handle:before{width:30px;} header > div a.gnb_handle:after{width:30px;} header > div a.gnb_handle.active:before{top:13px;} header > div a.gnb_handle.active:after{bottom:13px;} header > div nav{display:none; width:300px; height:calc(100% - 62px); padding-top:0; position:fixed; top:62px; right:0; border:1px solid #e1e1e1; border-left:none; background-color:#fff;} header > div nav.active{display:block;} header > div nav > ul{height:inherit;} header > div nav > ul > li{background:none; float:none; padding:0; border-bottom:1px solid #e1e1e1;} header > div nav > ul > li > a{display:block; height:50px; line-height:50px; padding:0 20px; position:relative; font-size:17px; color:#2d9dc4; background-color:#fff;} header > div nav > ul > li > a:before{content:''; width:4px; height:24px; margin-top:-12px; position:absolute; top:50%; right:30px; background-color:#1b9da3;} header > div nav > ul > li > a:after{content:''; width:24px; height:4px; margin-top:-2px; position:absolute; top:50%; right:20px; background-color:#1b9da3;} header > div nav > ul > li.sub_1 > a:before, header > div nav > ul > li.sub_1 > a:after{display:none;} header > div nav > ul > li.sub_4 > a:before, header > div nav > ul > li.sub_4 > a:after{display:none;} header > div nav > ul > li > a.active:before{display:none;} header > div nav > ul > li > ul{width:100%; padding:15px 0; position:static; margin:0; background-color:#f2fffc;} header > div nav > ul > li > ul.active{display:block;} header > div nav > ul > li{background:none; float:none; padding:0;} header > div nav > ul > li:last-child{border-bottom:none;} header > div nav > ul > li > a{display:block; height:50px; line-height:50px; padding:0 20px; font-size:15px; color:#2d9dc4; background-color:#fff;} header > div nav > ul > li > ul{width:100%; position:static; margin:0;} header > div nav > ul > li > ul.active{display:block;} header > div nav > ul > li > ul li{opacity:1; filter:alpha(opacity=100); top:0;} header > div nav > ul > li > ul li a{height:35px; padding-left:20px; line-height:35px; font-size:13px; border:none; text-align:left; background:none;} header > div nav > ul > li > ul li a:hover, header > div nav > ul > li > ul li a:focus{border:none;} #qnb > ul > li > a{font-size:14px; padding:0 15px;} #qnb > ul > li > ul > li > a{font-size:14px; padding:0 15px;} /* 서브 레이아웃 */ #sub_visual_wrap h2{padding:55px 0 0 0; font-size:20px;} #sub_visual_wrap p.desc{font-size:11px;} #sub_visual_wrap > div > div{width:100%; max-width:1080px; margin:0 auto;} #sub_visual_wrap div.visual_01{height:200px; background-size:cover;} #sub_visual_wrap div.visual_02{height:200px; background-size:cover;} #sub_visual_wrap div.visual_03{height:200px; background-size:cover;} #sub_visual_wrap div.visual_04{height:200px; background-size:cover;} #snb_wrap{margin-top:-55px;} #snb_wrap ul{width:calc(100% - 30px);} #snb_wrap ul li a{height:55px; line-height:55px; font-size:16px;} #sub_contents{width:auto; padding:0 15px 30px 15px;} #contents_wrap{padding-top:30px;} #contents_wrap div.section{padding-top:40px;} #contents_wrap div.section p{font-size:13px;} #contents_wrap h4.title{margin-bottom:20px; font-size:17px;} #contents_wrap h4.title:after{width:30px; height:2px; margin-top:5px;} #title_wrap{padding:0; border:none;} #title_wrap h3{display:none;} #title_wrap div.path{padding:10px 0 0 0;} #title_wrap div.path ul{overflow:hidden;} #title_wrap div.path ul li{float:left; font-size:13px; color:#919191;} #title_wrap div.path ul li:before{display:block; padding:0 10px; float:left; content:">"; font-size:13px; color:#919191; letter-spacing:-5px;} #title_wrap div.path ul li:first-child:before{display:none;} /* 테이블 */ table.type_horizontal thead tr th{padding:10px 7px; font-size:14px;} table.type_horizontal tbody tr th{padding:7px; font-size:14px;} table.type_horizontal tfoot tr th{padding:7px; font-size:14px;} table.type_horizontal tfoot tr td{padding:7px; font-size:13px;} table.type_horizontal tbody tr td{padding:7px; font-size:13px;} /* - 리스트(대쉬) */ #contents_wrap div.section ul.dash_list > li{font-size:14px;} /* - 리스트(써클) */ #contents_wrap div.section ul.circle_list > li{margin-top:18px; font-size:14px;} /* 회색 박스 */ #contents_wrap div.gray_box{margin-top:20px; padding:20px;} #contents_wrap div.gray_box h5{font-size:15px;} #contents_wrap div.gray_box h5:nth-of-type(n+2){margin-top:20px;} /* 서브페이지 머리 그림 */ #contents_wrap div.section div.head{height:auto; margin-top:30px; margin-bottom:40px; padding:50px;} #contents_wrap div.section div.head h4{font-size:20px;} #contents_wrap div.section div.head h4 span{font-size:25px;} /* 메인 */ #main_contents{padding-top:70px;} #main_contents div.grid_wrap{width:100%; padding:0 20px} /* 입학 배너 */ /* #main_contents #visual_section{height:auto; padding-top:8%;} */ /* 메인 기본 */ #main_contents #visual_section{height:500px; padding:135px 0 190px;} #main_contents #visual_section strong{font-size:60px;} #main_contents #visual_section p{font-size:20px;} #main_contents #visual_section p br{display:none;} #main_contents #board_wrap{padding:50px 0px;} #main_contents #board_wrap h3{font-size:25px;} #main_contents #board_wrap div.grid_wrap > div{width:calc(50% - 15px);} #main_contents #board_wrap div.grid_wrap > div:nth-child(1){margin-right:0;} #main_contents #board_wrap div.grid_wrap > div:nth-child(2){margin-left:30px;} #main_contents #board_wrap div.board ul{height:268px;} #main_contents #board_wrap div.board ul li a{height:67px;} #main_contents #board_wrap div.board ul li a span.date{width:20%;} #main_contents #board_wrap div.board ul li a span.subject{width:80%; padding-left:10px; font-size:15px; line-height:67px;} #main_contents #board_wrap div.board ul li a span.date span{font-size:20px;} #main_contents #board_wrap div.grid_wrap a.more{width:30px; height:30px; background-size:30px 30px;} #main_contents #newsroom{height:auto; margin:50px 0; padding-bottom:8%;} #main_contents #newsroom a.more{width:30px; height:30px; background-size:30px 30px; right:20px} #main_contents #newsroom div.board ul li div.bg{height:0; padding-bottom:56.5%;} #main_contents #newsroom div.board ul li h6{font-size:16px;} #main_contents #newsroom div.board ul li .text{height:60px; margin:20px 0 10px; font-size:14px;} #main_contents div.department{padding:0} #main_contents div.department div.grid_wrap{padding:0;} #main_contents div.department ul li{height:500px; padding:60px 20px 90px;} #main_contents div.department ul li img{width:40%; position:absolute; top:50%; left:20px; transform:translate(0, -70%);} #main_contents div.department ul li div.desc{width:55%; margin-top:5%;} #main_contents div.department ul li div.desc h4{font-size:40px;} #main_contents div.department ul li div.desc h4 span{font-size:18px;} #main_contents div.department ul li div.desc p{margin-top:10px; font-size:14px; line-height:25px;} #main_contents div.department ul li div.desc a{width:200px; height:40px; margin-top:50px; line-height:40px; font-size:14px; background-position:150px 50%; background-size:20px 20px;} #main_contents div.quick_menu{padding:40px 20px;} #main_contents div.quick_menu ul li{width:30%; margin-left:5%;} #main_contents div.quick_menu ul li a{height:auto; padding:100px 10px 20px;} #main_contents div.quick_menu ul li a:after{margin-top:0; margin-right:-38px; top:15px; right:50%;} #main_contents div.quick_menu ul li em{font-size:20px;} /* 입학전형 안내 */ #contents_wrap div.wrap_030100 div.section1 div.desc p{margin-bottom:20px; font-size:16px; text-align:center;} #contents_wrap div.wrap_030100 div.section1 div.desc a{width:160px; height:40px; margin:25px auto 0; line-height:40px; font-size:16px;} #contents_wrap div.wrap_030100 div.section1 div.process{margin-top:50px;} #contents_wrap div.wrap_030100 div.section1 div.process dl.junior_grade{float:none;} #contents_wrap div.wrap_030100 div.section1 div.process dl.senior_grade{float:none;} #contents_wrap div.wrap_030100 div.section1 div.process dl{width:100%;} #contents_wrap div.wrap_030100 div.section1 div.process dl dt{height:50px; font-size:16px; line-height:50px;} #contents_wrap div.wrap_030100 div.section1 div.process dl dd{height:50px; font-size:14px; line-height:50px;} #contents_wrap div.wrap_030100 div.section1 div.process span.career{width:200px; height:200px; margin-top:30px; margin-left:0; margin-bottom:30px; position:static; line-height:200px; font-size:16px; border:none;} #contents_wrap div.wrap_030100 div.section2 ul li{width:100%; margin-top:30px; margin-left:0; float:none;} #contents_wrap div.wrap_030100 div.section2 ul li:first-child{margin-top:0; margin-left:0;} #contents_wrap div.wrap_030100 div.section2 ul li h5{height:120px; padding:24px 34px; border-top:2px solid #000; border-bottom:1px solid #ccc; font-size:14px; color:#696969;} #contents_wrap div.wrap_030100 div.section2 ul li h5:before{content:''; display:inline-block; width:68px; height:68px; margin-right:20px; float:left; background:url(/_res/early_back/img/icon_early_part.png) no-repeat 0 50% / 204px 68px;} #contents_wrap div.wrap_030100 div.section2 ul li:nth-child(2) h5:before{background-position:-68px 50%;} #contents_wrap div.wrap_030100 div.section2 ul li:nth-child(3) h5:before{background-position:-136px 50%;} #contents_wrap div.wrap_030100 div.section2 ul li h5 strong{margin:7px 0 5px; font-size:16px;} #contents_wrap div.wrap_030100 div.section2 ul li p{padding:15px 5px; font-size:14px;} #contents_wrap div.wrap_030100 div.section2 ul li p:first-of-type{height:auto;} #contents_wrap div.wrap_030100 div.section3 div.box{float:none; width:100%; margin-left:0;} #contents_wrap div.wrap_030100 div.section3 div.box:first-child{margin-bottom:25px; margin-left:0;} #contents_wrap div.wrap_030100 div.section3 table, #contents_wrap div.wrap_030100 div.section3 table tbody, #contents_wrap div.wrap_030100 div.section3 table tbody tr, #contents_wrap div.wrap_030100 div.section3 table th, #contents_wrap div.wrap_030100 div.section3 table td{display:block;} #contents_wrap div.wrap_030100 div.section3 table{border-top:none;} #contents_wrap div.wrap_030100 div.section3 table colgroup, #contents_wrap div.section3 table thead{display:none;} #contents_wrap div.wrap_030100 div.section3 table tbody{overflow:hidden;} #contents_wrap div.wrap_030100 div.section3 table tbody tr{float:left; width:48%; margin-top:4%; margin-left:4%; border-top:2px solid #000; border-bottom:1px solid #000;} #contents_wrap div.wrap_030100 div.section3 table tbody tr:nth-child(odd){margin-left:0;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td{padding:8px; letter-spacing:-1px; font-weight:350; text-align:left; border-top:none; border-left:none; border-right:none;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:first-child{text-align:left;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:last-child{border-bottom:none;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:nth-child(1):before{content:'일정'; margin-right:20px; color:#333;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:nth-child(2):before{content:'구분'; margin-right:20px; color:#333;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:nth-child(3):before{content:'비고'; margin-right:20px; color:#333;} #contents_wrap div.wrap_030100 div.section4 div.text_box{margin-bottom:20px; padding-left:15px;} #contents_wrap div.wrap_030100 div.section4 table + p{margin:10px 0; font-size:13px;} /* 채용 기업 정보 탭*/ ul.tabs{margin-bottom:30px; overflow:hidden;} ul.tabs li{width:50%;} ul.tabs li:nth-child(odd){border-left:1px solid #d1d1d1;} ul.tabs li:nth-child(n+3){border-top:none;} ul.tabs li a{height:40px; line-height:40px;} /* 카카오 링크 */ a.kakao_link img{width:100%; max-width:768px; margin-bottom:20px;} /* 조기취업형 계약학과란? */ #contents_wrap div.wrap_010100 div.section1 div.head:after{width:280px; height:215px; background-size:280px 215px;} #contents_wrap div.wrap_010100 div.section1 div.department{margin-top:20px;} #contents_wrap div.wrap_010100 div.section1 div.department dl{width:calc(50% - 10px); margin-left:10px;} #contents_wrap div.wrap_010100 div.section1 div.department dl dt{padding:10px 0 20px; font-size:16px;} #contents_wrap div.wrap_010100 div.section1 div.department dl dd{padding:15px 0 20px; font-size:14px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li{width:calc(100% - 110px); margin-left:0px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul:first-child > li:nth-child(2){margin-top:10px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul:first-child > li:first-child, #contents_wrap div.wrap_010100 div.section2 div.education > ul:first-child > li:nth-child(2){padding-left:110px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li > dl{width:100%; padding:15px 0 26px; border:1px solid #0cafcc; text-align:center;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap:before{top:-99px; left:-110px; width:100px; height:93px; font-size:16px; line-height:93px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap:after{top:0; left:-110px; width:100px; height:165px; line-height:165px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study dd{display:inline-block; width:110px; height:62px; padding:8px 0; background-color:#e0f2f5;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study dd span{display:block; font-size:14px; font-weight:350;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap + ul li:first-child{margin-left:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap:before, #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap:after{display:block;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap:after{height:275px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(1) div.study_wrap dl.study{width:100%;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap dl.study{width:calc(50% - 3px); margin-left:6px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(1) div.study_wrap + ul li{float:left; width:calc(50% - 5px); height:50px; margin-top:0; margin-left:10px; line-height:50px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(1) div.study_wrap + ul li:first-child{margin-left:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap + ul li{width:calc(50% - 3px); height:50px; margin-top:0; line-height:50px; float:left;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap + ul li:nth-child(n+3){margin-top:6px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap + ul li:nth-child(even){margin-left:6px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul.summary{clear:both; overflow:hidden; padding-left:110px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul.summary > li{width:calc(33.3% - 4px); height:50px; margin-top:0; margin-left:6px; line-height:50px; float:left;} #contents_wrap div.wrap_010100 div.section2 div.education > ul.summary > li:first-child{margin-left:0;} #contents_wrap div.wrap_010100 div.section3 > ul > li{width:calc(33.3% - 7px); height:auto; margin-left:10px; padding:46px 25px;} #contents_wrap div.wrap_010100 div.section3 > ul > li h5{font-size:18px;} #contents_wrap div.wrap_010100 div.section3 > ul > li h5:before{width:100px; height:100px; margin:0 auto 26px; background-size:300px; 100px;} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(2) h5:before{background-position:-100px 50%;} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(3) h5:before{background-position:-200px 50%;} #contents_wrap div.wrap_010100 div.section3 > ul > li > ul{margin:20px 0 28px;} #contents_wrap div.wrap_010100 div.section3 > ul > li a{height:40px; line-height:40px; font-size:16px;} /* 기업 참여안내*/ #contents_wrap div.wrap_020100 div.section1 div.head:after{width:280px; height:235px; background-size:280px 235px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li > ul > li{width:calc(50% - 10px); margin-left:20px; font-size:14px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li > ul > li span{font-size:16px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl{width:calc(70% - 20px); margin-left:20px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl:first-child{width:30%;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl:first-child dd{padding:30px 0 30px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dt{padding:15px 0; font-size:16px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dd{height:80px; padding:20px 0; font-size:14px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dd span.mobile{display:none;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dd span{display:block;} #contents_wrap div.wrap_020100 div.section5 ol li{width:30%;} #contents_wrap div.wrap_020100 div.section5 ol li:nth-child(4){margin-left:0;} #contents_wrap div.wrap_020100 div.section5 ol li:nth-child(n+4){margin-top:30px;} /* 창의융합 교육센터 */ #contents_wrap div.wrap_040100 div.section1 div.head:after{width:208px; height:220px; background-size:208px 220px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li h5{font-size:16px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li h6{font-size:15px; height:45px; line-height:45px;} #contents_wrap div.wrap_040100 div.section2 ul.desc li, #contents_wrap div.wrap_040100 div.section2 p.desc{font-size:14px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software{width:55%;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software > ul > li:first-child{width:45%;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software > ul > li:nth-child(2){width:54%;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software > ul > li:first-child ul.desc{margin-top:14px} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software > ul > li:nth-child(2) p.desc{margin-top:24px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.hardware{width:23%;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.hardware > div{width:100%;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.hardware p.desc{margin-top:14px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result{width:20%; margin-left:4px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result p{font-size:14px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result > ul li:first-child{height:90px; padding:20px 0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result > ul li:nth-child(n+2){width:100%; height:108px; margin-left:0;} #contents_wrap div.wrap_040100 div.section3 ol{text-align:center;} #contents_wrap div.wrap_040100 div.section3 ol li{width:29%} #contents_wrap div.wrap_040100 div.section3 ol li:nth-child(3):after{display:none;} #contents_wrap div.wrap_040100 div.section3 ol li:nth-child(n+4){margin-top:45px;} #contents_wrap div.wrap_040100 div.section3 ol li em{font-size:15px;} #contents_wrap div.wrap_040100 div.section4 ul li{width:calc(33.3% - 14px); padding:17px 20px 23px;} #contents_wrap div.wrap_040100 div.section4 ul li a{width:100%; font-size:16px;} /* 사업단 소개 */ #contents_wrap div.wrap_060100 div.section2 > ul > li .desc:before, #contents_wrap div.wrap_060100 div.section2 > ul > li .desc:after{display:none;} #contents_wrap div.wrap_060100 div.section2 > ul > li h5{float:none; text-align:center;} #contents_wrap div.wrap_060100 div.section2 > ul > li .desc{width:100%; margin-top:20px; margin-left:0; float:none;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(n+2){margin-top:0;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div{padding:30px 20px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li{width:calc(33.3% - 10px);} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li:nth-child(n+2){margin-left:15px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li{width:calc(25% - 8px);} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li:nth-child(n+2){margin-left:10px;} #contents_wrap div.wrap_060200 div.map{width:100%;} #contents_wrap div.wrap_060200 div.map .root_daum_roughmap{width:100%;} footer > div{padding:15px;} footer .address_wrap{margin-bottom:30px;} footer .sns_links{float:none; clear:both;} } /* Mobile */ @media all and (max-width:767px) { body{overflow-x:hidden;} .web{display:none;} .mobile{display:block;} .mobile_img{display:inline;} header{background-position:50% 70px} header > div{height:70px;} header > div > div{display:none;} header > div > ul{display:none;} header > div > ul.active{display:block; width:70%; position:fixed; top:0; right:0; background-color:#2c8b9c;} header > div > ul li{width:50%; float:left; text-align:center;} header > div > ul li a{height:62px; line-height:62px; font-size:16px; color:#fff; background:url(/_res/early_back/img/icon_mobile_top_login.png) no-repeat 15% 50% / 15px 21px;} header > div > ul li:first-child a{background:url(/_res/early_back/img/icon_mobile_top_home.png) no-repeat 15% 50% /20px 17px;} header > div h1{padding:20px 0 0 15px;} header > div h1 a{width:204px; height:30px; background:url(/_res/early_back/img/mobile_logo.png) no-repeat 50% 50% / 204px 30px} header > div a.gnb_handle{width:30px; height:30px; right:15px;} header > div a.gnb_handle span{width:30px;} header > div a.gnb_handle:before{width:30px;} header > div a.gnb_handle:after{width:30px;} header > div a.gnb_handle.active:before{top:13px;} header > div a.gnb_handle.active:after{bottom:13px;} header > div nav{display:none; width:70%; height:calc(100% - 62px); padding-top:0; position:fixed; top:62px; right:0; border:1px solid #e1e1e1; border-left:none; background-color:#fff;} header > div nav.active{display:block;} header > div nav > ul{height:inherit;} header > div nav > ul > li{background:none; float:none; padding:0; border-bottom:1px solid #e1e1e1;} header > div nav > ul > li > a{display:block; height:50px; line-height:50px; padding:0 20px; position:relative; font-size:17px; color:#2d9dc4; background-color:#fff;} header > div nav > ul > li > a:before{content:''; width:4px; height:24px; margin-top:-12px; position:absolute; top:50%; right:30px; background-color:#1b9da3;} header > div nav > ul > li > a:after{content:''; width:24px; height:4px; margin-top:-2px; position:absolute; top:50%; right:20px; background-color:#1b9da3;} header > div nav > ul > li > a.active:before{display:none;} header > div nav > ul > li.sub_1 > a:before, header > div nav > ul > li.sub_1 > a:after{display:none;} header > div nav > ul > li.sub_4 > a:before, header > div nav > ul > li.sub_4 > a:after{display:none;} header > div nav > ul > li > ul{width:100%; padding:15px 0; position:static; margin:0; background-color:#f2fffc;} header > div nav > ul > li > ul.active{display:block;} header > div nav > ul > li > ul li{opacity:1; filter:alpha(opacity=100); top:0;} header > div nav > ul > li > ul li a{height:35px; padding:0 20px; line-height:35px; font-size:14px; border:none; text-align:left; background-color:#f2fffc;} header > div nav > ul > li > ul li a:hover, header > div nav > ul > li > ul li a:focus{border:none;} #qnb > ul{height:inherit; border-left:none; border-right:none;} #qnb > ul > li{width:100%; float:none; border-bottom:1px solid #444; background-position:95% 50%; background-size:7px auto;} #qnb > ul > li > a{height:47.5px; line-height:47.5px; padding:0 20px; font-size:14px; color:#d0d0d0; border-left:none;} #qnb > ul > li > ul{display:none; height:200px; overflow-y:auto; position:static; border:none; padding:0; border-top:1px solid #444; -webkit-overflow-scrolling:touch;} #qnb > ul > li > ul > li > a{height:40px; line-height:40px; padding:0 20px; font-size:13px;} /* 서브 레이아웃 */ #sub_visual_wrap h2{padding:35px 0 60px 0; font-size:20px;} #sub_visual_wrap p.desc{font-size:11px;} #sub_visual_wrap > div > div{width:100%; max-width:1080px; margin:0 auto;} #sub_visual_wrap div.visual_01{height:150px; background-size:cover;} #sub_visual_wrap div.visual_02{height:150px; background-size:cover;} #sub_visual_wrap div.visual_03{height:150px; background-size:cover;} #sub_visual_wrap div.visual_04{height:150px; background-size:cover;} #snb_wrap{width:100%; background:none; margin-top:0; border-top:none; position:absolute; top:278px; left:0; z-index:5;} #snb_wrap h3{display:block; background:rgba(0,0,0,0.3); margin-top:-50px; border-top:1px solid rgba(255,255,255,0.4); position:relative;} #snb_wrap h3 a{display:block; height:50px; line-height:50px; font-size:16px; font-weight:normal; color:#fff; text-align:center;} #snb_wrap h3 div.arrow{width:20px; height:20px; margin-top:-10px; position:absolute; top:50%; right:15px;} #snb_wrap h3 div.arrow span{ display:block; width:12px; height:1px; background-color:#fff; position:absolute; top:10px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; } #snb_wrap h3 div.arrow span.left{ left:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } #snb_wrap h3 div.arrow span.right{ right:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } #snb_wrap.active h3 div.arrow span.left{ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } #snb_wrap.active h3 div.arrow span.right{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } #snb_wrap ul{display:block; max-height:0; overflow:hidden; transition:all 0.3s;} #snb_wrap.active ul{max-height:300px;} #snb_wrap ul li{display:block; border:none;} #snb_wrap ul li:first-child{border:none;} #snb_wrap ul li a{height:50px; line-height:50px; font-size:16px; background-color:#f9f9f9; border-bottom:1px solid #d1d1d1;} #sub_contents{width:auto; padding:0 15px 30px 15px;} #contents_wrap{padding-top:30px;} #contents_wrap div.section{padding-top:40px;} #contents_wrap div.section p{font-size:13px;} #contents_wrap h4.title{margin-bottom:20px; font-size:17px; letter-spacing:-1px;} #contents_wrap h4.title:after{width:30px; height:2px; margin-top:5px;} #title_wrap{padding:0; border:none;} #title_wrap h3{display:none;} #title_wrap div.path{padding:10px 0 0 0;} #title_wrap div.path ul{overflow:hidden;} #title_wrap div.path ul li{float:left; font-size:13px; color:#919191;} #title_wrap div.path ul li:before{display:block; padding:0 10px; float:left; content:">"; font-size:13px; color:#919191; letter-spacing:-5px;} #title_wrap div.path ul li:first-child:before{display:none;} /* 테이블 */ table.type_horizontal thead tr th{padding:10px 7px; font-size:14px;} table.type_horizontal tbody tr th{padding:7px; font-size:14px;} table.type_horizontal tfoot tr th{padding:7px; font-size:14px;} table.type_horizontal tfoot tr td{padding:7px; font-size:13px;} table.type_horizontal tbody tr td{padding:7px; font-size:13px;} /* - 리스트(대쉬) */ #contents_wrap div.section ul.dash_list > li{font-size:14px;} /* - 리스트(써클) */ #contents_wrap div.section ul.circle_list > li{margin-top:18px; font-size:14px;} /* 회색 박스 */ #contents_wrap div.gray_box{padding:20px;} #contents_wrap div.gray_box h5{font-size:15px;} #contents_wrap div.gray_box h5:nth-of-type(n+2){margin-top:20px;} /* 서브페이지 머리 그림 */ #contents_wrap div.section div.head{height:auto; margin-top:0; margin-bottom:30px; padding:20px;} #contents_wrap div.section div.head:after{display:none;} #contents_wrap div.section div.head h4{font-size:16px;} #contents_wrap div.section div.head h4 span{font-size:18px;} /* 메인 */ #main_contents{padding-top:70px;} #main_contents div.grid_wrap{width:100%; padding:0 20px} /* 입학 배너 */ /* #main_contents #visual_section{height:auto; padding-top:70%;} #main_contents #visual_section div.bg.bg_01{background-image:url(/_res/early_back/img/bg_mobile_main_comming.jpg)} */ /* 메인 기본 */ #main_contents #visual_section{height:500px; padding:180px 10px 190px;} #main_contents #visual_section div.bg.bg_01{background-image:url(/_res/early_back/img/bg_mobile_main_visual.png)} #main_contents #visual_section strong{font-size:36px;} #main_contents #visual_section p{font-size:16px;} #main_contents #board_wrap{padding:50px 0;} #main_contents #board_wrap h3{font-size:25px;} #main_contents #board_wrap div.grid_wrap > div{float:none; width:100%; margin-top:40px;} #main_contents #board_wrap div.grid_wrap > div:nth-child(1){margin-top:0; margin-right:0;} #main_contents #board_wrap div.grid_wrap > div:nth-child(2){margin-left:0px;} #main_contents #board_wrap div.board ul{height:auto;} #main_contents #board_wrap div.board ul li a{height:67px;} #main_contents #board_wrap div.board ul li a span.date{width:20%;} #main_contents #board_wrap div.board ul li a span.subject{width:80%; padding-left:10px; font-size:15px; line-height:67px;} #main_contents #board_wrap div.board ul li a span.date span{font-size:20px;} #main_contents #board_wrap div.grid_wrap a.more{width:30px; height:30px; background-size:30px 30px;} #main_contents #newsroom{height:auto; margin:40px 0; padding-bottom:8%;} #main_contents #newsroom div.board ul li div.bg{height:0; padding-bottom:56.5%;} #main_contents #newsroom a.more{width:30px; height:30px; background-size:30px 30px; right:20px} #main_contents #newsroom div.board ul li h6{font-size:15px;} #main_contents #newsroom div.board ul li .text{height:60px; margin:15px 0 5px; font-size:13px;} #main_contents #newsroom div.board ul.no_slide li{width:100%; margin-top:20px; margin-left:0;} #main_contents #newsroom div.board ul.no_slide li:first-child{margin-top:0;} #main_contents div.department{padding-bottom:30px;} #main_contents div.department.background_00{background:#2c8b9c;} #main_contents div.department.background_01{background:#00a081;} #main_contents div.department.background_02{background:#5d559f;} #main_contents div.department div.grid_wrap{padding:0;} #main_contents div.department ul li{height:auto; padding:0;} #main_contents div.department ul li img{width:100%; float:none;} #main_contents div.department ul li div.desc{margin-top:35px; float:none;} #main_contents div.department ul li div.desc h4{padding:0 20px; font-size:24px;} #main_contents div.department ul li div.desc h4 span{font-size:11px; margin-top:5px;} #main_contents div.department ul li div.desc p{margin-top:10px; padding:0 20px; font-size:13px; line-height:25px; letter-spacing:-1px;} #main_contents div.department ul li div.desc p br{display:none;} #main_contents div.department ul li div.desc a{display:block; width:50%; height:40px; margin:30px 0 35px 20px; line-height:40px; font-size:13px; background-position:110px 50%; background-size:15px 15px;} #main_contents div.department .swiper-pagination-bullets{bottom:0;} #main_contents div.quick_menu{padding:32.5px 20px;} #main_contents div.quick_menu ul li{width:calc(33.3% - 8px); margin-left:11px;} #main_contents div.quick_menu ul li:first-child{margin-left:0;} #main_contents div.department ul li[data-swiper-slide-index="2"] div.desc h4 span{letter-spacing:-1px;} #main_contents div.department ul li[data-swiper-slide-index="2"] div.desc h4 span br{display:none;} #main_contents div.quick_menu ul li a{height:97px; padding:55px 0 17px; text-align:center;} #main_contents div.quick_menu ul li a:after{width:47px; height:41px; margin-right:-28.5px; right:50%; background-size:141px 41px;} #main_contents div.quick_menu ul li:nth-child(2) a:after{background-position:-47px 50%;} #main_contents div.quick_menu ul li:nth-child(3) a:after{background-position:-94px 50%;} #main_contents div.department ul li[data-swiper-slide-index="2"] div.desc a{margin:30px 0 35px 20px;} #main_contents div.quick_menu ul li em{font-size:13px;} #main_contents div.quick_menu ul li p{display:none;} /* 입학전형 안내 */ #contents_wrap div.wrap_030100 div.section1 div.desc p{margin-bottom:20px; font-size:18px; text-align:center;} #contents_wrap div.wrap_030100 div.section1 div.desc a{width:160px; height:40px; margin:25px auto 0; line-height:40px; font-size:16px;} #contents_wrap div.wrap_030100 div.section1 div.process{margin-top:50px;} #contents_wrap div.wrap_030100 div.section1 div.process dl.junior_grade{float:none;} #contents_wrap div.wrap_030100 div.section1 div.process dl.senior_grade{float:none;} #contents_wrap div.wrap_030100 div.section1 div.process dl{width:100%;} #contents_wrap div.wrap_030100 div.section1 div.process dl dt{height:40px; font-size:16px; line-height:40px;} #contents_wrap div.wrap_030100 div.section1 div.process dl dd{height:40px; font-size:14px; line-height:40px;} #contents_wrap div.wrap_030100 div.section1 div.process span.career{width:200px; height:200px; margin-top:30px; margin-left:0; margin-bottom:30px; position:static; line-height:200px; font-size:16px; border:none;} #contents_wrap div.wrap_030100 div.section2 ul li{width:100%; margin-top:30px; margin-left:0; float:none;} #contents_wrap div.wrap_030100 div.section2 ul li:first-child{margin-top:0; margin-left:0;} #contents_wrap div.wrap_030100 div.section2 ul li h5{height:120px; padding:24px 34px; border-top:2px solid #000; border-bottom:1px solid #ccc; font-size:14px; color:#696969;} #contents_wrap div.wrap_030100 div.section2 ul li h5:before{content:''; display:inline-block; width:68px; height:68px; margin-right:20px; float:left; background:url(/_res/early_back/img/icon_early_part.png) no-repeat 0 50% / 204px 68px;} #contents_wrap div.wrap_030100 div.section2 ul li:nth-child(2) h5:before{background-position:-68px 50%;} #contents_wrap div.wrap_030100 div.section2 ul li:nth-child(3) h5:before{background-position:-136px 50%;} #contents_wrap div.wrap_030100 div.section2 ul li h5 strong{margin:7px 0 5px; font-size:16px;} #contents_wrap div.wrap_030100 div.section2 ul li p{padding:15px 5px; font-size:14px;} #contents_wrap div.wrap_030100 div.section2 ul li p:first-of-type{height:auto;} #contents_wrap div.wrap_030100 div.section3 div.box{float:none; width:100%; margin-left:0;} #contents_wrap div.wrap_030100 div.section3 div.box:first-child{margin-bottom:25px; margin-left:0;} #contents_wrap div.wrap_030100 div.section3 table, #contents_wrap div.wrap_030100 div.section3 table tbody, #contents_wrap div.wrap_030100 div.section3 table tbody tr, #contents_wrap div.wrap_030100 div.section3 table th, #contents_wrap div.wrap_030100 div.section3 table td{display:block;} #contents_wrap div.wrap_030100 div.section3 table colgroup, #contents_wrap div.section3 table thead{display:none;} #contents_wrap div.wrap_030100 div.section3 table tbody tr{border-bottom:1px solid #000;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td{padding:8px; letter-spacing:-1px; font-weight:350; text-align:left; border-top:none; border-left:none; border-right:none;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:first-child{text-align:left;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:last-child{border-bottom:none;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:nth-child(1):before{content:'일정'; margin-right:20px; color:#333;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:nth-child(2):before{content:'구분'; margin-right:20px; color:#333;} #contents_wrap div.wrap_030100 div.section3 table tbody tr td:nth-child(3):before{content:'비고'; margin-right:20px; color:#333;} #contents_wrap div.wrap_030100 div.section4 div.text_box{margin-bottom:20px; padding-left:15px;} #contents_wrap div.wrap_030100 div.section4 table + p{margin:10px 0; font-size:13px;} /* 채용 기업 정보 탭*/ ul.tabs{margin-bottom:30px; overflow:hidden;} ul.tabs li{width:50%;} ul.tabs li:nth-child(odd){border-left:1px solid #d1d1d1;} ul.tabs li:nth-child(n+3){border-top:none;} ul.tabs li a{height:40px; line-height:40px; font-size:12px;} /* 조기취업형 계약학과란? */ #contents_wrap div.wrap_010100 div.section1 div.desc{padding:0 0 30px 0; background-position:50% 0;} #contents_wrap div.wrap_010100 div.section1 div.department{margin-top:15px;} #contents_wrap div.wrap_010100 div.section1 div.department dl{width:100%; margin-left:0; margin-top:10px} #contents_wrap div.wrap_010100 div.section1 div.department dl:first-child{margin-top:0;} #contents_wrap div.wrap_010100 div.section1 div.department dl dt{padding:10px 0 20px; font-size:16px;} #contents_wrap div.wrap_010100 div.section1 div.department dl dd{padding:15px 0 20px; font-size:14px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li{width:100%; margin-left:0px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul:first-child > li:nth-child(2){margin-top:10px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul:first-child > li:first-child, #contents_wrap div.wrap_010100 div.section2 div.education > ul:first-child > li:nth-child(2){padding-top:55px; padding-left:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li > dl{width:100%; padding:15px 10px; border:1px solid #0cafcc; text-align:center; word-break:keep-all;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li dl dt{font-size:16px; margin-bottom:10px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li dl dd{font-size:14px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap{padding-top:55px} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap:before{top:-146px; left:0; width:100%; height:50px; font-size:16px; line-height:50px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap:after{top:0; left:0; width:100%; height:50px; line-height:50px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study dd{display:block; width:90%; height:62px; margin:10px auto; padding:8px 0; background-color:#e0f2f5;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap dl.study dd span{display:block; font-size:14px; font-weight:350;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li div.study_wrap + ul li:first-child{margin-left:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap:before, #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap:after{display:block;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap:after{height:50px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(1) div.study_wrap dl.study{width:100%;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap dl.study{width:100%; margin-top:5px; margin-left:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap dl.study:first-child{margin-top:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(1) div.study_wrap + ul li{float:left; width:100%; height:50px; margin-top:5px; margin-left:0; font-size:14px; line-height:50px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(1) div.study_wrap + ul li:first-child{margin-top:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap + ul li{width:100%; height:50px; font-size:14px; line-height:50px; float:left;} #contents_wrap div.wrap_010100 div.section2 div.education > ul > li:nth-child(2) div.study_wrap + ul li:nth-child(n+3){margin-top:6px;} #contents_wrap div.wrap_010100 div.section2 div.education > ul.summary{clear:both; padding-left:0;} #contents_wrap div.wrap_010100 div.section2 div.education > ul.summary > li{width:100%; height:50px; margin-top:5px; margin-left:0px; font-size:14px; line-height:50px; float:none;} #contents_wrap div.wrap_010100 div.section2 div.education > ul.summary > li:first-child{margin-top:0;} #contents_wrap div.wrap_010100 div.section3 > ul > li{width:100%; height:auto; margin-left:0; padding:20px;} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(n+2){margin-top:20px;} #contents_wrap div.wrap_010100 div.section3 > ul > li h5{font-size:18px;} #contents_wrap div.wrap_010100 div.section3 > ul > li h5:before{width:100px; height:100px; margin:0 auto 26px; background-size:300px; 100px;} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(2) h5:before{background-position:-100px 50%;} #contents_wrap div.wrap_010100 div.section3 > ul > li:nth-child(3) h5:before{background-position:-200px 50%;} #contents_wrap div.wrap_010100 div.section3 > ul > li > ul{margin:20px 0 28px;} #contents_wrap div.wrap_010100 div.section3 > ul > li a{height:50px; line-height:50px; font-size:16px;} /* 기업 참여안내*/ #contents_wrap div.wrap_020100 div.section2 ul.circle_list li > ul > li{width:100%; margin-left:0; font-size:13px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li > ul > li span{font-size:14px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl{width:100%; margin-left:0;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl:first-child{width:100%;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl:first-child dd{padding:30px 0 30px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dt{padding:15px 0; font-size:16px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dd{height:80px; padding:20px 0; font-size:14px;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dd span.mobile{display:none;} #contents_wrap div.wrap_020100 div.section2 ul.circle_list li div.department dl dd span{display:block;} #contents_wrap div.wrap_020100 div.section5 ol li{width:100%; margin-left:0;} #contents_wrap div.wrap_020100 div.section5 ol li:after{margin-top:0; top:calc(100% + 10px); right:50%; transform:rotate(90deg);} #contents_wrap div.wrap_020100 div.section5 ol li:nth-child(n+2){margin-top:45px;} /* 창의융합 교육센터 */ #contents_wrap div.wrap_040100 div.section2 ul.program > li h5{font-size:16px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li h6{font-size:15px; height:45px; line-height:45px;} #contents_wrap div.wrap_040100 div.section2 ul.desc li, #contents_wrap div.wrap_040100 div.section2 p.desc{font-size:14px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li > ul > li, #contents_wrap div.wrap_040100 div.section2 ul.program > li > div{margin-left:0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software{width:100%;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software > ul > li:first-child{width:100%;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software > ul > li:nth-child(2){width:100%; margin-top:10px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software > ul > li:first-child ul.desc{margin-top:14px} #contents_wrap div.wrap_040100 div.section2 ul.program > li.software > ul > li:nth-child(2) p.desc{margin-top:24px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.hardware{width:100%; margin-top:30px; margin-left:0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.hardware > div{width:100%;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.hardware p.desc{margin-top:14px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result{width:100%; margin-top:30px; margin-left:0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result p{font-size:14px;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result > ul li:first-child{height:90px; padding:20px 0;} #contents_wrap div.wrap_040100 div.section2 ul.program > li.result > ul li:nth-child(n+2){width:100%; height:108px; margin-left:0;} #contents_wrap div.wrap_040100 div.section3 ol{text-align:center;} #contents_wrap div.wrap_040100 div.section3 ol li{width:100%; margin-left:0;} #contents_wrap div.wrap_040100 div.section3 ol li:nth-child(3):after{display:none;} #contents_wrap div.wrap_040100 div.section3 ol li:nth-child(n+2){margin-top:20px;} #contents_wrap div.wrap_040100 div.section3 ol li em{font-size:15px;} #contents_wrap div.wrap_040100 div.section4 ul li{width:100%; margin-left:0; padding:17px 20px 23px;} #contents_wrap div.wrap_040100 div.section4 ul li:nth-child(n + 2){margin-top:20px;} #contents_wrap div.wrap_040100 div.section4 ul li a{width:100%; font-size:16px;} /* 사업단 소개 */ #contents_wrap div.wrap_060100 div.section2 > ul > li .desc:before, #contents_wrap div.wrap_060100 div.section2 > ul > li .desc:after{display:none;} #contents_wrap div.wrap_060100 div.section2 > ul > li h5{float:none; text-align:center; font-size:18px;} #contents_wrap div.wrap_060100 div.section2 > ul > li .desc{width:100%; margin-top:20px; margin-left:0; float:none;} #contents_wrap div.wrap_060100 div.section2 > ul > li:first-child p{height:auto; padding:20px; font-size:14px; line-height:30px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(n+2){margin-top:0;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div{padding:30px 20px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) h6{font-size:16px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li{width:100%; font-size:14px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li:nth-child(n+2){margin-top:20px; margin-left:0;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(2) div.desc > ul > li span{font-size:15px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li{width:100%;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li:nth-child(n+2){margin-top:20px; margin-left:0;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li h6{font-size:15px;} #contents_wrap div.wrap_060100 div.section2 > ul > li:nth-child(3) ul li span{font-size:14px;} #contents_wrap div.wrap_060100 div.section3 table, #contents_wrap div.wrap_060100 div.section3 table tbody, #contents_wrap div.wrap_060100 div.section3 table tr, #contents_wrap div.wrap_060100 div.section3 table td{display:block; border:none;} #contents_wrap div.wrap_060100 div.section3 table{border-top:2px solid #000; border-bottom:2px solid #000;} #contents_wrap div.wrap_060100 div.section3 table tr{margin-top:10px; border-bottom:1px solid #dedede;} #contents_wrap div.wrap_060100 div.section3 table tr.group{margin-top:2px; border-color:#696969;} #contents_wrap div.wrap_060100 div.section3 table tr.group:first-child{border-top:none;} #contents_wrap div.wrap_060100 div.section3 table tr td.left{text-align:center;} #contents_wrap div.wrap_060100 div.section3 table tr td.role{font-size:18px; color:#000;} #contents_wrap div.wrap_060100 div.section4 div.gray_box ul.dash_list{float:none;} #contents_wrap div.wrap_060100 div.section4 .sns_links{float:none; clear:both; text-align:center;} #contents_wrap div.wrap_060100 div.section4 .sns_links li{width:30%; margin-left:5%;} #contents_wrap div.wrap_060100 div.section4 .sns_links li a{height:auto; padding-top:40px; padding-left:0; overflow:hidden; line-height:30px; font-size:11px;} #contents_wrap div.wrap_060100 div.section4 .sns_links li a:before{margin-top:0; margin-left:-21.5px; top:0; left:50%;} #contents_wrap div.wrap_060200 div.map{width:100%;} #contents_wrap div.wrap_060200 div.map .root_daum_roughmap{width:100%;} /* 카카오 링크 */ a.kakao_link img{width:100%; max-width:640px; margin-bottom:10px;} footer > div{padding:15px;} footer .address_wrap{margin-bottom:20px;} footer div.address_wrap address{font-size:12px;} footer div.address_wrap address span{display:block;} footer div.address_wrap address span:before{display:none;} footer > div p{font-size:12px;} footer .sns_links{float:none; clear:both; text-align:center;} footer .sns_links li{width:30%; margin-left:5%;} footer .sns_links li a{height:auto; padding-top:40px; padding-left:0; overflow:hidden; line-height:30px; font-size:11px;} footer .sns_links li a:before{margin-top:0; margin-left:-21.5px; top:0; left:50%;} } @media all and (max-width:640px) { #main_contents #visual_section strong{font-size:27.5px;} #main_contents div.quick_menu ul li a em{font-size:12px; letter-spacing:-1px} }