@charset "utf-8"; @media(min-width:1501px){ #wrap{} #topnotice{background:#f4b221; width:100%; height:150px;} #header{width:100%; position:relative;} /* 팝업 */ .popup_wrap{background-color: #f4b221; position: relative; width: 100%; height: 150px; transition: top 0.2s ease-in-out; top: 0; left: 0;} .popup_wrap .popup_inner{width: 1200px; margin: 0 auto; position: relative;} .popup_wrap .slick-list .slick-track{margin: 18px 0 32px;} #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;} .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;} .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: -42px; 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: 22px; right: 0; height: 32px; line-height: 32px; text-align: center; background: 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: 500; display: none;} a.popup_open.on{display: block;} #header h1{width:214px; text-align:center; z-index:10; background:#fff; position:absolute; left:50px; box-shadow:1px 5px 10px rgba(0,0,0,0.3)} #header h1 a{display:block; padding:68px 0;} #header h1 a img{vertical-align:middle;} .gnb_wrap{background:#062f6e; width:100%; height:54px; } .gnb_bg{width:100%; background:#fff; height:500px; display:none;} .gnb_wrap .gnb{width:1200px; margin:0 auto; position:relative; text-align:center;} .gnb_wrap .gnb li{font-size:19px; display:inline-block; padding:0 35px; } .gnb_wrap .gnb li a{color:#fff; line-height:54px; font-weight:bold;} .gnb_wrap .gnb li:hover > .gnbmenu_wrap, .gnb_wrap .gnb li:focus > .gnbmenu_wrap, .gnb_wrap .gnb li:active > .gnbmenu_wrap {display:block;} .gnb_wrap .gnb li .gnbmenu_wrap{display:none; width:100%; position:absolute; top:54px; left:0; margin:0 auto; background:#fff; z-index:20; border-bottom:1px solid #aaa; min-height: 200px;} .gnb_wrap .gnb li .gnbmenu_wrap .title{position:absolute; width:260px; 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; line-height: 1.2;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2{float:left; padding:10px 0 0 35px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; margin-left:256px;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li{float:left; width:202px; margin-right:25px; 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:15px; 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{position:absolute; top:0; left:50%; margin-left:560px;} .tnb_wrap .tnb {float:right;} .tnb_wrap .tnb button{width:40px; height:54px; text-indent:-9999px; cursor:pointer; border:none; } .tnb_wrap .tnb .btn_sch{display:none; background:url(/usr/images/suwon/icon_tnbsch.png) no-repeat center; } .tnb_wrap .tnb .sch_wrap{float:left;} .tnb_wrap .tnb .sch_wrap .sch_form{display:none; position:Absolute; top:70px; right:50%; margin-right:350px; z-index:10;} .tnb_wrap .tnb .sch_wrap .sch_form form{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset span{display:inline-block; border:2px solid #062f6e; width:400px; height:46px;} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset span input{width:400px; border:none; height:46px;} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset button{z-index:10; position:absolute; right:0; top:0; width:40px; height:48px; text-indent:-9999px; background:#062f6e url(/usr/images/suwon/icon_tnbsch.png) no-repeat center;} .btn_sitemap{display:none; background:url(/usr/images/suwon/icon_tnbsitemap.png) no-repeat center; } .tnb_wrap .language{display:none; background:#0e2a4a url(/usr/images/suwon/btn_langarrow.png) no-repeat 90px center; width:106px; line-height:32px; height:32px; position:absolute; right:-106px; color:#fff; margin-top:12px; z-index:10; text-indent:10px;} .tnb_wrap .language .title{cursor:pointer;} .tnb_wrap .language .list{background:#0e2a4a; display:none;} .tnb_wrap .language .list li{} .tnb_wrap .language .list li a{color:#fff;} #mainvisual{width:100%; height:576px; position:relative; overflow:hidden;} .mainvisual_wrap{overflow:hidden;} .mainvisual_wrap ul{} .mainvisual_wrap ul li{width:1200px; height:576px;} .mainvisual_wrap ul li.bg01{background:url(/usr/images/suwon/visual_img01.gif) no-repeat;} .mainvisual_wrap ul li.bg02{background:url(/usr/images/suwon/visual_img01.gif) no-repeat;} .mainvisual_wrap ul li.bg03{background:url(/usr/images/suwon/visual_img01.gif) no-repeat;} .mainvisual_wrap .btn_wrap a{text-indent:-9999px; display:block; width:104px; height:104px; position:absolute; z-index:10; top:50%; margin-top:-52px; cursor:pointer} .mainvisual_wrap .btn_wrap a.prev{background:url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat; margin-right:10px; left:50%; margin-left:-652px;} .mainvisual_wrap .btn_wrap a.next{background:url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat; right:50%; margin-right:-652px;} .mainvisual_wrap .bx-wrapper{position:absolute; left:50%; margin-left:-1800px !important;} .mainvisual_lbg{width:1500px; height:576px; position:absolute; background:rgba(0,0,0,0.5); left:50%; margin-left:-2100px; z-index:5;} .mainvisual_rbg{width:1500px; height:576px; position:absolute; background:rgba(0,0,0,0.5); right:50%; margin-right:-2100px; z-index:5;} #container{margin:30px 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;} /* 입학정보,취업정보 */ .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:895px; float:right;} .section_info .section_info_notice .noticetab{width:100%;position:relative; } .section_info .section_info_notice .noticetab .noticetab_li{text-align:center; line-height:42px; border-bottom:1px solid #666; float:left; width:128px;; height:40px;} .section_info .section_info_notice .noticetab .noticetab_li:first-child{width:127px;} .section_info .section_info_notice .noticetab .noticetab_li.on{background:#062f6e; } .section_info .section_info_notice .noticetab .noticetab_li.on > h3{color:#fff;} .section_info .section_info_notice .noticetab .noticetab_li h3{font-weight:normal; font-size:18px; cursor:pointer;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap{display:none; position:absolute; top:42px; left:0; width:895px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul{font-size:14px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li{height:112px; 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:150px; float:left; text-align:center; margin-top:10px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt{width:744px; float:left; text-align:left; margin-top:10px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .title{font-size:18px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .cont{font-size:14px; line-height:150%;} .section_info .section_info_notice .noticetab .noticetab_li .list_more{position:absolute; right:0; bottom:20px; display:block; width:31px; height:31px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} /* 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; padding-left: 10px; 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 2px center;} .section_info .section_info_social .socialtab .socialtab_li.f .list_wrap .title{background:url(/usr/images/suwon/titblt_facebook.png) no-repeat left 2px center;} .section_info .section_info_social .socialtab .socialtab_li.y .list_wrap .title{background:url(/usr/images/suwon/titblt_youtube.png) no-repeat left 2px center;} .section_info .section_info_social .socialtab .socialtab_li.i .list_wrap .title{background:url(/usr/images/suwon/titblt_instagram.png) no-repeat left 2px 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:first-child:before{height: 30px; left:19px; top:-20px;} .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:446px; float:right; padding-left:35px; box-sizing:border-box; position:relative;} .section_info .section_info_schedule .title{margin:20px 0;} .section_info .section_info_schedule .list_wrap {overflow-y: scroll; height: 230px;} .section_info .section_info_schedule .list_wrap ul{} .section_info .section_info_schedule .list_wrap ul li{padding:7px 0; overflow:hidden;} .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; float:left; width:80px; text-align:center;} .section_info .section_info_schedule .list_wrap ul li a .date .month{display:block; font-size:12px;} .section_info .section_info_schedule .list_wrap ul li a .date .day{display:block; font-size:30px;} .section_info .section_info_schedule .list_wrap ul li a .txt{font-size:16px; display:block; float:left; line-height:50px;} .section_info .section_info_schedule .list_more {position:absolute; right:0px; 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_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;} .section_institution h2{width:166px; height:52px; line-height:52px; float:left; font-size:15px; font-weight:bold; background:#f4b221; color:#fff; text-align:center;} .section_institution .list_wrap{width:1020px; height:52px; float:right; 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:16px;} /* 수원갤러리 */ .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: 50px; position: relative; width: 392px;} .section_info .usw_gallery_info ul li{position: relative;} .section_info .usw_gallery_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;} #gallery_slider{height: 292px !important; position: relative;} #gallery_slider li img{width: 392px;} .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: 0; z-index: 100; margin-top: 22px;} .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: 0; z-index: 100; margin-top: 22px;} .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:450px; overflow:hidden;} .section_video:after{content:""; clear:both; display:block;} .section_video:before{display: block; content: ''; width:4000px; height:349px; position:absolute; top:100px; left:50%; margin-left:-3450px; background-color: #eee;} .section_video h2{text-align:center; font-size:36px; margin-bottom:50px; } .section_video .list_wrap{margin-top:50px; position:absolute; left:50%; margin-left:-600px; height:auto;} .section_video .list_wrap .txt{width:540px;} .section_video .list_wrap .txt li{ height:200px; display:none; } .section_video .list_wrap .txt li:hover{text-decoration: underline;} .section_video .list_wrap .txt li .tit{font-size:24px; margin-bottom:14px;} .section_video .list_wrap .txt li .cont{font-size:18px;} .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:50%; right:0; margin-left:-20px; top:100px; 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_news .img_wrap ul li.bg01{background:url(/usr/images/suwon/new_img01.gif) no-repeat;} .section_video .img_wrap ul li.bg02{background:url(/usr/images/suwon/new_img01.gif) no-repeat;}*/ .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;} /* 미디어포커스 */ .section_news{position: relative} .section_news h2{text-align: center; font-size: 36px; margin-bottom: 50px;} .section_news .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_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{} .section_news_list li a .text_box{margin-top: 20px;} .section_news_list li a .text_box .title{font-size: 23px; 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; font-size: 36px; margin-bottom: 50px; color: #fff;} .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{color: #fff; font-size: 26px; font-weight: 500;} .section_people .section_info ul.people_list li .text_box .text{font-size: 19px; color: #3d2702; display: block;} /* 캠퍼스소개 */ .section_campus{width:1200px; margin:0 auto; } .section_campus .title{width:275px; float:left; padding-top:40px;} .section_campus .title h2{font-size:36px;} .section_campus .title p{font-size:15px;} .section_campus .list{color:#fff; width:925px; height:340px; position:relative; float:right;} .section_campus .list li{float:left; text-align:center; width:20%; height:164px; border:1px solid #faa916; box-sizing:border-box; border-right:none; } .section_campus .list li:nth-child(5n+5){border-right:1px solid #faa916;} .section_campus .list li a{cursor:pointer; display:block; padding-top:120px;} .section_campus .list li:hover{ border:1px solid #3f7ec4; box-shadow:1px 5px 10px rgba(0,0,0,0.5);} .section_campus .list li:hover a{color:#fff; } .section_campus .list li.bg01{position:absolute; top:0; left:0; background:url(/usr/images/suwon/icon_campus01.png) no-repeat center 40%;} .section_campus .list li.bg02{position:absolute; top:0; left:20%; background:url(/usr/images/suwon/icon_campus02.png) no-repeat center 40%;} .section_campus .list li.bg03{position:absolute; top:0; left:40%; background:url(/usr/images/suwon/icon_campus03.png) no-repeat center 40%;} .section_campus .list li.bg04{position:absolute; top:0; left:60%; background:url(/usr/images/suwon/icon_campus04.png) no-repeat center 40%;} .section_campus .list li.bg05{position:absolute; top:0; left:80%; background:url(/usr/images/suwon/icon_campus05.png) no-repeat center 40%;} .section_campus .list li.bg06{position:absolute; top:163px; left:0; background:url(/usr/images/suwon/icon_campus06.png) no-repeat center 40%;} .section_campus .list li.bg07{position:absolute; top:163px; left:20%; background:url(/usr/images/suwon/icon_campus07.png) no-repeat center 40%;} .section_campus .list li.bg08{position:absolute; top:163px; left:40%; background:url(/usr/images/suwon/icon_campus08.png) no-repeat center 40%;} .section_campus .list li.bg09{position:absolute; top:163px; left:60%; background:url(/usr/images/suwon/icon_campus09.png) no-repeat center 40%;} .section_campus .list li.bg10{position:absolute; top:163px; left:80%; background:url(/usr/images/suwon/icon_campus10.png) no-repeat center 40%;} .section_campus .list li.bg01:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus01_on.png) no-repeat center 40%;} .section_campus .list li.bg02:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus02_on.png) no-repeat center 40%;} .section_campus .list li.bg03:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus03_on.png) no-repeat center 40%;} .section_campus .list li.bg04:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus04_on.png) no-repeat center 40%;} .section_campus .list li.bg05:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus05_on.png) no-repeat center 40%;} .section_campus .list li.bg06:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus06_on.png) no-repeat center 40%;} .section_campus .list li.bg07:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus07_on.png) no-repeat center 40%;} .section_campus .list li.bg08:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus08_on.png) no-repeat center 40%;} .section_campus .list li.bg09:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus09_on.png) no-repeat center 40%;} .section_campus .list li.bg10:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus10_on.png) no-repeat center 40%;} #conttop{position:absolute; left:50%; margin-left:660px; display:block; width:58px; height:58px; background:url(/usr/images/suwon/btn_conttop.gif) no-repeat; text-indent:-9999px;} /* 서브상단 */ #subconttop{position:relative; margin-top:50px;} #subconttop:after{display:block; content:""; clear:both;} #subconttop .subconttop_inner{width:1200px; margin:0 auto;} #subconttop .subconttop_inner .breadcrumbs{float:left;} #subconttop .subconttop_inner .breadcrumbs li{font-size:16px; border-bottom:1px solid #666; float:left; width:185px; margin-right:15px; padding:0 10px 20px 10px; box-sizing:border-box; position:relative;} #subconttop .subconttop_inner .breadcrumbs li .menu{width:20px; display:inline-block; float:right; height:20px; text-indent:-9999px; background:url(/usr/images/suwon/icon_breadcrumbsarrow.png) no-repeat right 6px;} #subconttop .subconttop_inner .breadcrumbs li.home{width:50px; background:url(/usr/images/suwon/icon_breadcrumbshome.png) no-repeat center 3px; text-indent:-9999px;} #subconttop .subconttop_inner .breadcrumbs li.home:before{display:block; content:""; width:1000px; height:1px; background:#666; 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{float:right; font-size:22px;} #subconttop .subconttop_inner .today p:nth-child(1){letter-spacing: 5px;} #subconttop .subconttop_inner .today p:nth-child(2){font-size:38px; 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:19px;} .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.66666%;} /* 서브 2차탭메뉴 */ .subcont_tab2{border:1px dotted #ccc; margin-bottom:30px; padding:10px; box-sizing:border-box;} .subcont_tab2 ul{overflow:hidden;} .subcont_tab2 ul li{display:inline-block; padding:10px 20px; background:#f4f4f4; margin:5px;} .subcont_tab2 ul li.on{color:#fff; background:#062f6e;} .subcont_tab2 ul li.on a{color:inherit} /* 대학원 서브메인 메뉴영역 */ .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_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;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li > .submain_snb_depth3{background:#fff;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li > .submain_snb_depth3 ul{} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li > .submain_snb_depth3 ul li{position:relative;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li > .submain_snb_depth3 ul li a{color:#000; font-size:13px; padding:0 28px; line-height:30px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li > .submain_snb_depth3 ul li:before{position:absolute; display:block; background:#333; content:""; width:2px; height:2px; left:20px; top:14px;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li > .submain_snb_depth3 ul li.on a{color:#0068b7} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li > .submain_snb_depth3 ul li a:hover {color:#0068b7} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li > .submain_snb_depth3 ul li:hover{background:#fff;} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li > .submain_snb_depth2 ul li > .submain_snb_depth3 ul li a:hover{color:##0068b7;} /* 대학원 메인 콘텐츠영역 */ .submain_cont_wrap{float:left; width:980px;} .submain_cont_wrap.sub{width:950px; margin-left:30px;} .submain_cont_wrap .submain_visual{width:976px; height:439px; 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; border-bottom: 1px solid #ddd;border-right:1px solid #ddd} .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.on > h3{position:relative;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li.on > h3: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{font-weight:normal; font-size:18px; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap{display:none; position:absolute; top:40px; left:0; width:100%;} .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; top:50%; margin-top:-25px; cursor:pointer} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat; left:10px; } .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat; right:10px;} /* 공유하기 */ .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; z-index: 1000;} .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 .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: 65px; line-height: 65px; font-size: 18px;} .satisfaction .select_box{ padding: 20px 30px; box-sizing: border-box; text-align: center;} .satisfaction .select_box ul{} .satisfaction .select_box ul::after{clear: both; content: ""; display: block;} .satisfaction .select_box ul li{width: 20%; float: left;} .satisfaction .select_box input{} .satisfaction .select_box label{font-size: 18px; margin-left: 5px;} .opinion{ margin-bottom: 30px; width: 100%; margin-top: 20px; position: relative;} .opinion::after{content: ""; display: block; clear: both;} .opinion .tit{font-size: 18px; float: left; line-height: 60px; margin-right: 20px; color: #062f6e;font-weight: 600; width: 120px; text-align: center;} .opinion .text_box{float: left;} .opinion .text_box input[type="text"]{font-size: 16px; height: 60px; min-width: 650px; ; padding-left: 15px;} .opinion .text_box input[type="submit"]{font-size: 16px; border: 2px solid #59667a; height: 60px; line-height: 56px; width: 120px; cursor: pointer; position: absolute; bottom: 0; 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:1200px; margin:50px auto;} #footer .f_link:after{clear:both; content:""; display:block;} #footer .f_link dt{background:#ccc; float:left; width:140px; margin-right:30px; height:40px; line-height:40px; text-align:center;} #footer .f_link dd{ float:left; width:1030px;} #footer .f_link dd ul{overflow:hidden;} #footer .f_link dd ul li{float:left; line-height:20px; font-size:14px;} #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;} #footer .copy .logo{float:left;} #footer .copy .txt{float:left; margin:25px 0 0 25px;} } @media(max-width:1500px){ #wrap{} #header{width:100%; position:relative;} /* 팝업 */ .popup_wrap{background-color: #f4b221; position: relative; width: 100%; height: 150px; transition: top 0.2s ease-in-out; top: 0; left: 0;} .popup_wrap .popup_inner{width: 1200px; margin: 0 auto; position: relative;} .popup_wrap .slick-list .slick-track{margin: 18px 0 32px;} #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;} .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;} .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: -42px; 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: 22px; right: 0; height: 32px; line-height: 32px; text-align: center; background: 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: 500; display: none;} a.popup_open.on{display: block; color: #fff; } #header h1{width:160px; text-align:center; z-index:10; background:#fff; position:absolute; left:0px; box-shadow:1px 5px 10px rgba(0,0,0,0.3)} #header h1 a{display:block; padding:45px 0;} #header h1 a img{vertical-align:middle; width:80%;} .gnb_wrap{background:#062f6e; width:100%; height:54px;} .gnb_bg{width:100%; background:#fff; height:500px; display:none;} .gnb_wrap .gnb{width:1200px; margin:0 auto; position:relative; text-align:center;} .gnb_wrap .gnb li{font-size:19px; display:inline-block; padding:0 35px; } .gnb_wrap .gnb li a{color:#fff; line-height:54px; font-weight:bold;} .gnb_wrap .gnb li:hover > .gnbmenu_wrap{display:block;} .gnb_wrap .gnb li .gnbmenu_wrap{display:none; width:100%; position:absolute; top:54px; left:0; margin:0 auto; background:#fff; z-index:20; border-bottom:1px solid #aaa; min-height: 200px;} .gnb_wrap .gnb li .gnbmenu_wrap .title{position:absolute; width:260px; 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; line-height: 1.2;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2{float:left; padding:10px 0 0 35px; margin-bottom:20px; box-sizing:border-box; overflow:hidden; margin-left:256px;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li{float:left; width:202px; margin-right:25px; 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:15px; 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{display:none; position:absolute; top:0; left:50%; margin-left:560px;} .tnb_wrap .tnb {float:right;} .tnb_wrap .tnb button{width:40px; height:54px; text-indent:-9999px; cursor:pointer; border:none; } .tnb_wrap .tnb .btn_sch{display:none; background:url(/usr/images/suwon/icon_tnbsch.png) no-repeat center; } .tnb_wrap .tnb .sch_wrap{float:left;} .tnb_wrap .tnb .sch_wrap .sch_form{display:none; position:Absolute; top:70px; right:50%; margin-right:350px; z-index:10;} .tnb_wrap .tnb .sch_wrap .sch_form form{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset span{display:inline-block; border:2px solid #062f6e; width:400px; height:46px;} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset span input{width:400px; border:none; height:46px;} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset button{z-index:10; position:absolute; right:0; top:0; width:40px; 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_tnbsitemap.png) no-repeat center; } .tnb_wrap .language{display:none; background:#0e2a4a url(/usr/images/suwon/btn_langarrow.png) no-repeat 90px center; width:106px; line-height:32px; height:32px; position:absolute; right:-106px; color:#fff; margin-top:12px; z-index:10; text-indent:10px;} .tnb_wrap .language .title{cursor:pointer;} .tnb_wrap .language .list{background:#0e2a4a; display:none;} .tnb_wrap .language .list li{} .tnb_wrap .language .list li a{color:#fff;} #mainvisual{width:100%; height:576px; position:relative; overflow:hidden;} .mainvisual_wrap{overflow:hidden;} .mainvisual_wrap ul{} .mainvisual_wrap ul li{width:1200px; height:576px;} .mainvisual_wrap ul li.bg01{background:url(/usr/images/suwon/visual_img01.gif) no-repeat;} .mainvisual_wrap ul li.bg02{background:url(/usr/images/suwon/visual_img01.gif) no-repeat;} .mainvisual_wrap ul li.bg03{background:url(/usr/images/suwon/visual_img01.gif) no-repeat;} .mainvisual_wrap .btn_wrap a{text-indent:-9999px; display:block; width:80px; height:80px; position:absolute; z-index:10; top:50%; margin-top:-40px; cursor:pointer} .mainvisual_wrap .btn_wrap a.prev{background:url(/usr/images/suwon/btn_mainvisual_prev.png) no-repeat center; margin-right:10px; left:50%; margin-left:-600px;} .mainvisual_wrap .btn_wrap a.next{background:url(/usr/images/suwon/btn_mainvisual_next.png) no-repeat center; right:50%; margin-right:-600px;} .mainvisual_wrap .bx-wrapper{position:absolute; left:50%; margin-left:-1800px !important;} .mainvisual_lbg{width:1500px; height:576px; position:absolute; background:rgba(0,0,0,0.5); left:50%; margin-left:-2100px; z-index:5;} .mainvisual_rbg{width:1500px; height:576px; position:absolute; background:rgba(0,0,0,0.5); right:50%; margin-right:-2100px; z-index:5;} #container{margin:30px 0; position:relative;} #container:after{content:""; clear:both; display:block;} #content{overflow: hidden;} .section{ } .section:after{content:""; clear:both; display:block;} .section_info{width:1200px; margin:0 auto 70px auto;} /* 입학정보,취업정보 */ .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:895px; float:right;} .section_info .section_info_notice .noticetab{width:100%;position:relative; } .section_info .section_info_notice .noticetab .noticetab_li{text-align:center; line-height:42px; border-bottom:1px solid #666; float:left; width:128px;; height:40px;} .section_info .section_info_notice .noticetab .noticetab_li:first-child{width:127px;} .section_info .section_info_notice .noticetab .noticetab_li.on{background:#062f6e; } .section_info .section_info_notice .noticetab .noticetab_li.on > h3{color:#fff;} .section_info .section_info_notice .noticetab .noticetab_li h3{font-weight:normal; font-size:18px; cursor:pointer;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap{display:none; position:absolute; top:42px; left:0; width:895px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul{font-size:14px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li{height:112px; 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:150px; float:left; text-align:center; margin-top:10px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt{width:744px; float:left; text-align:left; margin-top:10px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .title{font-size:18px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .cont{font-size:14px; line-height:150%;} .section_info .section_info_notice .noticetab .noticetab_li .list_more{position:absolute; right:0; bottom:20px; display:block; width:31px; height:31px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} /* 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:446px; float:right; padding-left:35px; box-sizing:border-box; position:relative;} .section_info .section_info_schedule .title{margin:20px 0;} .section_info .section_info_schedule .list_wrap {overflow-y: scroll; height: 230px;} .section_info .section_info_schedule .list_wrap ul{} .section_info .section_info_schedule .list_wrap ul li{padding:7px 0; overflow:hidden;} .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; float:left; width:80px; text-align:center;} .section_info .section_info_schedule .list_wrap ul li a .date .month{display:block; font-size:12px;} .section_info .section_info_schedule .list_wrap ul li a .date .day{display:block; font-size:30px;} .section_info .section_info_schedule .list_wrap ul li a .txt{font-size:16px; display:block; float:left; line-height:50px;} .section_info .section_info_schedule .list_more {position:absolute; right:0px; 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_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;} .section_institution h2{width:166px; height:52px; line-height:52px; float:left; font-size:15px; font-weight:bold; background:#f4b221; color:#fff; text-align:center;} .section_institution .list_wrap{width:1020px; height:52px; float:right; 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:16px;} /* 수원갤러리 */ .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: 50px; position: relative; width: 392px;} .section_info .usw_gallery_info h2{} .section_info .usw_gallery_info ul li{position: relative;} .section_info .usw_gallery_info a.list_more{display: block; width: 31px; height: 31px; background: url(/usr/images/suwon/images/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0;} #gallery_slider{height: 292px !important; position: relative;} #gallery_slider li img{width: 392px;} .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: 0; z-index: 100; margin-top: 22px;} .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: 0; z-index: 100; margin-top: 22px;} .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:450px; overflow:hidden;} .section_video:after{content:""; clear:both; display:block;} .section_video:before{display: block; content: ''; width:4000px; height:349px; position:absolute; top:100px; left:50%; margin-left:-3450px; background-color: #eee;} .section_video h2{text-align:center; font-size:36px; margin-bottom:50px; } .section_video .list_wrap{margin-top:80px; position:absolute; left:50%; margin-left:-600px; height:auto;} .section_video .list_wrap .txt{width:540px; padding-left: 30px; box-sizing: border-box;} .section_video .list_wrap .txt li{ height:200px; display:none; } .section_video .list_wrap .txt li .tit{font-size:20px; margin-bottom:14px;} .section_video .list_wrap .txt li .cont{font-size:15px;} .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:50%; right:0; margin-left:-20px; top:100px; 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;} /* 미디어포커스 */ .section_news{position: relative} .section_news h2{text-align: center; font-size: 36px; margin-bottom: 50px;} .section_news .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_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{} .section_news_list li a .text_box{margin-top: 20px;} .section_news_list li a .text_box .title{font-size: 23px; 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; font-size: 36px; margin-bottom: 50px; color: #fff;} .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{color: #fff; font-size: 26px; font-weight: 500;} .section_people .section_info ul.people_list li .text_box .text{font-size: 19px; color: #3d2702; display: block;} /* 캠퍼스소개 */ .section_campus{width:1200px; margin:0 auto; } .section_campus .title{width:275px; float:left; padding-top:40px;} .section_campus .title h2{font-size:36px;} .section_campus .title p{font-size:15px;} .section_campus .list{color:#fff; width:925px; height:340px; position:relative; float:right;} .section_campus .list li{float:left; text-align:center; width:20%; height:164px; box-sizing:border-box; border:1px solid #faa916; border-right:none; } .section_campus .list li:nth-child(5n+5){border-right:1px solid #faa916;} .section_campus .list li a{cursor:pointer; display:block; padding-top:120px;} .section_campus .list li:hover{ border:1px solid #3f7ec4; box-shadow:1px 5px 10px rgba(0,0,0,0.5);} .section_campus .list li:hover a{color:#fff; } .section_campus .list li.bg01{position:absolute; top:0; left:0; background:url(/usr/images/suwon/icon_campus01.png) no-repeat center 40%;} .section_campus .list li.bg02{position:absolute; top:0; left:20%; background:url(/usr/images/suwon/icon_campus02.png) no-repeat center 40%;} .section_campus .list li.bg03{position:absolute; top:0; left:40%; background:url(/usr/images/suwon/icon_campus03.png) no-repeat center 40%;} .section_campus .list li.bg04{position:absolute; top:0; left:60%; background:url(/usr/images/suwon/icon_campus04.png) no-repeat center 40%;} .section_campus .list li.bg05{position:absolute; top:0; left:80%; background:url(/usr/images/suwon/icon_campus05.png) no-repeat center 40%;} .section_campus .list li.bg06{position:absolute; top:163px; left:0; background:url(/usr/images/suwon/icon_campus06.png) no-repeat center 40%;} .section_campus .list li.bg07{position:absolute; top:163px; left:20%; background:url(/usr/images/suwon/icon_campus07.png) no-repeat center 40%;} .section_campus .list li.bg08{position:absolute; top:163px; left:40%; background:url(/usr/images/suwon/icon_campus08.png) no-repeat center 40%;} .section_campus .list li.bg09{position:absolute; top:163px; left:60%; background:url(/usr/images/suwon/icon_campus09.png) no-repeat center 40%;} .section_campus .list li.bg10{position:absolute; top:163px; left:80%; background:url(/usr/images/suwon/icon_campus10.png) no-repeat center 40%;} .section_campus .list li.bg01:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus01_on.png) no-repeat center 40%;} .section_campus .list li.bg02:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus02_on.png) no-repeat center 40%;} .section_campus .list li.bg03:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus03_on.png) no-repeat center 40%;} .section_campus .list li.bg04:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus04_on.png) no-repeat center 40%;} .section_campus .list li.bg05:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus05_on.png) no-repeat center 40%;} .section_campus .list li.bg06:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus06_on.png) no-repeat center 40%;} .section_campus .list li.bg07:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus07_on.png) no-repeat center 40%;} .section_campus .list li.bg08:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus08_on.png) no-repeat center 40%;} .section_campus .list li.bg09:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus09_on.png) no-repeat center 40%;} .section_campus .list li.bg10:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus10_on.png) no-repeat center 40%;} #conttop{position:absolute; left:50%; margin-left:660px; display:block; width:58px; height:58px; background:url(/usr/images/suwon/btn_conttop.gif) no-repeat; text-indent:-9999px;} /* 서브상단 */ #subconttop{position:relative; margin-top:50px;} #subconttop:after{display:block; content:""; clear:both;} #subconttop .subconttop_inner{width:1200px; margin:0 auto;} #subconttop .subconttop_inner .breadcrumbs{float:left;} #subconttop .subconttop_inner .breadcrumbs li{font-size:16px; border-bottom:1px solid #666; float:left; width:185px; margin-right:15px; padding:0 10px 20px 10px; box-sizing:border-box; position:relative;} #subconttop .subconttop_inner .breadcrumbs li .menu{width:20px; display:inline-block; float:right; height:20px; text-indent:-9999px; background:url(/usr/images/suwon/icon_breadcrumbsarrow.png) no-repeat right 6px;} #subconttop .subconttop_inner .breadcrumbs li.home{width:50px; background:url(/usr/images/suwon/icon_breadcrumbshome.png) no-repeat center 3px; text-indent:-9999px;} #subconttop .subconttop_inner .breadcrumbs li.home:before{display:block; content:""; width:1000px; height:1px; background:#666; 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{float:right; font-size:18px;} #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:19px;} .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{border:1px dotted #ccc; margin-bottom:30px; padding:10px; box-sizing:border-box;} .subcont_tab2 ul{overflow:hidden;} .subcont_tab2 ul li{display:inline-block; padding:10px 20px; background:#f4f4f4; margin:5px;} .subcont_tab2 ul li.on{color:#fff; background:#062f6e;} .subcont_tab2 ul li.on a{color:inherit} /* 대학원 서브메인 메뉴영역 */ .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_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;} /* 대학원 메인 콘텐츠영역 */ .submain_cont_wrap{float:left; width:980px;} .submain_cont_wrap.sub{width:950px; margin-left:30px;} .submain_cont_wrap .submain_visual{width:976px; height:439px; 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; border-bottom: 1px solid #aaa;} .submain_cont_wrap .submain_cont .submain_board{float:left; width:465px; height:274px; padding:20px 20px; box-sizing:border-box; overflow:hidden; border-bottom: 1px solid #aaa;} .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.on > h3{position:relative;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li.on > h3: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{font-weight:normal; font-size:18px; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap{display:none; position:absolute; top:40px; left:0; width:100%;} .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; top:50%; margin-top:-25px; cursor:pointer} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat; left:10px; } .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat; right:10px;} /* 공유하기 */ .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 .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: 65px; line-height: 65px; font-size: 18px;} .satisfaction .select_box{ padding: 20px 30px; box-sizing: border-box; text-align: center;} .satisfaction .select_box ul{} .satisfaction .select_box ul::after{clear: both; content: ""; display: block;} .satisfaction .select_box ul li{width: 20%; float: left;} .satisfaction .select_box input{} .satisfaction .select_box label{font-size: 16px; margin-left: 5px;} .opinion{ margin-bottom: 30px; width: 100%; margin-top: 20px; position: relative;} .opinion::after{content: ""; display: block; clear: both;} .opinion .tit{font-size: 18px; float: left; line-height: 60px; margin-right: 20px; color: #062f6e; font-weight: 600; width: 120px; text-align: center;} .opinion .text_box{ float: left;} .opinion .text_box input[type="text"]{font-size: 16px; height: 60px; min-width: 680px; padding-left: 15px;} .opinion .text_box input[type="submit"]{font-size: 16px; border: 2px solid #59667a; height: 60px; line-height: 56px; width: 120px; cursor: pointer; position: absolute; bottom: 0; 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:1200px; margin:50px auto;} #footer .f_link:after{clear:both; content:""; display:block;} #footer .f_link dt{background:#ccc; float:left; width:140px; margin-right:30px; height:40px; line-height:40px; text-align:center;} #footer .f_link dd{ float:left; width:1030px;} #footer .f_link dd ul{overflow:hidden;} #footer .f_link dd ul li{float:left; line-height:20px; font-size:14px;} #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;} #footer .copy .logo{float:left;} #footer .copy .txt{float:left; margin:25px 0 0 25px;} } @media(max-width:1200px){ /*모바일*/ #wrap{max-width:100%;} #topnotice{background:#f4b221; width:100%; height:150px;} #header{width:100%; position:relative;} /* 팝업 */ .popup_wrap{background-color: #f4b221; position: relative; width: 100%; height: 160px; 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_wrap .slick-list .slick-track{margin: 18px 0px;} #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: 100px; 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 10px 0 20px; box-sizing: border-box;} .popup_item .icon_01{background: #fff url(/usr/images/suwon/popup_icon01.png) no-repeat center; width: 50px; height: 50px; border-radius: 50%; margin: 10px 0; margin-right: 20px; display: block; float: left; background-size: 30px;} .popup_item .icon_02{background: #fff url(/usr/images/suwon/popup_icon02.png) no-repeat center; width: 50px; height: 50px; border-radius: 50%; margin: 10px 0; margin-right: 30px; display: block; float: left;} .popup_item .popup_txt{float: left; margin-top: 10px; color: #fff; width: 70%; max-width:100%; text-overflow:ellipsis; white-space: nowrap;overflow:hidden; padding-bottom: 40px;} .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: #f4b221 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: 500; 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: 500; font-size: 14px; display: none;} a.popup_open.on{display: block;} #header h1{width:100px; margin:0 auto; text-align:left; z-index:10; position:static; left:0; box-shadow:none;} #header h1 a{display:block; padding:10px 0;} #header h1 a img{vertical-align:middle; width:100px; } .gnb_wrap{background:#062f6e; width:auto; height:auto; display:none; position:fixed; z-index:600; top:0; bottom:0; left:20%; right:0;} .gnb_bg{width:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:500; top:0; bottom:0; height:100%; display:none;} .gnb_wrap .gnb{width:150px; margin:0; position:static; float:none; text-align:left; padding:0 10px; box-sizing:border-box;} .gnb_wrap .gnb li{font-size:19px; float:none; padding:0; width:100%;} .gnb_wrap .gnb li a{color:#fff; line-height:54px; font-weight:bold; cursor:pointer; display:block;} .gnb_wrap .gnb li:hover > .gnbmenu_wrap{display:block;} .gnb_wrap .gnb li .gnbmenu_wrap{display:none; width:100%; position:absolute; top:0; bottom:0; left:140px; margin:0; background:#fff; z-index:20; border-bottom:1px solid #aaa;} .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;} .gnb_wrap .gnb li .gnbmenu_wrap .depth2_li{float:none; width:100%; margin-right:0; text-align:left; padding:0;} .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: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 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:13px; line-height:25px; border-bottom:none; padding:0 20px; 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 center;} .tnb_wrap{position:absolute; top:0; right:0; margin-left:0; display:block;} .tnb_wrap .tnb {float:right;} .tnb_wrap .tnb button{width:40px; height:69px; text-indent:-9999px; cursor:pointer; border:none; } .tnb_wrap .tnb .btn_sch{display:none; background:url(/usr/images/suwon/icon_tnbsch.png) no-repeat center; } .tnb_wrap .tnb .sch_wrap{float:left;} .tnb_wrap .tnb .sch_wrap .sch_form{display:none; position:Absolute; top:70px; right:50%; margin-right:350px; z-index:10;} .tnb_wrap .tnb .sch_wrap .sch_form form{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset span{display:inline-block; border:2px solid #062f6e; width:400px; height:46px;} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset span input{width:400px; border:none; height:46px;} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset button{z-index:10; position:absolute; right:0; top:0; width:40px; height:48px; text-indent:-9999px; background:#062f6e url(/usr/images/suwon/icon_tnbsch.png) no-repeat center;} /* 전체메뉴 */ #header h1{position: relative; width: 100%; text-align: center;} #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%);} .tnb_wrap .tnb .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%);} .tnb_wrap .language{display:none; background:#0e2a4a url(/usr/images/suwon/btn_langarrow.png) no-repeat 90px center; width:106px; line-height:32px; height:32px; position:absolute; right:-106px; color:#fff; margin-top:12px; z-index:10; text-indent:10px;} .tnb_wrap .language .title{cursor:pointer;} .tnb_wrap .language .list{background:#0e2a4a; display:none;} .tnb_wrap .language .list li{} .tnb_wrap .language .list li a{color:#fff;} #mainvisual{width:100%; height:576px; position:relative; overflow:hidden;} .mainvisual_wrap{overflow:hidden;} .mainvisual_wrap ul{} .mainvisual_wrap ul li{width:1200px; height:576px;} .mainvisual_wrap ul li.bg01{background:url(/usr/images/suwon/visual_img01.gif) no-repeat;} .mainvisual_wrap ul li.bg02{background:url(/usr/images/suwon/visual_img01.gif) no-repeat;} .mainvisual_wrap ul li.bg03{background:url(/usr/images/suwon/visual_img01.gif) no-repeat;} .mainvisual_wrap .btn_wrap a{text-indent:-9999px; display:block; width:80px; height:80px;} .mainvisual_wrap .btn_wrap a.prev{ margin-right:0px; left:0; margin-left:0px; background-size: 80px;} .mainvisual_wrap .btn_wrap a.next{right:0; margin-right:0px; background-size: 80px;} .mainvisual_wrap .bx-wrapper{position:absolute; left:50%; margin-left:-1800px !important;} .mainvisual_lbg{display: none;} .mainvisual_rbg{display: none;} #container{margin:20px 5px; position:relative;} #container:after{content:""; clear:both; display:block;} #content{overflow: hidden;} .section{ } .section:after{content:""; clear:both; display:block;} .section_info{width:100%; margin:0 auto; padding:5px; box-sizing:border-box;} /* 입학정보,취업정보 */ .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_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; overflow:hidden;} .section_info .section_info_notice .noticetab{width:100%;position:relative; height:470px; margin-bottom:40px;} .section_info .section_info_notice .noticetab .noticetab_li{text-align:center; line-height:150%; border-bottom:1px solid #666; float:left; width:14%; height:40px;} .section_info .section_info_notice .noticetab .noticetab_li:first-child{width:16%;} .section_info .section_info_notice .noticetab .noticetab_li.on{background:#062f6e; } .section_info .section_info_notice .noticetab .noticetab_li.on > h3{color:#fff;} .section_info .section_info_notice .noticetab .noticetab_li h3{font-weight:normal; font-size:12px; line-height:42px; cursor:pointer;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap{display:none; position:absolute; top:42px; left:0; width:100%;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul{font-size:14px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li{height:100px; 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:100%; float:none; text-align:left; margin-top:5px; font-size:12px; } .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt{width:100%; float:none; text-align:left; margin-top:5px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .title{font-size:14px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .cont{font-size:12px; line-height:150%;} .section_info .section_info_notice .noticetab .noticetab_li .list_more{position:absolute; right:0; bottom:20px; display:block; width:31px; height:31px; background:url(/usr/images/suwon/btn_more.png) no-repeat center center; text-indent:-9999px; cursor:pointer} /* 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; padding-left:0; box-sizing:border-box; position:relative; margin-bottom:40px;} .section_info .section_info_schedule .title{margin:20px 0;} .section_info .section_info_schedule .list_wrap {overflow-y: scroll; height: 230px;} .section_info .section_info_schedule .list_wrap ul{} .section_info .section_info_schedule .list_wrap ul li{padding:7px 0; overflow:hidden;} .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; float:left; width:80px; text-align:center;} .section_info .section_info_schedule .list_wrap ul li a .date .month{display:block; font-size:12px;} .section_info .section_info_schedule .list_wrap ul li a .date .day{display:block; font-size:30px;} .section_info .section_info_schedule .list_wrap ul li a .txt{font-size:16px; display:block; float:left; line-height:50px;} .section_info .section_info_schedule .list_more {position:absolute; right:0px; 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_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{width:100%; margin:0 auto 40px auto; overflow:hidden; text-align:center;} .section_institution h2{width:100%; height:52px; line-height:52px; float:none; font-size:15px; font-weight:bold; background:#f4b221; color:#fff; 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{} .section .section_info{} .section_info .swu_gallery_info::after{content: ""; clear: both; display: block;} .usw_gallery_info h2, .usw_today_info h2{font-size: 34px; text-align: center; margin-bottom: 20px;} .section_info .usw_gallery_info{float: none; margin-right: 0px; position: relative; width: 100%; margin-bottom: 50px;} .usw_gallery_info .bx-viewport{height: 400px !important;} .section_info .usw_gallery_info ul li{position: relative; width: 100% !important;} .section_info .usw_gallery_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;} #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: 0; z-index: 100; margin-top: 22px;} .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: 0; z-index: 100; margin-top: 22px;} .usw_gallery_info .bx-controls-auto-item{display: none;} /* 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; font-size:36px; margin-bottom:20px; } .section_video .list_wrap{margin-top:20px; position:static; left:; 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_news{position: relative; margin-bottom: 50px;} .section_news h2{font-size: 32px; margin-bottom: 30px;} .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: 15px;} .section_news_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_news_list li a .text_box .title br{display: none;} .section_news_list li a .text_box .text{font-size: 16px;} /* 수원 피플*/ .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: 50px;} .section_people .section_info{position: relative;} .section_people .section_info h2{text-align: center; font-size: 32px; margin-bottom: 30px; color: #fff;} .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 a{display: block;} .section_people .section_info ul.people_list li a img{width: 100%;} .section_people .section_info ul.people_list li .text_box{margin-top: 10px;} .section_people .section_info ul.people_list li .text_box .title{color: #fff; font-size: 22px;} .section_people .section_info ul.people_list li .text_box .text{font-size: 16px;} /* 캠퍼스소개 */ .section_campus{width:100%; margin:0 auto; } .section_campus .title{width:100%; float:none; text-align:center; padding-top:0; margin-bottom:20px;} .section_campus .title h2{font-size:36px;} .section_campus .title p{font-size:15px;} .section_campus .list{color:#fff; width:100%; height:; position:relative; float:none; overflow:hidden; border-top:1px solid #faa916; border-right:1px solid #faa916; box-sizing:border-box;} .section_campus .list li{float:left; text-align:center; width:20%; height:110px; border-bottom:1px solid #faa916; border-left:1px solid #faa916; box-sizing:border-box; border-right:none; } .section_campus .list li:nth-child(5n+5){border-right:none;} .section_campus .list li a{cursor:pointer; display:block; padding-top:80px; font-size:12px;} .section_campus .list li:hover{ border:1px solid #3f7ec4; box-shadow:1px 5px 10px rgba(0,0,0,0.5);} .section_campus .list li:hover a{color:#fff;} .section_campus .list li.bg01{position:static; top:0; left:0; background:url(/usr/images/suwon/icon_campus01.png) no-repeat center 20%;} .section_campus .list li.bg02{position:static; top:0; left:20%; background:url(/usr/images/suwon/icon_campus02.png) no-repeat center 20%;} .section_campus .list li.bg03{position:static; top:0; left:40%; background:url(/usr/images/suwon/icon_campus03.png) no-repeat center 20%;} .section_campus .list li.bg04{position:static; top:0; left:60%; background:url(/usr/images/suwon/icon_campus04.png) no-repeat center 20%;} .section_campus .list li.bg05{position:static; top:0; left:80%; background:url(/usr/images/suwon/icon_campus05.png) no-repeat center 20%;} .section_campus .list li.bg06{position:static; top:163px; left:0; background:url(/usr/images/suwon/icon_campus06.png) no-repeat center 20%;} .section_campus .list li.bg07{position:static; top:163px; left:20%; background:url(/usr/images/suwon/icon_campus07.png) no-repeat center 20%;} .section_campus .list li.bg08{position:static; top:163px; left:40%; background:url(/usr/images/suwon/icon_campus08.png) no-repeat center 20%;} .section_campus .list li.bg09{position:static; top:163px; left:60%; background:url(/usr/images/suwon/icon_campus09.png) no-repeat center 20%;} .section_campus .list li.bg10{position:static; top:163px; left:80%; background:url(/usr/images/suwon/icon_campus10.png) no-repeat center 20%;} .section_campus .list li.bg01:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus01_on.png) no-repeat center 20%;} .section_campus .list li.bg02:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus02_on.png) no-repeat center 20%;} .section_campus .list li.bg03:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus03_on.png) no-repeat center 20%;} .section_campus .list li.bg04:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus04_on.png) no-repeat center 20%;} .section_campus .list li.bg05:hover{top:-20px; background:#3f7ec4 url(/usr/images/suwon/icon_campus05_on.png) no-repeat center 20%;} .section_campus .list li.bg06:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus06_on.png) no-repeat center 20%;} .section_campus .list li.bg07:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus07_on.png) no-repeat center 20%;} .section_campus .list li.bg08:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus08_on.png) no-repeat center 20%;} .section_campus .list li.bg09:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus09_on.png) no-repeat center 20%;} .section_campus .list li.bg10:hover{top:143px; background:#3f7ec4 url(/usr/images/suwon/icon_campus10_on.png) no-repeat center 20%;} #conttop{position:absolute; right:0; margin-left:0; display:block; width:58px; height:58px; background:url(/usr/images/suwon/btn_conttop.gif) no-repeat; text-indent:-9999px; display:none;} /* 서브상단 */ #subconttop{position:relative; margin-top:20px;} #subconttop:after{display:block; content:""; clear:both;} #subconttop .subconttop_inner{width:100%; margin:0 auto;} #subconttop .subconttop_inner .breadcrumbs{float:none;} #subconttop .subconttop_inner .breadcrumbs li{font-size:14px; border-bottom:1px solid #666; float:left; width:auto; margin-right:10px; padding:0 0 10px 10px; box-sizing:border-box; position:relative;} #subconttop .subconttop_inner .breadcrumbs li .menu{width:20px; display:inline-block; float:right; height:20px; text-indent:-9999px; background:url(/usr/images/suwon/icon_breadcrumbsarrow.png) no-repeat right 6px; margin-left:20px;} #subconttop .subconttop_inner .breadcrumbs li.home{width:50px; background:url(/usr/images/suwon/icon_breadcrumbshome.png) no-repeat center 3px; text-indent:-9999px;} #subconttop .subconttop_inner .breadcrumbs li.home:before{display:block; content:""; width:1000px; height:1px; background:#666; 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:100%; left:0; width:200px; border:1px solid #666;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li{height:32px; line-height:32px; border-bottom:0; font-size:14px; width:100%;} #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{float:right; font-size:20px; display:none;} #subconttop .subconttop_inner .today p:nth-child(1){letter-spacing: 5px;} #subconttop .subconttop_inner .today p:nth-child(2){font-size:36px; 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:30px; 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:40px; line-height:40px; background:#f4f4f4; color:#999; text-align:center; font-size:14px;} .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{border:1px dotted #ccc; margin-bottom:30px; padding:5px; box-sizing:border-box;} .subcont_tab2 ul{overflow:hidden;} .subcont_tab2 ul li{display:inline-block; padding:10px; background:#f4f4f4; margin:5px; font-size:12px;} .subcont_tab2 ul li.on{color:#fff; background:#062f6e;} .subcont_tab2 ul li.on a{color:inherit} /* 대학원 서브메인 메뉴영역 */ .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%; height:auto; padding:10px; box-sizing:border-box; background:#0068b7 url(/usr/images/suwon/submain_snb_more.png) no-repeat 98% center; background-size:20px auto; font-size:16px; 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 .submain_snb_depth1{} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li{width:100%; border:1px solid #ddd; border-top:none; line-height:40px;} .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 > .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;} .submain_cont_wrap .submain_visual{width:100%; height:439px; position:relative;} .submain_cont_wrap .submain_visual .btn_wrap a{text-indent:-9999px; display:block; width:50px; height:50px; position:absolute; z-index:10; 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;} .submain_cont_wrap .submain_cont .submain_board{float:none; width:100%; height:274px; padding:10px; box-sizing:border-box; overflow:hidden; border-bottom: 1px solid #aaa;} .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.on > h3{position:relative;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li.on > h3: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{font-weight:normal; font-size:18px; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap{display:none; position:absolute; top:40px; left:0; width:100%;} .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:40px;} .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: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; top:50%; margin-top:-25px; cursor:pointer} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat; left:10px; } .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat; right:10px;} /* 공유하기 */ .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: 60px; line-height: 60px; font-size: 18px;} .satisfaction .select_box{ padding: 16px 0px; box-sizing: border-box; text-align: center;} .satisfaction .select_box ul{} .satisfaction .select_box ul::after{clear: both; content: ""; display: block;} .satisfaction .select_box ul li{width: 20%; float: left;} .satisfaction .select_box input{} .satisfaction .select_box label{font-size: 16px; vertical-align: middle;} .opinion{ margin-bottom: 30px; width: 100%; margin-top: 20px; position: relative;} .opinion::after{content: ""; display: block; clear: both;} .opinion .tit{font-size: 18px; float: left; line-height: 50px; margin-right: 20px; color: #062f6e;font-weight: 600; width: 100px; text-align: center;} .opinion .text_box{ float: left;} .opinion .text_box input[type="text"]{font-size: 16px; height: 50px; min-width: 500px; padding-left: 15px;} .opinion .text_box input[type="submit"]{font-size: 16px; border: 2px solid #59667a; height: 50px; line-height: 46px; width: 120px; cursor: pointer; position: absolute; bottom: 0; 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:33%; text-align:center; height:35px; line-height:35px; box-sizing:border-box; border-right:1px solid #aaa; border-bottom:1px solid #aaa;} #footer .f_menu li:first-child{ } #footer .f_menu li:nth-child(3n+2){width:34%;} #footer .copy{width:100%; margin:20px auto; overflow:hidden;} #footer .copy .logo{float:left;} #footer .copy .txt{float:left; margin:25px 0 0 25px;} } @media(max-width:767px){ /*모바일*/ #wrap{max-width:100%;} #topnotice{background:#f4b221; width:100%; height:150px;} #header{width:100%; position:relative;} /* 팝업 */ .popup_wrap{background-color: #f4b221; position: relative; width: 100%; height: 150px; 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_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: -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 10px; box-sizing: border-box;} .popup_item .icon_01{background: #fff url(/usr/images/suwon/popup_icon01.png) no-repeat center; width: 50px; height: 50px; border-radius: 50%; margin: 10px 0; margin-right: 20px; display: block; float: left; background-size: 30px;} .popup_item .icon_02{background: #fff url(/usr/images/suwon/popup_icon02.png) no-repeat center; width: 50px; height: 50px; border-radius: 50%; margin: 10px 0; margin-right: 30px; display: block; float: left;} .popup_item .popup_txt{margin-top: 10px; color: #fff; text-overflow:ellipsis; white-space: nowrap; overflow:hidden; padding-bottom: 40px; width: 70%; !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: 0px; 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: #f4b221 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{ width: 100%; margin:0 auto; text-align: center; z-index:10; position: relative; left:0; box-shadow:none;} #header h1 a{display:block; padding:10px 0;} #header h1 a img{vertical-align:middle; width:100px; } .gnb_wrap{background:#062f6e; width:auto; height:auto; display:none; position:fixed; z-index:600; top:0; bottom:0; left:20%; right:0;} .gnb_bg{width:100%; background:rgba(0,0,0,0.7); height:auto; display:none;} .gnb_wrap .gnb{width:150px; margin:0; position:static; float:none; text-align:left; padding:0 10px; box-sizing:border-box;} .gnb_wrap .gnb li{font-size:19px; float:none; padding:0; width:100%;} .gnb_wrap .gnb li a{color:#fff; line-height:54px; font-weight:bold; cursor:pointer; display:block;} .gnb_wrap .gnb li:hover > .gnbmenu_wrap{display:block;} .gnb_wrap .gnb li .gnbmenu_wrap{display:none; width:100%; position:absolute; top:0; bottom:0; left:140px; margin:0; background:#fff; z-index:20; border-bottom:1px solid #aaa;} .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;} .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: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 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:13px; line-height:25px; border-bottom:none; padding:0 20px; 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 center;} .tnb_wrap{position:absolute; top:0; right:0; margin-left:0; display:block;} .tnb_wrap .tnb {float:right;} .tnb_wrap .tnb button{width:40px; height:69px; text-indent:-9999px; cursor:pointer; border:none; } .tnb_wrap .tnb .btn_sch{display:none; background:url(/usr/images/suwon/icon_tnbsch.png) no-repeat center; } .tnb_wrap .tnb .sch_wrap{float:left;} .tnb_wrap .tnb .sch_wrap .sch_form{display:none; position:Absolute; top:70px; right:50%; margin-right:350px; z-index:10;} .tnb_wrap .tnb .sch_wrap .sch_form form{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset{} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset span{display:inline-block; border:2px solid #062f6e; width:400px; height:46px;} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset span input{width:400px; border:none; height:46px;} .tnb_wrap .tnb .sch_wrap .sch_form form fieldset button{z-index:10; position:absolute; right:0; top:0; width:40px; height:48px; text-indent:-9999px; background:#062f6e url(/usr/images/suwon/icon_tnbsch.png) no-repeat center;} .tnb_wrap .tnb .btn_sitemap{display:block; background:url(/usr/images/suwon/icon_mognb.png) no-repeat center;} .tnb_wrap .language{display:none; background:#0e2a4a url(/usr/images/suwon/btn_langarrow.png) no-repeat 90px center; width:106px; line-height:32px; height:32px; position:absolute; right:-106px; color:#fff; margin-top:12px; z-index:10; text-indent:10px;} .tnb_wrap .language .title{cursor:pointer;} .tnb_wrap .language .list{background:#0e2a4a; display:none;} .tnb_wrap .language .list li{} .tnb_wrap .language .list li a{color:#fff;} #mainvisual{width:100%; height:400px; position:relative; overflow:hidden;} .mainvisual_wrap{overflow:hidden;} .mainvisual_wrap ul{} .mainvisual_wrap ul li{width:100%; height:400px;} .mainvisual_wrap ul li.bg01{background:url(/usr/images/suwon/visual_img01.gif) no-repeat center;} .mainvisual_wrap ul li.bg02{background:url(/usr/images/suwon/visual_img01.gif) no-repeat center;} .mainvisual_wrap ul li.bg03{background:url(/usr/images/suwon/visual_img01.gif) no-repeat center;} .mainvisual_wrap .btn_wrap a{display:block; width:40px; height:40px; position:absolute; z-index:10; top:50%; margin-top:0px; cursor:pointer;} .mainvisual_wrap .btn_wrap a.prev{margin-right:0px; left:0; margin-left:-0; background-size: 40px;} .mainvisual_wrap .btn_wrap a.next{right:0; margin-right:-0; background-size: 40px;} .mainvisual_wrap .bx-wrapper{position:absolute; left:50%; margin-left:-100% !important;} .mainvisual_lbg{display: none;} .mainvisual_rbg{display: none;} #container{margin:20px 5px; position:relative;} #container:after{content:""; clear:both; display:block;} #content{overflow: hidden;} .section{ } .section:after{content:""; clear:both; display:block;} .section_info{width:100%; margin:0 auto; padding:5px; box-sizing:border-box;} /* 입학정보,취업정보 */ .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:235px; margin-bottom: 0;} .section_info .section_info_banner .info_banner02{float:none; width:100%; height:235px; padding-left:30px;} .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_notice{width:100%; float:none; overflow:hidden;} .section_info .section_info_notice .noticetab{width:100%;position:relative; height:500px; margin-bottom:15px;} .section_info .section_info_notice .noticetab .noticetab_li{text-align:center; line-height:150%; border-bottom:1px solid #666; float:left; width:14%; height:40px;} .section_info .section_info_notice .noticetab .noticetab_li:first-child{width:16%;} .section_info .section_info_notice .noticetab .noticetab_li.on{background:#062f6e; } .section_info .section_info_notice .noticetab .noticetab_li.on > h3{color:#fff;} .section_info .section_info_notice .noticetab .noticetab_li h3{font-weight:normal; font-size:12px; line-height:1.2; padding: 10px 0; box-sizing: border-box; vertical-align: middle;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap{display:none; position:absolute; top:42px; left:0; width:100%;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul{font-size:14px; width: 100%;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li{height:100px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin: 5px 0;} .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:100%; float:none; text-align:left; margin-top:5px; font-size:12px; } .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt{width:100%; float:none; text-align:left; margin-top:5px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .title{font-size:14px;} .section_info .section_info_notice .noticetab .noticetab_li .list_wrap ul li a .txt .cont{font-size:12px; line-height:150%;} .section_info .section_info_notice .noticetab .noticetab_li .list_more{right:0; bottom:-40px; width:25px; height:25px; background-size: 25px;} /* 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; padding-left:0; box-sizing:border-box; position:relative; margin-bottom:40px;} .section_info .section_info_schedule .title{margin:20px 0;} .section_info .section_info_schedule .list_wrap {overflow-y: scroll; height: 230px;} .section_info .section_info_schedule .list_wrap ul{} .section_info .section_info_schedule .list_wrap ul li{padding:7px 0; overflow:hidden;} .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; float:left; width:20%; text-align:center;} .section_info .section_info_schedule .list_wrap ul li a .date .month{display:block; font-size:11px;} .section_info .section_info_schedule .list_wrap ul li a .date .day{display:block; font-size:28px;} .section_info .section_info_schedule .list_wrap ul li a .txt{margin-top: 10px; box-sizing: border-box; font-size:14px; display:block; float:left; line-height:50px;} .section_info .section_info_schedule .list_more {position:absolute; right:0px; top:10px;} .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{width:100%; margin:0 auto 40px auto; overflow:hidden; text-align:center;} .section_institution h2{width:100%; height:52px; line-height:52px; float:none; font-size:15px; font-weight:bold; background:#f4b221; color:#fff; 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{} .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: 50px;} .usw_gallery_info .bx-viewport{height: 200px !important;} .section_info .usw_gallery_info ul li{position: relative; width: 100% !important;} .section_info .usw_gallery_info a.list_more{display: block; width: 31px; height: 31px; background: url(/usr/images/suwon/images/btn_more.png) no-repeat center center; text-indent: -9999px; cursor: pointer; position: absolute; top: 10px; right: 0;} #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: 0; z-index: 100; margin-top: 22px;} .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: 0; z-index: 100; margin-top: 22px;} .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; font-size:24px; margin-bottom:20px; } .section_video .list_wrap{margin-top:20px; position:static; left:; 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_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{font-size: 26px; margin-bottom: 30px;} .section_news_list li{float: none; width: 100%; margin-right: 0; margin-bottom: 30px;} .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: 18px; padding-bottom: 15px; margin-bottom: 15px; height: 60px;} .section_news_list li a .text_box .text{font-size: 15px;} /* 수원 피플*/ .section_people{ background: #f4b221 ; padding: 20px; height: auto; margin-bottom: 50px;} .section_people .section_info{position: relative;} .section_people .section_info h2{text-align: center; font-size: 26px; margin-bottom: 30px; color: #fff;} .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: 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 a{display: block; text-align: center;} .section_people .section_info ul.people_list li a img{width: 80%;} .section_people .section_info ul.people_list li .text_box{margin-top: 10px; text-align: center;} .section_people .section_info ul.people_list li .text_box .title{font-size: 20px;} .section_people .section_info ul.people_list li .text_box .text{font-size: 15px;} /* 캠퍼스소개 */ .section_campus{width:100%; margin:0 auto; } .section_campus .title{width:100%; float:none; padding-top:0; margin-bottom:20px;} .section_campus .title h2{font-size:24px;} .section_campus .title p{font-size:13px;} .section_campus .list{width:100%; float: none; height: auto;} .section_campus .list li{float:left;width:50%; height:110px; border-right:none;} .section_campus .list li:nth-child(5n+5){border-right:none;} .section_campus .list li a{font-size:12px;} #conttop{position:absolute; right:0; margin-left:0; display:block; width:58px; height:58px; background:url(/usr/images/suwon/btn_conttop.gif) no-repeat; text-indent:-9999px; display:none;} /* 서브상단 */ #subconttop{position:relative; margin-top:20px;} #subconttop:after{display:block; content:""; clear:both;} #subconttop .subconttop_inner{width:100%; margin:0 auto;} #subconttop .subconttop_inner .breadcrumbs{float:none;} #subconttop .subconttop_inner .breadcrumbs li{font-size:14px; border-bottom:1px solid #666; float:left; width:auto; margin-right:10px; padding:0 0 10px 10px; box-sizing:border-box; position:relative;} #subconttop .subconttop_inner .breadcrumbs li .menu{width:20px; display:inline-block; float:right; height:20px; text-indent:-9999px; background:url(/usr/images/suwon/icon_breadcrumbsarrow.png) no-repeat right 6px; margin-left:20px;} #subconttop .subconttop_inner .breadcrumbs li.home{width:50px; background:url(/usr/images/suwon/icon_breadcrumbshome.png) no-repeat center 3px; text-indent:-9999px;} #subconttop .subconttop_inner .breadcrumbs li.home:before{display:block; content:""; width:1000px; height:1px; background:#666; 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:100%; left:0; width:200px; border:1px solid #666;} #subconttop .subconttop_inner .breadcrumbs li > .inner_menu li{height:32px; line-height:32px; border-bottom:0; font-size:14px; width:100%;} #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{float:right; font-size:20px; display:none;} #subconttop .subconttop_inner .today p:nth-child(1){letter-spacing: 5px;} #subconttop .subconttop_inner .today p:nth-child(2){font-size:36px; 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:26px; float:left; padding-bottom:10px; margin-top: 10px; font-weight: 600;} .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: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:40px; line-height:40px; background:#f4f4f4; color:#999; text-align:center; font-size:14px;} .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{border:1px dotted #ccc; margin-bottom:30px; padding:5px; box-sizing:border-box;} .subcont_tab2 ul{overflow:hidden;} .subcont_tab2 ul li{display:inline-block; padding:10px; background:#f4f4f4; margin:5px; font-size:12px;} .subcont_tab2 ul li.on{color:#fff; background:#062f6e;} .subcont_tab2 ul li.on a{color:inherit} /* 대학원 서브메인 메뉴영역 */ .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%; height:auto; padding:10px; box-sizing:border-box; background:#0068b7 url(/usr/images/suwon/submain_snb_more.png) no-repeat 98% center; background-size:20px auto; font-size:16px; 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 .submain_snb_depth1{} .submain_snb_wrap .submain_snb .submain_snb_depth1 > li{width:100%; border:1px solid #ddd; border-top:none; line-height:40px;} .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 > .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;} .submain_cont_wrap .submain_visual{width:100%; height:439px; position:relative; margin-bottom: 10px;} .submain_cont_wrap .submain_visual .btn_wrap a{text-indent:-9999px; display:block; width:50px; height:50px; position:absolute; z-index:10; 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;} .submain_cont_wrap .submain_cont .submain_board{float:none; width:100%; height:274px; padding:10px; box-sizing:border-box; overflow:hidden; border-bottom: 1px solid #aaa;} .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.on > h3{position:relative;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li.on > h3: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{font-weight:normal; font-size:18px; cursor:pointer;} .submain_cont_wrap .submain_cont .submain_board .submain_noticetab .noticetab_li .list_wrap{display:none; position:absolute; top:40px; left:0; width:100%;} .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:40px;} .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:274px; 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; top:50%; margin-top:-25px; cursor:pointer} .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.prev{background:url(/usr/images/suwon/icon_quickprev.png) no-repeat; left:10px; } .submain_cont_wrap .submain_cont .submain_bn .btn_wrap a.next{background:url(/usr/images/suwon/icon_quicknext.png) no-repeat; right:10px;} /* 공유하기 */ .subtitle_wrap .utill .share.on{background-size: 30px;} .subtitle_wrap .utill .share_list{ position: absolute; top: 54px; left: -10px; width: 50px; height: 135px; padding: 0 5px; background-color: #fff;} .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: 10px; 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.333333333%; float: left;} .satisfaction .select_box input{} .satisfaction .select_box label{font-size: 14px; vertical-align: middle;} .opinion{ margin-bottom: 20px; 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;} #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;} } @media print { #header, #subconttop, #conttop, #footer { display:none; } .section_campus, .subtitle_wrap, .satisfaction_wrap { display:none; } }