.bg_wrap .title4{ position: absolute; top: 180px; left: 80px; z-index: 1; } .bg_wrap .title4 a{display:block;} .bg_wrap .title4 p{color: #fff;} .bg_wrap .title4 p:first-child{font-size: 22px; text-shadow: 4px 4px 10px #000; font-weight: 300; text-align: center;} .bg_wrap .title4 p:last-child{font-size: 22px; text-shadow: 2px 2px 6px #000; font-weight: 300; text-align: center;} @charset "utf-8"; @media(max-width:1500px){ /*모바일 메뉴*/ /* .gnbmenu_wrap{overflow-y:scroll;} */ #content .today_inner{display:none !important;} #content .today_inner .today{display:none !important;} #wrap{} #header{width:100%; position:relative;} .board_write table .mobile{display:none;} /* 팝업 */ .popup_wrap{background-color: #f4b221;position: relative;width: 100%;height: 140px;transition: top 0.2s ease-in-out;top: 0;left: 0;} .popup_wrap .popup_inner{width: 1200px; margin: 0 auto; position: relative; height: 150px; } .popup_wrap .slick-list .slick-track{margin: 18px 0 32px;} #popup_list{height: 150px;} #popup_list .slick-list{height: 150px;} #header .popup_wrap .popup_inner .slick-prev{background-color: transparent; text-indent: -9999px; border: 0; background: #f4b221 url(/usr/images/suwon/popup_arrow_prev.png) no-repeat left center; width: 32px; height: 120px; position: absolute; top: 50%; left: -30px; transform: translateY(-50%); cursor: pointer; z-index: 100;} #header .popup_wrap .popup_inner .slick-next{background-color: transparent; text-indent: -9999px; border: 0; background: url(/usr/images/suwon/popup_arrow_next.png) no-repeat center; width: 17px; height: 32px; position: absolute; top: 50%; right: -30px; transform: translateY(-50%); cursor: pointer; z-index: 100;} .popup_item{padding: 0 20px; box-sizing: border-box; border-left: 1px solid #eee;} .popup_item::after{content: ""; display: block; clear: both;}.gnb_wrap .gnb li a .popup_item .icon_01{background: #fff url(/usr/images/suwon/popup_icon01.png) no-repeat center; width: 60px; height: 60px; border-radius: 50%; margin: 20px 0; margin-right: 30px; display: block; float: left;} .popup_item .icon_02{background: #fff url(/usr/images/suwon/popup_icon02.png) no-repeat center; width: 60px; height: 60px; border-radius: 50%; margin: 20px 0; margin-right: 30px; display: block; float: left;} .popup_item .popup_txt{float: left; margin-top: 20px; color: #fff; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 260px; height: 90px;} .popup_item .popup_txt .tit{font-size: 17px; text-overflow:ellipsis; white-space: nowrap;overflow:hidden;} .popup_item .popup_txt p{font-size: 15px;} .popup_item .popup_txt .popup_more{color: #fff; background: url(/usr/images/suwon/btn_more_w.png) no-repeat right 10px center; padding: 4px 34px 4px 10px; font-size: 14px; display: inline-block; position: absolute; right: 0; bottom: 0px; box-sizing: border-box;} .popup_item .popup_txt .popup_more:hover{ border: 1px solid #fff;} .popup_wrap a.popup_close{ position: absolute; bottom: 0px; right: 0; height: 32px; line-height: 32px; text-align: center; background: #f4b221 url(/usr/images/suwon/popup_close.png) no-repeat right 10px center; padding-right: 30px; padding-left: 10px; color: #fff; background-size: 18px; width: 70px; z-index: 500; display: none;} .popup_wrap .popup_close.on{display:block;} a.popup_open{position: absolute; bottom: -32px; right: 0; height: 32px; line-height: 32px; text-align: center; background: rgba(000, 000, 000, 0.5) url(/usr/images/suwon/popup_open.png) no-repeat right 10px center; padding-right: 30px; padding-left: 10px; color: #fff; background-size: 18px; width: 70px; z-index: 5; display: none;} a.popup_open.on{display: block; color: #fff; } .header_wrap{background:#062f6e;} .header_wrap .header_inner{width: 1200px; margin: 0 auto; position: relative;} .header_wrap .header_inner::after{content: ""; display: block; clear: both;} .header_wrap h1{width: 100px;float: left;} .header_wrap h1 a{display:block;vertical-align: middle; margin: 9px 0 15px;} .header_wrap h1 .btn_sitemap{display:none;} .header_wrap h1 a img{width: 100px;vertical-align: middle;} .gnb_wrap{height:74px;float: left;margin-left: 73px;} .gnb_wrap .gnb_close{display:none;} .gnb_bg{width:100%; background:#fff; height:500px; display:none !important;} .gnb_wrap .gnb{position:relative; text-align:center;} .gnb_wrap .gnb li{font-size:18px;display:inline-block;padding: 0px 16px;} .gnb_wrap .gnb li a{color:#fff; line-height:74px;} /* .gnb_wrap .gnb li:hover > .gnbmenu_wrap{display:block;} */ .gnb_wrap .gnb li .gnbmenu_wrap{display:none; width:1200px; position:absolute; top:74px; left:-180px; margin:0 auto; background:#fff; z-index:60; border-bottom:1px solid #aaa; min-height: 200px;} .gnb_wrap .gnb li .gnbmenu_wrap .title{position:absolute; width:265px; bottom:0; top:0; box-sizing:border-box; padding-left:30px; background:#f4b221 url(/usr/images/suwon/bg_gnbtitle.png) no-repeat right bottom;} .gnb_wrap .gnb li .gnbmenu_wrap .title .en{margin-top:60px; color:#062f6e; font-size:13px; letter-spacing:3px;} .gnb_wrap .gnb li .gnbmenu_wrap .title{color:#fff; font-size:38px;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2{float:left; padding:10px 0 0 40px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; margin-left:256px;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li{float:left; width:180px; margin-right:40px; text-align:left; padding:0;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li a{display:block; font-size:17px; color:#062f6e; line-height:40px; font-weight:normal; border-bottom:1px solid #aaa;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3{overflow:hidden; padding:8px 0;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li{text-align:left; padding:0; float:none; width:100%;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li a{color:#666; font-size:14px; line-height:25px; border-bottom:none;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li a:hover{text-decoration: underline; color: #f4b221;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li a.new{background: url(/usr/images/suwon/dep3_new.png) no-repeat right center;} .tnb_wrap{width: 1200px;margin: 0 auto; height: 30px; color: #333;} .tnb_wrap .tnb{float:right;height: 30px;vertical-align: middle;} .sch_wrap .btn_sch{display:none; background:url(/usr/images/suwon/icon_tnbsch.png) no-repeat center; } .sch_wrap{float:left; margin-top: 16px;} .sch_wrap .sch_form{} .sch_wrap .sch_form form{} .sch_wrap .sch_form form fieldset{} .sch_wrap .sch_form form fieldset span{display:inline-block; border:2px solid #062f6e; width:165px; height:36px;} .sch_wrap .sch_form form fieldset span input{width:165px; border:none; height:36px;} .sch_wrap .sch_form form fieldset button{ position:absolute; right:0; top:18px; width:40px; height:36px; text-indent:-9999px; background:#062f6e url(/usr/images/suwon/icon_tnbsch.png) no-repeat center; border: 1px solid #fff;} .btn_sitemap{ border: 0; background-color: transparent; } .tnb_wrap .language{float: right;vertical-align: middle;height: 30px;} .tnb_wrap .language .title{cursor:pointer;} .tnb_wrap .language .list{} .tnb_wrap .language .list::after{display: block; clear: both; content: "";} .tnb_wrap .language .list li{float: left; margin-right: 10px;} .tnb_wrap .language .list li a{color:#666; font-size: 15px; font-weight: 500;} .tnb_wrap .language .list li a:hover{text-decoration: underline;} /* 메인비주얼 */ .mainvisual_wrap{overflow:hidden; position: relative;} .mainvisual_slide{width:100%; height:580px; position:relative; overflow:hidden;} .mainvisual_wrap ul li .bg_wrap{width: 1200px; margin: 0 auto; position: relative;; height: 580px;} .bg_wrap .title{ position: absolute; top: 185px; left: 160px; z-index: 1; } .bg_wrap .title p{color: #fff;} .bg_wrap .title p:first-child{font-size: 40px; font-weight: 600;text-shadow: 4px 4px 10px #000;} .bg_wrap .title p:last-child{font-size: 25px; text-shadow: 2px 2px 6px #000;} .bg_wrap .title_2{ position: absolute; top: 160px; left: 140px; z-index: 1; } .bg_wrap .title_2 p{color: #fff;} .bg_wrap .title_2 p:first-child{font-size: 35px; font-weight: 600;text-shadow: 4px 4px 10px #000;} .bg_wrap .title_2 p:last-child{font-size: 20px; text-shadow: 2px 2px 6px #000;} .bg_wrap .title_3{ position: absolute; top: 155px; left: 160px; z-index: 1; } .bg_wrap .title_3 p{color: #fff;} .bg_wrap .title_3 p:first-child{ font-size: 30px; text-shadow: 4px 4px 10px #000; font-weight: 600;} .bg_wrap .title_3 p:nth-child(3){font-size: 22px; text-shadow: 2px 2px 6px #000; font-weight: 300; text-align: center;} .bg_wrap .title_3 p:nth-child(5){font-size: 22px; text-shadow: 2px 2px 6px #000; font-weight: 300;} .bg_wrap .title_3 p:last-child{ font-size: 22px; text-shadow: 2px 2px 6px #000; font-weight: 300;} .bg_wrap .title4{ position: absolute; top: 180px; left: 80px; z-index: 1; } .bg_wrap .title4 a{display:block;} .bg_wrap .title4 p{color: #fff;} .bg_wrap .title4 p:first-child{font-size: 22px; text-shadow: 4px 4px 10px #000; font-weight: 300; text-align: center;} .bg_wrap .title4 p:last-child{font-size: 22px; text-shadow: 2px 2px 6px #000; font-weight: 300; text-align: center;} .bg_wrap .more_btn{ width: 136px; height: 41px; line-height: 44px; position: absolute; bottom: 250px; right: 120px; color: #fff; padding-left: 10px; box-sizing: border-box; font-size: 16px; background: url(/usr/images/suwon/main_more_btn.png) no-repeat right center; background-size: 136px;} .mainvisual_wrap ul li{width: 100%; height:580px;} .mainvisual_wrap ul li.bg01{background: url(/usr/images/suwon/visual_img202105-3.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg02{background: url(/usr/images/suwon/visual_img202112-1.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg03{background: url(/usr/images/suwon/visual_img202105-1.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg04{background: url(/usr/images/suwon/visual_img04.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg05{background: url(/usr/images/suwon/visual_img05.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg06{background: url(/usr/images/suwon/visual_img06.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg07{background: url(/usr/images/suwon/visual_img07.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg08{background: url(/usr/images/suwon/visual_img08.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg09{background: url(/usr/images/suwon/visual_img09.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg10{background: url(/usr/images/suwon/visual_img10.jpg) no-repeat center; background-size: 1600px auto; } .mainvisual_wrap ul li.bg18{background: url(/usr/images/suwon/visual_img18.jpg) no-repeat center; background-size: 1300px auto; } .mainvisual_wrap ul li.bg19{background: url(/usr/images/suwon/visual_img19.jpg) no-repeat center; background-size: 1300px auto; } .mainvisual_wrap .btn_wrap a{text-indent:-9999px; display:block; width:68px !impotant; height:68px !impotant;; position:absolute; z-index:10; bottom:40px !impotant;; cursor:pointer;} .mainvisual_wrap .btn_wrap a.prev{background:url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat; left:50%; margin-left:-163px !impotant;} .mainvisual_wrap .btn_wrap a.next{background:url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat; right:50%; margin-right:-163px !impotant;} .mainvisual_wrap .btn_wrap a.play{background:url(/usr/images/suwon/btn_mainvisual_play.png) no-repeat; left:50%; margin-left:-76px !impotant;} .mainvisual_wrap .btn_wrap a.stop{background:url(/usr/images/suwon/btn_mainvisual_stop.png) no-repeat; right:50%; margin-right:-76px !impotant;} .mainvisual_wrap .bx-wrapper{} #container{ /*margin:30px 0 0; */ position:relative;} #container:after{content:""; clear:both; display:block;} #content{} .section{ } .section:after{content:""; clear:both; display:block;} .section_info{width:1200px; margin:0 auto 70px auto;} /* usw news */ .section_news{position: relative; margin-bottom: 50px;} .section_news .news_wrap{position: relative; } .section_news .news_wrap h2{text-align: center;} .section_news .news_wrap .list_more{display: block; width: 25px; height: 25px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; background-size: 25px;} .news_wrap .news_list{text-align: center;} .news_wrap .news_list::after{content: ""; display: block; clear: both;} .news_wrap .news_list.news02{display: none;} .news_wrap .news_list li{width: 285px; margin-right: 20px; height: 285px; margin-bottom: 20px; float: left; box-sizing: border-box; overflow: hidden;position: relative;} .news_wrap .news_list li:nth-child(4n+4){margin-right: 0;} .news_wrap .news_list li .view_bg{background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;} .news_wrap .news_list > li .view_bg .view_btn{border: 1px solid #fff; width: 100px; height: 35px; line-height: 35px; box-sizing: border-box; color: #fff; text-align: center; display: block; position: absolute; top: 45%; left: 50%; transform: translateX(-50%);} .news_wrap .news_list li:hover .view_bg{display: block;} .news_wrap .news_list li a .shadow{ background: rgba(0,0,0,0.6); height: 60px; position: absolute; bottom: 0; left: 0;} .news_wrap .news_list li a .shadow p{ padding: 20px 15px 15px 15px; color: #fff;} .news_wrap .news_list li img{height: 100%;} .news_btn_wrap{position: relative;} .news_btn_wrap .news_more_btn{ border: 1px solid #999; width: 100%; display: block; text-align: center; color: #666; padding: 6px; position: absolute; top: 0; left: 0; box-sizing: border-box;} .news_btn_wrap .news_more_btn.more{ background: url(/usr/images/suwon/show_btn.png) no-repeat 53% center;} .news_btn_wrap .news_more_btn.close{ background: url(/usr/images/suwon/hide_btn.png) no-repeat 53% center;} .news_btn_wrap .news_more_btn:hover{background-color: #f1f1f1; overflow: hidden;} /* 입학정보,취업정보 */ .section_info .section_info_banner{width:285px; float:left; color:#fff;} .section_info .section_info_banner .info_banner01{width:100%; height:235px; overflow:hidden; padding-left:30px; box-sizing:border-box; background:url(/usr/images/suwon/bg_info_banner01.gif) no-repeat;} .section_info .section_info_banner .info_banner02{width:100%; height:235px; overflow:hidden; padding-left:30px; box-sizing:border-box; background:url(/usr/images/suwon/bg_info_banner02.gif) no-repeat; } .section_info .section_info_banner .info_banner01 h2, .section_info .section_info_banner .info_banner02 h2{font-size:22px; margin-top:30px;} .section_info .section_info_banner .info_banner01 p, .section_info .section_info_banner .info_banner02 p{margin-top:20px; font-size:16px;} .section_info .section_info_banner .info_banner01 a, .section_info .section_info_banner .info_banner02 a{display:inline-block; margin-top:15px; width:80px; height:30px; line-height:30px; border:1px solid #fff; box-sizing:border-box; color:#fff; text-align:center;} /* 공지사항 */ .section_info .section_info_notice{width: 760px;float: left;height: 275px;border-bottom: 1px solid #aaa;} .section_info .section_info_notice .noticetab{width:100%;position:relative;z-index: 0;} .section_info .section_info_notice .noticetab .noticetab_li{text-align:center; float:left; box-sizing: border-box; width: 13.7%;} .section_info .section_info_notice .noticetab .noticetab_li:first-child{} .section_info .section_info_notice .noticetab .noticetab_li .tab_btn.on{background:#062f6e;} .section_info .section_info_notice .noticetab .noticetab_li > h3 .tab_btn.on{color:#fff; display: block; width: 100%; height: 100%; display:block;} #noticetab1{display:block;} .section_info .section_info_notice .noticetab .noticetab_li h3{font-weight:normal; cursor:pointer;} .section_info .section_info_notice .noticetab .noticetab_li > h3 >a{ border-bottom: 2px solid #666; display: block; box-sizing: border-box; padding: 10px 0; font-size: 16px; } .section_info .section_info_notice .noticetab .noticetab_li .list_wrap{position: absolute;top: 0;left:0;width: 730px; display:none;transition: all 0.3s;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul{font-size:16px;position: absolute;top: 50px;left: 0;width: 730px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li{height: 43px;line-height: 44px;width: 100%;/* border-bottom:1px dashed #aaa; */} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a{} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a span{display:block;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .date{width: 120px;float:left;text-align:center;font-size: 16px;/* margin-top:10px; */} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt{width: 580px;float:left;text-align:left;padding-right: 10px;/* margin-top:10px; */box-sizing: border-box;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .title{font-size: 16px;text-overflow: ellipsis; white-space: nowrap;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .cont{display:none;} .section_info .section_info_notice .noticetab .noticetab_li .list_more{position:absolute;right: -30px;top: 10px;display:block;width: 25px;height: 25px;background:url(/usr/images/suwon/btn_more.png) no-repeat center center;text-indent:-9999px;cursor:pointer;background-size: 25px;display:none;z-index: 10;} .section_info .section_info_notice .noticetab .noticetab_li:first-child .list_more{display:block;} /* SNS */ .section_info .section_info_social{} .section_info .section_info_social .socialtab{width:753px; float:left; border-right:1px solid #aaa; position:relative;} .section_info .section_info_social .socialtab .socialtab_li{background:#6a6a6a; width:130px; text-align:center; line-height:75px; height:75px; font-size:16px;} .section_info .section_info_social .socialtab .socialtab_li > h3{color:#fff; cursor:pointer; font-size: 16px;} .section_info .section_info_social .socialtab .socialtab_li.b.on{background:#2eb300;} .section_info .section_info_social .socialtab .socialtab_li.f.on{background:#3a5795} .section_info .section_info_social .socialtab .socialtab_li.i.on{background:#c235a7} .section_info .section_info_social .socialtab .socialtab_li.y.on{background:#f60000} .section_info .section_info_social .socialtab .socialtab_li .list_wrap{display:none; position:absolute; width:590px; top:0; left:160px; background:#fff;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap .title{text-align:left; text-indent:40px; font-size: 20px;} .section_info .section_info_social .socialtab .socialtab_li.b .list_wrap .title{background:url(/usr/images/suwon/titblt_blog.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li.f .list_wrap .title{background:url(/usr/images/suwon/titblt_facebook.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li.y .list_wrap .title{background:url(/usr/images/suwon/titblt_youtube.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li.i .list_wrap .title{background:url(/usr/images/suwon/titblt_instagram.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul{font-size:14px; } .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li{position:relative; text-align:left; line-height:50px; height:50px; text-indent:45px} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li:before{content:""; display:block; width:1px; height:20px; background:#aaa; position:absolute; left:19px; top:-10px;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li a{} .section_info .section_info_social .socialtab .socialtab_li.b .list_wrap ul li{background:url(/usr/images/suwon/blt_blog.png) no-repeat 5px center;} .section_info .section_info_social .socialtab .socialtab_li.f .list_wrap ul li{background:url(/usr/images/suwon/blt_facebook.png) no-repeat 5px center;} .section_info .section_info_social .socialtab .socialtab_li.y .list_wrap ul li{background:url(/usr/images/suwon/blt_youtube.png) no-repeat 5px center;} .section_info .section_info_social .socialtab .socialtab_li.i .list_wrap ul li{background:url(/usr/images/suwon/blt_instagram.png) no-repeat 5px center;} .section_info .section_info_social .socialtab .socialtab_li .list_more{position:absolute; right:30px; top:20px; display:block; width:25px; height:25px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} /* 학사일정 */ .section_info .section_info_schedule{width: 400px;float: right;box-sizing:border-box;position:relative;} .section_info .section_info_schedule h2{font-size: 17px;padding-top: 10px;/* font-weight: 400; */padding-bottom: 10px;border-bottom: 2px solid #666;} .section_info .section_info_schedule .list_wrap {overflow-y: hidden;height: 227px;border-bottom: 1px solid #aaa;} .section_info .section_info_schedule .list_wrap ul{} .section_info .section_info_schedule .list_wrap ul li{padding: 15px 0;overflow:hidden;border-bottom: 1px dashed #aaa;} .section_info .section_info_schedule .list_wrap ul li a{} .section_info .section_info_schedule .list_wrap ul li a span{display:block;} .section_info .section_info_schedule .list_wrap ul li a .date{display:block;width: 100%;font-weight: 600;padding-bottom: 2px;} .section_info .section_info_schedule .list_wrap ul li a .date .month{display:block;font-size: 16px;line-height: 14px;margin-bottom: 5px;} .section_info .section_info_schedule .list_wrap ul li a .date .day{display: none;font-size: 32px;line-height: 40px;} .section_info .section_info_schedule .list_wrap ul li a .txt{font-size: 16px;display:block;margin-left: 0;width: 100%;padding-left: 0;box-sizing: border-box;} .section_info .section_info_schedule .list_more{display: block; width: 25px; height: 25px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; background-size: 25px;} /* 주요서비스 바로가기 */ .section_quick{width:1200px; margin:0 auto 70px auto; overflow:hidden; position:relative;} .section_quick ul{width:1140px; margin:0 auto; overflow:hidden;} .section_quick ul li{float:left; height:120px; width:163px;; text-align:center; line-height:190px; cursor:pointer;} .section_quick ul li:first-child{width:162px;} .section_quick ul li.bg01{background:url(/usr/images/suwon/icon_quick01.png) no-repeat center 20%;} .section_quick ul li.bg02{background:url(/usr/images/suwon/icon_quick02.png) no-repeat center 20%;} .section_quick ul li.bg03{background:url(/usr/images/suwon/icon_quick03.png) no-repeat center 20%;} .section_quick ul li.bg04{background:url(/usr/images/suwon/icon_quick04.png) no-repeat center 20%;} .section_quick ul li.bg05{background:url(/usr/images/suwon/icon_quick05.png) no-repeat center 20%;} .section_quick ul li.bg06{background:url(/usr/images/suwon/icon_quick06.png) no-repeat center 20%;} .section_quick ul li.bg07{background:url(/usr/images/suwon/icon_quick07.png) no-repeat center 20%;} .section_quick ul li.bg08{background:url(/usr/images/suwon/icon_quick08.png) no-repeat center 20%;} .section_quick ul li.bg01:hover{background:url(/usr/images/suwon/icon_quick01_on.png) no-repeat center 20%;} .section_quick ul li.bg02:hover{background:url(/usr/images/suwon/icon_quick02_on.png) no-repeat center 20%;} .section_quick ul li.bg03:hover{background:url(/usr/images/suwon/icon_quick03_on.png) no-repeat center 20%;} .section_quick ul li.bg04:hover{background:url(/usr/images/suwon/icon_quick04_on.png) no-repeat center 20%;} .section_quick ul li.bg05:hover{background:url(/usr/images/suwon/icon_quick05_on.png) no-repeat center 20%;} .section_quick ul li.bg06:hover{background:url(/usr/images/suwon/icon_quick06_on.png) no-repeat center 20%;} .section_quick ul li.bg07:hover{background:url(/usr/images/suwon/icon_quick07_on.png) no-repeat center 20%;} .section_quick ul li.bg08:hover{background:url(/usr/images/suwon/icon_quick08_on.png) no-repeat center 20%;} .section_quick ul li a{height: 100%; display: block;} .section_quick .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; position:absolute; top:50%; margin-top:-12px; cursor:pointer} .section_quick .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat; margin-right:10px; left:0; } .section_quick .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat; right:0;} /* 주요기관 바로가기 */ .section_institution{width:1200px; margin:0 auto 70px auto; overflow:hidden; text-align:center; position: relative;} .section_institution a.list_more{ display: block; width: 25px; height: 25px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 14px; right: 0; background-size: 25px;} .section_institution h2{width:136px; height:52px; line-height:52px; float:left; font-size:15px; font-weight:bold; background:#f4b221; color:#222; text-align:center; margin-right: 78px;} .section_institution .list_wrap{width: 920px;height:52px;float:left;overflow:hidden;} .section_institution .list_wrap ul{width:2000px;} .section_institution .list_wrap ul li{float:left;width:120px;height:50px;line-height:50px;border-bottom:2px solid #666;margin-right: 15px;} .section_institution .list_wrap ul li a{font-size:16px;} /* 주요기관 및 서비스 */ .service_link::after{content: ""; clear: both; display: block;} .service_link{border-bottom: 1px solid #aaa; padding-bottom: 40px;} .service_link dt{float: left; width: 150px; margin-right: 15px; color: #062f6e; border-left: 5px solid #f4b221; font-size: 20px; color: #f4b221; padding-left: 10px;line-height: 1.4 ; box-sizing: border-box;} .service_link dd{float: left; width: 1035px;} .service_link dd ul li{width: 20%; float: left; font-size: 15px; margin-bottom: 5px; box-sizing: border-box;} .service_link dd ul li a{color: #666;} .service_link dd ul li a:hover{text-decoration: underline; color: #333;} .section:nth-child(3) .service_link dd ul li:first-child{letter-spacing: -1px;} /* 수원갤러리 */ .section_info .swu_gallery_info::after{content: ""; clear: both; display: block;} .usw_gallery_info h2, .usw_today_info h2{font-size: 36px; margin-bottom: 20px;} .section_info .usw_gallery_info{float: left; margin-right: 36px; position: relative; width: 590px;} .section_info .usw_gallery_info ul li{position: relative;} .section_info .usw_gallery_info ul li img{width: 100%;} .section_info .usw_gallery_info a.list_more{display: block; width: 24px; height: 24px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; background-size: 24px;} #gallery_slider{height: 394px !important; position: relative;} #gallery_slider li img{width: 590px;} .usw_gallery_info .bx-pager{display: none; font-size: 0; text-indent: -9999px;} .usw_gallery_info .bx-controls-direction{} .usw_gallery_info .bx-controls-direction .bx-prev{background: url(/usr/images/suwon//btn_mainvisual_prev.png) no-repeat left center; width: 60px; height: 60px; background-size: 60px; text-indent: -9999px; display: inline-block; position: absolute; top: 50%; left: 10px; z-index: 100; transform: translateY(-50%);} .usw_gallery_info .bx-controls-direction .bx-next{background: url(/usr/images/suwon//btn_mainvisual_next.png) no-repeat left center; width: 60px; height: 60px; background-size: 60px; text-indent: -9999px; display: inline-block; position: absolute; top: 50%; right: 10px; z-index: 100; transform: translateY(-50%);} .usw_gallery_info .bx-controls-auto-item{display: none;} /* usw 투데이 */ .section_info .usw_today_info{float: left; width: 758px; position: relative;} .section_info .usw_today_info ul li{position: relative;} .section_info .usw_today_info ul li a{display: block;} .section_info .usw_today_info ul li a::after{clear: both; content: ""; clear: both;} .section_info .usw_today_info ul li a:hover{text-decoration: underline;} .section_info .usw_today_info ul li .img_box{width: 392px; height: 292px; display: inline-block; float: left; overflow: hidden; margin-right: 30px;} .section_info .usw_today_info ul li img{height: 100%;} .section_info .usw_today_info ul li a .text_box{margin-right: 10px;} .section_info .usw_today_info ul li a .text_box span.title{font-weight: 600; margin-bottom: 10px; font-size: 18px; display: block;} .section_info .usw_today_info .text_box span.text{} .section_info .usw_today_info a.list_more{display: block; width: 31px; height: 31px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0;} .section_info .usw_today_info .bx-pager{position: absolute; bottom: 0; right: 0;} .section_info .usw_today_info .bx-pager::after{content: ""; clear: both; display: block;} .section_info .usw_today_info .bx-pager .bx-pager-item{float: left; margin-right: 5px;} .section_info .usw_today_info .bx-pager .bx-pager-item a{width: 12px; height: 12px; text-indent: -9999px; border-radius: 50%; background-color: #aaa; display: block;} .section_info .usw_today_info .bx-pager .bx-pager-item a.active{background-color: #f4b221;} .section_info .usw_today_info .bx-controls-direction{display: none;} /* 수원 홍보영상 */ .section_video{width:100%;margin: 70px 0;position:relative;height: 428px;overflow:hidden;} .section_video:after{content:""; clear:both; display:block;} .section_video:before{display: block;content: '';width:4000px;height:349px;position:absolute;top: 80px;left:50%;margin-left:-3450px;background-color: #eee;} .section_video h2{text-align:center; margin-bottom: 30px;} .section_video .list_wrap{margin-top:60px; position:absolute; left:50%; margin-left:-600px; height:auto;} .section_video .list_wrap .txt{width: 250px; padding-right: 10px; box-sizing: border-box;} .section_video .list_wrap .txt li{ height:200px; display:none; } .section_video .list_wrap .txt li .tit{font-size: 17px;margin-bottom:14px;} .section_video .list_wrap .txt li .cont{font-size: 14px;} .section_video .list_wrap .txt li.active-caption {display:block;} .section_video .list_wrap .list_more{position:absolute; right:0; bottom:20px; display:block; width:25px; height:25px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} .section_video .list_wrap .btn_wrap{position:absolute; right:0; bottom:-50px;} .section_video .list_wrap .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; float:left; cursor:pointer;} .section_video .list_wrap .btn_wrap a.prev{background:url(/usr/images/suwon/icon_newsprev.png) no-repeat; margin-right:10px;} .section_video .list_wrap .btn_wrap a.next{background:url(/usr/images/suwon/icon_newsnext.png) no-repeat;} .section_video .img_wrap{position:absolute;width:100%;left: 29%;right:0;margin-left:-20px;top: 80px;height:349px;} .section_video .img_wrap .bx-wrapper{max-width:100% !important;} .section_video .img_wrap ul{} .section_video .img_wrap ul li{float:left;width:629px; height:349px; } /*.section_video .img_wrap ul li.bg02::before{width: 100%; height: 100%; content: ""; display: block; background-color: rgba(0, 0, 0, 0.4);}*/ .section_news_rbg{width:1500px; height:340px; bottom:0; position:absolute; background:rgba(0,0,0,0.5); right:50%; margin-right:-2130px; z-index:5;} .ytb_logo{background: url(/usr/images/suwon/logo_youtube.png) no-repeat center; width: 120px; height: 27px; margin-bottom: 20px;} .ytb_logo a{width: 100%; height: 100%; display: block;} .usw_logo{background: url(/usr/images/suwon/logo2.png) no-repeat center; width: 120px; height: 50px; margin-bottom: 20px; background-size: 120px;} /* 미디어포커스 */ .section_news{position: relative} .section_news h2{text-align: center; margin-bottom: 50px;} .section_news .list_more{display: block; width: 25px; height: 25px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; background-size: 25px;} .section_news_list::after{display: block; clear: both; content: "";} .section_news_list li{float: left; width: 31.2%; margin-right: 3.2%;} .section_news_list li:last-child{margin-right: 0;} .section_news_list li a:hover{text-decoration: underline;} .section_news_list li a img{ width: 100%; } .section_news_list li a .text_box{margin-top: 20px;} .section_news_list li a .text_box .title{font-size: 19px; font-weight: 600; border-bottom: 2px solid #f4b221; line-height: 1.8; padding-bottom: 15px; margin-bottom: 15px;} .section_news_list li a .text_box .text{font-size: 17px;} /* 수원 피플*/ .section_people{ background: url(/usr/images/suwon/suwon_people_bg.jpg) no-repeat top center; padding: 40px; height: 530px;} .section_people .section_info{position: relative;} .section_people .section_info .list_more{display: block; width: 31px; height: 31px; background: url(/usr/images/suwon/submain_snb_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0;} .section_people .section_info h2{text-align: center; margin-bottom: 50px;} .section_people .section_info ul.people_list{position: absolute; top: 100px; right: 0;} .section_people .section_info ul.people_list::after{content: ""; clear: both; display: block;} .section_people .section_info ul.people_list li:first-child{margin-left: 0;} .section_people .section_info ul.people_list li{float: left; margin-left: 50px;} .section_people .section_info ul.people_list li .text_box{margin-top: 10px;} .section_people .section_info ul.people_list li .text_box .title{font-weight: 500;} .section_people .section_info ul.people_list li .text_box .text{display: block;} /* 사용자별 주요서비스(메인홈 우측 1500) */ .section_campus{position: fixed;width: 100px;margin:0 auto;margin-bottom: 40px;top: 50%;right: 10px;transform: translateY(-50%);z-index: 500;background-color: #Fff;} .section_campus .title{width:100%;text-align: center; margin-bottom: 30px;} .section_campus .title h2{font-size:36px;} .section_campus .title p{font-size:15px;} .service_wrap{width: 100%; position: relative;} .service_wrap::after{display: block; clear: both; content: "";} .service_wrap .tit{background-color: #faa916; color: #fff; text-align: center; line-height: 70px; font-size: 18px; float: left; width: 24%; height: 70px;} .service_wrap .service_tab_menu{/* float: none; */border: 1px solid #aaa;width: 100%;box-sizing: border-box;} .service_wrap .service_tab_menu li:first-child{} .service_wrap .service_tab_menu li{text-align: center;width: 100%; background-color: #fff;} .service_wrap .service_tab_menu li a{font-size: 15px;display: block;width: 100%;height: 100%;height: 76px;box-sizing: border-box;line-height: 1.2;padding: 0 5px;padding-top: 10px;border-bottom: 1px dashed #aaa; box-sizing: border-box;} /* .service_wrap .service_tab_menu li a{font-size: 15px;display: block;width: 100%;height: 100%;height: 76px;box-sizing: border-box;line-height: 1.2;padding: 0 5px;padding-top: 50px;border-bottom: 1px dashed #aaa; box-sizing: border-box;} */ /* .service_wrap .service_tab_menu li.icon01 a{background: url(/usr/images/suwon/service_icon01.png) no-repeat top 15px center;} .service_wrap .service_tab_menu li.icon02 a{background: url(/usr/images/suwon/service_icon02.png) no-repeat top 15px center;} .service_wrap .service_tab_menu li.icon03 a{background: url(/usr/images/suwon/service_icon03.png) no-repeat top 15px center;} .service_wrap .service_tab_menu li.icon04 a{background: url(/usr/images/suwon/service_icon04.png) no-repeat top 15px center;} */ .service_wrap .service_tab_menu li.icon01:hover a{ text-decoration: underline;} .service_wrap .service_tab_menu li.icon02:hover a{ text-decoration: underline;} .service_wrap .service_tab_menu li.icon03:hover a{ text-decoration: underline;} .service_wrap .service_tab_menu li.icon04:hover a{ text-decoration: underline;} .service_view .service_tit{/* background-color: #2a3d5a; */padding: 14px 20px;height: 38px;text-align: center;} .service_view .service_tit::after{content: ""; display: block; clear: both;} .service_view .service_tit h4{color: #2a3d5a;font-size: 32px;float: none;margin-right: 20px;font-weight: 600;line-height: 1.2;} .service_view .service_tit p{color: #999;font-size: 15px;float: none;margin-top: 5px;} .service_view .service_tit a.close_btn{background: url(/usr/images/suwon/close3.png) no-repeat right center; float: right; height: 25px; margin-top: 5px; text-indent: -9999px; width: 24px;} .service_view .service_icon_list{/* border: 1px solid #ddd; */background-color: #fff;width: 100%;padding: 20px;box-sizing: border-box;height: 300px;margin-top: 30px;} .service_view .service_icon_list::after{content: ""; clear: both; display: block;} .service_view .service_icon_list li{float: left;width: 20%;text-align: center;height: 130px;margin-bottom: 20px;} .service_view .service_icon_list li a{display: block;padding-top: 70px;margin: 0 20px;box-sizing: border-box;border-bottom: 1px solid #062f6e ;padding-bottom: 20px;} .service_icon_list.list01 li{} .service_icon_list.list01 .icon01{background: url(/usr/images/suwon/service_list_icon13.png) no-repeat top 10px center;} .service_icon_list.list01 .icon02{background: url(/usr/images/suwon/service_list_icon09.png) no-repeat top 10px center;} .service_icon_list.list01 .icon03{background: url(/usr/images/suwon/service_list_icon11.png) no-repeat top 10px center;} .service_icon_list.list01 .icon04{background: url(/usr/images/suwon/service_list_icon01.png) no-repeat top 10px center;} .service_icon_list.list01 .icon05{background: url(/usr/images/suwon/service_list_icon05.png) no-repeat top 14px center;} .service_icon_list.list01 .icon06{background: url(/usr/images/suwon/service_list_icon06.png) no-repeat top 16px center;} .service_icon_list.list01 .icon07{background: url(/usr/images/suwon/service_list_icon07.png) no-repeat top 10px center;} .service_icon_list.list01 .icon08{background: url(/usr/images/suwon/service_list_icon21.png) no-repeat top 14px center;} .service_icon_list.list01 .icon09{background: url(/usr/images/suwon/service_list_icon12.png) no-repeat top 14px center;} .service_icon_list.list01 .icon10{background: url(/usr/images/suwon/service_list_icon10.png) no-repeat top 14px center;} .service_icon_list.list01 .icon11{background: url(/usr/images/suwon/service_list_icon10.png) no-repeat top 14px center;} .service_icon_list.list01 .icon12{background: url(/usr/images/suwon/service_list_icon08.png) no-repeat top 14px center;} .service_icon_list.list02{} .service_icon_list.list02 .icon01{background: url(/usr/images/suwon/service_list_icon05.png) no-repeat top 10px center;} .service_icon_list.list02 .icon02{background: url(/usr/images/suwon/service_list_icon11.png) no-repeat top 10px center;} .service_icon_list.list02 .icon03{background: url(/usr/images/suwon/service_list_icon07.png) no-repeat top 14px center;} .service_icon_list.list02 .icon04{background: url(/usr/images/suwon/service_list_icon01.png) no-repeat top 10px center;} .service_icon_list.list02 .icon05{background: url(/usr/images/suwon/service_list_icon21.png) no-repeat top 10px center;} .service_icon_list.list02 .icon06{background: url(/usr/images/suwon/service_list_icon16.png) no-repeat top 14px center;} .service_icon_list.list02 .icon07{background: url(/usr/images/suwon/service_list_icon07.png) no-repeat top 14px center;} .service_icon_list.list02 .icon08{background: url(/usr/images/suwon/service_list_icon09.png) no-repeat top 14px center;} .service_icon_list.list02 .icon09{background: url(/usr/images/suwon/service_list_icon03.png) no-repeat top 14px center;} .service_icon_list.list02 .icon10{background: url(/usr/images/suwon/service_list_icon08.png) no-repeat top 14px center;} .service_icon_list.list02 .icon11{background: url(/usr/images/suwon/service_list_icon14.png) no-repeat top 14px center;} .service_icon_list.list02 .icon12{background: url(/usr/images/suwon/service_list_icon15.png) no-repeat top 14px center;} .service_icon_list.list03{} .service_icon_list.list03 .icon01{background: url(/usr/images/suwon/service_list_icon02.png) no-repeat top 12px center;} .service_icon_list.list03 .icon02{background: url(/usr/images/suwon/service_list_icon04.png) no-repeat top 10px center;} .service_icon_list.list03 .icon03{background: url(/usr/images/suwon/service_list_icon18.png) no-repeat top 12px center;} .service_icon_list.list03 .icon04{background: url(/usr/images/suwon/service_list_icon20.png) no-repeat top 10px center;} .service_icon_list.list03 .icon05{background: url(/usr/images/suwon/service_list_icon19.png) no-repeat top 12px center;} .service_icon_list.list03 .icon06{background: url(/usr/images/suwon/service_list_icon10.png) no-repeat top 10px center;} .service_icon_list.list03 .icon07{background: url(/usr/images/suwon/service_list_icon22.png) no-repeat top 10px center;} .service_icon_list.list03 .icon08{background: url(/usr/images/suwon/service_list_icon03.png) no-repeat top 14px center;} .service_icon_list.list03 .icon09{background: url(/usr/images/suwon/service_list_icon14.png) no-repeat top 12px center;} .service_icon_list.list04{} .service_icon_list.list04 .icon01{background: url(/usr/images/suwon/service_list_icon24.png) no-repeat top 14px center;} .service_icon_list.list04 .icon02{background: url(/usr/images/suwon/service_list_icon30.png) no-repeat top 14px center;} .service_icon_list.list04 .icon03{background: url(/usr/images/suwon/service_list_icon08.png) no-repeat top 12px center;} .service_icon_list.list04 .icon04{background: url(/usr/images/suwon/service_list_icon14.png) no-repeat top 14px center;} .service_icon_list.list04 .icon05{background: url(/usr/images/suwon/service_list_icon25.png) no-repeat top 10px center;} .service_icon_list.list04 .icon06{background: url(/usr/images/suwon/service_list_icon15.png) no-repeat top 12px center;} .service_icon_list.list04 .icon07{background: url(/usr/images/suwon/service_list_icon20.png) no-repeat top 12px center;} .service_logo{ text-align: center; margin: 20px 0 40px;} #mainconttop{height: 45px;display:block;width: 100%;padding: 10px 0;background: #2a3d5a url(/usr/images/suwon/btn_more_hide.png) no-repeat top 5px center;box-sizing: border-box;padding-top: 20px; color:#fff; /*border-bottom: 1px solid #2a3d5a;*/} #conttop{position:fixed; right:5%; bottom: 50px; display:block; width:58px; height:58px; background:url(/usr/images/suwon/btn_conttop.gif) no-repeat; text-indent:-9999px;z-index: 100; display:none;} /* 서브상단 */ #subconttop{position:relative; margin-top:50px;} #subconttop:after{display:block; content:""; clear:both;} #subconttop .subconttop_inner{width:1200px; margin:0 auto; position: relative;} #subconttop .subconttop_inner .breadcrumbs{ position: absolute; top: 10px; right: 140px;} #subconttop .subconttop_inner .breadcrumbs li{font-size:14px; float:left; width: auto; margin-right:5px; padding:0 5px; box-sizing:border-box; position:relative; background:url(/usr/images/suwon/breadcrumbs_arrow.png) no-repeat right 6px; padding-right: 15px;} #subconttop .subconttop_inner .breadcrumbs li:last-child{background: none; padding-right: 0; margin-right: 0;} #subconttop .subconttop_inner .breadcrumbs li .menu{width:20px; display:inline-block; float:right; height:20px; text-indent:-9999px; background:url(/usr/images/suwon/breadcrumbs_arrow.png) no-repeat right center;} #subconttop .subconttop_inner .breadcrumbs li.home{width:20px; background:url(/usr/images/suwon/icon_breadcrumbshome.png) no-repeat center 3px; text-indent:-9999px;background-size: 17px;} #subconttop .subconttop_inner .breadcrumbs li.home:before{display:block; content:""; width:1000px; height:1px; position:absolute; left:50%; margin-left:-1600px; top:44px;} #subconttop .subconttop_inner .breadcrumbs li.depth1{color:#666;} #subconttop .subconttop_inner .breadcrumbs li.depth2{color:#002f74;} #subconttop .subconttop_inner .breadcrumbs li.depth3{color:#f4b221;} #subconttop .subconttop_inner .breadcrumbs li:hover > .inner_menu{display:block;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu{display:none; background:#fff; position:absolute; z-index:10; top:44px; left:0; width:185px; border:1px solid #666;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li{height:32px; line-height:32px; border-bottom:0; font-size:14px;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li a{display:block;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li:hover a{color:#f4b221} #subconttop .subconttop_inner .today{ font-size:18px; position: absolute; top: 0; right: -220px; display:none;} #subconttop .subconttop_inner .today p:nth-child(1){letter-spacing: 5px;} #subconttop .subconttop_inner .today p:nth-child(2){font-size:34px; font-family:'Nanum Myeongjo', serif;} #subconttop .subconttop_inner .today .week{ font-family:'NotoSerif' } /* 서브타이틀 */ .subtitle_wrap{width:100%; max-width:1200px; margin:0 auto; border-bottom:2px solid #003965;} .subtitle_wrap:after{display:block; content:""; clear:both;} .subtitle_wrap h2{font-size:36px; float:left; padding-bottom:10px; font-weight: 600;} .subtitle_wrap .utill{float:right; position:relative;} .subtitle_wrap .utill a{display:inline-block; width:40px; height:40px; text-indent:-9999px;} .subtitle_wrap .utill .share{background:url(/usr/images/suwon/icon_subshare.png) no-repeat center; margin-right:5px;;} .subtitle_wrap .utill .print{background:url(/usr/images/suwon/icon_subprint.png) no-repeat center;} /*서브콘텐츠*/ .subcont_wrap{width:100%; max-width:1200px; margin:40px auto 30px auto;} /* 서브탭메뉴 */ .subcont_tab{border-bottom:1px solid #ccc; margin-bottom:30px;} .subcont_tab ul{overflow:hidden;} .subcont_tab ul.tab_li02{} .subcont_tab ul.tab_li03{} .subcont_tab ul.tab_li04{} .subcont_tab ul.tab_li05{} .subcont_tab ul li{float:left; height:55px; line-height:55px; background:#f4f4f4; color:#999; text-align:center; font-size:20px;} .tab_li06.e010901 li{ height:55px; line-height:55px; } .subcont_tab ul li.on{background:#f4b221; color:#fff;} .subcont_tab ul li a{color:inherit;display: block;} .subcont_tab ul.tab_li02 li{width:50%;} .subcont_tab ul.tab_li03 li{width:33%;} .subcont_tab ul.tab_li03 li:nth-child(2n+3){width:34%;} .subcont_tab ul.tab_li04 li{width:25%;} .subcont_tab ul.tab_li05 li{width:20%;} .subcont_tab ul.tab_li06 li{width:16.6666%;} /* 서브 2차탭메뉴 */ .subcont_tab2{margin-bottom:30px; box-sizing:border-box;} .subcont_tab2 ul{overflow:hidden;} .subcont_tab2 ul li{display:inline-block; float: left; width: 20%; box-sizing: border-box;text-align: center;border: 1px solid #eee;height:35px} .subcont_tab2 ul li.on{ border: 0; background-color: #4469a0;} .subcont_tab2 ul li.on a{color:inherit; color: #fff;} .subcont_tab2 ul li a{display:block; width: 100%; height:35px; padding: 8px 10px; box-sizing: border-box;letter-spacing: -0.2px;} .submain_wrap .submain_cont_wrap .subcont_tab2 ul li{ width: 25%;} /* 대학원 서브메인 메뉴영역 */ .submain_wrap{width:1200px; margin:0 auto;} .submain_snb_wrap{float:left; width:220px;} .submain_snb_wrap h2{width:100%; height:120px; padding:30px 15px 0 15px; box-sizing:border-box; background:#0068b7; font-size:26px; color:#fff;} .submain_snb_tit_pc {display:none;} .submain_snb_tit_m {display:black;} .submain_snb_wrap .submain_snb{width:218px; border-top:1px solid #ddd;} .submain_snb_wrap .submain_snb .submain_snb_depth1{} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li{width:100%; border:1px solid #ddd; border-top:none; line-height:68px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li.off{background:url(/usr/images/suwon/submain_snb_off.png) no-repeat 185px 26px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li.on{background:url(/usr/images/suwon/submain_snb_on.png) no-repeat 185px 26px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li a{display:block; padding:0 15px; box-sizing:border-box;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2{display:none; background:#f4f4f4; border-top:1px solid #ddd;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li{line-height:40px; font-size:14px; border:none;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li a{display:block;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li.active, .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li:hover{background:#f4b221;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li.active a, .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li:hover a{color:#fff;} /* 코로나19 */ .submain_snb_wrap h22{width:100%; height:80px; padding:30px 15px 0 15px; box-sizing:border-box; background:#BDBDBD; font-size:26px; color:#fff;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth22{display:none; background:#f4f4f4; border-top:1px solid #ddd;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth22 ul li{line-height:40px; font-size:14px; border:none;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth22 ul li a{display:block;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth22 ul li.active, .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth22 ul li:hover{background:#f4b221;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth22 ul li.active a, .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth22 ul li:hover a{color:#fff;} /* 코로나19 */ /* 대학원 메인 콘텐츠영역 */ .submain_cont_wrap{float:left; width:980px;} .submain_cont_wrap.sub{width:950px; margin-left:30px;} .submain_cont_wrap .submain_visual{width:976px; height:441px; position:relative;} .submain_cont_wrap .submain_visual .btn_wrap a{text-indent:-9999px; display:block; width:104px; height:104px; position:absolute; z-index:10; top:50%; margin-top:-52px; cursor:pointer} .submain_cont_wrap .submain_visual .btn_wrap a.prev{background:url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat; left:0; } .submain_cont_wrap .submain_visual .btn_wrap a.next{background:url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat; right:0;} .submain_cont_wrap .submain_cont{overflow:hidden; height:274px;} .submain_cont_wrap .submain_cont .submain_board{float:left; width:465px; height:274px; padding:20px 20px; box-sizing:border-box; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab{width:100%; position:relative; } .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li{text-align:center; float:left; padding:0 15px; margin-right:10px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li.on{} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li > h3 a.on{position:relative;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li > h3 a.on:after{display:block; width:80px; height:2px; background:#f4b221; content:""; position:absolute; bottom:-5px; left:50%; margin-left:-40px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li h3 a{font-weight:normal; font-size:18px; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap{position:absolute; top:40px; left:0; width:100%; display:none;} #noticetab1{display:block;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul{font-size:14px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li{line-height:40px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a{} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a span{display:block;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a .title{width:330px; float:left; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a .date{width:95px; float:right; text-align:right;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_more{position:absolute; right:0; top:-30px; display:block; width:20px; height:20px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} .submain_cont_wrap .submain_cont .submain_quick{float:left; width:167px; height:274px;} .submain_cont_wrap .submain_cont .submain_quick .quick{width:167px; height:137px; box-sizing:border-box; padding:25px 20px; color:#fff; font-size:14px;} .submain_cont_wrap .submain_cont .submain_quick .quick .more{display:inline-block; padding:0 10px; height:25px; line-height:25px; border:1px solid #fff; text-align:center; margin-top:10px; cursor: pointer;} .submain_cont_wrap .submain_cont .submain_quick .quick01{background:#04a1b4;} .submain_cont_wrap .submain_cont .submain_quick .quick02{background:#f4b221;} .submain_cont_wrap .submain_cont .submain_bn{float:left; width:348px; height:274px; position:relative;} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; position:absolute; z-index:10; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat;} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat;} /* 공유하기 */ .subtitle_wrap .utill .share.on{background:url(/usr/images/suwon/icon_subshare_on.png) no-repeat center;} .subtitle_wrap .utill .share_list::before{content: ""; display: block;position: absolute;top: -10px; left: 50%; transform: translateX(-50%);width: 0px;height: 0px;border-top:7px solid none;border-bottom:10px solid #ccc;border-right: 7px solid transparent;border-left: 7px solid transparent;} .subtitle_wrap .utill .share_list::after{ content: ""; display: block; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 0px;height: 0px; border-top:7px solid none; border-bottom:10px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent;} .subtitle_wrap .utill .share_list{ position: absolute; top: 50px; left: -35px; width: 110px; height: 80px; padding: 0 10px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; text-align: center; display: none;} .subtitle_wrap .utill .share_list.action{ display: block;} .subtitle_wrap .utill .share_list ul::after{ content: ""; display: block; clear: both;} .subtitle_wrap .utill .share_list ul li{ float: left; width: 50%; box-sizing: border-box; text-align: center; padding: 7px 0 4px;} .subtitle_wrap .utill .share_list ul li a{text-align: center;} .subtitle_wrap .utill .share_list ul li a.naver_share{ background: url(/usr/images/suwon/naver_icon.png) no-repeat center;} .subtitle_wrap .utill .share_list ul li a.kakao_share{ background: url(/usr/images/suwon/kakako_icon.png) no-repeat center;} .subtitle_wrap .utill .share_list ul li a.link_share{ background: url(/usr/images/suwon/link_icon.png) no-repeat center;} .subtitle_wrap .utill .share_list span.close{text-indent: -9999px; display: inline-block; background: url(/usr/images/suwon/close.png) no-repeat center ; width: 13px; height: 13px; font-size: 0; color: transparent; cursor: pointer;} /* 만족도 조사 */ .satisfaction_wrap{width: 1200px; margin: 50px auto;} .satisfaction{width: 100%; margin: 0 auto; border-bottom: 1px solid #aaa; box-sizing: border-box;} .satisfaction::after{display: block; clear: both; content: "";} .satisfaction .title{background: url(/usr/images/suwon/satisfaction_icon.png) no-repeat left 20px center; background-color: #59667a; color: #fff; text-align: left; padding-left: 50px; height: 55px; line-height: 55px; font-size: 18px; } .satisfaction .select_box{float: left; padding: 10px; box-sizing: border-box; text-align: center; width: 40%; line-height: 50px;} .satisfaction .select_box ul{} .satisfaction .select_box ul::after{clear: both; content: ""; display: block;} .satisfaction .select_box ul li{width: 19%; float: left; margin-right: 1%;} .satisfaction .select_box ul li:last-child{margin-right: 0;} .satisfaction .select_box input{} .satisfaction .select_box label{font-size: 16px; margin-left: 5px;} .opinion{ width: 60%; position: relative; float: left; margin: 10px 0;} .opinion::after{content: ""; display: block; clear: both;} .opinion .tit{font-size: 16px; float: left; color: #062f6e; font-weight: 600; width: 10%; background: url(/usr/images/suwon/bullet_polygonb.png) no-repeat left center; padding-left: 15px; margin: 13px 0; } .opinion .text_box{float: left;} .opinion .text_box input[type="text"]{font-size: 16px; height: 50px; min-width: 529px; padding-left: 15px;} .opinion .text_box input[type="submit"]{font-size: 16px; border: 2px solid #59667a; height: 50px; line-height: 46px; width: 100px; cursor: pointer;} .opinion .text_box input[type="submit"]:hover{color: #fff; background-color: #59667a;} /* 하단 */ #footer{clear:both; overflow:hidden;} #footer .f_link_wrap{background:#eee; overflow:hidden;} #footer .f_link{overflow:hidden; width:1200px; margin:30px auto;} #footer .f_link:after{clear:both; content:""; display:block;} #footer .f_link dt{background:#ccc; float:left; width:130px; margin-right:20px; height:40px; line-height:40px; text-align:center;} #footer .f_link dd{ float:left; width:1050px;} #footer .f_link dd ul{overflow:hidden;} #footer .f_link dd ul li{float:left; line-height:20px; font-size:13px; letter-spacing: -0.5px; padding: 2px; box-sizing: border-box; } #footer .f_menu_wrap{border-top:1px solid #aaa; border-bottom:1px solid #aaa; overflow:hidden;} #footer .f_menu{width:1200px; margin:0 auto;} #footer .f_menu li{float:left; width:calc(100%/6); text-align:center; height:35px; line-height:35px; box-sizing:border-box; border-right:1px solid #aaa;} #footer .f_menu li:first-child{border-left:1px solid #aaa;} #footer .copy{width:1200px; margin:20px auto; overflow:hidden; position: relative;} #footer .copy .logo{float:left;} #footer .copy .txt{float:left; margin:25px 0 0 25px;} /* contents.css */ .b030101_wrap{height: auto;} .tdtit_dotlist > li{font-size: 14px;} /*버스노선*/ .busline_list{} .busline_list > li{height:180px;} /* board.css */ .board_bottom .btn.basic{padding: 0 24px;} /* 갤러리형 */ .gallery_wrap{} .gallery_wrap::after{content: ""; clear: both; display: block;} .gallery_wrap .photo_view{float: left; margin-right: 50px; width:582px; } .gallery_wrap .photo_view .title{line-height: 40px; margin: 0;} .gallery_wrap .photo_view .img{height: 435px;} .gallery_wrap .photo_view .img img{width: 100%;} .board_gallery_list{width: 568px; float: left;overflow:hidden; padding-top:0px;} .board_gallery_list li{float:left; width:176px; height: 132px; margin:0 20px 20px 0; overflow:hidden;} .board_gallery_list li:nth-child(3n+3){margin-right:0;} .board_gallery_list li .img{} .board_gallery_list li .img img{width:100%;} .board_gallery_list li .text{} .board_gallery_list li .text .subject{color:#333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;} /* 사이트맵 */ .sitemap::after{content: ""; clear: both; display: block;} .sitemap > a{} .sitemap a.title{float: left; width: 200px; border-left: 5px solid #f4b221; font-size: 28px; color: #f4b221; margin-right: 40px; box-sizing: border-box; padding-left: 15px; line-height: 1.4;} .sitemap > li{margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd;} .sitemap > li::after{content: ""; clear: both; display: block;} .sitemap .gnbmenu_wrap{float: left; width: 945px;} .sitemap .sec_1 .gnbmenu_wrap .depth2::after{display: block; clear: both; content: "";} .sitemap .gnbmenu_wrap .depth2 .depth2_li{float: left; width: 25%; } .sitemap .sec_1 .gnbmenu_wrap .depth2:nth-child(2){clear: both; margin-top: 30px;} .sitemap .gnbmenu_wrap .depth2 .depth2_li a{font-size: 19px; color: #062f6e; font-weight: 500;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3{margin-top: 10px;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3 li{line-height: 1.4;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3 li a{font-size: 16px; color: #555;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3 li a:hover{text-decoration: underline;} /* 산학협력단 */ .institution .institution_list li{width: 32% !important; margin-bottom: 20px; margin-right: 2%;} .institution .institution_list li:nth-child(3n+3){margin-right: 0;} .institution .institution_list li:hover{background: #f4b221; color: #fff;} /* 슬로건 */ .slogan .subcont_inner .cont li{border: 1px solid #aaa; padding: 20px; margin-bottom: 20px; box-sizing: border-box;} .slogan .subcont_inner .cont li::after{content: ""; display: block; clear: both;} .slogan .subcont_inner .cont li span{width: 500px; float: left;} .slogan .subcont_inner .cont li p{width: 430px; float: left; margin-top: 25px; color: #555;} .slogan .subcont_inner .cont li:last-child{margin-bottom: 0;} .slogan .subcont_inner .cont p.text{margin-bottom: 20px; color: #555;} .slogan_img_list li::after{content: ""; clear: both; display: block;} .slogan .subcont_inner .cont .slogan_img_list li span{width: 50%;padding-right: 10px; box-sizing: border-box; text-align: center; vertical-align: middle;} .slogan .subcont_inner .cont .slogan_img_list li span:last-child{padding-right: 0;} .slogan .subcont_inner .cont .list01 li span img{width: 100%; } .slogan .subcont_inner .cont .list02 li span img{width: auto; } /* UI */ .cilist{ box-sizing:border-box; overflow:hidden;} .cilist.ea2 li{width:50%;} .cilist.ea4 li{width:25%; border: 0; box-sizing: border-box; padding: 0;} .cilist.ea4 li a{padding: 20px 0; box-sizing: border-box; display: block; width: 100%; height: 100%; border: 1px solid #ddd;} .cilist.ea4 li a:hover{background-color: #eee; } .cilist li{float:left; padding:20px 0; text-align:center; border-bottom: 1px solid #ddd;} .cilist li.bgblue{background-color:#062f6e; color: #fff;} .cilist2{overflow:hidden; background:#f5f5f5;} .cilist2 li{float:left; width:50%; position:relative; padding:40px 0 40px 200px; box-sizing:border-box; } .cilist2 li .t{margin-bottom:10px;} .cilist2 li.yellow{} .cilist2 li.yellow:before{background:#f4b221; position:absolute; width:100px; height:100px; border-radius:50px; left:70px; top:40px; display:block; content:"";} .cilist2 li.blue{} .cilist2 li.blue:before{background:#062f6e; position:absolute; width:100px; height:100px; border-radius:50px; left:70px; top:40px; display:block; content:"";} .ui_top{} .ui_top::after{content: ""; clear: both; display: block;} .ui_top .logo_01{float: left;} .ui_top .ui_text{float: right; width: 640px; margin-top: 20px;} .ui_table{text-align: center; border-top: 1px solid #aaa;} .ui_table tbody tr td{padding: 20px 0; text-align: center;} .ui_table tbody tr td img{display: block; margin: 20px auto;} } @media(max-width:1200px){ /*모바일*/ #wrap{max-width:100%;} #topnotice{background:#f4b221; width:100%; height:150px;} #header{width:100%; position:relative;} .hd_mobile .gnbmenu_wrap.on{display:block;} h2#humanities a{color:#fff !important;} .header_wrap .header_inner{margin: 0; width: 100%;} .search_header_wrap .gnb_wrap{display:block;} .sch_wrap .sch_form form fieldset input.submit{ width: 48px; height: 48px; top: 0px; border: 0;} .search_header_wrap #header_sch{ position: relative; width: 490px; float: none; clear: both; padding-top: 0; padding: 10px 0; } .search_header_wrap #header_sch .sch_form{position: relative; display: block; left: 0; top: 0; } .search_header_wrap #header_sch .sch_form form fieldset button{ border: 1px solid #fff;} /* 팝업 */ .popup_wrap{background-color: #f4b221; position: relative; width: 100%; height: 162px; top: 0; left: 0;} .popup_wrap .popup_inner{width: 100%; margin: 0 0px; box-sizing: border-box; position: relative; height: 130px;} .popup_wrap .popup_inner .popup_list{} #popup_list{height: 130px;} #popup_list .slick-list{height: 130px;} .popup_wrap .slick-list .slick-track{margin: 18px 0px;} #header .popup_wrap .popup_inner .slick-prev{background-color: transparent; text-indent: -9999px; border: 0; background: url(/usr/images/suwon/popup_arrow_prev.png) no-repeat left center; width: 32px; height: 100px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); cursor: pointer; z-index: 100; background-color: transparent;} #header .popup_wrap .popup_inner .slick-next{background-color: transparent; text-indent: -9999px; border: 0; background: url(/usr/images/suwon/popup_arrow_next.png) no-repeat center; width: 17px; height: 32px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); cursor: pointer; z-index: 100;} .popup_item{padding: 0 10px 0 30px; box-sizing: border-box;} .popup_item .icon_box{float: left; margin: 0; width: 20%;} .popup_item .icon_01{background: url(/usr/images/suwon/popup_icon01.png) no-repeat center; width: 50px; height: 50px; margin: 10px 0; margin-right: 20px; display: block; background-size: 50px;} .popup_item .icon_02{background: url(/usr/images/suwon/popup_icon02.png) no-repeat center; width: 50px; height: 50px; margin: 10px 0; margin-right: 30px; display: block; background-size: 50px;} .popup_item .popup_txt{float: left; margin-top: 10px; color: #fff; width: 80%; max-width:100%; text-overflow:ellipsis; white-space: nowrap; overflow:hidden;} .popup_item .popup_txt .tit{width: 100%; font-size: 16px;} .popup_item .popup_txt p{font-size: 14px;} .popup_item .popup_txt .popup_more{color: #fff; background: url(/usr/images/suwon/btn_more_w.png) no-repeat right 10px center; padding: 4px 34px 4px 10px; font-size: 13px; display: inline-block; position: absolute; right: 0; bottom: 0px; box-sizing: border-box;} .popup_item .popup_txt .popup_more:hover{ border: 1px solid #fff;} .popup_wrap a.popup_close{ position: relative; bottom: 0px; right: 0; height: 32px; line-height: 32px; text-align: center; background: #999 url(/usr/images/suwon/popup_close.png) no-repeat left 56% center; padding-right: 0px; padding-left: 0px; color: #fff; background-size: 18px; width: 100%; z-index: 5; display: none;} .popup_wrap .popup_close.on{display: block; font-size: 14px;} a.popup_open{position: relative; top: 0; right: 0; height: 32px; line-height: 32px; text-align: center; background: #999 url(/usr/images/suwon/popup_open.png) no-repeat left 56% center; padding-right: 0px; padding-left: 0px; color: #fff; background-size: 18px; width: 100%; z-index: 5; font-size: 14px; display: none;} a.popup_open.on{display: block;} #header h1{width: 100%; margin:0 auto; z-index:10; position: relative; left:0; box-shadow: none; text-align: center; display:block;} #header h1 a{display:block; padding:10px 0;margin: 0 auto; background:none; height: 50px; width: 100px;} #header h1 a img{vertical-align:middle; width:100px; display:block; margin-top: 3px;} .header_wrap {background: #062f6e;} .gnb_wrap.hide{display:block;} .header_wrap .gnb_wrap{background:#062f6e; width: 100%; height:auto; display:none; position:fixed; z-index:700; top:0; bottom:0; left:28%; right:0; margin-left: 0; overflow-y: scroll;} .gnb_bg{width:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:600; top:0; bottom:0; height:100%; display:none; } .gnb_wrap .gnb_close{display:block ; position: fixed; } .gnb_close{display: block; top: 0; right: 0; position: absolute; text-indent: -9999px; background: #062f6e url(/usr/images/suwon/close3.png) no-repeat right 10px top 10px; width: 24px; height: 36px; z-index: 800; padding: 10px 10px 0 0;} .f_26{font-size:20px;} .gnb_wrap .gnb{width:100%; margin: 0; position:static; float:none; text-align:left; box-sizing:border-box; background: #062f6e; margin-top: 48px; overflow-y: scroll;} .gnb_wrap .gnb li:first-child{ border-top: 1px solid rgba(255, 255, 255, 0.1);} .gnb_wrap .gnb li{font-size:19px; float:none; padding: 0 20px; width:100%; box-sizing: border-box; border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .gnb_wrap .gnb li.on{ background: #fff;} .gnb_wrap .gnb li.on > a{color:#062f6e; } .gnb_wrap .gnb li a{color: rgba(255, 255, 255, 0.5); line-height:60px; font-weight:400; cursor:pointer; display:block; font-size: 19px; } .gnb_wrap .gnb li > .gnbmenu_wrap.on{display:block;} /* .gnb_wrap .gnb > li:hover > .gnbmenu_wrap{display:block;} */ .gnb_wrap .gnb > li.depth1_li.on{ background: #fff;} .gnb_wrap .gnb > li.depth1_li.on > a{color:#062f6e; } .gnb_wrap .gnb > li.none_bg:hover{background: none !important;} .gnb_wrap .gnb li .gnbmenu_wrap{display:none; width:100%; position:absolute; top:0; bottom:0; right:0px; margin:0; background:#fff; z-index:60; border-bottom:1px solid #aaa; margin-top: 48px; margin-left: 396px; width: auto; padding-top: 5px; } .gnb_wrap .gnb li .gnbmenu_wrap .title{display:none; position:absolute; width:265px; bottom:0; top:0; box-sizing:border-box; padding-left:30px; background:#f4b221 url(/usr/images/suwon/bg_gnbtitle.png) no-repeat right bottom;} .gnb_wrap .gnb li .gnbmenu_wrap .title .en{margin-top:60px; color:#062f6e; font-size:13px; letter-spacing:3px; margin-bottom: 6px;} .gnb_wrap .gnb li .gnbmenu_wrap .title{color:#fff; font-size:38px;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2{float:none; padding:0; margin-bottom:0; box-sizing:border-box; overflow:hidden; margin-left:0; box-sizing: border-box;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li{float:none; width:100%; margin-right:0; text-align:left; padding:0 20px; background-color: #fff;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li > a{ /*pointer-events: none; cursor: default;*/} .gnb_wrap .gnb li:nth-child(2) .gnbmenu_wrap .depth2_li:last-child > a{ /* pointer-events: auto; cursor: pointer;*/} .gnb_wrap .gnb li:nth-child(6) .gnbmenu_wrap .depth2_li:last-child > a{ /* pointer-events: auto; cursor: pointer;*/} .gnb_wrap .gnb li:nth-child(7) .gnbmenu_wrap .depth2_li a{/* pointer-events: auto; cursor: pointer;*/} /* .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li:hover > .depth3{display:block;} */ .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li a{display:block; font-size:17px; color:#062f6e; line-height:56px; font-weight:normal; border-bottom:1px solid #aaa; padding:0 10px; box-sizing:border-box; } .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3{display:none; overflow:hidden; padding:8px 0;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3.on{display:block;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li{text-align:left; padding:0; float:none; width:100%;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li a{color:#666; font-size:16px; line-height:34px; border-bottom:none; padding: 0 30px 0 10px; box-sizing:border-box; } .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li a:hover{text-decoration: underline; color: #f4b221;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li a.new{background: url(/usr/images/suwon/dep3_new.png) no-repeat right 10px center;} .header_top.hide{display:block;} .tnb_wrap{ width: 100%; } .tnb_wrap .tnb {float:none;display: none;} .tnb_wrap .tnb button{width:40px; height:69px; text-indent:-9999px; cursor:pointer; border:none; } .tnb_wrap .tnb .btn_sch{display: block; background: url(/usr/images/suwon/icon_tnbsch_m.png) no-repeat center; position: absolute; top: -70px; left: 0; z-index: 10;} .sch_wrap{position: absolute;top: 0px;left: 10px; z-index: 10;} .sch_wrap .btn_sch{ display: block; background: url(/usr/images/suwon/icon_tnbsch.png) no-repeat center; text-indent: -9999px; width: 30px; border: 0; height: 30px; position: absolute; top: 0; left: 0; } .sch_wrap .sch_form{ position: absolute; top: 70px; left: 0; z-index: 10; display:none; } .tnb_wrap .tnb .btn_sitemap{display:none;} .sch_wrap .btn_sch{} .tnb_wrap .tnb .sch_wrap .sch_form{display:none; position: absolute; top: 10px; right: 50%;margin-right: 0;transform: translateX(50%);z-index: 10;} .tnb_wrap .tnb .sch_wrap .sch_form form{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset{} .sch_wrap .sch_form form fieldset span{display:inline-block; border:2px solid #062f6e; width:400px; height:46px;} .sch_wrap .sch_form form fieldset span input{width:400px; border:none; height:46px;} .sch_wrap .sch_form form fieldset button{z-index:10; position:absolute; right:0; top:0; width:48px; height:48px; text-indent:-9999px; background:#062f6e url(/usr/images/suwon/icon_tnbsch.png) no-repeat center;border: 0; } /* 전체메뉴 */ #header h1 .btn_sitemap{display:block; background:url(/usr/images/suwon/icon_mognb.png) no-repeat center; position: absolute; text-indent: -9999px; border: 0; top: 50%; right: 10px; transform: translateY(-50%); height: 30px;} .tnb_wrap .language{float: right;vertical-align: middle;height: 30px;} .tnb_wrap .language .title{cursor:pointer;} .tnb_wrap .language .list{} .tnb_wrap .language .list::after{display: block; clear: both; content: "";} .tnb_wrap .language .list li{float: left; margin-right: 10px;} .tnb_wrap .language .list li a{color:#666; font-size: 15px; font-weight: 500;} .tnb_wrap .language .list li a:hover{text-decoration: underline;} /* 메인비주얼 */ .mainvisual_wrap{overflow:hidden; position: relative;} .mainvisual_slide{width:100%; height:500px; position:relative; overflow:hidden;} .mainvisual_wrap ul li .bg_wrap{width: 100%; margin: 0 auto; position: relative;; height: 500px;} .bg_wrap .title{ position: absolute; top: 160px; left: 150px; z-index: 1; } .bg_wrap .title p{color: #fff;} .bg_wrap .title p:first-child{font-size: 35px; font-weight: 600;text-shadow: 4px 4px 10px #000;} .bg_wrap .title p:last-child{font-size: 20px; text-shadow: 2px 2px 6px #000;} .bg_wrap .title_2{ position: absolute; top: 145px; left: 110px; z-index: 1; } .bg_wrap .title_2 p{color: #fff;} .bg_wrap .title_2 p:first-child{font-size: 30px; font-weight: 600;text-shadow: 4px 4px 10px #000;} .bg_wrap .title_2 p:last-child{font-size: 18px; text-shadow: 2px 2px 6px #000;} .bg_wrap .title_3{ position: absolute; top: 135px; left: 170px; z-index: 1; } .bg_wrap .title_3 p{color: #fff;} .bg_wrap .title_3 p:first-child{ font-size: 25px; text-shadow: 4px 4px 10px #000; font-weight: 600;} .bg_wrap .title_3 p:nth-child(3){font-size: 20px; text-shadow: 2px 2px 6px #000; font-weight: 300; text-align: center;} .bg_wrap .title_3 p:nth-child(5){font-size: 18px; text-shadow: 2px 2px 6px #000; font-weight: 300;} .bg_wrap .title_3 p:last-child{ font-size: 18px; text-shadow: 2px 2px 6px #000; font-weight: 300;} .bg_wrap .title4{ position: absolute; top: 180px; left: 80px; z-index: 1; } .bg_wrap .title4 a{display:block;} .bg_wrap .title4 p{color: #fff;} .bg_wrap .title4 p:first-child{font-size: 18px; text-shadow: 4px 4px 10px #000; font-weight: 300; text-align: center;} .bg_wrap .title4 p:last-child{font-size: 18px; text-shadow: 2px 2px 6px #000; font-weight: 300; text-align: center;} .bg_wrap .more_btn{ width: 136px; height: 41px; line-height: 44px; position: absolute; bottom: 250px; right: 120px; color: #fff; padding-left: 10px; box-sizing: border-box; font-size: 16px; background: url(/usr/images/suwon/main_more_btn.png) no-repeat right center; background-size: 136px;} /* .mainvisual_wrap ul li{width: 100%; height:600px;} */ .mainvisual_wrap ul li{width: 100%; height:580px;} .mainvisual_wrap ul li.bg01{background:url(/usr/images/suwon/visual_img202105-3.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg02{background:url(/usr/images/suwon/visual_img202112-1.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg03{background:url(/usr/images/suwon/visual_img202105-1.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg04{background:url(/usr/images/suwon/visual_img04.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg05{background:url(/usr/images/suwon/visual_img05.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg06{background:url(/usr/images/suwon/visual_img06.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg07{background:url(/usr/images/suwon/visual_img07.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg08{background:url(/usr/images/suwon/visual_img08.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg09{background:url(/usr/images/suwon/visual_img09.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg10{background:url(/usr/images/suwon/visual_img10.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg11{background:url(/usr/images/suwon/visual_img202203.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap ul li.bg18{background:url(/usr/images/suwon/visual_img18.jpg) no-repeat top center; background-size: auto 500px; } .mainvisual_wrap .btn_wrap a{text-indent:-9999px; display:block; width:60px; height:60px; position:absolute; z-index:10; cursor:pointer; display: block;} .mainvisual_wrap .btn_wrap a.prev{background:url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat; background-size: 60px !important;} .mainvisual_wrap .btn_wrap a.next{background:url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat; background-size: 60px !important;} .mainvisual_wrap .btn_wrap a.play{background:url(/usr/images/suwon/btn_mainvisual_play.png) no-repeat; background-size: 60px !important; margin-left: -70px;} .mainvisual_wrap .btn_wrap a.stop{background:url(/usr/images/suwon/btn_mainvisual_stop.png) no-repeat; background-size: 60px !important; margin-left: 70px;} .mainvisual_wrap .bx-wrapper .bx-viewport{height: 500px !important; } #container{margin:20px 5px; position:relative; margin-bottom: 0; } #container:after{content:""; clear:both; display:block;} #content{} .section{ } .section:after{content:""; clear:both; display:block;} .section_info{width:100%; margin:0 auto; padding:5px; box-sizing:border-box;} /* usw news */ .section_news{position: relative; margin-bottom: 50px;} .section_news .news_wrap{position: relative; margin-top: 10px;} .section_news .news_wrap h2{text-align: center; margin-bottom: 30px;} .section_news .news_wrap .list_more{display: block; width: 25px; height: 25px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0;background-size: 25px;} .news_wrap .news_list{text-align: center;} .news_wrap .news_list::after{content: ""; display: block; clear: both;} .news_wrap .news_list.news02{display: none;} .news_wrap .news_list li{width: 23.5%; margin-right: 2%; height: 176px; margin-bottom: 20px; float: left; box-sizing: border-box; overflow: hidden;position: relative;} .news_wrap .news_list li:nth-child(4n+4){margin-right: 0;} .news_wrap .news_list li .view_bg{background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;} .news_wrap .news_list > li .view_bg .view_btn{border: 1px solid #fff; width: 100px; height: 35px; line-height: 35px; box-sizing: border-box; color: #fff; text-align: center; display: block; position: absolute; top: 45%; left: 50%; transform: translateX(-50%);} .news_wrap .news_list li:hover .view_bg{display: block;} .news_wrap .news_list li a .shadow{ background: rgba(0,0,0,0.6); height: 50px; position: absolute; bottom: 0; left: 0;} .news_wrap .news_list li a .shadow p{ padding: 10px; color: #fff; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .news_wrap .news_list li img{ height: auto; width: 100%;} .news_btn_wrap{position: relative;} .news_btn_wrap .news_more_btn{ border: 1px solid #999; width: 100%; display: block; text-align: center; color: #666; padding: 6px; position: absolute; top: 0; left: 0; box-sizing: border-box;} .news_btn_wrap .news_more_btn.more{ background: url(/usr/images/suwon/show_btn.png) no-repeat 55% center;} .news_btn_wrap .news_more_btn.close{ background: url(/usr/images/suwon/hide_btn.png) no-repeat 55% center;} .news_btn_wrap .news_more_btn:hover{background-color: #f1f1f1; overflow: hidden;} /* 입학정보,취업정보 */ .section_info .section_info_banner{width:100%; float:none; overflow:hidden; margin-bottom:40px; color:#fff;} .section_info .section_info_banner .info_banner01{float:left; width:50%; height:235px; overflow:hidden; padding-left:30px; box-sizing:border-box; background:#faa916 url(/usr/images/suwon/bg_info_banner01.gif) no-repeat center right;} .section_info .section_info_banner .info_banner01.bm20{ margin-bottom: 0px;} .section_info .section_info_banner .info_banner02{float:right; width:50%; height:235px; overflow:hidden; padding-left:30px; box-sizing:border-box; background:#3f7ec4 url(/usr/images/suwon/bg_info_banner02.gif) no-repeat center right; } .section_info .section_info_banner .info_banner01 h2, .section_info .section_info_banner .info_banner02 h2{font-size:22px; margin-top:30px;} .section_info .section_info_banner .info_banner01 p, .section_info .section_info_banner .info_banner02 p{margin-top:20px; font-size:16px;} .section_info .section_info_banner .info_banner01 a, .section_info .section_info_banner .info_banner02 a{display:inline-block; margin-top:15px; width:80px; height:30px; line-height:30px; border:1px solid #fff; box-sizing:border-box; color:#fff; text-align:center;} /* 공지사항 */ .section_info .section_info_notice{width: 100%;float: none;height: 275px;border-bottom: 1px solid #aaa;} .section_info .section_info_notice .noticetab{width:100%;position:relative;z-index: 0;} .noticetab::after{content: ""; display: block; clear: both;} .section_info .section_info_notice .noticetab .noticetab_li{text-align:center;float:left;box-sizing: border-box;width: 13.9%;} .section_info .section_info_notice .noticetab .noticetab_li:first-child{} .section_info .section_info_notice .noticetab .noticetab_li .tab_btn.on{background:#062f6e;} .section_info .section_info_notice .noticetab .noticetab_li > h3 .tab_btn.on{color:#fff;display: block;width: 100%;height: 100%; display:block;} #noticetab1{display:block;} .section_info .section_info_notice .noticetab .noticetab_li h3{font-weight:normal;font-size: 16px; cursor:pointer;} .section_info .section_info_notice .noticetab .noticetab_li > h3 >a{ border-bottom: 2px solid #666; display: block; box-sizing: border-box; padding: 8px 0; } .section_info .section_info_notice .noticetab .noticetab_li .list_wrap{position: absolute;top: 0;left:0;width: 100%; display:none; transition: all 0.3s;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul{font-size:16px;position: absolute;top: 50px;left: 0;width: 100%;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li{height: 43px;line-height: 44px;width: 100%; /* border-bottom:1px dashed #aaa; */} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a{} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a span{display:block;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .date{width: 15%;float:left;text-align:center;font-size: 16px;/* margin-top:10px; */} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt{width: 85%;float:left;text-align:left;padding-right: 10px;/* margin-top:10px; */box-sizing: border-box;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .title{font-size: 16px;text-overflow: ellipsis; white-space: nowrap;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .cont{display:none;} .section_info .section_info_notice .noticetab .noticetab_li .list_more{position:absolute;right: 0;top: 10px;display:block;width: 25px;height: 25px;background:url(/usr/images/suwon/btn_more.png) no-repeat center center;text-indent:-9999px;cursor:pointer;background-size: 25px;display:none;z-index: 10;} .section_info .section_info_notice .noticetab .noticetab_li:first-child .list_more{display:block;} /* SNS */ .section_info .section_info_social{margin-bottom:40px;} .section_info .section_info_social .socialtab{width:100%; float:none; border-right:none; position:relative;} .section_info .section_info_social .socialtab .socialtab_li{background:#6a6a6a; width:130px; text-align:center; line-height:75px; height:75px; font-size:16px;} .section_info .section_info_social .socialtab .socialtab_li > h3{color:#fff; cursor:pointer; font-size: 14px;} .section_info .section_info_social .socialtab .socialtab_li.b.on{background:#2eb300;} .section_info .section_info_social .socialtab .socialtab_li.f.on{background:#3a5795} .section_info .section_info_social .socialtab .socialtab_li.i.on{background:#c235a7} .section_info .section_info_social .socialtab .socialtab_li.y.on{background:#f60000} .section_info .section_info_social .socialtab .socialtab_li .list_wrap{display:none; position:absolute; width:auto; top:0; right:0; left:160px; background:#fff;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap .title{text-align:left; text-indent:40px; font-size: 18px;} .section_info .section_info_social .socialtab .socialtab_li.b .list_wrap .title{background:url(/usr/images/suwon/titblt_blog.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li.f .list_wrap .title{background:url(/usr/images/suwon/titblt_facebook.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li.y .list_wrap .title{background:url(/usr/images/suwon/titblt_youtube.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li.i .list_wrap .title{background:url(/usr/images/suwon/titblt_instagram.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul{font-size:14px; } .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li{position:relative; text-align:left; line-height:50px; height:50px; text-indent:45px; width:100%;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li:before{content:""; display:block; width:1px; height:20px; background:#aaa; position:absolute; left:19px; top:-10px;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li a{} .section_info .section_info_social .socialtab .socialtab_li.b .list_wrap ul li{background:url(/usr/images/suwon/blt_blog.png) no-repeat 5px center;} .section_info .section_info_social .socialtab .socialtab_li.f .list_wrap ul li{background:url(/usr/images/suwon/blt_facebook.png) no-repeat 5px center;} .section_info .section_info_social .socialtab .socialtab_li.y .list_wrap ul li{background:url(/usr/images/suwon/blt_youtube.png) no-repeat 5px center;} .section_info .section_info_social .socialtab .socialtab_li.i .list_wrap ul li{background:url(/usr/images/suwon/blt_instagram.png) no-repeat 5px center;} .section_info .section_info_social .socialtab .socialtab_li .list_more{position:absolute; right:30px; top:20px; display:block; width:25px; height:25px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} /* 학사일정 */ .section_info .section_info_schedule{width: 100%;float: none;box-sizing:border-box;position:relative;} .section_info .section_info_schedule h2{font-size: 20px;padding-top: 10px;/* font-weight: 400; */padding-bottom: 10px;border-bottom: 2px solid #666; margin-top: 20px;} .section_info .section_info_schedule .list_wrap {overflow-y: hidden;height: 227px;border-bottom: 1px solid #aaa;} .section_info .section_info_schedule .list_wrap ul{} .section_info .section_info_schedule .list_wrap ul li{padding: 15px 0;overflow:hidden;border-bottom: 1px dashed #aaa;} .section_info .section_info_schedule .list_wrap ul li a{} .section_info .section_info_schedule .list_wrap ul li a span{display:block;} .section_info .section_info_schedule .list_wrap ul li a .date{display:block;width: 100%;font-weight: 600;padding-bottom: 2px;} .section_info .section_info_schedule .list_wrap ul li a .date .month{display:block;font-size: 16px;line-height: 14px;margin-bottom: 5px;} .section_info .section_info_schedule .list_wrap ul li a .date .day{display: none;font-size: 32px;line-height: 40px;} .section_info .section_info_schedule .list_wrap ul li a .txt{font-size: 16px;display:block;margin-left: 0;width: 100%;padding-left: 0;box-sizing: border-box;} .section_info .section_info_schedule .list_more{display: block; width: 25px; height: 25px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; background-size: 25px;} /* 주요서비스 바로가기 */ .section_quick{width:100%; margin:0 auto 40px auto; overflow:hidden; position:relative;} .section_quick ul{width:1140px; margin:0 auto; overflow:hidden;} .section_quick ul li{float:left; height:120px; width:163px;; text-align:center; line-height:190px; cursor:pointer;} .section_quick ul li:first-child{width:162px;} .section_quick ul li.bg01{background:url(/usr/images/suwon/icon_quick01.png) no-repeat center 20%;} .section_quick ul li.bg02{background:url(/usr/images/suwon/icon_quick02.png) no-repeat center 20%;} .section_quick ul li.bg03{background:url(/usr/images/suwon/icon_quick03.png) no-repeat center 20%;} .section_quick ul li.bg04{background:url(/usr/images/suwon/icon_quick04.png) no-repeat center 20%;} .section_quick ul li.bg05{background:url(/usr/images/suwon/icon_quick05.png) no-repeat center 20%;} .section_quick ul li.bg06{background:url(/usr/images/suwon/icon_quick06.png) no-repeat center 20%;} .section_quick ul li.bg07{background:url(/usr/images/suwon/icon_quick07.png) no-repeat center 20%;} .section_quick ul li.bg08{background:url(/usr/images/suwon/icon_quick08.png) no-repeat center 20%;} .section_quick ul li.bg01:hover{background:url(/usr/images/suwon/icon_quick01_on.png) no-repeat center 20%;} .section_quick ul li.bg02:hover{background:url(/usr/images/suwon/icon_quick02_on.png) no-repeat center 20%;} .section_quick ul li.bg03:hover{background:url(/usr/images/suwon/icon_quick03_on.png) no-repeat center 20%;} .section_quick ul li.bg04:hover{background:url(/usr/images/suwon/icon_quick04_on.png) no-repeat center 20%;} .section_quick ul li.bg05:hover{background:url(/usr/images/suwon/icon_quick05_on.png) no-repeat center 20%;} .section_quick ul li.bg06:hover{background:url(/usr/images/suwon/icon_quick06_on.png) no-repeat center 20%;} .section_quick ul li.bg07:hover{background:url(/usr/images/suwon/icon_quick07_on.png) no-repeat center 20%;} .section_quick ul li.bg08:hover{background:url(/usr/images/suwon/icon_quick08_on.png) no-repeat center 20%;} .section_quick ul li a{height: 100%; display: block;} .section_quick .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; position:absolute; top:50%; margin-top:-12px; cursor:pointer} .section_quick .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat; margin-right:10px; left:0; } .section_quick .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat; right:0;} /* 주요기관 바로가기 */ .section_institution .list_wrap{position: relative;} .section_institution .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; position:absolute; top:50%; margin-top:-12px; cursor:pointer} .section_institution .btn_wrap.st2 a{left:-3px !important;} .section_institution .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat; left: 0px;} .section_institution .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat; right: 0;} .section_institution{width:100%; margin:0 auto 40px auto; overflow:hidden; text-align:center; position: relative;} .section_institution h2{width:100%; height:52px; line-height:52px; float:none; font-size:17px; font-weight:normal; background:#f4b221; color:#222; text-align:center;} .section_institution .list_wrap{width:100%; height:52px; float:none; overflow:hidden;} .section_institution .list_wrap ul{width:2000px;} .section_institution .list_wrap ul li{float:left; width:120px; height:50px; line-height:50px; border-bottom:2px solid #666; margin-right:20px;} .section_institution .list_wrap ul li a{font-size:15px;} .section_institution a.list_more{ background: url(/usr/images/suwon/submain_snb_more.png) no-repeat center; right: 10px; top: 12px;} /* 수원갤러리 */ .section_info .swu_gallery_info::after{content: ""; clear: both; display: block;} .usw_gallery_info h2, .usw_today_info h2{font-size: 32px; margin-bottom: 20px; text-align: center;} .section_info .usw_gallery_info{float: none; margin-right: 36px; position: relative; width: 100%;} .section_info .usw_gallery_info ul li{position: relative; height: 560px;} .section_info .usw_gallery_info ul li img{width: 100%;} .section_info .usw_gallery_info a.list_more{display: block; width: 24px; height: 24px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; background-size: 24px;} #gallery_slider{width: 100%; height: 560px !important; position: relative; overflow: hidden;} #gallery_slider li img{width: 100%; height: auto;} .usw_gallery_info .bx-pager{display: none; font-size: 0; text-indent: -9999px;} .usw_gallery_info .bx-controls-direction{} .usw_gallery_info .bx-controls-direction .bx-prev{background: url(/usr/images/suwon//btn_mainvisual_prev.png) no-repeat left center; width: 60px; height: 60px; background-size: 60px; text-indent: -9999px; display: inline-block; position: absolute; top: 50%; left: 10px; z-index: 100; transform: translateY(-50%);} .usw_gallery_info .bx-controls-direction .bx-next{background: url(/usr/images/suwon//btn_mainvisual_next.png) no-repeat left center; width: 60px; height: 60px; background-size: 60px; text-indent: -9999px; display: inline-block; position: absolute; top: 50%; right: 10px; z-index: 100; transform: translateY(-50%);} .usw_gallery_info .bx-controls-auto-item{display: none;} .section_info.bm70{margin-bottom: 40px !important;} /* usw 투데이 */ .section_info .usw_today_info{float: left; width: 100%; position: relative;} .section_info .usw_today_info ul li{position: relative;} .section_info .usw_today_info ul li a{display: block;} .section_info .usw_today_info ul li a::after{clear: both; content: ""; clear: both;} .section_info .usw_today_info ul li a:hover{text-decoration: underline;} .section_info .usw_today_info ul li .img_box{width: 392px; height: 292px; display: inline-block; float: left; overflow: hidden; margin-right: 30px;} .section_info .usw_today_info ul li img{height: 100%;} .section_info .usw_today_info ul li a .text_box{margin-right: 10px;} .section_info .usw_today_info ul li a .text_box span.title{font-weight: 600; margin-bottom: 10px; font-size: 18px; display: block;} .section_info .usw_today_info .text_box span.text{} .section_info .usw_today_info a.list_more{display: block; width: 31px; height: 31px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0;} .section_info .usw_today_info .bx-pager{position: absolute; bottom: 0; right: 0;} .section_info .usw_today_info .bx-pager::after{content: ""; clear: both; display: block;} .section_info .usw_today_info .bx-pager .bx-pager-item{float: left; margin-right: 5px;} .section_info .usw_today_info .bx-pager .bx-pager-item a{width: 12px; height: 12px; text-indent: -9999px; border-radius: 50%; background-color: #aaa; display: block;} .section_info .usw_today_info .bx-pager .bx-pager-item a.active{background-color: #f4b221;} .section_info .usw_today_info .bx-controls-direction{display: none;} /* 수원 홍보영상 */ .section_video{width:100%; margin:0 auto 40px auto; padding:0 10px; box-sizing:border-box; position:relative; height:auto; overflow:hidden;} .section_video:after{content:""; clear:both; display:block;} .section_video:before{display:none; content: ''; width:4000px; height:356px; position:absolute; top:100px; left:50%; margin-left:-3450px; background-color: #eee;} .section_video h2{text-align:center; margin-bottom:20px; } .section_video .list_wrap{margin-top:20px; position:static; margin-left:0; height:160px;} .section_video .list_wrap .txt{width:100%; padding-left: 0px;} .section_video .list_wrap .txt li{ height:auto; margin-bottom: 20px; display:none; } .section_video .list_wrap .txt li .tit{font-size:18px; margin-bottom:15px;} .section_video .list_wrap .txt li .cont{font-size:15px;} .section_news .list_wrap .txt li .cont br{display: none;} .section_video .list_wrap .txt li.active-caption {display:block;} .section_video.list_wrap .list_more{position:absolute; right:0; bottom:0; display:block; width:25px; height:25px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} .section_video .list_wrap .btn_wrap{position:absolute; right:10px; bottom:0;} .section_video .list_wrap .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; float:left; cursor:pointer;} .section_video.list_wrap .btn_wrap a.prev{background:url(/usr/images/suwon/icon_newsprev.png) no-repeat; margin-right:10px;} .section_video.list_wrap .btn_wrap a.next{background:url(/usr/images/suwon/icon_newsnext.png) no-repeat;} .section_video .img_wrap{position:relative; width:100%; left:0; margin-left:0; top:0px; height:349px; } .section_video .img_wrap .bx-wrapper{max-width:100% !important;} .section_video .img_wrap ul li{float:left; width:629px; height:350px;} /* .section_news .img_wrap ul li.bg02::before{width: 100%; height: 100%; content: ""; display: block; background-color: rgba(0, 0, 0, 0.4);}*/ .section_news_rbg{display:none; width:1500px; height:340px; bottom:0; position:static; background:rgba(0,0,0,0.5); right:50%; margin-right:-2130px; z-index:5;} /* 미디어포커스 */ .section_media{position: relative; margin-bottom: 50px;} .section_media h2{font-size: 32px; margin-bottom: 30px;} .section_media_list li{float: left; width: 31.2%; margin-right: 3.2%;} .section_media_list li:last-child{margin-right: 0;} .section_media_list li a:hover{text-decoration: underline;} .section_media_list li a img{ width: 100%;} .section_media_list li a .text_box{margin-top: 15px;} .section_media_list li a .text_box .title{font-size: 20px; font-weight: 600;line-height: 1.5; padding-bottom: 15px; margin-bottom: 15px; height: 90px;} .section_media_list li a .text_box .title br{display: none;} .section_media_list li a .text_box .text{font-size: 16px;} .section_news_list li{ overflow: hidden;} .section_news_list li a .text_box .title{font-size: 18px; max-width:100%; text-overflow:ellipsis; white-space: nowrap;overflow:hidden; } .section_news_list li a .text_box .text{font-size: 15px; max-width:100%; } .section_news_list li a .image_box{width:100%;} /* 수원 피플*/ .section_people{ background: url(/usr/images/suwon/suwon_people_bg.jpg) no-repeat top left -200px ; padding: 20px; height: auto; background-size: 200%; margin-bottom: 0px;} .section_people .section_info{position: relative;} .section_people .section_info h2{text-align: center; margin-bottom: 30px;} .section_people .section_info ul.people_list{position: relative; top: 0px; right: 0;} .section_people .section_info ul.people_list li:first-child{margin-left: 0;} .section_people .section_info ul.people_list li{float: left; margin-left: 2%; width: 23.5%;} .section_people .section_info ul.people_list li img{width: 100%;} .section_people .section_info ul.people_list li .text_box{margin-top: 10px;} .section_people .section_info .list_more{ display: block; width: 25px; height: 25px; background: url(/usr/images/suwon/submain_snb_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; background-size: 25px; } /* 사용자별 주요서비스(메인홈 우측 1200) */ .section_campus{position: fixed;width: 100px;margin:0 auto;margin-bottom: 40px;top: 50%;right: 10px;transform: translateY(-50%);z-index: 500;background-color: #fff;} .section_campus .title{width:100%;text-align: center; margin-bottom: 30px;} .section_campus .title h2{font-size:36px;} .section_campus .title p{font-size:15px;} .service_wrap{width: 100%; position: relative;} .service_wrap::after{display: block; clear: both; content: "";} .service_wrap .tit{background-color: #faa916; color: #fff; text-align: center; line-height: 70px; font-size: 18px; float: left; width: 24%; height: 70px;} .service_wrap .service_tab_menu{/* float: none; */border: 1px solid #aaa;width: 100%;box-sizing: border-box;} .service_wrap .service_tab_menu li:first-child{} .service_wrap .service_tab_menu li{text-align: center;width: 100%; background-color: #fff;} .service_wrap .service_tab_menu li a{font-size: 15px;display: block;width: 100%;height: 100%;height: 76px;box-sizing: border-box;line-height: 1.2;padding: 0 5px;padding-top: 10px;border-bottom: 1px dashed #aaa; box-sizing: border-box;} /* .service_wrap .service_tab_menu li a{font-size: 15px;display: block;width: 100%;height: 100%;height: 76px;box-sizing: border-box;line-height: 1.2;padding: 0 5px;padding-top: 50px;border-bottom: 1px dashed #aaa; box-sizing: border-box;} */ /* .service_wrap .service_tab_menu li.icon01 a{background: url(/usr/images/suwon/service_icon01.png) no-repeat top 15px center;} .service_wrap .service_tab_menu li.icon02 a{background: url(/usr/images/suwon/service_icon02.png) no-repeat top 15px center;} .service_wrap .service_tab_menu li.icon03 a{background: url(/usr/images/suwon/service_icon03.png) no-repeat top 15px center;} .service_wrap .service_tab_menu li.icon04 a{background: url(/usr/images/suwon/service_icon04.png) no-repeat top 15px center;} */ .service_wrap .service_tab_menu li.icon01:hover a{ text-decoration: underline;} .service_wrap .service_tab_menu li.icon02:hover a{ text-decoration: underline;} .service_wrap .service_tab_menu li.icon03:hover a{ text-decoration: underline;} .service_wrap .service_tab_menu li.icon04:hover a{ text-decoration: underline;} .service_view .service_icon_list li{ width: 25%;} #mainconttop{height: 45px;display:block;width: 100%;padding: 10px 0;background: #2a3d5a url(/usr/images/suwon/btn_more_hide.png) no-repeat top 5px center;box-sizing: border-box; padding-top: 20px; color:#fff; /*border-bottom: 1px solid #2a3d5a;*/} #conttop{position:fixed; right:3%; bottom: 32px; display:block; width:50px; height:50px; background:url(/usr/images/suwon/btn_conttop.gif) no-repeat; text-indent:-9999px; background-size: 50px; display:none;} /* 서브상단 */ #subconttop{position:relative; margin-top:0px;} #subconttop:after{display:block; content:""; clear:both;} #subconttop .subconttop_inner{width:100%; margin:0 auto; position: relative;} #subconttop .subconttop_inner .breadcrumbs{display:none; position: absolute; top: 30px; right: 110px;} #subconttop .subconttop_inner .breadcrumbs li{font-size:14px; float:left; width: auto; margin-right:5px; padding:0 5px; box-sizing:border-box; position:relative; background:url(/usr/images/suwon/breadcrumbs_arrow.png) no-repeat right 6px; padding-right: 15px;} #subconttop .subconttop_inner .breadcrumbs li:last-child{background: none; padding-right: 0; margin-right: 0;} #subconttop .subconttop_inner .breadcrumbs li .menu{width:20px; display:inline-block; float:right; height:20px; text-indent:-9999px; background:url(/usr/images/suwon/breadcrumbs_arrow.png) no-repeat right center;} #subconttop .subconttop_inner .breadcrumbs li.home{width:20px; background:url(/usr/images/suwon/icon_breadcrumbshome.png) no-repeat center 3px; text-indent:-9999px;background-size: 17px;} #subconttop .subconttop_inner .breadcrumbs li.home:before{display:block; content:""; width:1000px; height:1px; position:absolute; left:50%; margin-left:-1600px; top:44px;} #subconttop .subconttop_inner .breadcrumbs li.depth1{color:#666;} #subconttop .subconttop_inner .breadcrumbs li.depth2{color:#002f74;} #subconttop .subconttop_inner .breadcrumbs li.depth3{color:#f4b221;} #subconttop .subconttop_inner .breadcrumbs li:hover > .inner_menu{display:block;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu{display:none; background:#fff; position:absolute; z-index:10; top:44px; left:0; width:185px; border:1px solid #666;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li{height:32px; line-height:32px; border-bottom:0; font-size:14px;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li a{display:block;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li:hover a{color:#f4b221} #subconttop .subconttop_inner .today{ font-size:18px; position: absolute; top: 0; right: -220px; display:none;} #subconttop .subconttop_inner .today p:nth-child(1){letter-spacing: 5px;} #subconttop .subconttop_inner .today p:nth-child(2){font-size:34px; font-family:'Nanum Myeongjo', serif;} #subconttop .subconttop_inner .today .week{ font-family:'NotoSerif' } /* 서브타이틀 */ .subtitle_wrap{width:100%; max-width:1200px; margin:0 auto; border-bottom:2px solid #003965;} .subtitle_wrap:after{display:block; content:""; clear:both;} .subtitle_wrap h2{font-size:28px; float:left; padding-bottom:10px; font-weight: 600;} .subtitle_wrap .utill{float:right; position:relative} .subtitle_wrap .utill a{display:inline-block; width:40px; height:40px; text-indent:-9999px;} .subtitle_wrap .utill .share{background:url(/usr/images/suwon/icon_subshare.png) no-repeat center; margin-right:5px;;} .subtitle_wrap .utill .print{background:url(/usr/images/suwon/icon_subprint.png) no-repeat center;} /*서브콘텐츠*/ .subcont_wrap{width:100%; max-width:1200px; margin:40px auto 30px auto;} /* 서브탭메뉴 */ .subcont_tab{border-bottom:1px solid #ccc; margin-bottom:30px;} .subcont_tab ul{overflow:hidden;} .subcont_tab ul.tab_li02{} .subcont_tab ul.tab_li03{} .subcont_tab ul.tab_li04{} .subcont_tab ul.tab_li05{} .subcont_tab ul li{float:left; height:50px; line-height:50px; background:#f4f4f4; color:#999; text-align:center; font-size:14px;} .tab_li06.e010901 li{ height:55px; line-height:55px; } .tab_li06.e010901 li.long_txt{padding-top: 8px;} .subcont_tab ul li.on{background:#f4b221; color:#fff;} .subcont_tab ul li a{color:inherit;display: block;} .subcont_tab ul.tab_li02 li{width:50%;} .subcont_tab ul.tab_li03 li{width:33%;} .subcont_tab ul.tab_li03 li:nth-child(2n+3){width:34%;} .subcont_tab ul.tab_li04 li{width:25%;} .subcont_tab ul.tab_li05 li{width:20%;} .subcont_tab ul.tab_li06 li{width:16.6666%;} /* 서브 2차탭메뉴 */ .subcont_tab2{margin-bottom:30px; box-sizing:border-box;} .subcont_tab2 ul{overflow:hidden;} .subcont_tab2 ul li{display:inline-block; float: left; width: 20%; box-sizing: border-box;text-align: center;border: 1px solid #eee;height:35px} .subcont_tab2 ul li.on{ border: 0; background-color: #4469a0;} .subcont_tab2 ul li.on a{color:inherit; color: #fff;} .subcont_tab2 ul li a{display:block; width: 100%; height:35px; padding: 8px 10px; box-sizing: border-box;letter-spacing: -0.2px;} .submain_wrap .submain_cont_wrap .subcont_tab2 ul li{ width: 50%;} /* 대학원 서브메인 메뉴영역 */ .submain_wrap{width:100%; margin:0 auto;} .submain_snb_wrap{float:none !important; width:100% !important; margin:10px 0; position:relative;} .submain_snb_wrap h2{width:100% !important; height:auto !important; padding:10px !important; box-sizing:border-box; background:#0068b7 url(/usr/images/suwon/submain_snb_more.png) no-repeat 98% center !important; background-size:20px auto !important; font-size:16px !important; color:#fff;} .submain_snb_wrap .submain_snb{width:100%; background:#fff; display:none; border-top:1px solid #ddd; position:absolute; z-index:10;} .submain_snb_wrap .submain_snb.on{display: block;} .submain_snb_wrap .submain_snb .submain_snb_depth1{background-color: #fff;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li{width:100%; border:1px solid #ddd; border-top:none; line-height:40px; box-sizing: border-box;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li.off{background:url(/usr/images/suwon/submain_snb_off.png) no-repeat 97% 12px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li.on{background:url(/usr/images/suwon/submain_snb_on.png) no-repeat 97% 12px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li a{display:block; padding:0 15px; box-sizing:border-box;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li a span{display:none !important;} /*코로나19*/ .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2{display:none; background:#f4f4f4; border-top:1px solid #ddd;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li{line-height:40px; font-size:14px; border:none;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li a{display:block;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li.active, .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li:hover{background:#f4b221;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li.active a, .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li:hover a{color:#fff;} /*코로나19*/ /* 대학원 메인 콘텐츠영역 */ .submain_cont_wrap{float:none; width:100%;} .submain_cont_wrap.sub{width:100%; margin:10px 0;} .submain_cont_wrap .submain_visual{width:100%; height:auto; position:relative; overflow: hidden;} .submain_cont_wrap .submain_visual .submain_visual_slide li{overflow: hidden;} .submain_cont_wrap .submain_visual .btn_wrap a{text-indent:-9999px; display:block; width:50px; height:50px; position:absolute; z-index:9; top:50%; margin-top:-25px; cursor:pointer} .submain_cont_wrap .submain_visual .btn_wrap a.prev{background:url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat; left:0; background-size:100%;} .submain_cont_wrap .submain_visual .btn_wrap a.next{background:url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat; right:0; background-size:100%;} .submain_cont_wrap .submain_cont{overflow:hidden; height:auto; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board{float:none; width:100%; height:226px; padding:10px; box-sizing:border-box; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab{width:100%; position:relative; } .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li{text-align:center; float:left; padding:0 15px; margin-right:10px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li.on{} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li > h3 a.on{position:relative;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li > h3 a.on:after{display:block; width:80px; height:2px; background:#f4b221; content:""; position:absolute; bottom:-5px; left:50%; margin-left:-40px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li h3 a{font-weight:normal; font-size:16px; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap{position:absolute; top:40px; left:0; width:100%; display:none;} #noticetab1{display:block;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul{font-size:14px; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li{line-height:32px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a{width:100%; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a span{display:block;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a .title{width:330px; float:left; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a .date{width:95px; float:right; text-align:right;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_more{position:absolute; right:0; top:-30px; display:block; width:20px; height:20px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} .submain_cont_wrap .submain_cont .submain_quick{float:none; width:100%; height:137px;} .submain_cont_wrap .submain_cont .submain_quick .quick{float:left; width:50%; height:137px; box-sizing:border-box; padding:25px 20px; color:#fff; font-size:14px;} .submain_cont_wrap .submain_cont .submain_quick .quick .more{display:inline-block; padding:0 10px; height:25px; line-height:25px; border:1px solid #fff; text-align:center; margin-top:10px; cursor: pointer;} .submain_cont_wrap .submain_cont .submain_quick .quick01{background:#04a1b4;} .submain_cont_wrap .submain_cont .submain_quick .quick02{background:#f4b221;} .submain_cont_wrap .submain_cont .submain_bn{float:left; width:100%; height:auto; position:relative;} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; position:absolute; z-index:10; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat;} .union_list:after{right:0;} /* 공유하기 */ .subtitle_wrap .utill .share.on{background:url(/usr/images/suwon/icon_subshare_on.png) no-repeat center;} .subtitle_wrap .utill .share_list::before{content: ""; display: block;position: absolute;top: -10px; left: 50%; transform: translateX(-50%);width: 0px;height: 0px;border-top:7px solid none;border-bottom:10px solid #ccc;border-right: 7px solid transparent;border-left: 7px solid transparent;} .subtitle_wrap .utill .share_list::after{ content: ""; display: block; position: absolute; top: -9px; left: 50%; transform: translateX(-50%); width: 0px;height: 0px; border-top:7px solid none; border-bottom:10px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent;} .subtitle_wrap .utill .share_list{ position: absolute; top: 50px; left: -35px; width: 110px; height: 80px; padding: 0 10px; border: 1px solid #ccc; background-color: #fff; box-sizing: border-box; text-align: center; display: none;} .subtitle_wrap .utill .share_list.action{ display: block;} .subtitle_wrap .utill .share_list ul::after{ content: ""; display: block; clear: both;} .subtitle_wrap .utill .share_list ul li{ float: left; width: 50%; box-sizing: border-box; text-align: center; padding: 7px 0 4px;} .subtitle_wrap .utill .share_list ul li a{text-align: center;} .subtitle_wrap .utill .share_list ul li a.naver_share{ background: url(/usr/images/suwon/naver_icon.png) no-repeat center;} .subtitle_wrap .utill .share_list ul li a.kakao_share{ background: url(/usr/images/suwon/kakako_icon.png) no-repeat center;} .subtitle_wrap .utill .share_list ul li a.link_share{ background: url(/usr/images/suwon/link_icon.png) no-repeat center;} .subtitle_wrap .utill .share_list span.close{text-indent: -9999px; display: inline-block; background: url(/usr/images/suwon/close.png) no-repeat center ; width: 13px; height: 13px; font-size: 0; color: transparent; cursor: pointer;} /* 만족도 조사 */ .satisfaction_wrap{width: 100%; margin: 30px auto;} .satisfaction{width: 100%; margin: 0 auto; border-bottom: 1px solid #aaa; box-sizing: border-box;} .satisfaction .title{background: url(/usr/images/suwon/satisfaction_icon.png) no-repeat left 20px center; background-color: #59667a; color: #fff; text-align: left; padding-left: 50px; height: 50px; line-height: 50px; font-size: 15px;} .satisfaction .select_box{ padding: 5px 0px; box-sizing: border-box; text-align: center; width: 100%;} .satisfaction .select_box ul{} .satisfaction .select_box ul::after{clear: both; content: ""; display: block;} .satisfaction .select_box ul li{width: 20%; float: left; margin-right: 0;line-height: 2; } .satisfaction .select_box input{} .satisfaction .select_box label{font-size: 15px; vertical-align: middle;} .opinion{ margin-bottom: 10px; width: 100%; margin-top: 0px; position: relative;} .opinion::after{content: ""; display: block; clear: both;} .opinion .tit{font-size: 15px; float: left; line-height: 50px; margin-right: 20px; color: #062f6e;font-weight: 600; width: 90px; text-align: center; margin: 1px 0;background: url(/usr/images/suwon/bullet_polygonb.png) no-repeat left center;padding-left: 0px; } .opinion .text_box{ float: left; margin: 5px 0;} .opinion .text_box input[type="text"]{font-size: 15px; height: 45px; min-width: 560px; padding-left: 15px;} .opinion .text_box input[type="submit"]{font-size: 15px; border: 2px solid #59667a; height: 45px; line-height: 40px; width: 100px; cursor: pointer; position: absolute; top: 5px; right: 0;} .opinion .text_box input[type="submit"]:hover{color: #fff; background-color: #59667a;} /* 하단 */ #footer{clear:both; overflow:hidden;} #footer .f_link_wrap{background:#eee; overflow:hidden;} #footer .f_link{overflow:hidden; width:100%; margin:50px auto;} #footer .f_link:after{clear:both; content:""; display:block;} #footer .f_link dt{background:#ccc; float:none; margin-bottom:10px; width:100%; margin-right:30px; height:40px; line-height:40px; text-align:center;} #footer .f_link dd{ float:none; width:100%;} #footer .f_link dd ul{overflow:hidden;} #footer .f_link dd ul li{position:relative; float:left; width:25% !important; line-height:24px; padding:3px 10px; box-sizing:border-box; font-size:12px;} #footer .f_link dd ul li.clear{clear:none !important;} #footer .f_link dd ul li:before{position:absolute; display:block; background:#333; content:""; width:2px; height:2px; left:3px; top:14px;} #footer .f_menu_wrap{border-top:1px solid #aaa; overflow:hidden; border-bottom:none;} #footer .f_menu{width:100%; margin:0 auto; box-sizing:border-box; border-left:1px solid #aaa; overflow:hidden;} #footer .f_menu li{float:left; width:20%; text-align:center; height:35px; line-height:35px; box-sizing:border-box; border-right:1px solid #aaa; border-bottom:1px solid #aaa; font-size: 14px;} #footer .f_menu li:first-child{border-left: 0;} #footer .copy{width:100%; margin:20px auto; overflow:hidden;} #footer .copy .logo{float:left;} #footer .copy .txt{float:left; margin:25px 0 0 25px;} #footer .f_menu li.mobile{display:block;} /* contents.css */ /* 콘텐츠콘텐츠 본문 공통 */ .subcont{box-sizing: border-box;padding: 10px;} .subcont .section{margin-bottom:30px;} .subcont .section img{max-width:100%;} .subcont .section .title_1{font-size:20px;} .subcont .section.graybg{padding:30px 10px; box-sizing: border-box;} .subcont .section.grayborder{border:2px solid #ddd; padding:10px;} .subcont .section h3{font-size:18px;} .subcont_title{font-size:26px; margin-bottom:10px;} .subcont_inner{overflow:hidden; margin-bottom:40px;} .subcont_inner .title{float:none; width:100%; margin-bottom: 14px;} .subcont_inner .title2{font-size:15px; margin-bottom:5px;} .subcont_inner .title3{font-size:20px; color:#062f6e; font-weight:bold; margin-bottom:10px;} .subcont_inner .title4{background:url(/usr/images/suwon/bullet_polygonb.png) no-repeat left 9px; padding-left:15px; box-sizing:border-box; font-size:16px; margin-bottom:10px;} .subcont_inner .cont{float:left; width:100%;} .subcont .section{font-size:14px;} .dotlist > li{font-size:14px;} .dotlist > li:before{top:10px;} .contents_table2 p{font-size: 14px; text-align:center;} .contents_table2 table{font-size: 14px;} /* 이념 */ .b0101_ul{width:708px; margin:30px auto;} .b0101_ul li{width:32%;text-align: center;height:230px; background-position: center;padding-top: 60px; box-sizing: border-box; background-size: 100%;} .b0101_ul li:nth-child(2){margin:0 2%;} .b0101_ul li .title{font-size:28px; font-family: "NotoSerif";} .b0101_ul li p{font-size: 14px;} .b0101{margin: 0 50px;} /* 연혁 */ .history_wrap .year{font-size: 30px; line-height: 30px;} /* 교육목표/인재상 */ .b010301_wrap{width:100%; height:300px; margin-top:50px; background-position: center;} .b010301_wrap .txt{width:100%;} .b010301_wrap .txt .title{font-size:22px;} .b010302_01{height:300px; margin-bottom:100px; background-position: center;} .b010302_01 .txt{width:100%; bottom:-80px; font-size:20px;} .b010302_02{background:url(/usr/images/suwon/b010302_02.png) no-repeat top center; width: 563px; height: 533px; } .b010302_02 h3{display: none;} .b010302_02 div{display: none;} .b010302_02 .polygon01{display: none;} .b010302_02 .polygon02{display: none;} /* 상징동물 천마 */ .b0201_wrap{height:300px; margin-bottom:120px; background-position: center right -200px;} .b0201_wrap .txt{width:100%;bottom:-100px; font-size:20px;} /* 교가 */ .schoolbridge_wrap{width:555px; margin: 0 auto; padding:20px;} .schoolbridge_wrap img{width: 100%; height: 100%;} .b0202_lyric_wrap .t{margin-top:30px;} .b0202_lyric_wrap ul li .verse{width:10%;} .b0202_lyric_wrap ul li .lyric{width:90%;} /* UI */ .cilist{} .cilist.ea2 li{width:50%;} .cilist.ea3 li{width:33%;} .cilist.ea3 li:nth-child(2){width:34%;} .cilist.ea4 li{width:25%;} .cilist.ea5 li{width:20%;} .cilist li{float:left; padding:40px 0; text-align:center;} .cilist li.bgblue{background-color:#062f6e} .cilist2{overflow:hidden; background:#f5f5f5;} .cilist2 li{float:left; width:50%; position:relative; padding:40px 0 40px 200px; box-sizing:border-box; } .cilist2 li .t{margin-bottom:10px;} .cilist2 li.yellow{} .cilist2 li.yellow:before{background:#f4b221; position:absolute; width:100px; height:100px; border-radius:50px; left:70px; top:40px; display:block; content:"";} .cilist2 li.blue{} .cilist2 li.blue:before{background:#062f6e; position:absolute; width:100px; height:100px; border-radius:50px; left:70px; top:40px; display:block; content:"";} /* 브로셔 */ .gallery-container{} #gallery_thumbs::after{content: ""; display: block; clear: both;} #gallery_thumbs .thumb_item{float: left; width: 25%; text-align: center; margin-bottom: 30px;} #gallery_thumbs .thumb_item2{float: left; width: 25%; text-align: center; margin-bottom: 30px;} #gallery_thumbs .thumb_item a img{width: 85%;} #gallery_thumbs .thumb_item2 a img{width: 85%;} #gallery_thumbs .thumb_item a p{ margin-top: 6px; font-size: 18px;} #gallery_thumbs .thumb_item2 a p{ margin-top: 6px; font-size: 12px;} /* 조직도 */ .b030101_wrap img{display: none;} .b030101_wrap .organization_chart{display: block;} .b030101_wrap .organization_chart li{line-height: 50px;width: 100%; box-sizing: border-box;} .b030101_wrap .organization_chart > li{ text-align: center; margin-bottom: 30px; background-color: #f4b221; color: #fff; font-size: 18px;} .b030101_wrap .organization_chart > li > a{color: #fff; font-size: 18px;} .b030101_wrap .organization_chart > li > ul{background-color: #fff; color: #333; font-size: 16px; box-sizing: border-box;} .b030101_wrap .organization_chart > li > ul >li{line-height: 40px; box-sizing: border-box;} .b030101_wrap .organization_chart > li:first-child{background: url(/usr/images/suwon/b0101_ul_bg.png) no-repeat center; height: 282px;padding-top: 90px;font-weight: 600; box-sizing: border-box; color: #333; font-size: 30px;} .b030101_wrap .organization_chart > li:first-child span{display: block; font-size: 20px; line-height: 1; color: #666;} .b030101_wrap .organization_chart > li:nth-child(2){border: 1px solid #999;} .b030101_wrap .organization_chart > li:nth-child(3) > ul{border: 1px solid #999;} .b030101_wrap .organization_chart > li:nth-child(3) > ul > li{ background-color: #38598b; color: #fff;} .b030101_wrap .organization_chart > li:nth-child(3) > ul > li > ul >li{background-color: #fff; color: #333;} .b030101_wrap .organization_chart > li:nth-child(4) > ul{border: 1px solid #999;} .b030101_wrap .organization_chart > li:nth-child(4) > ul > li{ background-color: #38598b;} .b030101_wrap .organization_chart > li:nth-child(4) > ul > li > a{ color: #fff;} .b030101_wrap .organization_chart > li:nth-child(4) > ul > li > ul >li{background-color: #fff; color: #333;} .b030101_wrap .organization_chart > li:nth-child(5) > ul{border: 1px solid #999;} .b030101_wrap .organization_chart > li:nth-child(5) > ul > li{ background-color: #38598b;} .b030101_wrap .organization_chart > li:nth-child(5) > ul > li > a{ color: #fff;} .b030101_wrap .organization_chart > li:nth-child(5) > ul > li > ul >li{background-color: #fff; color: #333;} .b030101_wrap .organization_chart > li:nth-child(6) li{border: 1px solid #38598b; margin-bottom: 20px;} .b030101_wrap .organization_chart > li:nth-child(7) li{border: 1px solid #38598b; margin-bottom: 20px;} .b030101_wrap .organization_chart > li:nth-child(8) li{border: 1px solid #38598b; margin-bottom: 20px;} .b030101_wrap .organization_chart > li:nth-child(9) li{border: 1px solid #38598b; margin-bottom: 20px;} .b030101_wrap .organization_chart > li:nth-child(10) li{border: 1px solid #38598b; margin-bottom: 20px;} .sistercollege_list li.q{font-size:14px; background: url(/usr/images/suwon/icon_faqlist.png) no-repeat right 10px center} /* 기관설명 공통 */ .agency_wrap .agency_inner{ margin-bottom:30px;} .agency_wrap .agency_inner .title{float:none; width:100%; margin-right:0px; margin-bottom: 10px;} .agency_wrap .agency_inner .cont{float:none; width:100%;} .agency_wrap .agency_inner .cont .agency_info{width:100%; padding:10px; border:2px solid #ddd;} .agency_wrap .agency_inner .cont .agency_info li{float:none; width:100%;} .agency_wrap .agency_inner .cont img{width: 700px; height: 100%;} /* 총장인사말 */ .b0401_wrap{width:100%; height:300px; background-position: right;} .b0401_wrap .txt{position:relative; width:45%; top:50px; font-size:18px;} .b0401_wrap .txt span{font-size:24px;} /* 총장프로필 */ .b0402_wrap .photo{float:none; width:100%;text-align: center; margin-right:0px; margin-bottom: 30px;} .b0402_wrap .profile{float:none; width:100%;} .b0402_wrap .profile .name{margin-bottom:30px; text-align: center;} .b0402_wrap .profile .name .ko{font-size:30px;} .b0402_wrap .profile .name .en{font-size:20px;} .b0402_wrap .profile .history{margin-bottom:20px;} .b0402_wrap .profile .history {float:none; width: 100%; } .b0402_wrap .profile .history .title{float:left; width:15%; font-size:18px; margin-bottom: 10px;} .b0402_wrap .profile .history .cont{float:left; width:85%;} .b0402_wrap .profile .history .cont li .date{ float: left; width: 30%;} .b0402_wrap .profile .history .cont li .txt{ float: left; width: 70%;} /* 총장과의 대화 */ .b0404_wrap{height:300px; margin-bottom:40px;} .b0404_wrap .txt{position:absolute; width:100%; padding:20px; box-sizing:border-box; top: 110px; font-size:14px;} .b0404_wrap .txt p{font-size:20px; margin-bottom:20px} /* 셔틀버스 시간표 */ .b0503_wrap .contents_table2{width: 100%; font-size: 14px;} /*버스노선*/ .busline_list > li > .buscont{top:0; left:120px; width:84%;} /* 캠퍼스맵 */ .campusmap_img img{width: 100%; height: 100%;} .campusmap_list{padding:10px;} .campusmap_list ul li{width:33.3333%;} .campusmap_list ul li a{font-size: 16px;} .campusmap_detail_wrap .campusmap_detail_cont_table{float:none; height:auto; margin-top: 30px;} .campusmap_detail_wrap .campusmap_detail_cont_table:last-child{float:none;} .campusmap_detail_wrap .campusmap_detail_cont_table:nth-child(2){margin-bottom: 30px;} .campusmap_detail_wrap .campusmap_detail_cont_table table:first-child{width: 100%;} .campusmap_detail_wrap .campusmap_detail_cont_table table:last-child{width: 100%;} .campusmap_detail_wrap .campusmap_detail_cont_table colgroup col:first-child{width:20%;} .campusmap_detail_wrap .campusmap_detail_cont_table colgroup col:nth-child(2){width:80%;} .campusmap_picture img{width:100%;} .btn_draw{display:none;} .campusmap_draw{display:none;} /* 찾아오시는 길 */ .b0502_wrap .subcont_inner::after{ content: ""; display: block; clear: both;} .b0502_wrap .subcont_inner .title3{ float: left;width: 150px;vertical-align: middle;margin: 0 0 40px;} .b0502_wrap p{vertical-align: middle;} .b0502_wrap .subcont_inner ul{float: left;} .b0502_wrap .subcont_inner li.bus{ vertical-align: middle;} .b0502_wrap .subcont_inner li.bus a{width: 120px; background-color: #999; color: #fff;padding: 10px 0;display: block; text-align: center;} /* 대학발전기금 */ .logo_bg .subcont_inner .f_25{font-size: 20px;} .logo_bg .subcont_inner .tm30{margin-top: 10px;} .logo_bg .subcont_inner{margin-bottom: 0;} /* 대학 공통*/ .college_top{height:300px; margin-bottom:30px;} .college_top > p{margin-top:90px;} .college_wrap .college_inner{ margin-bottom:40px;} .college_wrap .college_inner .title{float:none; width:100%; margin-right:0px; margin-bottom: 14px;} .college_wrap .college_inner .cont{float:none; width:100%;} .college_wrap .college_inner .cont .college_info{width:100%;} .college_wrap .college_inner .cont img{width: 100%; height: 100%;} /* 시설소개 */ .college_facility_wrap table{width: 100%;} .college_facility_wrap table tr td ul.img_list li{width: 49%;} .college_facility_wrap table tr td ul.img_list li:nth-child(1), .college_facility_wrap table tr td ul.img_list li:nth-child(3), .college_facility_wrap table tr td ul.img_list li:nth-child(6){margin-right: 2%;} .college_facility_wrap table tr td ul.img_list li img{width: 100%;} /* 등록 학적 */ .e01_06_wrap::after{content: ""; clear: both; display: block;} .e01_06_wrap h3.title{width: 160px; float: left; margin: 0;} .e01_06_wrap .subcont_inner p{vertical-align: middle;} .e01_06_wrap .tit_dotlist > li .titdotlist_dep2 > li{font-size: 14px;} .tit_dotlist > li p{ font-size:14px;} /*주차안내*/ .f0300_txt ul{width: 50%;} /* 웹메일 */ .f0401_wrap{width: 100%;height:300px; margin-bottom:120px; background-position: center left -200px;} .f0401_wrap .txt{width:100%;bottom:-100px; background:rgba(244, 178, 33, 1)} /* 사이버보안진단의 날 */ .f0404_wrap{width: 100%;height:300px; margin-bottom:50px; background-position: center right -200px;} .f0404_wrap .txt {width:100%;bottom:-30px;} .f0404_wrap .title {font-size:22px} .f0404_wrap .tx_c { position: relative; top: 80px;} /*화성시시립숲속어린이*/ .b31010412_wrap .b31010412 .b31010412_img {min-width: 438px; padding: 20px;box-sizing: border-box;} /*화성어린이급식*/ .b03010415_wrap .b03010415_title:nth-child(1) {left: 5%;} .b03010415_wrap .b03010415_title:nth-child(2) {right: 5%} .b03010415_wrap .b03010415_title {width: 40%;} .b03010415_wrap ul.b03010415 li {margin-right: 3%;} /*그린카에너지*/ .agency_numberbox_wrap .agency_numberbox_txt p {font-size: 18px;} .agency_numberbox_wrap .agency_numberbox_txt em {font-size: 14px;} .graduate_school{} .graduate_school .graduate_list{ text-align: center;} .graduate_school .graduate_list li{width: 32%; float: left; margin-right: 2%; height: 180px; margin-bottom: 3%;} .graduate_school .graduate_list li:nth-child(4n+4){margin-right: 2%;} .graduate_school .graduate_list li:nth-child(3n+3){margin-right: 0;} .graduate_school .graduate_list li.graduate_img01{background: url(/usr/images/suwon/submain_visual03.jpg) no-repeat left -50px center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img02{background: url(/usr/images/suwon/submain_visual04.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img03{background: url(/usr/images/suwon/submain_visual05.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img04{background: url(/usr/images/suwon/submain_visual06.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img05{background: url(/usr/images/suwon/submain_visual07.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img06{background: url(/usr/images/suwon/submain_visual08.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img07{background: url(/usr/images/suwon/submain_visual09.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img08{background: url(/usr/images/suwon/submain_visual10.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img09{background: url(/usr/images/suwon/submain_visual11.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img10{background: url(/usr/images/suwon/submain_visual12.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img11{background: url(/usr/images/suwon/submain_visual13.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img12{background: url(/usr/images/suwon/submain_visual14.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img13{background: url(/usr/images/suwon/submain_visual15.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img14{background: url(/usr/images/suwon/submain_visual16.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img15{background: url(/usr/images/suwon/submain_visual17.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li a{font-size: 18px; font-weight: 600; vertical-align: middle; height: 100%; line-height: 180px; color: #fff; background-color: rgba(0, 0, 0, 0.4); display: block;} .graduate_school .graduate_list li a:hover{font-size: 22px; transition: all 0.3s;} /* 서브 인트로 링크 */ .visual_sublink_tit h3 {font-size:28px;} .visual_sublink .visual_sublink_list{ text-align: center;} .visual_sublink_list li{width: 32%; float: left; margin-right: 2%; height: 180px; margin-bottom: 3%;} .visual_sublink .visual_sublink_list li:nth-child(4n+4){margin-right: 2%;} .visual_sublink .visual_sublink_list li:nth-child(3n+3){margin-right: 0;} .visual_sublink .visual_sublink_list li a{font-size: 18px; font-weight: 600; vertical-align: middle; height: 100%; line-height: 180px; color: #fff; background-color: rgba(0, 0, 0, 0.4); display: block;} .visual_sublink .visual_sublink_list li a:hover{font-size: 22px; transition: all 0.3s;} .pdf_viewer{width:100%; height:700px;} .pdf_viewer iframe{width:100%; height:100%} .graduate_school .graduate_list li.college_img01{background: url(/usr/images/suwon/college_top_culture.jpg) no-repeat center; background-size: 200%;} .graduate_school .graduate_list li.college_img02{background: url(/usr/images/suwon/college_top_humanities.gif) no-repeat center; background-size: 300%;} .graduate_school .graduate_list li.college_img03{background: url(/usr/images/suwon/college_top_business.gif) no-repeat center; background-size: 300%;} .graduate_school .graduate_list li.college_img04{background: url(/usr/images/suwon/college_top_engineering.gif) no-repeat right -150px center; background-size: 300%;} .graduate_school .graduate_list li.college_img05{background: url(/usr/images/suwon/college_top_technology.gif) no-repeat center; background-size: 300%;} .graduate_school .graduate_list li.college_img06{background: url(/usr/images/suwon/college_top_healthscence.gif) no-repeat right -200px center; background-size: 300%;} .graduate_school .graduate_list li.college_img07{background: url(/usr/images/suwon/college_top_art.gif) no-repeat left -250px center; background-size: 300%;} .graduate_school .graduate_list li.college_img08{background: url(/usr/images/suwon/college_top_music.gif) no-repeat right -100px center; background-size: 300%;} .graduate_school .graduate_list li.college_img09{background: url(/usr/images/suwon/college_top_convergence.gif) no-repeat center; background-size: 300%;} .graduate_school .graduate_list li.college_img10{background: url(/usr/images/suwon/college_top_international.gif) no-repeat left center; background-size: 300%;} /* board.css */ .board_sch select{height:42px; width: 160px; font-size: 14px;} .board_sch input{height:42px; width: 260px; font-size: 14px;} .board_sch button[type=submit],.sch_submit{height:42px; width:90px; font-size: 14px;cursor: pointer;} .board_sch button[type=button]{ height: 42px; width: 100px;} .board_sch a.sch_submit{display: inline-block; color: #fff; line-height:42px;} /* login */ .login_wrap .login_inner{width: 768px;} .login_wrap .login_inner .login_logo{float: left; padding-left: 20px; box-sizing: border-box;} .login_wrap .login_input{width: 490px;} /* 기본형 게시판 목록 */ .board_basic_list li{padding:10px 0;} .board_basic_list li .num{float:left; width:10%;} .board_basic_list li .text{float:left; width:80%;} .board_basic_list li .text .info{margin-top:10px;} .board_basic_list li .text .info .date{} .board_basic_list li .text .info .writer{margin:0 16px;} .board_basic_list li .text .info .writer:before{left:-8px; top:6px;} .board_basic_list li .text .info .writer:after{right:-10px; top:6px;} .board_basic_list li .file{float:right; width:10%; height: auto; margin: 0; box-sizing: border-box;} .icon_boardfile{width:20px; background-size: 20px;} .board_top .totalpage{font-size: 14px;} .board_basic_list.board_file li{ padding: 10px 0;} .board_basic_list.board_file li div{float: left; padding: 10px 0; } .board_basic_list.board_file li div.text{width: 70%; padding-left: 20px; box-sizing: border-box; line-height: 25px; padding: 0 0 0 20px; } .board_basic_list.board_file li div.amendment_date{width: 20%; display: block; text-align: center; line-height: 25px; padding: 0; } .date_none .board_basic_list.board_file li div.text{width: 90%;} /* 갤러리 설명형 */ .board_gallery2_list{} .board_gallery2_list li{float:none; width:100%;} .board_gallery2_list li .img{width: 24%;} .board_gallery2_list li .img img{width: 100%;} .board_gallery2_list li .text{width:100%; margin-left:0;} .board_gallery2_list li .text .job{margin:0px 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #f4b221;} .board_gallery2_list li .text .history{} .board_gallery2_list li .text .history dt{width:20%;} .board_gallery2_list li .text .history dd{width: 80%;} .board_bottom .btn.basic{padding: 0 20px;} /* FAQ */ .board_faq_list li{padding:16px 0;} .board_faq_list li.q{background:url(/usr/images/suwon/icon_faqlist.png) no-repeat 95% center;} .board_faq_list li.q.on{background:url(/usr/images/suwon/icon_faqlist_on.png) no-repeat 95% center;} .board_faq_list li.q .title{background:url(/usr/images/suwon/faq_listQ.png) no-repeat center; text-indent:-9999px; height: 22px;} .board_faq_list li.a .title{background:url(/usr/images/suwon/faq_listA.png) no-repeat center; text-indent:-9999px;} .board_faq_list li .title{width:10%;} .board_faq_list li .text{width:80%;} .board_faq_list li.a .text{width: 85% !important;} /* 게시판 상세 */ .board_view{width: 100%;} .board_viewtitle{} .board_viewtitle h3{color: #333 !important;} .board_viewtitle .info{} .board_viewtitle .info .date{} .board_viewcont{padding:20px 0;} .board_viewcont img{width: 100%;} .board_viewtitle .info .writer{margin:0 25px; position:relative;} .board_viewtitle .info .writer:before{display:block; content:""; width:1px; height:10px; position:absolute; left:-13px; top:6px; background:#aaa;} .board_viewtitle .info .writer:after{display:block; content:""; width:1px; height:10px; position:absolute; right:-13px; top:6px; background:#aaa;} .board_viewfile{border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding:20px; } .board_preview{border-top:2px solid #555; margin-top:30px;} .board_preview li{padding:12px 0; overflow:hidden; border-bottom:1px solid #aaa;} .board_preview li .next, .board_preview li .prev{height:25px; float:left; width:14%; text-align:left; padding-left:20px;box-sizing: border-box;} .board_preview li .text{float:left; width: 86%; padding-left:20px;box-sizing: border-box;} /* 갤러리형 */ .gallery_wrap{} .gallery_wrap::after{content: ""; clear: both; display: block;} .gallery_wrap .photo_view{float: none; margin-right: 0px; width:582px; margin: 0 auto;} .gallery_wrap .photo_view .title{} .gallery_wrap .photo_view .img{ height: auto;} .gallery_wrap .photo_view .img img{width: 100%;} .board_gallery_list{width: 100%; float: left; overflow:hidden; padding-top:0px; margin-top: 40px;} .board_gallery_list li{float:left; width: 31%; height: 148px; margin:0 3.5% 20px 0; overflow:hidden;} .board_gallery_list li:nth-child(4n+4){margin-right:3.5%;} .board_gallery_list li:nth-child(3n+3){margin-right:0;} .board_gallery_list li .img{} .board_gallery_list li .img img{width:100%;} .board_gallery_list li .text{} .board_gallery_list li .text .subject{color:#333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;} /* 대학원 */ .graduate_school{} .graduate_school .graduate_list{ text-align: center;} .graduate_school .graduate_list li{width: 32%; float: left; margin-right: 2%; height: 180px; margin-bottom: 3%;} .graduate_school .graduate_list li:nth-child(4n+4){margin-right: 2%;} .graduate_school .graduate_list li:nth-child(3n+3){margin-right: 0;} .graduate_school .graduate_list li.graduate_img01{background: url(/usr/images/suwon/submain_visual03.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img02{background: url(/usr/images/suwon/submain_visual04.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img03{background: url(/usr/images/suwon/submain_visual05.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img04{background: url(/usr/images/suwon/submain_visual06.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img05{background: url(/usr/images/suwon/submain_visual07.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img06{background: url(/usr/images/suwon/submain_visual08.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img07{background: url(/usr/images/suwon/submain_visual09.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img08{background: url(/usr/images/suwon/submain_visual10.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img09{background: url(/usr/images/suwon/submain_visual11.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img10{background: url(/usr/images/suwon/submain_visual12.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img11{background: url(/usr/images/suwon/submain_visual13.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img12{background: url(/usr/images/suwon/submain_visual14.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img13{background: url(/usr/images/suwon/submain_visual15.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img14{background: url(/usr/images/suwon/submain_visual16.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img15{background: url(/usr/images/suwon/submain_visual17.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li a{font-size: 18px; font-weight: 600; vertical-align: middle; height: 100%; line-height: 180px; color: #fff; background-color: rgba(0, 0, 0, 0.4); display: block;} .graduate_school .graduate_list li a:hover{font-size: 22px; transition: all 0.3s;} /*서브인트로 링크*/ .visual_sublink{ text-align: center;} .visual_sublink .visual_sublink_list li{width: 32%; float: left; margin-right: 2%; height: 180px; margin-bottom: 3%;} .visual_sublink .visual_sublink_list li:nth-child(4n+4){margin-right: 2%;} .visual_sublink .visual_sublink_list li:nth-child(3n+3){margin-right: 0;} .visual_sublink .visual_sublink_list li a{font-size: 18px; font-weight: 600; vertical-align: middle; height: 100%; line-height: 180px; color: #fff; background-color: rgba(0, 0, 0, 0.4); display: block;} .visual_sublink .visual_sublink_list li a:hover{font-size: 22px; transition: all 0.3s;} /* 사이트맵 */ .sitemap::after{content: ""; clear: both; display: block;} .sitemap > a{} .sitemap a.title{float: left; width: 18%; border-left: 5px solid #f4b221; font-size: 24px; color: #f4b221; margin-right: 4%; box-sizing: border-box; padding-left: 1%; line-height: 1.4;} .sitemap > li{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #ddd;} .sitemap > li::after{content: ""; clear: both; display: block;} .sitemap .gnbmenu_wrap{float: left; width: 77%;} .sitemap .gnbmenu_wrap .depth2 .depth2_li{float: left; width: 25%; padding-right: 10px; box-sizing: border-box;} .sitemap .gnbmenu_wrap .depth2 .depth2_li a{font-size: 17px; color: #062f6e; font-weight: 500;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3{margin-top: 10px;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3 li{line-height: 1.4;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3 li a{font-size: 15px; color: #555;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3 li a:hover{text-decoration: underline;} /* 산학협력단 */ .institution .institution_list li{width: 32% !important; margin-bottom: 20px; margin-right: 2%;} .institution .institution_list li:nth-child(3n+3){margin-right: 0;} .institution .institution_list li:hover{background: #f4b221; color: #fff;} /* 교양대학 */ .submain_snb_wrap h2 a{cursor: default; font-size: 16px; color: #fff; padding-top: 0 !important;} .college_top.culture{ width: 100%;height:auto;} .culture .bx-viewport{ z-index: 1; height:530px !important;} /* 대운동장 대관 */ .f0106_wrap .subcont_inner .round_img01{width: 40%; margin-left: 0;} .f0106_wrap .subcont_inner .tit_dotlist{width: 60%; } .f0106_wrap .subcont_inner .round_img01 img{ max-width: 90%;} .btn_graduate{ width: 100%;} /*학생증 발급안내*/ .subcont_inner .union_list_02_wrap {overflow: hidden;} .subcont_inner .union_list_02 {float: none; width: 80%;margin-right: 0; margin: 0 auto; margin-bottom: 70px;position: relative;height:auto} .subcont_inner .union_list_02:after{background: url(/usr/images/suwon/bg_unionlist_arrow.png) no-repeat center center; right: 50%;bottom:-35px; transform: translateX(17px);background-size: contain} .subcont_inner .union_list_02:nth-child(3),.subcont_inner .union_list_02:last-child {margin-right:auto} .subcont_inner .union_list_02:nth-child(3):after {display:block} .union_list_02 .c_btn_wrap {margin-top:40px} .ui_top .logo_01{width: 30%;} .ui_top .ui_text{ width: 70%; padding: 0 10px; box-sizing: border-box;} /* 슬로건 */ .slogan .subcont_inner img{width: 100%; height: auto;} /* 교수진 학생수 */ .college_info_number{ height: 200px;} .college_info_number ul{ width: 60%; padding: 10px 50px;} .college_info_number ul li{ margin-right: 50px; height: 130px;} .college_info_number ul li span{font-size: 56px;} .college_info_number .sub_img01{ width: 50%; background-size: 100%;} .subcont_inner .union_list_02 > li:nth-child(2){height: 150px;} .dim{width:100%; background:rgba(0, 0, 0, 0.5); height:100%; position: fixed; display:block; z-index: 600; top: 0px; left: 0; display: none;} .dim.on{display: block;} /* 검색결과 */ .result_list .board_basic_list li .text{float: none; width: 100%;} .none_result{padding: 30px 40px;} .f0404_wrap{ padding: 10px; box-sizing: border-box;} .gallery_news_list2 li{ width: 33.33333%; margin-right: 0%;} .gallery_news_list2 li:nth-child(3n+3){ margin-right: 0;} .gallery_news_list2 li a .image_box{ width: 240px; margin: 0 auto;} .gallery_news_list2 li a .text_box{ width: 240px; margin: 10px auto 0;} } @media(max-width:767px){ .gallery_news_list2 li{ float: none; width: 100%;} .hd_mobile .gnbmenu_wrap.on{ display:block;} .university_organ .organ_child_wrap:before{height: 0;} .result_list h2{ font-size: 20px;} .none_result{padding: 10px;} .none_result .img_box{text-align: center; float: none; } .none_result .img_box img{width: 100px; } .none_result .text_box{float: none; width: 100%; margin-left: 0; margin-top: 10px;} .none_result p.txt{ font-size: 16px; margin-bottom: 10px;} .none_result ul{} .none_result ul li{color: #666;} .search_header_wrap #header_sch{width: 308px;} .search_header_wrap #header_sch .sch_tit{ margin-right: 10px; font-size: 18px;} .search_header_wrap #header_sch input{ width: 190px;} .f0404_wrap .tx_c{ top: 30px;} .f0404_wrap .title{font-size: 18px; position: relative;} /*단과대 추가*/ .university_tit {font-size:18px;} /*조직도*/ .university_organ .organ_leader {width:200px;height:200px;background-size:200px;} .university_organ .organ_leader p {font-size:22px;} .university_organ .organ_leader p span {font-size:16px} .university_organ .organ_child_wrap {margin-top:50px;} .university_organ .organ_child_wrap .organ_child{float:none;width:100%;margin-right:0;margin-bottom:20px} .university_organ .organ_child_wrap:after {display:none;} .university_organ .organ_child_wrap .organ_child:nth-child(3):before {height:440px;top:-284px;z-index:-1} /*대학원메인*/ .submain_icon::after,main_cont::after {content:'';display:block;clear:both} .main_cont > div {width:100%;float:none;margin-right:0} .main_cont .submain_icon > div {height:50%;} .main_cont > div {height:auto} /*여백*/ .cont_blank {margin-bottom:0px;} /*모바일*/ #wrap{max-width:100%;} #topnotice{background:#f4b221; width:100%; height:150px;} #header{width:100%; position:relative;} .board_write table .board_pc{display:none;} /* 팝업 */ .popup_wrap{background-color: #f4b221; position: relative; width: 100%; height: 152px; top: 0; left: 0;} .popup_wrap .popup_inner{width: 100%; box-sizing: border-box; position: relative; height: 120px;} .popup_wrap .slick-list .slick-track{margin: 10px 0 0px;} #popup_list{ height: 120px;} #popup_list .slick-list{ height: 120px;} .popup_wrap .slick-slide{} #header .popup_wrap .popup_inner .slick-prev{background-color: transparent; text-indent: -9999px; border: 0; background: url(/usr/images/suwon/popup_arrow_prev.png) no-repeat left center; width: 32px; height: 32px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); cursor: pointer; z-index: 100;} #header .popup_wrap .popup_inner .slick-next{background-color: transparent; text-indent: -9999px; border: 0; background: url(/usr/images/suwon/popup_arrow_next.png) no-repeat right center; width: 17px; height: 32px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); cursor: pointer; z-index: 100;} .popup_item{padding: 10px 30px; box-sizing: border-box; border-left:0;} .popup_item .icon_box{float: left; margin: 0; width: 20%;} .popup_item .icon_01{background: url(/usr/images/suwon/popup_icon01.png) no-repeat center; width: 50px; height: 50px; display: block; background-size: 50px;} .popup_item .icon_02{background: url(/usr/images/suwon/popup_icon02.png) no-repeat center; width: 50px; height: 50px; display: block; background-size: 50px;} .popup_item .popup_txt{margin-top: 10px; color: #fff; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; padding-bottom: 0px; width: 80% !important;} .popup_item .popup_txt .tit{width: 100%; font-size: 16px;} .popup_item .popup_txt p{font-size: 14px;} .popup_item .popup_txt .popup_more{color: #fff; background: url(/usr/images/suwon/btn_more_w.png) no-repeat right 10px center; padding: 4px 34px 4px 10px; font-size: 13px; display: inline-block; position: absolute; right: 0; bottom: 10px; box-sizing: border-box;} .popup_item .popup_txt .popup_more:hover{ border: 1px solid #fff;} .popup_wrap a.popup_close{position:relative; bottom: 0; left: 0; height: 32px; line-height: 32px; text-align: center; background: #999 url(/usr/images/suwon/popup_close.png) no-repeat right 38% center; padding-right: 0px; padding-left: 0px; background-size: 18px; width: 100%; display: none;} .popup_wrap .popup_close.on{display: block; font-size: 14px;} a.popup_open{position: relative; top: 0; right: 0; height: 32px; line-height: 32px; text-align: center; background: #999 url(/usr/images/suwon/popup_open.png) no-repeat right 38% center; padding-right: 0px; padding-left: 0px; background-size: 18px; width: 100%;display: none;} a.popup_open.on{display: block;} #header h1{position: relative; width: 100%; text-align: center; display:block;} #header h1 a{display:block; padding:10px 0;margin: 0 auto; width:100px; } #header h1 a img{vertical-align:middle; width:100px; margin-top: 3px;} #header h1 .btn_sitemap{position: absolute; background:url(/usr/images/suwon/icon_mognb.png) no-repeat center; text-indent: -9999px; border: 0; top: 50%; right: 10px; transform: translateY(-50%);height: 30px;} .header_wrap .header_inner{margin: 0; width: 100%;} .header_wrap .gnb_wrap{background:#062f6e;width:auto;height:auto;display:none;position:fixed;z-index:700;top:0;bottom:0;left: 10%; right:0;padding-top: 40px;margin-left: 0; overflow-y: scroll;} .gnb_bg{width:100%; background:rgba(0,0,0,0.7); height:auto; display:none;} .dim{width:100%; background:rgba(0, 0, 0, 0.5); height:100%; position: fixed; display:block; z-index: 600; top: 0px; left: 0; display: none;} .dim.on{display: block;} .gnb_wrap .gnb_close{display:block; right: 20px;} .gnb_close{display: block; top: 0; right: 0; position: absolute; text-indent: -9999px; background: #062f6e url(/usr/images/suwon/close3.png) no-repeat right 10px top 10px; width: 24px; height: 36px; z-index: 800; padding: 10px 10px 0 0;} .gnb_wrap .gnb{width:100%; margin-top: 8px ; position:static; float:none; text-align:left; box-sizing:border-box; /* overflow-y: scroll; */} .gnb_wrap .gnb li{font-size:16px; float:none; padding:0; width:100%;} .gnb_wrap .gnb li a{color: rgba(255, 255, 255, 0.5); line-height:45px; font-weight:400; cursor:pointer; display:block; font-size: 16px; padding: 0 10px; box-sizing: border-box;} .gnb_wrap .gnb li > .gnbmenu_wrap.on{display:block;} /* .gnb_wrap .gnb > li:hover > .gnbmenu_wrap{display:block;} */ .gnb_wrap .gnb li .gnbmenu_wrap{display:none;width: auto;position:absolute;top:0;bottom:0;left: 0;right: 0;/* margin:0; */background:#fff;z-index:60;border-bottom:1px solid #aaa;margin-top: 48px;margin-left: 134px;} .gnb_wrap .gnb li .gnbmenu_wrap .title{display:none; position:absolute; width:265px; bottom:0; top:0; box-sizing:border-box; padding-left:30px; background:#f4b221 url(/usr/images/suwon/bg_gnbtitle.png) no-repeat right bottom;} .gnb_wrap .gnb li .gnbmenu_wrap .title .en{margin-top:60px; color:#062f6e; font-size:13px; letter-spacing:3px;} .gnb_wrap .gnb li .gnbmenu_wrap .title{color:#fff; font-size:38px;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2{float:none; padding:0; margin-bottom:0; box-sizing:border-box; overflow:hidden; margin-left:0;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li{float:none; width:100%; margin-right:0; text-align:left; padding:0 10px; box-sizing: border-box; background-color: #fff;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li > a{ /*pointer-events: none; cursor: default; */} .gnb_wrap .gnb li:nth-child(2) .gnbmenu_wrap .depth2_li:last-child > a{ /* pointer-events: auto; cursor: pointer;*/} .gnb_wrap .gnb li:nth-child(6) .gnbmenu_wrap .depth2_li:last-child > a{ /* pointer-events: auto; cursor: pointer;*/} .gnb_wrap .gnb li:nth-child(7) .gnbmenu_wrap .depth2_li a{/* pointer-events: auto; cursor: pointer;*/} /* .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li:hover > .depth3{display:block;} */ .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li a{display:block; font-size:15px; color:#062f6e; line-height:40px; font-weight:normal; border-bottom:1px solid #aaa; padding:0 10px; box-sizing:border-box;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3{display:none; overflow:hidden; padding:8px 0;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3.on{display:block;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li{text-align:left; padding:0; float:none; width:100%; margin:5px 0 0 8px;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li a{color:#666; font-size:14px; line-height:1.2; border-bottom:none; padding: 0 /*3px 3px 3px 10px*/; box-sizing:border-box;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li a:hover{text-decoration: underline; color: #f4b221;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2 li .depth3 li a.new{background: url(/usr/images/suwon/dep3_new.png) no-repeat right 10px center;} .tnb_wrap{} .tnb_wrap .tnb {} .tnb_wrap .tnb button{width:40px; height:69px; text-indent:-9999px; cursor:pointer; border:none; } .tnb_wrap .tnb .btn_sch{display: block; background: url(/usr/images/suwon/icon_tnbsch_m.png) no-repeat center; position: absolute; top: -70px; left: 0; z-index: 10;} .tnb_wrap .tnb .sch_wrap{float:none;} .tnb_wrap .tnb .btn_sitemap{display:none;} .tnb_wrap .tnb .sch_wrap .sch_form{display:none; position:absolute; top: 20px; right: 50%; z-index:10;} .tnb_wrap .tnb .sch_wrap .sch_form form{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset{} .sch_wrap .sch_form form fieldset span{display:inline-block; border:2px solid #062f6e; width:280px; height:46px;} .sch_wrap .sch_form form fieldset span input{width:280px; border:none; height:46px;} .sch_wrap .sch_form form fieldset button{z-index:10; position:absolute; right:0; top:0; width:48px; height:48px; text-indent:-9999px; background:#062f6e url(/usr/images/suwon/icon_tnbsch.png) no-repeat center;} .tnb_wrap .tnb .btn_sitemap{display: none; background:url(/usr/images/suwon/icon_mognb.png) no-repeat center; padding: 30px;} .tnb_wrap .language{display: block;} .tnb_wrap .language .title{cursor:pointer;} .tnb_wrap .language .list{display: block;} .tnb_wrap .language .list li{} .tnb_wrap .language .list li a{color: #666;font-size: 14px;} /* 메인비주얼 */ .mainvisual_wrap{overflow:hidden; position: relative;} .mainvisual_slide{width:100%; height:400px; position:relative; overflow:hidden;} .mainvisual_wrap ul li .bg_wrap{width: 100%; margin: 0 auto; position: relative;; height: 400px;} .bg_wrap .title{ position: absolute; top: 135px; left: 50%;transform: translateX(-50%); z-index: 1; text-align: center; width: 75% } .bg_wrap .title p{color: #fff;} .bg_wrap .title p:first-child{font-size: 28px; font-weight: 600;text-shadow: 4px 4px 10px #000; margin-bottom: 30px;} .bg_wrap .title p:last-child{font-size: 16px; text-shadow: 2px 2px 6px #000;} .bg_wrap .title_2{ position: absolute; top: 120px; left: 50%;transform: translateX(-50%); z-index: 1; text-align: center; width: 75% } .bg_wrap .title_2 p{color: #fff;} .bg_wrap .title_2 p:first-child{font-size: 25px; font-weight: 600;text-shadow: 4px 4px 10px #000; margin-bottom: 30px;} .bg_wrap .title_2 p:last-child{font-size: 15px; text-shadow: 2px 2px 6px #000;} .bg_wrap .title_3{ position: absolute; top: 110px; left: 50%;transform: translateX(-50%); z-index: 1; width: 75% } .bg_wrap .title_3 p{color: #fff;} .bg_wrap .title_3 p:first-child{ font-size: 17px; text-shadow: 4px 4px 10px #000; font-weight: 600; margin-bottom: 0px;} .bg_wrap .title_3 p:nth-child(3){font-size: 12px; text-shadow: 2px 2px 6px #000; font-weight: 300; text-align: center;} .bg_wrap .title_3 p:nth-child(5){font-size: 13px; text-shadow: 2px 2px 6px #000; font-weight: 300;} .bg_wrap .title_3 p:last-child{ font-size: 13px; text-shadow: 2px 2px 6px #000; font-weight: 300;} .bg_wrap .title4{ position: absolute; top: 180px; left: 80px; z-index: 1; } .bg_wrap .title4 a{display:block;} .bg_wrap .title4 p{color: #fff;} .bg_wrap .title4 p:first-child{font-size: 13px; text-shadow: 4px 4px 10px #000; font-weight: 300; text-align: center;} .bg_wrap .title4 p:last-child{font-size: 13px; text-shadow: 2px 2px 6px #000; font-weight: 300; text-align: center;} .bg_wrap .more_btn{ width: 120px; height: 38px; line-height: 38px; position: absolute; bottom: 50px; right: 50%; transform: translateX(50%); color: #fff; padding-left: 10px; box-sizing: border-box; font-size: 14px; background: url(/usr/images/suwon/main_more_btn.png) no-repeat right center; background-size: 120px;} .mainvisual_wrap ul li{width: 100%; height:500px;} .mainvisual_wrap ul li.bg01{background:url(/usr/images/suwon/visual_img202105-3.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg02{background:url(/usr/images/suwon/visual_img202112-1.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg03{background:url(/usr/images/suwon/visual_img202105-1.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg04{background:url(/usr/images/suwon/visual_img04.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg05{background:url(/usr/images/suwon/visual_img05.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg06{background:url(/usr/images/suwon/visual_img06.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg07{background:url(/usr/images/suwon/visual_img07.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg08{background:url(/usr/images/suwon/visual_img08.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg09{background:url(/usr/images/suwon/visual_img09.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg10{background:url(/usr/images/suwon/visual_img10.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg11{background:url(/usr/images/suwon/visual_img202203.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap ul li.bg18{background:url(/usr/images/suwon/visual_img18.jpg) no-repeat top center; background-size: auto 400px; } .mainvisual_wrap .btn_wrap a{text-indent:-9999px; display:block; width:45px; height:45px; position:absolute; z-index:10; cursor:pointer; display: block;} .mainvisual_wrap .btn_wrap a.prev{background:url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat; background-size: 45px !important; margin-left: -110px;} .mainvisual_wrap .btn_wrap a.next{background:url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat; background-size: 45px !important; margin-right: -110px;} .mainvisual_wrap .btn_wrap a.play{background:url(/usr/images/suwon/btn_mainvisual_play.png) no-repeat; background-size: 45px !important; margin-left: -50px;} .mainvisual_wrap .btn_wrap a.stop{background:url(/usr/images/suwon/btn_mainvisual_stop.png) no-repeat; background-size: 45px !important; margin-right: -50px;} .mainvisual_wrap .bx-wrapper .bx-viewport{height: 400px !important; } #container{margin:0px 5px; position:relative;} #container:after{content:""; clear:both; display:block;} #content::after{content:""; clear:both; display:block;} .section{ } .section:after{content:""; clear:both; display:block;} .section_info{width:100%; margin:0 auto; padding:5px; box-sizing:border-box;} /* usw news */ .section_news{position: relative; margin-bottom: 50px;} .section_news .news_wrap{position: relative; margin-top: 10px;} .section_news .news_wrap h2{text-align: center; margin-bottom: 30px;} .section_news .news_wrap .list_more{right:0; bottom:-40px; width:20px; height:20px; background-size: 20px;} .news_wrap .news_list{text-align: center;} .news_wrap .news_list::after{content: ""; display: block; clear: both;} .news_wrap .news_list.news02{display: none;} .news_wrap .news_list li{width: 49%; margin-right: 2%; height: 146px; margin-bottom: 10px; float: left; box-sizing: border-box; overflow: hidden; position: relative;} .news_wrap .news_list li:nth-child(4n+4){margin-right: 0;} .news_wrap .news_list li:nth-child(2n+2){margin-right: 0;} .news_wrap .news_list li .view_bg{background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;} .news_wrap .news_list > li .view_bg .view_btn{border: 1px solid #fff; width: 100px; height: 35px; line-height: 35px; box-sizing: border-box; color: #fff; text-align: center; display: block; position: absolute; top: 45%; left: 50%; transform: translateX(-50%); font-size: 13px;} .news_wrap .news_list li:hover .view_bg{display: block;} .news_wrap .news_list li a .shadow{ background: rgba(0,0,0,0.6); height: 40px; position: absolute; bottom: 0; left: 0;} .news_wrap .news_list li a .shadow p{ padding: 10px; color: #fff; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .news_wrap .news_list li img{ height: auto; width: 100%;} .news_btn_wrap{position: relative;} .news_btn_wrap .news_more_btn{ border: 1px solid #999; width: 100%; display: block; text-align: center; color: #666; padding: 6px; position: absolute; top: 0; left: 0; box-sizing: border-box; font-size: 13px;} .news_btn_wrap .news_more_btn.more{ background: url(/usr/images/suwon/show_btn.png) no-repeat 60% center; background-size: 12px;} .news_btn_wrap .news_more_btn.close{ background: url(/usr/images/suwon/hide_btn.png) no-repeat 60% center; background-size: 12px;} .news_btn_wrap .news_more_btn:hover{background-color: #f1f1f1; overflow: hidden;} /* 입학정보,취업정보 */ .section_info .section_info_banner{width:100%; float:none; overflow:hidden; margin-bottom:40px; color:#fff;} .section_info .section_info_banner .info_banner01{float:none; width:100%; height:200px; margin-bottom: 0; background: #faa916 url(/usr/images/suwon/bg_info_banner01.gif) no-repeat bottom right;} .section_info .section_info_banner .info_banner02{float:none; width:100%; height:200px; padding-left:30px; background: #3f7ec4 url(/usr/images/suwon/bg_info_banner02.gif) no-repeat bottom right} .section_info .section_info_banner .info_banner01 h2, .section_info .section_info_banner .info_banner02 h2{font-size:22px; margin-top:24px;} .section_info .section_info_banner .info_banner01 p, .section_info .section_info_banner .info_banner02 p{margin-top:20px; font-size:16px;} /* 공지사항 */ .section_info .section_info_notice{width: 100%;float: none;height: 224px;border-bottom: 1px solid #aaa;} .section_info .section_info_notice::after{content:'';display:block;clear:both;} .section_info .section_info_notice .noticetab{width:100%;position:relative;z-index: 0;} .noticetab::after{content: ""; display: block; clear: both;} .section_info .section_info_notice .noticetab .noticetab_li{text-align:center;float:left;box-sizing: border-box;width: 13.4%;} .section_info .section_info_notice .noticetab .noticetab_li:first-child{} .section_info .section_info_notice .noticetab .noticetab_li .tab_btn.on{background:#062f6e;} .section_info .section_info_notice .noticetab .noticetab_li > h3 .tab_btn.on{color:#fff; display: block; width: 100%; height: 53px; display: block;} #noticetab1{display:block;} .section_info .section_info_notice .noticetab .noticetab_li h3{font-weight:normal; cursor:pointer;} .section_info .section_info_notice .noticetab .noticetab_li > h3 >a{ border-bottom: 2px solid #666; display: block; box-sizing: border-box; padding: 8px 0; font-size: 12px; height: 53px; } .section_info .section_info_notice .noticetab .noticetab_li .list_wrap{position: absolute;top: 0;left:0;width: 100%; display:none; transition: all 0.3s;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul{font-size:16px;position: absolute;top: 50px;left: 0;width: 100%;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li{height: 34px;line-height: 34px;width: 100%;/* border-bottom:1px dashed #aaa; */} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a{} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a span{display:block;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .date{width: 25%;float:left;text-align: left;font-size: 12px;/* margin-top:10px; */} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt{width: 75%;float:left;text-align:left;padding-right: 0;box-sizing: border-box;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .title{ font-size: 12px; overflow: hidden; white-space: nowrap; } .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .cont{display:none;} .section_info .section_info_notice .noticetab .noticetab_li .list_more{position:absolute;right: 0;top: 10px;display:block;width: 20px;height: 20px;background:url(/usr/images/suwon/btn_more.png) no-repeat center center;text-indent:-9999px;cursor:pointer;background-size: 20px;display:none;z-index: 10;} .section_info .section_info_notice .noticetab .noticetab_li:first-child .list_more{display:block;} /* SNS */ .section_info .section_info_social{margin-bottom:40px;} .section_info .section_info_social .socialtab{width:100%; float:none; border-right:none; position:relative;} .section_info .section_info_social .socialtab .socialtab_li{background:#6a6a6a; width:80px; text-align:center; line-height:70px; height:70px; font-size:12px;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap .title{font-size: 15px;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap{display:none; position:absolute; width:auto; top:0; right:0; left:95px;} .section_info .section_info_social .socialtab .socialtab_li.b .list_wrap .title{background:url(/usr/images/suwon/titblt_blog.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li.f .list_wrap .title{background:url(/usr/images/suwon/titblt_facebook.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li.y .list_wrap .title{background:url(/usr/images/suwon/titblt_youtube.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li.i .list_wrap .title{background:url(/usr/images/suwon/titblt_instagram.png) no-repeat left center;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul{margin-left: -4px; font-size:13px; width: auto;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li:before{content:""; display:block; width:1px; height:20px;left:19px; top: -10px;display: none;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li:first-child:before{height: 28px; left:19px; top:-17px;} .section_info .section_info_social .socialtab .socialtab_li .list_wrap ul li a{} .section_info .section_info_social .socialtab .socialtab_li .list_more{right: 0; top: 20px;} /* 학사일정 */ .section_info .section_info_schedule{width: 100%;float: none;box-sizing:border-box;position:relative;} .section_info .section_info_schedule h2{font-size: 18px;padding-top: 10px;/* font-weight: 400; */padding-bottom: 10px;border-bottom: 2px solid #666;margin-top: 20px;} .section_info .section_info_schedule .list_wrap {overflow-y: hidden;height: 185px;border-bottom: 1px solid #aaa;} .section_info .section_info_schedule .list_wrap ul{} .section_info .section_info_schedule .list_wrap ul li{padding: 10px 0;overflow:hidden;border-bottom: 1px dashed #aaa;} .section_info .section_info_schedule .list_wrap ul li a{} .section_info .section_info_schedule .list_wrap ul li a span{display:block;} .section_info .section_info_schedule .list_wrap ul li a .date{display:block;width: 100%;font-weight: 600;padding-bottom: 2px;} .section_info .section_info_schedule .list_wrap ul li a .date .month{display:block;font-size: 14px;line-height: 14px;margin-bottom: 5px;} .section_info .section_info_schedule .list_wrap ul li a .date .day{display: none;font-size: 32px;line-height: 40px;} .section_info .section_info_schedule .list_wrap ul li a .txt{font-size: 14px;display:block;margin-left: 0;width: 100%;padding-left: 0;box-sizing: border-box;} .section_info .section_info_schedule .list_more{display: block; width: 20px; height: 20px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; background-size: 20px;} .bm70{margin-bottom: 30px !important;} /* 주요서비스 바로가기 */ .section_quick{width:100%; margin:0 auto 40px auto; overflow:hidden; position:relative;} .section_quick ul{width:1140px; margin:0 auto; overflow:hidden;} .section_quick ul li{float:left; height:120px; width:163px;; text-align:center; line-height:190px; cursor:pointer;} .section_quick ul li:first-child{width:162px;} .section_quick ul li.bg01{background:url(/usr/images/suwon/icon_quick01.png) no-repeat center 20%;} .section_quick ul li.bg02{background:url(/usr/images/suwon/icon_quick02.png) no-repeat center 20%;} .section_quick ul li.bg03{background:url(/usr/images/suwon/icon_quick03.png) no-repeat center 20%;} .section_quick ul li.bg04{background:url(/usr/images/suwon/icon_quick04.png) no-repeat center 20%;} .section_quick ul li.bg05{background:url(/usr/images/suwon/icon_quick05.png) no-repeat center 20%;} .section_quick ul li.bg06{background:url(/usr/images/suwon/icon_quick06.png) no-repeat center 20%;} .section_quick ul li.bg07{background:url(/usr/images/suwon/icon_quick07.png) no-repeat center 20%;} .section_quick ul li.bg08{background:url(/usr/images/suwon/icon_quick08.png) no-repeat center 20%;} .section_quick ul li.bg01:hover{background:url(/usr/images/suwon/icon_quick01_on.png) no-repeat center 20%;} .section_quick ul li.bg02:hover{background:url(/usr/images/suwon/icon_quick02_on.png) no-repeat center 20%;} .section_quick ul li.bg03:hover{background:url(/usr/images/suwon/icon_quick03_on.png) no-repeat center 20%;} .section_quick ul li.bg04:hover{background:url(/usr/images/suwon/icon_quick04_on.png) no-repeat center 20%;} .section_quick ul li.bg05:hover{background:url(/usr/images/suwon/icon_quick05_on.png) no-repeat center 20%;} .section_quick ul li.bg06:hover{background:url(/usr/images/suwon/icon_quick06_on.png) no-repeat center 20%;} .section_quick ul li.bg07:hover{background:url(/usr/images/suwon/icon_quick07_on.png) no-repeat center 20%;} .section_quick ul li.bg08:hover{background:url(/usr/images/suwon/icon_quick08_on.png) no-repeat center 20%;} .section_quick ul li a{height: 100%; display: block;} .section_quick .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; position:absolute; top:50%; margin-top:-12px; cursor:pointer} .section_quick .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat; margin-right:10px; left:0; } .section_quick .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat; right:0;} /* 주요기관 바로가기 */ .section_institution .list_wrap{position: relative;} .section_institution .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; position:absolute; top:50%; margin-top:-12px; cursor:pointer} .section_institution .btn_wrap.st2 a{left:-3px !important;} .section_institution .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat; left: 0px;} .section_institution .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat; right: 0;} .section_institution{width:100%; margin:0 auto 40px auto; overflow:hidden; text-align:center; position: relative;} .section_institution h2{width:100%; height:52px; line-height:52px; float:none; font-size:15px; background:#f4b221; color:#222; text-align:center;} .section_institution .list_wrap{width:100%; height:52px; float:none; overflow:hidden;} .section_institution .list_wrap ul{width:2000px;} .section_institution .list_wrap ul li{float:left; width:120px; height:50px; line-height:50px; border-bottom:2px solid #666; margin-right:20px;} .section_institution .list_wrap ul li a{font-size:14px;} .section_institution a.list_more{ background: url(/usr/images/suwon/submain_snb_more.png) no-repeat center; right: 10px; top: 14px; width: 20px; height: 20px; background-size: 20px; } /* 수원갤러리 */ .section{} .section .section_info{} .section_info .swu_gallery_info::after{content: ""; clear: both; display: block;} .usw_gallery_info h2, .usw_today_info h2{font-size: 26px; text-align: center; margin-bottom: 20px;} .section_info .usw_gallery_info{float: none; margin-right: 0px; position: relative; width: 100%; margin-bottom: 30px;} .usw_gallery_info .bx-viewport{height: 225px !important;} .section_info .usw_gallery_info ul li{position: relative; width: 100% !important;} .section_info .usw_gallery_info a.list_more{display: block; width: 20px; height: 20px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; background-size: 20px;} #gallery_slider{width: 100%; height: 100% !important; position: relative; overflow: hidden;} #gallery_slider li img{width: 100% !important; height: auto;} .usw_gallery_info .bx-pager{display: none; font-size: 0; text-indent: -9999px;} .usw_gallery_info .bx-controls-direction{} .usw_gallery_info .bx-controls-direction .bx-prev{background: url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat left center; width: 45px; height: 45px; background-size: 45px; text-indent: -9999px; display: inline-block; position: absolute; top: 50%; left: 5px; z-index: 100; transform: translateY(-50%);} .usw_gallery_info .bx-controls-direction .bx-next{background: url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat left center; width: 45px; height: 45px; background-size: 45px; text-indent: -9999px; display: inline-block; position: absolute; top: 50%; right: 5px; z-index: 100; transform: translateY(-50%);} .usw_gallery_info .bx-controls-auto-item{display: none;} /* usw 투데이 */ .section_info .usw_today_info{float: none; width: 100%; position: relative; margin-bottom: 50px;} .section_info .usw_today_info .bx-viewport{height: auto !important;} .section_info .usw_today_info ul li{position: relative;} .section_info .usw_today_info ul li a{display: block;} .section_info .usw_today_info ul li a::after{clear: both; content: ""; clear: both;} .section_info .usw_today_info ul li a:hover{text-decoration: underline;} .section_info .usw_today_info ul li .img_box{width: 100%;text-align: center; height: 292px; display: inline-block; float: none; overflow: hidden; margin-right: 0px;} .section_info .usw_today_info ul li img{height: 100%;} .section_info .usw_today_info ul li a .text_box{margin-right: 0px; width: 100%; margin-top: 20px;} .section_info .usw_today_info ul li a .text_box span.title{font-weight: 600; margin-bottom: 10px; font-size: 18px; display: block;} .section_info .usw_today_info .bx-pager{bottom: -20px; right: 50%; transform: translateX(50%);} /* 수원 홍보영상 */ .section_video{width:100%; margin:0 auto 40px auto; padding:0 10px; box-sizing:border-box; position:relative; height:auto; overflow:hidden;} .section_video:after{content:""; clear:both; display:block;} .section_video:before{display:none; content: ''; width:4000px; height:356px; position:absolute; top:100px; left:50%; margin-left:-3450px; background-color: #eee;} .section_video h2{text-align:center; margin-bottom:20px; } .section_video .list_wrap{margin-top:20px; position:static; margin-left:0; height:174px;} .section_video .list_wrap .txt{width:100%; overflow: hidden;margin-bottom: 20px; text-overflow: ellipsis;padding-left: 0;} .section_video .list_wrap .txt li{ height:130px; display:none; padding-bottom: 10px;} .section_video .list_wrap .txt li .tit{font-size:15px; margin-bottom:6px;} .section_video .list_wrap .txt li .cont{font-size:13px;} .section_video .list_wrap .txt li .cont br{display: none;} .section_video .list_wrap .txt li.active-caption {display:block;} .section_video .list_wrap .list_more{position:absolute; right:0; bottom:0; display:block; width:25px; height:25px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} .section_video .list_wrap .btn_wrap{position:absolute; right:10px; bottom: 0px; overflow: hidden; } .section_video .list_wrap .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; float:left; cursor:pointer;} .section_video .list_wrap .btn_wrap a.prev{background:url(/usr/images/suwon/icon_newsprev.png) no-repeat; margin-right:10px;} .section_video .list_wrap .btn_wrap a.next{background:url(/usr/images/suwon/icon_newsnext.png) no-repeat;} .section_video .img_wrap{position:relative; width:100%; left:0; top: 0; margin-left:0; height:auto; } .section_video .img_wrap .bx-wrapper{max-width:100% !important;} .section_video .img_wrap .bx-wrapper .bx-viewport{height: 250px !important;} .section_video .img_wrap .section_news_slide .list iframe{width: 100%; height: 250px;} .section_video .img_wrap ul li{float:left; width:100%; height:auto;} .section_video .img_wrap ul li a img{ width: 100%; height: auto; } .section_news_rbg{display:none; width:1500px; height:340px; bottom:0; position:static; background:rgba(0,0,0,0.5); right:50%; margin-right:-2130px; z-index:5;} .ytb_logo{ background: url(/usr/images/suwon/logo_youtube.png) no-repeat center; background-size: 100px; width: 100px; height: 25px; margin-bottom: 10px; } /* 미디어포커스 */ .section_news{position: relative; margin-bottom: 50px;} .section_news h2{margin-bottom: 30px;} .section_news_list li{float: none; width: 100%; margin-right: 0; margin-bottom: 30px; overflow: hidden;} .section_news_list li:last-child{margin-right: 0; margin-bottom: 0;} .section_news_list li a img{width: 100%;} .section_news_list li a .text_box{margin-top: 15px;} .section_news_list li a .text_box .title{font-size: 16px; padding-bottom: 15px; margin-bottom: 15px; height: 26px;} .section_news_list li a .text_box .text{font-size: 14px;} .section_news_list li a .image_box{width: 100%;} /* 수원 피플*/ .section_people{ background: #f4b221 ; padding: 20px; height: auto; margin-bottom: 0px;} .section_people .section_info{position: relative;} .section_people .section_info h2{text-align: center; margin-bottom: 30px;} .section_people .section_info ul.people_list{position: relative; top: 0px; right: 0; text-align : center;} .section_people .section_info ul.people_list li:first-child{margin-left: 0;} .section_people .section_info ul.people_list li{float: none; margin-left: 0%; width: 100%; margin-bottom: 20px;} .section_people .section_info ul.people_list li:last-child{margin-bottom: 0;} .section_people .section_info ul.people_list li img{width: 70%;} .section_people .section_info ul.people_list li .text_box{margin-top: 10px; text-align: center;} .section_people .section_info .list_more{display: block; width: 20px; height: 20px; background: url(/usr/images/suwon/submain_snb_more.png) no-repeat center center; background-size: 20px; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0; } /* 사용자별 주요서비스(메인홈 우측 767) */ .section_campus{width:100%; margin:0 auto; margin-bottom: 30px; display:none;} .service_menu_wrap .tit{width: 100%; height: 45px; line-height: 45px;} .service_wrap .service_tab_menu{width: 100%; float: none; text-align: center;} .service_wrap .service_tab_men li{width: 25%;} .service_wrap .service_tab_menu li a{padding-top: 50px; box-sizing: border-box; height: 90px; line-height: 1.4; font-size: 13px;} .service_wrap .service_tab_menu li.icon01 a{ background: url(/usr/images/suwon/service_icon01.png) no-repeat top 20px center;} .service_wrap .service_tab_menu li.icon02 a{ background: url(/usr/images/suwon/service_icon02.png) no-repeat top 20px center;} .service_wrap .service_tab_menu li.icon03 a{ background: url(/usr/images/suwon/service_icon03.png) no-repeat top 20px center;} .service_wrap .service_tab_menu li.icon04 a{ background: url(/usr/images/suwon/service_icon04.png) no-repeat top 20px center;} .service_wrap .service_tab_menu li.icon01:hover a{background: url(/usr/images/suwon/service_icon01_on.png) no-repeat top 20px center;} .service_wrap .service_tab_menu li.icon02:hover a{background: url(/usr/images/suwon/service_icon02_on.png) no-repeat top 20px center;} .service_wrap .service_tab_menu li.icon03:hover a{background: url(/usr/images/suwon/service_icon03_on.png) no-repeat top 20px center;} .service_wrap .service_tab_menu li.icon04:hover a{background: url(/usr/images/suwon/service_icon04_on.png) no-repeat top 20px center;} .service_wrap .service_tab_menu li.icon01 a.on{background: #2a3d5a url(/usr/images/suwon/service_icon01_on.png) no-repeat top 20px center; border: 0; color: #fff;} .service_wrap .service_tab_menu li.icon02 a.on{background: #2a3d5a url(/usr/images/suwon/service_icon02_on.png) no-repeat top 20px center; border: 0; color: #fff;} .service_wrap .service_tab_menu li.icon03 a.on{background: #2a3d5a url(/usr/images/suwon/service_icon03_on.png) no-repeat top 20px center; border: 0; color: #fff;} .service_wrap .service_tab_menu li.icon04 a.on{background: #2a3d5a url(/usr/images/suwon/service_icon04_on.png) no-repeat top 20px center; border: 0; color: #fff;} .service_view{ position: relative; left: 0; top: 0px; width: 100%; z-index: 200; height: auto; display:block;} .service_view .service_tit{background-color: #2a3d5a; padding: 10px ; height: 32px;} .service_view .service_tit::after{content: ""; display: block; clear: both;} .service_view .service_tit h4{ color: #fff; float: left; margin-right: 20px; font-weight: 500; font-size: 16px;} .service_view .service_tit p{color: #ddd; font-size: 12px; float: left; margin-top: 10px; display:none;} .service_view .service_tit a.close_btn{background: url(/usr/images/suwon/close3.png) no-repeat right center; float: right; height: 20px; margin-top: 5px; text-indent: -9999px; width: 20px; background-size: 20px;} .service_view .service_icon_list{border: 1px solid #ddd; background-color: #fff; width: 100%; padding: 12px; box-sizing: border-box; height: auto;} .service_view .service_icon_list::after{content: ""; clear: both; display: block;} .service_view .service_icon_list li{ float: left;width: 50%; text-align: center; height: 100px; margin-bottom: 20px;} .service_view .service_icon_list li a{display: block; padding-top: 65px; box-sizing: border-box;font-size: 13px; margin: 0 10px; margin-bottom: 10px; padding-bottom: 10px; } .service_icon_list.list01 li{} .service_icon_list.list01 .icon01{background: url(/usr/images/suwon/service_list_icon13.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list01 .icon02{background: url(/usr/images/suwon/service_list_icon09.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list01 .icon03{background: url(/usr/images/suwon/service_list_icon11.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list01 .icon04{background: url(/usr/images/suwon/service_list_icon01.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list01 .icon05{background: url(/usr/images/suwon/service_list_icon05.png) no-repeat top 14px center;background-size: 47px;} .service_icon_list.list01 .icon06{background: url(/usr/images/suwon/service_list_icon06.png) no-repeat top 16px center; background-size: 50px; background-size: 50px;} .service_icon_list.list01 .icon07{background: url(/usr/images/suwon/service_list_icon07.png) no-repeat top 10px center;background-size: 50px;} .service_icon_list.list01 .icon08{background: url(/usr/images/suwon/service_list_icon21.png) no-repeat top 10px center;background-size: 45px;} .service_icon_list.list01 .icon09{background: url(/usr/images/suwon/service_list_icon12.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list01 .icon10{background: url(/usr/images/suwon/service_list_icon10.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list01 .icon11{background: url(/usr/images/suwon/service_list_icon10.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list02{} .service_icon_list.list02 .icon01{background: url(/usr/images/suwon/service_list_icon05.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list02 .icon02{background: url(/usr/images/suwon/service_list_icon11.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list02 .icon03{background: url(/usr/images/suwon/service_list_icon07.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list02 .icon04{background: url(/usr/images/suwon/service_list_icon01.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list02 .icon05{background: url(/usr/images/suwon/service_list_icon21.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list02 .icon06{background: url(/usr/images/suwon/service_list_icon16.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list02 .icon07{background: url(/usr/images/suwon/service_list_icon17.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list02 .icon08{background: url(/usr/images/suwon/service_list_icon09.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list02 .icon09{background: url(/usr/images/suwon/service_list_icon03.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list02 .icon10{background: url(/usr/images/suwon/service_list_icon08.png) no-repeat top 10px center;background-size: 46px;} .service_icon_list.list02 .icon11{background: url(/usr/images/suwon/service_list_icon14.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list02 .icon12{background: url(/usr/images/suwon/service_list_icon15.png) no-repeat top 10px center;background-size: 44px;} .service_icon_list.list03{} .service_icon_list.list03 .icon01{background: url(/usr/images/suwon/service_list_icon02.png) no-repeat top 10px center;background-size: 42px;} .service_icon_list.list03 .icon02{background: url(/usr/images/suwon/service_list_icon04.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list03 .icon03{background: url(/usr/images/suwon/service_list_icon18.png) no-repeat top 12px center; background-size: 50px;} .service_icon_list.list03 .icon04{background: url(/usr/images/suwon/service_list_icon20.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list03 .icon05{background: url(/usr/images/suwon/service_list_icon19.png) no-repeat top 4px center;background-size: 40px;} .service_icon_list.list03 .icon06{background: url(/usr/images/suwon/service_list_icon10.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list03 .icon07{background: url(/usr/images/suwon/service_list_icon22.png) no-repeat top 10px center; background-size: 50px;} .service_icon_list.list03 .icon08{background: url(/usr/images/suwon/service_list_icon03.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list03 .icon09{background: url(/usr/images/suwon/service_list_icon14.png) no-repeat top 12px center; background-size: 50px;} .service_icon_list.list04{} .service_icon_list.list04 .icon01{background: url(/usr/images/suwon/service_list_icon24.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list04 .icon02{background: url(/usr/images/suwon/service_list_icon30.png) no-repeat top 14px center; background-size: 38px;} .service_icon_list.list04 .icon03{background: url(/usr/images/suwon/service_list_icon08.png) no-repeat top 12px center;background-size: 44px;} .service_icon_list.list04 .icon04{background: url(/usr/images/suwon/service_list_icon14.png) no-repeat top 14px center; background-size: 50px;} .service_icon_list.list04 .icon05{background: url(/usr/images/suwon/service_list_icon25.png) no-repeat top 5px center;background-size: 48px;} .service_icon_list.list04 .icon06{background: url(/usr/images/suwon/service_list_icon15.png) no-repeat top 10px center;background-size: 45px;} .service_icon_list.list04 .icon07{background: url(/usr/images/suwon/service_list_icon20.png) no-repeat top 12px center; background-size: 50px;} #mainconttop{display:none;} #conttop{position:fixed; right:5%; bottom: 30px; display:block; width:40px; height:40px; background:url(/usr/images/suwon/btn_conttop.gif) no-repeat; text-indent:-9999px; background-size: 40px; z-index: 100; display:block;} /* 서브상단 */ #subconttop{position:relative; margin-top:0px;} #subconttop:after{display:block; content:""; clear:both;} #subconttop .subconttop_inner{width:100%; margin:0 auto; position: relative;} #subconttop .subconttop_inner .breadcrumbs{ position: absolute; top: 10px; right: 110px; display:none;} #subconttop .subconttop_inner .breadcrumbs li{font-size:14px; float:left; width: auto; margin-right:5px; padding:0 5px; box-sizing:border-box; position:relative; background:url(/usr/images/suwon/breadcrumbs_arrow.png) no-repeat right 6px; padding-right: 15px;} #subconttop .subconttop_inner .breadcrumbs li:last-child{background: none; padding-right: 0; margin-right: 0;} #subconttop .subconttop_inner .breadcrumbs li .menu{width:20px; display:inline-block; float:right; height:20px; text-indent:-9999px; background:url(/usr/images/suwon/breadcrumbs_arrow.png) no-repeat right center;} #subconttop .subconttop_inner .breadcrumbs li.home{width:20px; background:url(/usr/images/suwon/icon_breadcrumbshome.png) no-repeat center 3px; text-indent:-9999px;background-size: 17px;} #subconttop .subconttop_inner .breadcrumbs li.home:before{display:block; content:""; width:1000px; height:1px; position:absolute; left:50%; margin-left:-1600px; top:44px;} #subconttop .subconttop_inner .breadcrumbs li.depth1{color:#666;} #subconttop .subconttop_inner .breadcrumbs li.depth2{color:#002f74;} #subconttop .subconttop_inner .breadcrumbs li.depth3{color:#f4b221;} #subconttop .subconttop_inner .breadcrumbs li:hover > .inner_menu{display:block;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu{display:none; background:#fff; position:absolute; z-index:10; top:44px; left:0; width:185px; border:1px solid #666;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li{height:32px; line-height:32px; border-bottom:0; font-size:14px;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li a{display:block;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li:hover a{color:#f4b221} #subconttop .subconttop_inner .today{ font-size:18px; position: absolute; top: 0; right: -220px; display:none;} #subconttop .subconttop_inner .today p:nth-child(1){letter-spacing: 5px;} #subconttop .subconttop_inner .today p:nth-child(2){font-size:34px; font-family:'Nanum Myeongjo', serif;} #subconttop .subconttop_inner .today .week{ font-family:'NotoSerif' } /* 서브타이틀 */ .subtitle_wrap{width:100%; max-width:1200px; margin:0 auto; border-bottom:2px solid #003965;} .subtitle_wrap:after{display:block; content:""; clear:both;} .subtitle_wrap h2{font-size:22px; float:left; padding-bottom:10px; margin-top: 10px; font-weight: 600; width:85%;} .subtitle_wrap .utill{float:right; position:relative} .subtitle_wrap .utill a{ width:30px; height:30px;margin-top: 10px;} .subtitle_wrap .utill .share{background-size: 30px;} .subtitle_wrap .utill .print{display: none;} /*서브콘텐츠*/ .subcont_wrap{width:100%; max-width:1200px; margin:20px auto 30px auto;} /* 서브탭메뉴 */ .subcont_tab{border-bottom:0; margin-bottom:30px;} .subcont_tab ul{overflow:hidden;} .subcont_tab ul.tab_li02{} .subcont_tab ul.tab_li03{} .subcont_tab ul.tab_li04{} .subcont_tab ul.tab_li05{} .subcont_tab ul li{float:left; height:40px; line-height:40px; background:#f4f4f4; color:#999; text-align:center; font-size:14px; } .tab_li06.e010901 li{ height:52px; line-height:52px; } .subcont_tab ul li.on{background:#f4b221; color:#fff;} .subcont_tab ul li a{color:inherit; display: block;} .subcont_tab ul.tab_li02 li{width:50%;} .subcont_tab ul.tab_li03 li{width:33%;} .subcont_tab ul.tab_li03 li:nth-child(2n+3){width:34%;} .subcont_tab ul.tab_li04 li{width:25%;} .subcont_tab ul.tab_li05 li{width:50%;} .subcont_tab ul.tab_li06 li{width:33.333333%;} .subcont_tab ul.tab_li06 li br{} .subcont_tab ul.tab_li05 li:nth-child(5n+5){border-right : 1px solid #e6e6e6;} .tab_li06.e010901 li.long_txt{padding-top: 6px;} /* 서브 2차탭메뉴 */ .subcont_tab2{margin-bottom:30px; box-sizing:border-box;} .subcont_tab2 ul{overflow:hidden;} .subcont_tab2 ul li{display:inline-block; float: left; width: 50%; box-sizing: border-box;text-align: center;border: 1px solid #eee;height:35px} .subcont_tab2 ul li.on{ border: 0; background-color: #4469a0;} .subcont_tab2 ul li.on a{color:inherit; color: #fff;} .subcont_tab2 ul li a{display:block; width: 100%; height:35px; padding: 8px 0; box-sizing: border-box;letter-spacing: -0.2px; font-size:12px;} .submain_wrap .submain_cont_wrap .subcont_tab2 ul li{ width: 100%;} /* 대학원 서브메인 메뉴영역 */ .submain_wrap{width:100%; margin:0 auto;} .submain_snb_wrap{float:none; width:100%; margin:10px 0; position:relative;} .submain_snb_wrap h2{width:100% !important; height:auto !important; padding:10px !important; box-sizing:border-box; background:#0068b7 url(/usr/images/suwon/submain_snb_more.png) no-repeat 98% center !important; background-size:20px auto !important; font-size:16px !important; color:#fff;} .submain_snb_wrap h2 br{display:none;} .submain_snb_wrap .submain_snb{width:100%; background:#fff; display:none; border-top:1px solid #ddd; position:absolute; z-index:10;} .submain_snb_wrap .submain_snb.on{display: block;} .submain_snb_wrap .submain_snb .submain_snb_depth1{background-color: #fff;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li{width:100%; border:1px solid #ddd; border-top:none; line-height:40px; box-sizing: border-box;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li.off{background:url(/usr/images/suwon/submain_snb_off.png) no-repeat 97% 12px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li.on{background:url(/usr/images/suwon/submain_snb_on.png) no-repeat 97% 12px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li a{display:block; padding:0 15px; box-sizing:border-box; font-size: 14px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li a span{display:none !important;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2{display:none; background:#f4f4f4; border-top:1px solid #ddd;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li{line-height:40px; font-size:14px; border:none;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li a{display:block;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li.active, .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li:hover{background:#f4b221;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li.active a, .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li:hover a{color:#fff;} /* 대학원 메인 콘텐츠영역 */ .submain_cont_wrap{float:none; width:100%;} .submain_cont_wrap.sub{width:100%; margin:10px 0; box-sizing: border-box;} .submain_cont_wrap .submain_visual{width:100%; height:200px; position:relative; margin-bottom: 10px; overflow: hidden;} .submain_cont_wrap .submain_visual .submain_visual_slide li{overflow: hidden;} .submain_visual .submain_visual_slide{ height:350px; } .submain_visual .submain_visual_slide li{height: 100%;} .submain_visual .submain_visual_slide li img{ height: 58%;} .submain_cont_wrap .submain_visual .btn_wrap a{text-indent:-9999px; display:block; width:50px; height:50px; position:absolute; z-index:9; top:50%; margin-top:-25px; cursor:pointer} .submain_cont_wrap .submain_visual .btn_wrap a.prev{background:url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat; left:0; background-size:100%;} .submain_cont_wrap .submain_visual .btn_wrap a.next{background:url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat; right:0; background-size:100%;} .submain_cont_wrap .submain_cont{overflow:hidden; height:auto; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board{float:none; width:100%; height:226px; padding:10px; box-sizing:border-box; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab{width:100%; position:relative; } .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li{text-align:center; float:left; padding:0 15px; margin-right:10px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li.on{} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li > h3 a.on{position:relative;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li > h3 a.on:after{display:block; width:80px; height:2px; background:#f4b221; content:""; position:absolute; bottom:-5px; left:50%; margin-left:-40px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li h3 a{font-weight:normal; font-size:15px; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap{position:absolute; top:40px; left:0; width:100%; display:none;} #noticetab1{display:block;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul{font-size:14px; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li{line-height:32px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a{width:100%; overflow:hidden;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a span{display:block;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a .title{width:70%;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap ul li a .date{width:80px;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_more{position:absolute; right:0; top:-30px; display:block; width:20px; height:20px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} .submain_cont_wrap .submain_cont .submain_quick{float:none; width:100%; height:137px;} .submain_cont_wrap .submain_cont .submain_quick .quick{float:left; width:50%; height:137px; box-sizing:border-box; padding:25px 20px; color:#fff; font-size:14px;} .submain_cont_wrap .submain_cont .submain_quick .quick .more{display:inline-block; padding:0 10px; height:25px; line-height:25px; border:1px solid #fff; text-align:center; margin-top:10px; cursor: pointer;} .submain_cont_wrap .submain_cont .submain_quick .quick01{background:#04a1b4;} .submain_cont_wrap .submain_cont .submain_quick .quick02{background:#f4b221;} .submain_cont_wrap .submain_cont .submain_bn{float:none;margin: 20px auto 0 auto; height:auto; position:relative;} .submain_cont_wrap .submain_cont .submain_bn .submain_bn_slide{} .submain_cont_wrap .submain_cont .submain_bn .submain_bn_slide li{} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a{text-indent:-9999px; display:block; width:25px; height:25px; position:absolute; z-index:10; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat;} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat;} .submain_cont_wrap .main_cont .submain_bn{ width: 100%; height: auto; margin-bottom: 1px;} /* 공유하기 */ .subtitle_wrap .utill .share.on{background-size: 30px;} .subtitle_wrap .utill .share_list{ position: absolute; top: 54px; left: -10px; width: 50px; height: 115px; padding: 0 5px; background-color: #fff; z-index: 1;} .subtitle_wrap .utill .share_list ul li{ float: none; width: 100%; padding: 0 0;} .subtitle_wrap .utill .share_list ul li a.naver_share{background-size: 30px; padding-top: 0px;} .subtitle_wrap .utill .share_list ul li a.kakao_share{background-size: 30px;} .subtitle_wrap .utill .share_list ul li a.link_share{background-size: 30px;margin-top: 0; margin-bottom: 6px;} /* 만족도 조사 */ .satisfaction_wrap{width: 100%; margin: 0px auto;} .satisfaction{width: 100%; margin: 0 auto; border-bottom: 1px solid #aaa; box-sizing: border-box;} .satisfaction .title{background: url(/usr/images/suwon/satisfaction_icon.png) no-repeat left 10px center; background-color: #59667a; color: #fff; text-align: left; padding-left: 40px; height: 50px; line-height: 50px; font-size: 15px;} .satisfaction .select_box{padding: 0 5px; box-sizing: border-box; text-align: left; } .satisfaction .select_box ul{} .satisfaction .select_box ul::after{clear: both; content: ""; display: block;} .satisfaction .select_box ul li{width: 33.33333%; float: left; line-height: 2;} .satisfaction .select_box input{} .satisfaction .select_box label{font-size: 14px; vertical-align: middle;} .opinion{width: 100%; margin-top: 10px; position: relative;} .opinion::after{content: ""; display: block; clear: both;} .opinion .tit{display: none;} .opinion .text_box{ float: left;} .opinion .text_box input[type="text"]{font-size: 14px; height: 45px; min-width: 220px; padding-left: 10px;} .opinion .text_box input[type="submit"]{font-size: 14px; border: 2px solid #59667a; height: 45px; line-height: 40px; width: 80px; cursor: pointer; position: absolute; bottom: 0; right: 0;} .opinion .text_box input[type="submit"]:hover{color: #fff; background-color: #59667a;} /* 하단 */ #footer .f_link{margin:0 auto 30px auto;} #footer .f_link dd ul li{width:33% !important; line-height:24px; padding:3px 10px; font-size:11px;} #footer .f_link dd ul li.clear{clear:none !important;} #footer .f_menu li{height:35px; line-height:35px; font-size: 12px; width: 33.33333%;} #footer .f_menu li:nth-child(4),#footer .f_menu li:nth-child(5){width:50%;} #footer .copy{margin:20px auto; overflow:hidden;} #footer .copy .logo{float:none; text-align: center; margin-bottom: 10px;} #footer .copy .txt{float:none; margin:0 14px; font-size: 14px; text-align: center;} #footer .f_menu li.mobile{display:block;} /* contents.css */ .subcont_inner .title{font-size: 15px; background: url(/usr/images/suwon/bullet_polygonb.png) no-repeat left 6px;} .subcont_inner .title3{font-size: 18px; display: block;} .agency_wrap .agency_inner .title3{font-size:16px} .contents_table{overflow-y: auto; clear: both;} .contents_table .w768{width: 768px;} .contents_table2{overflow-y: auto; overflow-x: scroll;} .contents_table2 .w768{width: 768px;} .contents_table2 table{width: 768px;} .tit_dotlist > li .titdotlist_dep2{padding: 5px 0;} .tit_dotlist > li p{ font-size:14px;} /* 이념 */ .b0101_ul{width:100%; margin:30px auto;} .b0101_ul li{float: none; width:240px; height:240px; padding-top:70px; margin: 0 auto;} .b0101_ul li:nth-child(2){margin:30px auto;} .b0101_ul li .title{font-size:24px !important; font-family: "NotoSerif";} .b0101_ul li p{font-size: 13px;} .b0101{margin: 0 0px;} .graybg .f_30{font-size: 18px !important;} /* 연혁 */ .history_wrap{padding:20px 0;} .history_wrap .year{width:auto;font-size:20px; line-height: 20px; font-family:'NotoSerif';} .history_wrap ul{margin-left:60px;} .history_wrap ul li .month{width:30px; font-size: 14px;} .history_wrap ul li .month2{width:50px;} .history_wrap ul li .text{margin-left:30px; font-size: 14px;} .history_wrap ul li .text2{margin-left:50px;} .section.grayborder .f_26{font-size: 20px;} /* 교육목표/인재상 */ .b010301_wrap{height:430px; background-position:bottom;} .b010302_01{height: 229px; background-size: auto 200px; background-position:top;} .b010302_01 .txt{font-size:16px;} .b010302_01 .txt br{display: none;} .b010302_02{width: 100%; height: 300px; background-size: 300px; } .b010302_01 .txt .title{font-size:22px;} /* 교가 */ .schoolbridge_wrap{width:100%; padding:20px;} .b0202_lyric_wrap .t{margin-top:30px;} .b0202_lyric_wrap .t span{font-size:18px;} .b0202_lyric_wrap ul li {margin-top:20px;} .b0202_lyric_wrap ul li .verse{float:none; width:100%; font-size: 16px; margin-bottom: 8px; font-weight: 500;} .b0202_lyric_wrap ul li .lyric{float:none; width:100%;} /* UI */ .cilist{box-sizing:border-box;} .cilist.ea2 li{width:100%;} .cilist.ea3 li{width:100%;} .cilist.ea3 li:nth-child(2){width:100%;} .cilist.ea4 li{width:100%;} .cilist.ea5 li{width:100%; padding: 20px 0;} .cilist li{float:none;} .cilist li img{width: 60%;} .cilist.ea5 li img{width: auto;} .cilist2{overflow:hidden; background:#f5f5f5;} .cilist2 li{float:none; width:100%;} .cilist.ea5 li p{margin-top: 10px;} .cilist2 li.yellow{padding-left: 150px;} .cilist2 li.yellow:before{width:80px; height:80px; left:50px;} .cilist2 li.blue{padding-left: 150px;} .cilist2 li.blue:before{width:80px; height:80px; left:50px;} /* 슬로건 */ .slogan .subcont_inner img{width: 100%; height: auto;} .slogan .subcont_inner .cont li{border: 1px solid #aaa; padding: 10px; margin-bottom: 20px; box-sizing: border-box;} .slogan .subcont_inner .cont li::after{content: ""; display: block; clear: both;} .slogan .subcont_inner .cont li span{width: 100%; float: none;} .slogan .subcont_inner .cont li p{width: 100%; float: none; margin-top: 10px; color: #555;} .slogan .subcont_inner .cont li:last-child{margin-bottom: 0;} .slogan .subcont_inner .cont p.text{margin-bottom: 20px; color: #555;} .slogan_img_list li::after{content: ""; clear: both; display: block;} .slogan .subcont_inner .cont .slogan_img_list li span{width: 50%;padding-right: 0px; box-sizing: border-box; text-align: center; vertical-align: middle;} .slogan .subcont_inner .cont .slogan_img_list li span:last-child{padding-right: 0;} .slogan .subcont_inner .cont .list01 li span img{width: 100%;} .slogan .subcont_inner .cont .list02 li span{float: left;} .slogan .subcont_inner .cont .list02 li span img{width: 80%;} /* 브로셔 */ #gallery_thumbs .thumb_item{float: left; width: 50%; text-align: center; margin-bottom: 30px;} #gallery_thumbs .thumb_item a img{width: 80%;} #gallery_thumbs .thumb_item a p{ margin-top: 6px; font-size: 16px;} /* 조직도 */ .b030101_wrap img{display: none;} .b030101_wrap .organization_chart{display: block;} .b030101_wrap .organization_chart li{line-height: 50px;width: 100%; box-sizing: border-box;} .b030101_wrap .organization_chart > li{ text-align: center; margin-bottom: 30px; background-color: #f4b221; color: #fff; font-size: 17px;} .b030101_wrap .organization_chart > li > ul{background-color: #fff; color: #333; font-size: 15px; box-sizing: border-box;} .b030101_wrap .organization_chart > li > ul >li{line-height: 40px; box-sizing: border-box;} .b030101_wrap .organization_chart > li:first-child{background: url(/usr/images/suwon/b0101_ul_bg.png) no-repeat center; height: 200px; background-size: 200px; padding-top: 56px;font-weight: 600; box-sizing: border-box; color: #333; font-size: 26px;} .b030101_wrap .organization_chart > li:first-child span{display: block; font-size: 16px; line-height: 1; color: #666;} .b030101_wrap .organization_chart > li:nth-child(2){border: 1px solid #999;} .b030101_wrap .organization_chart > li:nth-child(3) > ul{} .b030101_wrap .organization_chart > li:nth-child(3) > ul > li{background-color: #38598b; color: #fff;} .b030101_wrap .organization_chart > li:nth-child(3) > ul > li > ul >li{background-color: #fff; color: #333;} .b030101_wrap .organization_chart > li:nth-child(4) > ul{} .b030101_wrap .organization_chart > li:nth-child(4) > ul > li{ background-color: #38598b; color: #fff;} .b030101_wrap .organization_chart > li:nth-child(4) > ul > li > ul >li{background-color: #fff; color: #333;} .b030101_wrap .organization_chart > li:nth-child(5) > ul{} .b030101_wrap .organization_chart > li:nth-child(5) > ul > li{ background-color: #38598b; color: #fff;} .b030101_wrap .organization_chart > li:nth-child(5) > ul > li > ul >li{background-color: #fff; color: #333;} .b030101_wrap .organization_chart > li:nth-child(6) li{border: 1px solid #38598b; margin-bottom: 20px;} .b030101_wrap .organization_chart > li:nth-child(7) li{border: 1px solid #38598b; margin-bottom: 20px;} .b030101_wrap .organization_chart > li:nth-child(8) li{border: 1px solid #38598b; margin-bottom: 20px;} .b030101_wrap .organization_chart > li:nth-child(9) li{border: 1px solid #38598b; margin-bottom: 20px;} .b030101_wrap .organization_chart > li:nth-child(10) li{border: 1px solid #38598b; margin-bottom: 20px;} .b030101_wrap .organization_chart > li:nth-child(6) > ul{padding-top: 10px;} .b030101_wrap .organization_chart > li:nth-child(7) > ul{padding-top: 10px;} .b030101_wrap .organization_chart > li:nth-child(8) > ul{padding-top: 10px;} .b030101_wrap .organization_chart > li:nth-child(9) > ul{padding-top: 10px;} .b030101_wrap .organization_chart > li:nth-child(10) > ul{padding-top: 10px;} /* 기관설명 공통 */ .agency_wrap .agency_inner .title{font-size: 16px;} .agency_wrap .agency_inner .cont img{width: 100%;} /* 총장과의 대화 */ .b0404_wrap{margin-bottom:30px; background-size: 800px;background-position: top 120px center;} .b0404_wrap .txt{padding:20px; top:0px;} /* 총장인사말 */ .b0401_wrap{background-position: top 80px right; background-size: 800px;;} .b0401_wrap .txt{padding: 14px; position:relative; width:100%; top:0px; font-size:14px;} .b0401_wrap .txt span{font-size:20px;} /* 총장프로필 */ .b0402_wrap .photo{margin-bottom: 20px;} .b0402_wrap .photo img{width: 200px;} .b0402_wrap .profile .name{margin-bottom:20px; text-align: center;} .b0402_wrap .profile .name .ko{font-size:20px;} .b0402_wrap .profile .name .en{font-size:16px;} .b0402_wrap .profile .name .jg{font-size: 14px;} .b0402_wrap .profile .history {float:none;} .b0402_wrap .profile .history .title{font-size:16px; float: none; width: 100%;} .b0402_wrap .profile .history .cont{ width: 100%; float: none;} .b0402_wrap .profile .history .cont li{overflow: hidden;} .b0402_wrap .profile .history .cont li .date{width: 34%; margin-right: 4%;} .b0402_wrap .profile .history .cont li .txt{ width:62%; } /* 셔틀버스 시간표 */ .b0503_wrap .contents_table2{width: 100%; font-size: 14px;} /*버스노선*/ .b0504_wrap > p{margin-bottom: 20px;} .busline_list{margin-top:14px; font-size: 14px;} .busline_list > li{height: auto;} .busline_list > li .circle{width:100%; height:30px; padding-top:0; line-height: 30px; margin-bottom: 10px;} .busline_list > li .circle br{display: none;} .busline_list > li > .buscont{position:relative; top:0; left:0; width: 100%; } .busline_list > li > .buscont li.t{padding:10px;} /* 캠퍼스맵 */ .campusmap_list ul li{width:50%; padding:4px;font-size: 12px;} .campusmap_list ul li a{font-size: 12px;} .campusmap_detail_wrap{padding:14px 10px;} .campusmap_detail_wrap .campusmap_detail_title{margin-bottom:10px;} .college_wrap .college_inner .cont .college_info li{ float: none; width: 100%; } .college_wrap .college_inner .cont .college_info li.usw {background:url(/usr/images/suwon/icon_yusw.png) no-repeat left top 10px;} .campusmap_list ul li{padding: 5px 5px 5px 0;} .campusmap_list ul li span{margin-top: 0;} .campusmap_picture img{width:100%;} .btn_draw{display:none;} .campusmap_draw{display:none;} /* 찾아오시는 길 */ .b0502_wrap::after{ content: ""; display: block; clear: both;} .b0502_wrap .title3{ float: none ;width: 100%;vertical-align: middle;margin: 0 0 20px; } .b0502_wrap p{vertical-align: middle;} .b0502_wrap > ul{float: none;} .b0502_wrap li.bus{ vertical-align: middle;} .b0502_wrap li.bus a{width: 120px; background-color: #999; color: #fff;padding: 10px 0;display: block; text-align: center;} #map iframe{height: 320px !important;} /* 대학 공통*/ .college_top{height:auto; padding:50px 0;} .college_top > p span{font-size:24px;} .college_wrap .college_inner .title{font-size: 16px;} .college_wrap .college_inner .cont .college_info{padding: 10px;} .contents_table table{font-size: 14px; width:750px;} .contents_table table td{font-size: 14px;} .contents_table3 table{font-size: 14px; width:1000px !important;} .college_wrap .college_inner .cont .title_dotlist .t{float:none; width:100%;} .college_wrap .college_inner .cont .title_dotlist .c{float:none; width:100%;} .college_wrap .college_inner .cont .title_dotlist .c p:before{top:10px;} .college_top .college_menu{padding-right:20px; margin-right:10px;} .college_top .college_menu ul li a{font-size:12px;} .college_wrap .college_inner .title2 {background-position: left 7px; font-size: 16px;} .college_wrap .college_inner .title2 .title_txt{font-size: 12px;} .college_wrap .college_inner .contents_table{overflow-x : auto;} .college_wrap .college_inner .contents_table .w768{width: 768px;} .college_wrap .college_inner .title3{font-size:15px;} .college_top .college_menu p{font-size:14px; padding-right: 24px;} /* 시설소개 */ .college_facility_wrap table tr td{ padding: 10px;} .college_facility_wrap table tr td ul.img_list li{float: none; width: 100%;} .college_facility_wrap table tr td ul.img_list li:nth-child(1), .college_facility_wrap table tr td ul.img_list li:nth-child(3), .college_facility_wrap table tr td ul.img_list li:nth-child(6){margin-right: 0%;} /*학생증 발급안내*/ .subcont_inner .union_list_02_wrap {overflow: hidden;} .subcont_inner .union_list_02 {float: none; width: 80%;margin-right: 0; margin: 0 auto; margin-bottom: 70px;position: relative;} .subcont_inner .union_list_02:after{background: url(/usr/images/suwon/bg_unionlist_arrow.png) no-repeat center center; right: 50%;bottom:-35px;transform: translateX(17px); background-size: contain} .subcont_inner .union_list_02:last-child{margin: 0 auto;} .subcont_inner .union_list_02:nth-child(3) {margin-right:auto} .subcont_inner .union_list_02:nth-child(3):after {display:block} .union_list_02 .c_btn_wrap {margin-top:30px} /* 등록 학적 */ /*주차안내*/ .f0300_txt ul{width: 100%;margin-top: 0} /*V3 설치*/ .f0403_wrap .f0403_img {width: 100%;} .f0403_wrap .f0403_txt{width: 100%; margin-left: 0;margin-top: 20px} .f0403_wrap .btn_wrap .btn {width: 100%;margin-bottom: 10px;} .f0403_wrap .btn.basic{padding: 0 0;} /*무선인터넷 가능지역*/ .f0405_wrap .f0405_img {width: 100%;} .f0405_wrap .f0405_txt{width: 100%; margin-left: 0;margin-top: 20px} .f0405_wrap .btn_wrap .btn {width: 100%;margin-bottom: 10px;}\\/*화성시시립숲속어린이*/ .b31010412_wrap .b31010412 dl dt {font-size: 18px;} .b31010412_wrap .b31010412 dl {height: auto;margin-bottom: 10px} .b31010412_wrap .b31010412 {float: none;width: 100%;margin-bottom: 30px;} .b31010412_wrap .b31010412 .b31010412_img {max-width: 438px;min-width: 100%;} /*학적기재사항정정 */ .register_wrap{} .register_wrap .register_img, .register_wrap .register_txt{float: none;} .register_wrap .register_img{width: 100%; height: 178px; background-size: 100%;} .register_wrap .register_txt{width: 100%; margin-left: 0;margin-top: 20px} /*화성어린이급식*/ .b03010415_wrap .b03010415_title:nth-child(1) {left: 0} .b03010415_wrap .b03010415_title:nth-child(2) {right: 0;top:70px;} .b03010415_wrap .b03010415_title {width: 100%;} .b03010415_wrap ul.b03010415 {margin-top: 70px} .b03010415_wrap ul.b03010415 li {margin-right: 0;width: 240px;float: none;margin: auto;} .b03010415_wrap ul.b03010415 li:last-child {margin-right: auto} .b03010415_wrap2 .b03010415_box .yello_title{float: none; width: 100%;} .b03010415_wrap2 .b03010415_box ul {float:none;width: 100%;;padding-left: 0;} .b03010415_wrap2 .b03010415_box ul li {float: none;width: 100%;margin-right: 0;margin-bottom: 5px;} .b03010415_wrap2 .b03010415_box ul li:nth-child(1),.b03010415_wrap2 .b03010415_box ul li:nth-child(2) {padding-top: 23px;} .b03010415_wrap2 .b03010415_box p {float: left;width: 75%;margin-left: 5%;box-sizing: border-box; border: 2px solid #f0f0f0;padding: 15px;border-radius: 12px;text-align: center;} .b03010415_wrap2 .b03010415_box:last-child p:before {top:-110px;} .b03010415_wrap2 .b03010415_box:last-child p {float: none;width: 100%;margin-left: 0;} .b03010415_wrap2 .b03010415_box ul li:nth-child(1), .b03010415_wrap2 .b03010415_box ul li:nth-child(2) {padding-top: 30px;} .b03010415_wrap2 .b03010415_box ul li {padding-top: 30px;} /*대학기구 테이블*/ .agency_inner .contents_table2 .agency_year {font-size: 18px; font-family: 'NotoSerif'; font-weight: 600;} .agency_inner .contents_table2 .joblist li{text-align:left} /*그린카에너지*/ .agency_numberbox_wrap .agency_numberbox_number {float: none;width: 100%;height: 50px;line-height: 50px;} .agency_numberbox_wrap .agency_numberbox_txt {float: none;width: 100%;height: auto;} /* 대학원 */ .graduate_school{} .graduate_school .graduate_list{ text-align: center;} .graduate_school .graduate_list li{width: 49%; float: left; margin-right: 2%; height: 120px; margin-bottom: 3%;} .graduate_school .graduate_list li:nth-child(4n+4){margin-right: 2%;} .graduate_school .graduate_list li:nth-child(3n+3){margin-right: 2%;} .graduate_school .graduate_list li:nth-child(2n+2){margin-right: 0;} .graduate_school .graduate_list li.graduate_img01{background: url(/usr/images/suwon/submain_visual03.jpg) no-repeat left -50px center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img02{background: url(/usr/images/suwon/submain_visual04.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img03{background: url(/usr/images/suwon/submain_visual05.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img04{background: url(/usr/images/suwon/submain_visual06.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img05{background: url(/usr/images/suwon/submain_visual07.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img06{background: url(/usr/images/suwon/submain_visual08.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img07{background: url(/usr/images/suwon/submain_visual09.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img08{background: url(/usr/images/suwon/submain_visual10.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img09{background: url(/usr/images/suwon/submain_visual11.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img10{background: url(/usr/images/suwon/submain_visual12.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img11{background: url(/usr/images/suwon/submain_visual13.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img12{background: url(/usr/images/suwon/submain_visual14.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img13{background: url(/usr/images/suwon/submain_visual15.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img14{background: url(/usr/images/suwon/submain_visual16.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img15{background: url(/usr/images/suwon/submain_visual17.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li a{font-size: 15px; font-weight: 600; vertical-align: middle; height: 100%; line-height: 120px; color: #fff; background-color: rgba(0, 0, 0, 0.4); display: block;} .graduate_school .graduate_list li a:hover{font-size: 18px; transition: all 0.3s;} .graduate_school .graduate_list li.college_img01{background: url(/usr/images/suwon/college_top_culture.jpg) no-repeat center; background-size: 300%;} .graduate_school .graduate_list li.college_img02{background: url(/usr/images/suwon/college_top_humanities.gif) no-repeat center; background-size: 300%;} .graduate_school .graduate_list li.college_img03{background: url(/usr/images/suwon/college_top_business.gif) no-repeat center; background-size: 300%;} .graduate_school .graduate_list li.college_img04{background: url(/usr/images/suwon/college_top_engineering.gif) no-repeat right -150px center; background-size: 300%;} .graduate_school .graduate_list li.college_img05{background: url(/usr/images/suwon/college_top_technology.gif) no-repeat center; background-size: 300%;} .graduate_school .graduate_list li.college_img06{background: url(/usr/images/suwon/college_top_healthscence.gif) no-repeat right -200px center; background-size: 300%;} .graduate_school .graduate_list li.college_img07{background: url(/usr/images/suwon/college_top_art.gif) no-repeat left -250px center; background-size: 300%;} .graduate_school .graduate_list li.college_img08{background: url(/usr/images/suwon/college_top_music.gif) no-repeat right -100px center; background-size: 300%;} .graduate_school .graduate_list li.college_img09{background: url(/usr/images/suwon/college_top_convergence.gif) no-repeat center; background-size: 300%;} .graduate_school .graduate_list li.college_img10{background: url(/usr/images/suwon/college_top_international.gif) no-repeat left center; background-size: 300%;} /* 서브 인트로 링크 */ .visual_sublink_tit h3 {font-size:22px;} .visual_sublink .visual_sublink_list{ text-align: center;} .visual_sublink .visual_sublink_list li{width: 49%; float: left; margin-right: 2%; height: 120px; margin-bottom: 3%;} .visual_sublink .visual_sublink_list li:nth-child(4n+4){margin-right: 2%;} .visual_sublink .visual_sublink_list li:nth-child(3n+3){margin-right: 2%;} .visual_sublink .visual_sublink_list li:nth-child(2n+2){margin-right: 0;} .visual_sublink .visual_sublink_list li a{font-size: 15px; font-weight: 600; vertical-align: middle; height: 100%; line-height: 120px; color: #fff; background-color: rgba(0, 0, 0, 0.4); display: block;} .visual_sublink .visual_sublink_list li a:hover{font-size: 18px; transition: all 0.3s;} .pdf_viewer{width:100%; height:600px;} .pdf_viewer iframe{width:100%; height:100%} /* 웹메일 */ .f0401_wrap{width: 100%;height:300px; margin-bottom:120px; background-position: center left -250px;} .f0401_wrap .txt{width:100%;bottom:-100px; background:rgba(244, 178, 33, 1); font-size: 16px; } .inline{ display: block;} /* 교양대학 */ strong.red{color: red; margin-right: 5px; font-size: 14px;} .culture .text_list ul li{margin-bottom: 5px; font-size: 14px;} .tddotlist > li{font-size:14px} .culture .img_list{width: 100%; margin-top: 20px; position: relative;} .college_top.culture{background: url(/usr/images/suwon/college_top_culture.jpg) no-repeat center;} .college_top > p{margin-top: 0; font-size:13px;} .college_top .text{ padding: 0 20px; font-size:14px;} .main_cont .submain_icon > div p{ font-size: 13px;} h3.tx_c.university_main_tit{ font-size: 16px;} .main_cont .submain_video video#myVideo{ height: auto;} .college_top.humanities_main{ height: 260px;} .college_top.music_main{ height: 260px;} .college_top.healthscence_main{ height: 260px;} .college_top.art_main{ height: 260px;} .college_top.culture .text{ font-size: 14px; padding: 0 20px;} .hd_mobile .submain_snb_wrap h2 a{cursor: default; padding-top: 0 !important; pointer-events: none;} /* 2018예비대학 */ .culture .bx-viewport{ z-index: 1; height:250px !important;} .culture .bx-wrapper .bx-pager{ position: relative; z-index: 100; margin-top: 10px; width: 120px;} .culture .bx-wrapper .bx-pager::after{display: block; clear: both; content: "";} .culture .bx-wrapper .bx-pager.bx-default-pager{margin-left: 50%; transform: translateX(-50%);} .culture .bx-wrapper .bx-pager.bx-default-pager a{float: left; border-radius: 50%; width: 12px; height: 12px; text-indent: -9999px; margin-left: 5px; background-color: #ccc;} .culture .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #f4b221; width: 12px; height: 12px;} .culture .bx-controls-direction{position: absolute; width: 100%; height: 40px; top: 50%; left: 0; z-index: 50; margin-top: -40px;} .culture .bx-controls-direction a{position: absolute; top: 0%; display: block;} .culture .bx-controls-direction a.bx-prev{background: url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat center; width: 40px;height: 40px; background-size: 100%; text-indent: -9999px; left: 0;} .culture .bx-controls-direction a.bx-next{background: url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat center; width: 40px;height: 40px; background-size: 100%; text-indent: -9999px; right: 0;} .culture .bx-stop, .bx-start{font-size: 0; width: 0; height: 0; text-indent: -9999px;} .culture .btn_wrap a{width:30px !important; height:30px !important; background-size:30px !important;} .culture .btn_wrap a.prev{margin-left:-120px !important;} .culture .btn_wrap a.next{margin-right:-120px !important;} .culture .btn_wrap a.play{margin-left:-40px !important;} .culture .btn_wrap a.stop{margin-right:-40px !important;} /* board.css */ .board_sch select{margin-bottom: 6px; font-size: 14px; width:225px;} .board_sch input{margin-bottom: 6px; font-size:14px; width: 160px;} .board_sch button[type=submit],.sch_submit{margin-bottom: 6px;cursor: pointer; width:60px;} .board_sch button[type=button]{height: 42px; width: 60px; vertical-align: middle; font-size: 14px; margin-bottom: 6px;} /* login */ .login_wrap{ padding: 30px 0;} .login_wrap .login_inner{width: 100%;text-align: center; padding: 0 10px;box-sizing: border-box;} .login_wrap .login_inner .login_logo{float: none;width: 120px;margin-bottom: 20px; padding-left: 0;} .login_wrap .login_inner form{float: none; width: 250px; margin: 0 auto;} .login_wrap .login_input{width: 100%;} .login_wrap .login_input label{display: inline-block; width: 25%; font-size: 14px; height: 36px; text-align: left; line-height: 36px;} .login_wrap .login_input input{width: 73%; height: 36px; font-size: 14px; line-height: 36px;} .login_wrap .join_link{ margin: 10px 0 20px;} .login_wrap .login_btn{ height: 46px; line-height: 46px; font-size: 14px;} .login_wrap .login_inner form ul li.inner_box{margin-right: 16px;margin-left: 0;} .login_inner .sns_login{margin-left: 0 !important;} .login_inner .sns_login ul{ width: 250px;} .login_wrap .join_link ul .right a{ font-size: 14px;} /* 기본형 게시판 목록 */ .board_basic_list li .num{ width:15%;} .board_basic_list li .text{width:75%;} .board_basic_list li .text .info{font-size:12px; margin-top:6px;} .board_basic_list li .text .info .writer{margin:0 16px;} .board_basic_list li .text .info .writer:before{left:-8px; top:4px;} .board_basic_list li .text .info .writer:after{right:-10px; top:4px;} .board_basic_list li .file{ margin: 0;} .icon_boardfile{width:18px; background-size: 18px; } .board_basic_list li .text .subject{max-width:100%; text-overflow:ellipsis; white-space: nowrap;overflow:hidden; } .board_basic_list.board_file li{ padding: 10px 0;} .board_basic_list.board_file li div{float: left; padding: 10px 0; } .board_basic_list.board_file li div.text{width: 60%; padding-left: 10px; box-sizing: border-box; line-height: 25px;} .board_basic_list.board_file li div.amendment_date{width: 30%; display: block; text-align: center; line-height: 25px;padding: 0px; box-sizing: border-box; font-size: 13px;} /* 페이징 */ .board_paging{margin-top:30px;} .board_paging a{min-width:24px;height:24px; padding:0;line-height:24px; margin-bottom: 5px;} .btn.filedown{background-size: 15px;} .btn.basic{line-height:34px; height:34px; ; font-size: 13px;} .box_right .btn.basic{ line-height: 34px; height: 34px; font-size: 13px; padding: 0 12px;} .college_inner .btn.basic{ line-height: 34px; height: 34px; font-size: 13px; padding: 0 10px;} /* 갤러리 설명형 */ .board_gallery2_list{} .board_gallery2_list li{border-bottom: 1px solid #ccc; padding: 10px; height: auto;} .board_gallery2_list li:last-child{border: 0; padding:10px;} .board_gallery2_list li .img{float:none; box-sizing: border-box; width: 100%; text-align: center; margin-bottom: 20px; border: 0;} .board_gallery2_list li .img img{width: 160px;} .board_gallery2_list li .text{float:none; width:100%; margin-left: 0; padding-left: 0;} .board_gallery2_list li .text .name{font-size:18px;} .board_gallery2_list li .text .job{font-size:14px; margin-bottom: 3px; margin:0px 0 3px 0; border-bottom: 1px solid #f4b221;} .board_gallery2_list li .text .history{font-size:14px;} .board_gallery2_list li .text .history dt{} .board_gallery2_list li .text .history dd{margin-bottom:5px;} .board_gallery2_list li .more{width:20px; height:20px;} .board_gallery2_list li .more{right:10px;} /* 음악대학 갤러리형 게시판 */ .gallery_news_list li{float: left; width: 49%; margin-right: 2%; text-align: center; margin-bottom: 20px; } .gallery_news_list li:nth-child(2n+2){ margin-right: 0%;} .gallery_news_list li a .image_box{ height: 160px;} /* FAQ */ .board_faq_list li{padding:16px 0;} .board_faq_list li.q .title{background-size: 16px;} .board_faq_list li.a .title{background-size: 16px;} .board_faq_list li.a .text {width: 83% !important;} .board_faq_list li .text{ width: 90%; padding-right: 4px;} /* 게시판 상세 */ .board_viewtitle{} .board_viewtitle .info{} .board_viewtitle .info .date{} .board_viewcont{padding:10px 0;} .subcont .section h3{font-size: 16px;} .board_viewtitle .info{font-size: 12px;} .board_viewtitle .info .writer{margin:0 15px; position:relative;} .board_viewtitle .info .writer:before{display:block; content:""; width:1px; height:10px; position:absolute; left:-9px; top:6px; background:#aaa;} .board_viewtitle .info .writer:after{display:block; content:""; width:1px; height:10px; position:absolute; right:-9px; top:6px; background:#aaa;} .board_viewfile{font-size: 13px; padding:10px; } .board_preview{border-top:2px solid #555; margin-top:20px;} .board_preview li{padding:10px 0; overflow:hidden; border-bottom:1px solid #aaa;} .board_preview li .next, .board_preview li .prev{height:35px; float:left; width:14%; text-align:left; padding-left:20px;box-sizing: border-box; text-indent: -9999px;background-position: left 15px center;} .board_preview li .text{font-size: 12px; float:left; width: 86%; padding-left:15px;box-sizing: border-box; vertical-align: middle; height: 35px; line-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /* 게시판 작성 */ .board_write{} .board_write table .mobile{display:none;} .board_write table .pc{display:none;} .board_write table th, .board_write table td{padding:10px;} .board_write table th{font-weight:normal; background:#f5f5f5; border-bottom:1px solid #aaa; display:none;} .board_write table td{border-bottom:1px solid #aaa;} .board_write .required{display:inline-block; width:10px; height:10px; color:#ff0000; text-indent:-9999px; background:url(/usr/images/suwon/icon_required.png) no-repeat center;} .board_write table th, .board_write table td .w100p{width:100%;} .board_write table colgroup col:first-child{width: 100px;} .write_check_wrap{} .write_check_wrap li{float:left; margin-right:10px;} .write_check_wrap li:last-child{margin-right:0;} .write_check_wrap li span{display:inline-block; } .write_check_wrap li span label{margin:0 5px;} .write_textarea{width:100%; border:1px solid #ddd;} .btn_write_sch{border:0; color:#fff; background:#062f6e; line-height:32px; height:32px; min-width:80px; vertical-align:middle} .board_answer{border-top:1px solid #aaa; border-bottom:1px solid #aaa; padding:20px; background-size: 30px;background-position: 10px 10px; padding:10px 10px 10px 50px;} .btn.w100{width:80px; line-height:36px; height:36px; } /* 갤러리형 */ .gallery_wrap{} .gallery_wrap::after{content: ""; clear: both; display: block;} .gallery_wrap .photo_view{float: none; margin-right: 0px; width:100%; margin: 0 auto;} .gallery_wrap .photo_view .title{} .gallery_wrap .photo_view .img{ height: auto;} .gallery_wrap .photo_view .img img{width: 100%;} .board_gallery_list li{height: 66px;} /* 대학원 */ .graduate_school{} .graduate_school .graduate_list{ text-align: center;} .graduate_school .graduate_list li{width: 49%; float: left; margin-right: 2%; height: 120px; margin-bottom: 3%;} .graduate_school .graduate_list li:nth-child(4n+4){margin-right: 2%;} .graduate_school .graduate_list li:nth-child(3n+3){margin-right: 2%;} .graduate_school .graduate_list li:nth-child(2n+2){margin-right: 0;} .graduate_school .graduate_list li.graduate_img01{background: url(/usr/images/suwon/submain_visual03.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img02{background: url(/usr/images/suwon/submain_visual04.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img03{background: url(/usr/images/suwon/submain_visual05.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img04{background: url(/usr/images/suwon/submain_visual06.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img05{background: url(/usr/images/suwon/submain_visual07.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img06{background: url(/usr/images/suwon/submain_visual08.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img07{background: url(/usr/images/suwon/submain_visual09.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img08{background: url(/usr/images/suwon/submain_visual10.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img09{background: url(/usr/images/suwon/submain_visual11.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img10{background: url(/usr/images/suwon/submain_visual12.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img11{background: url(/usr/images/suwon/submain_visual13.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img12{background: url(/usr/images/suwon/submain_visual14.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img13{background: url(/usr/images/suwon/submain_visual15.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img14{background: url(/usr/images/suwon/submain_visual16.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li.graduate_img15{background: url(/usr/images/suwon/submain_visual17.jpg) no-repeat center;background-size: 200%;} .graduate_school .graduate_list li a{font-size: 15px; font-weight: 600; vertical-align: middle; height: 100%; line-height: 120px; color: #fff; background-color: rgba(0, 0, 0, 0.4); display: block;} .graduate_school .graduate_list li a:hover{font-size: 18px; transition: all 0.3s;} /* 사이트맵 */ .sitemap a.title{float: none;clear: both; width: 100%; border-left: 0px solid #f4b221; font-size: 22px; color: #f4b221; margin-right: 4%; box-sizing: border-box; padding-left: 0%; border-bottom: 1px solid #f4b221; display: block; padding-bottom: 15px; margin-bottom: 15px;} .sitemap > li{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd;} .sitemap > li::after{content: ""; clear: both; display: block;} .sitemap .gnbmenu_wrap{float: none; width: 100%; clear: both;} .sitemap .gnbmenu_wrap .depth2 .depth2_li{float: left; width: 50%; padding-right: 10px; box-sizing: border-box;} .sitemap .sec_1 .gnbmenu_wrap .depth2:nth-child(2){width: 100%; margin-top: 20px; clear: none;} .sitemap .gnbmenu_wrap .depth2 .depth2_li a{font-size: 16px; color: #062f6e; font-weight: 500;} .sitemap .gnbmenu_wrap .depth2 .depth2_li:nth-child(3n+3){clear: both; margin-top: 20px;} .sitemap .gnbmenu_wrap .depth2 .depth2_li:nth-child(4n+4){margin-top: 20px;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3{margin-top: 10px;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3 li{line-height: 1.4;} .sitemap .gnbmenu_wrap .depth2 .depth2_li .depth3 li a{font-size: 14px; color: #555;} /* 산학협력단 */ .institution .institution_list li{width: 100% !important; margin-bottom: 10px; margin-right: 0%;} .institution .institution_list li:nth-child(3n+3){margin-right:0;} .institution .institution_list li:hover{background: #f4b221; color: #fff;} .subcont_inner .img_list li img{width: 100%;} .board_sch fieldset .search{ margin-right: 0;} .section.logo_bg{background: #062f6e url(/usr/images/suwon/bg_logo.png) no-repeat center;} .f0106_wrap .subcont_inner .round_img01{width: 100%; text-align: center; float: none;} .f0106_wrap .subcont_inner .tit_dotlist{width: 100%; float: none; clear: both;} .f0106_wrap .subcont_inner .round_img01 img{ width: 80%; float: none;} /* 개인정보처리방침 */ .privacy .file_border{margin: 15px 0px;} .campusmap_detail_wrap .campusmap_detail_cont_table colgroup col:first-child{width:17%;} .campusmap_detail_wrap .campusmap_detail_cont_table colgroup col:nth-child(2){width:83%;} .section_news .list_more{display: block; width: 20px; height: 20px; background: url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 14px; right: 0; background-size: 20px;} .btn_graduate{ width: 100%;} /* 차량스티커 발급 */ .car .subcont_inner .round_img01{ margin-left: 0; float: none; width: 100%; text-align: center; clear: both; } .car .subcont_inner .round_img01 img{ float: none; width: 60%; clear: both;} .car .subcont_inner ul{ width: 100%; float: none; margin-top: 0; clear: both; padding-top: 20px;} /* 주요기관 및 서비스 */ .service_link::after{content: ""; clear: both; display: block;} .service_link dt{float: none; width: 100%; margin-right: 0px; color: #062f6e; border-left: 3px solid #f4b221; font-size: 18px; color: #f4b221; padding-left: 6px;line-height: 1.4 ; box-sizing: border-box; clear: both;margin-bottom: 10px;} .service_link dd{float: none; width: 100%;} .service_link dd ul li{width: 50%; float: left; font-size: 13px; margin-bottom: 5px; box-sizing: border-box;} .service_link dd ul li a{color: #666;} .service_link dd ul li a:hover{text-decoration: underline; color: #333;} .section:nth-child(3) .service_link dd ul li:first-child{letter-spacing: -1px;} /* 주요기관 */ .mobile_view{display:block;} .mobile_view .service_tab_menu02 li{ background: url(/usr/images/suwon/popup_arrow_next.png) no-repeat center right 20px; background-size: 10px;} .ui_top .logo_01{ width: 100%; float: none; } .ui_top .ui_text{width: 100%; float: none; margin-bottom: 20px;} .ui_table tbody tr td{padding: 20px 10px;} /* 교수진 학생수 */ .college_info_number{ height: auto; margin-bottom: 20px;} .college_info_number::after{content: ""; clear: both; display: block;} .college_info_number ul{width: 100%;padding: 10px 40px;float: none;margin-bottom: 20px;} .college_info_number ul li{margin-right: 0;height:auto;width: 100%;} .college_info_number ul li span{font-size: 40px;} .college_info_number .sub_img01{width:100%;background-size: 100%;position: relative;float: none;} .subcont_inner .union_list_02 > li{padding: 10px;} .cont2 .union_list_02 > li:nth-child(2){ height: 100px;} .subcont_inner .union_list_02 > li:nth-child(2){ height: 160px;} .service_logo{margin: 20px 0 20px;} .service_logo img{ width: 150px;} /*단과대학*/ .imglist_wrap .imglist {width:100%;margin-right:0} .imglist_wrap .imglist .imglist_img {min-height: auto;} /* 검색결과 */ .body_aside #lnb_wrap{border: 1px solid #ddd; box-sizing: border-box;} .body_aside #lnb_wrap .lnb li{line-height: 32px; font-size: 14px;} .result_list{margin-bottom: 50px;} .result_list h2{margin-bottom: 10px; font-size: 20px;} .subcont{ padding: 2px;} .university_organ .organ_child_wrap.st3 .organ_child {width:100% !important} .con_table{overflow-x: scroll;} .con_table table{ width: 700px; } } @media(max-width:420px) { /*420이하*/ .subcont_tab ul li a {font-size:12px;letter-spacing:-0.2px} .university_organ .organ_child_wrap.st3 .organ_child {width:100% !important;} .hd_mobile .gnbmenu_wrap.on{display:block;} }