@charset "utf-8";

/* 이미지100 */
.img100 img {width:100%;}

/* 본인인증서비스 */
.phone_in{max-width:453px; width:100%; padding:25px 25px 32px 25px; margin:30px auto 30px auto; text-align:center; box-sizing:border-box; border:1px solid #ddd; background:#fff url("/images/swwu/content/phone_in_bg.gif") no-repeat right bottom;}
.phone_in strong{display:block; margin-bottom:5px; text-align:left;}
.phone_in .title{line-height:18px; margin-bottom:10px; font-weight:600; font-size:18px; text-align:left; color:#2a80dc;}
.phone_in p{line-height:21px; font-size:13px; text-align:left; color:#404040;}


/* 총장과의 대화 */
.btop{margin-bottom:15px;}
.btop .con{min-height:120px; font-size:14px;}
.btop .con .title{display:block; line-height:24px; margin-bottom:12px; font-weight:600; font-size:24px; color:#404040;}
.btop .con .red{color:#e02d35;}
.btop .con .blue{color:#1f70c7;}
.btop.bg_01{min-height:120px; background:url("/images/swwu/content/top_bg1.gif") no-repeat right bottom;}
.btop.bg_01 .con{margin-right:520px; background:#fff url("/images/swwu/content/top_bg2.gif") no-repeat right bottom;}
.btop.bg_01 .con p span{display:block;}

@media screen and (max-width: 1280px){
	.btop.bg_01 .con{margin-right:293px;}
}

@media screen and (max-width: 780px){
	.btop.bg_01 .con{margin-right:0px;}
}

@media screen and (max-width: 500px){
	.btop .con .enter{display:block;}
	.btop.bg_01 .con{min-height:10px; padding-bottom:130px; background:none;}
}


/* 조직도 */
.jojic_photo{position:relative; min-height:154px; padding-left:154px;}
.jojic_photo .photo{overflow:hidden; position:absolute; left:0; top:0; width:120px; height:154px;}
.jojic_photo .photo img{width:100%; height:100%;}
.jojic_photo .con{}
.jojic_photo .con .title{font-weight:600; font-size:18px; color:#333;}
.jojic_photo .con .title span{font-size:14px; padding-right:5px;}

@media screen and (max-width: 500px){
	.jojic_photo{padding:0;}
	.jojic_photo .photo{position:relative; left:auto; top:auto; margin:0 auto;}
	.jojic_photo .con{margin-top:20px;}
}

.jojic_iconlist{padding:20px; margin-bottom:20px; border:1px solid #cacaca;}
.jojic_iconlist ul{}
.jojic_iconlist ul li{position:relative; line-height:22px; padding-left:106px; margin-top:8px; color:#404040;}
.jojic_iconlist ul li:first-child{margin-top:0px;}
.jojic_iconlist ul li.icon_01{background:url("/images/swwu/content/jojic_icon_01.png") no-repeat left top;}
.jojic_iconlist ul li.icon_02{background:url("/images/swwu/content/jojic_icon_02.png") no-repeat left top;}
.jojic_iconlist ul li.icon_03{background:url("/images/swwu/content/jojic_icon_03.png") no-repeat left top;}
.jojic_iconlist ul li strong{position:absolute; left:28px; top:0; display:block; width:64px; background:url("/images/swwu/content/bar_01.gif") no-repeat right 6px;}


/* 학부소개 */
.hakbo_list{margin-top:40px;}
/*.hakbo_list li{padding:40px 0px; border-top:1px dashed #c5c5c5;}*/
.hakbo_list li{}
.hakbo_list li.intro{padding:40px 0px; border-top:1px dashed #c5c5c5;}
.hakbo_list li:first-child{padding-top:0; border-top:none;padding-bottom:40px;}
.hakbo_list li .view{position:relative; min-height:195px; padding-left:330px;}
.hakbo_list li .view .photo{overflow:hidden; position:absolute; left:0; top:0; width:296px; max-width:100%; height:195px;}
.hakbo_list li .view .photo img{width:100%;}
.hakbo_list li .view .con{}
.hakbo_list li .view .con .icon_list{}
.hakbo_list li .view .con .icon_list li{line-height:22px; padding:0px 0px 0px 27px; margin-bottom:5px; border:none;}
.hakbo_list li .view .con .icon_list li.icon_01{background:url("/images/swwu/content/jojic_icon_02.png") no-repeat left top;}
.hakbo_list li .view .con .icon_list li.icon_02{background:url("/images/swwu/content/jojic_icon_01.png") no-repeat left top;}
.hakbo_list li .view .con .icon_list li.icon_03{background:url("/images/swwu/content/jojic_icon_05.png") no-repeat left top;}
.hakbo_sns {position:absolute;bottom:-5px;right:0px;}
.hakbo_sns li{float:left; padding-left:4px; margin:0 !important; padding-bottom:0 !important;}
.hakbo_clear{clear:both; border-bottom:1px dashed #c5c5c5;}

@media screen and (max-width: 800px){
	.hakbo_list li .view{padding-left:0;}
	.hakbo_list li .view .photo{position:relative; left:auto; top:auto; height:auto; margin:0 auto 20px auto;}
}

@media screen and (max-width: 500px){
	.hakbo_sns{position:relative;bottom:auto;}
}

/* 교수진소개 */
.staff_list{}
.staff_list ul{overflow:hidden;}
.staff_list ul li{position:relative; float:left; width:50%;}
.staff_list ul li .lay{position:relative; min-height:185px; margin:10px; padding:25px; border:1px solid #dddddd; background:url("/images/swwu/content/staff_list_bg.gif") no-repeat right top}
.staff_list ul li .photo{overflow:hidden; position:absolute; left:25px; top:25px; width:120px; height:155px;}
.staff_list ul li .photo img{width:100%;}
.staff_list ul li .con{margin-left:155px;}
.staff_list ul li .con .title{display:block; font-weight:600; font-size:18px; color:#333333;}
.staff_list ul li .con .title strong{display:inline-block; height:22px; line-height:22px; padding-right:29px; background:url("/images/swwu/content/search_icon.gif") no-repeat right top;}
.staff_list ul li .con .title strong.no{background:none;}
.staff_list ul li .con ul{margin-bottom:0;}
.staff_list ul li .con ul li{float:none; width:auto; min-height:10px; padding:0px 0px 0px 9px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.staff_list ul li .con ul li a[href^="mailto"]{display:inline-block; height:16px; line-height:16px; text-indent:-1000px; background-position:right 6px !important;}
@media screen and (max-width: 1200px){
	.staff_list ul li{width:100%;}
}
@media screen and (max-width: 1024px){
	.staff_list ul li{width:50%;}
}
@media screen and (max-width: 970px){
	.staff_list ul li{width:100%;}
}
@media screen and (max-width: 600px){
	.staff_list ul li .photo{position:relative; left:auto; top:auto; width:100%; margin-bottom:20px; text-align:center; background:#f1f1f1;}
	.staff_list ul li .photo img{width:auto; height:100%;}
	.staff_list ul li .con{margin-left:0px;}
}

.staff_view .lay{position:relative; min-height:155px; margin:10px; padding:25px; border:1px solid #dddddd; background:url("/images/swwu/content/staff_list_bg.gif") no-repeat right top}
.staff_view .photo{position:absolute; left:25px; top:25px; width:120px; height:155px;}
.staff_view .con{margin-left:155px;}
.staff_view .con .title{display:block; font-weight:600; font-size:18px; color:#333333;}
.staff_view .con ul{margin-bottom:0;}
.staff_view .con ul li{float:none; width:auto; min-height:10px; padding:0px 0px 0px 9px;}
.staff_view .con .icon_list{margin-top:20px; padding-top:20px; border-top:1px dashed #c5c5c5;}
.staff_view .con .icon_list li{float:left; line-height:22px; padding:0px 30px 0px 27px; margin-bottom:5px; box-sizing:border-box;}
.staff_view .con .icon_list li.icon_01{background:url("/images/swwu/content/jojic_icon_01.png") no-repeat left top;}
.staff_view .con .icon_list li.icon_02{background:url("/images/swwu/content/jojic_icon_02.png") no-repeat left top;}
.staff_view .con .icon_list li.icon_03{background:url("/images/swwu/content/jojic_icon_04.png") no-repeat left top;}

.staff_con_01 li{position:relative; padding-left:79px !important;}
.staff_con_02 li{position:relative; padding-left:194px !important;}
.staff_con_03 li{position:relative; padding-left:54px !important;}
.staff_con_04 li{position:relative; padding-left:99px !important;}

.staff_con_01 strong{position:absolute; left:9px; top:0px; display:inline-block;}
.staff_con_02 strong{position:absolute; left:9px; top:0px; display:inline-block;}
.staff_con_03 strong{position:absolute; left:9px; top:0px; display:inline-block;}
.staff_con_04 strong{position:absolute; left:9px; top:0px; display:inline-block;}

@media screen and (max-width: 1280px){
	.staff_view .con .icon_list li{float:none; width:auto;}
}

@media screen and (max-width: 600px){
	.staff_view .lay{background:none;}
	.staff_view .photo{position:relative; left:auto; top:auto; width:100%; margin-bottom:20px; text-align:center; background:#f1f1f1;}
	.staff_view .con{margin-left:0;}
	.staff_view .con .icon_list li{padding-right:0;}
	
	.staff_con_01 li,
	.staff_con_02 li,
	.staff_con_03 li,
	.staff_con_04 li{padding-left:0px !important;}
	
	.staff_con_01 strong,
	.staff_con_02 strong,
	.staff_con_03 strong,
	.staff_con_04 strong{position:relative; left:auto; top:auto; display:block; padding-left:9px; margin:5px 0px 2px 0px;}
}




/* 학사일정 */
.cal_controlbox{}
.cal_controlbox .con{position:relative; padding:19px 28px 19px 180px;}
.cal_controlbox .cal_control{position:absolute; left:28px; top:19px; line-height:26px; font-weight:600; font-size:26px; color:#333;}
.cal_controlbox .cal_control strong{padding:0px 10px;}
.cal_controlbox .cal_list{}
.cal_controlbox .cal_list ul{overflow:hidden;}
.cal_controlbox .cal_list ul li{float:left; padding:0px 3px; background:url("/images/swwu/content/car_bar.png") no-repeat left 6px;}
.cal_controlbox .cal_list ul li:first-child{background:none;}
.cal_controlbox .cal_list ul li a{display:block; line-height:28px; padding:0px 10px; text-decoration:none;}
.cal_controlbox .cal_list ul li a:link,
.cal_controlbox .cal_list ul li a:visited,
.cal_controlbox .cal_list ul li a:active{color:#404040;}
.cal_controlbox .cal_list ul li a:hover,
.cal_controlbox .cal_list ul li a.on:link,
.cal_controlbox .cal_list ul li a.on:visited,
.cal_controlbox .cal_list ul li a.on:active,
.cal_controlbox .cal_list ul li a.on:hover{color:#fff; background:#eb3663;}

@media screen and (max-width: 600px){
	.cal_controlbox .cal_control{position:relative; left:auto; top:auto; margin-bottom:10px; text-align:center;}
}
@media screen and (max-width: 500px){
	.cal_controlbox .cal_list ul li{width:33.3%; box-sizing:border-box;}
	.cal_controlbox .cal_list ul li a{text-align:center;}
}


.cal_view{}
.cal_view h4{margin-bottom:8px; font-size:18px;}
.cal_view h4 span{font-weight:normal; font-size:16px; color:#979797;}
.cal_view ul{}
.cal_view ul li{margin-top:40px; padding-top:40px; border-top:1px dashed #c5c5c5;}
.cal_view ul li:first-child{padding-top:0px; border:none;}
.cal_view .calbox{position:relative; padding-left:365px;}
.cal_view .calbox caption{font-size:0;display:none;}
.cal_view .cal{position:absolute; left:0; top:10px; width:317px; margin:0 auto;}
.cal_view .cal table{table-layout:auto;border-collapse:collapse;border-spacing:0; width:100%; height:235px; border-top:2px solid #646464; border-bottom:1px solid #d7d7d7;}
.cal_view .cal table th{height:34px; text-align:center; font-size:13px; background:#f2f2f2;}
.cal_view .cal table td{height:34px; text-align:center; font-size:11px; background:#fff;}
.cal_view .cal table td.sun{color:#ef4b5c;}
.cal_view .cal table td.sat{color:#1774c3;}
.cal_view .cal table td.hit span{
	display:block; width:80%; height:18px; line-height:18px; margin:0 auto; text-align:center; font-weight:600; color:#fff; background:#eb3663;
	border-radius:9px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    -ms-border-radius:9px;
    -khtml-border-radius:9px;
    -o-border-radius:9px;
}
.cal_view .cal_text{min-height:235px;}
.cal_view .cal_text ul li{overflow:hidden; margin:0; padding-top:0; border:none;}
.cal_view .cal_text ul li strong{float:left; display:block; width:160px;}
.cal_view .cal_text ul li ul{float:left; margin-bottom:0;}

@media screen and (max-width: 700px){
	.cal_view .calbox{padding-left:0;}
	.cal_view .cal{position:relative; left:auto; top:auto; width:100%;padding-top:10px;}
	.cal_view .cal table{height:350px;}
	.cal_view .cal_text{margin-top:20px; min-height:0;}
}
@media screen and (max-width: 500px){
	.cal_view .cal table{height:250px;}
}


/* 총장인사말 */
.info_top{overflow:hidden; position:relative; width:100%;}
.info_top .texts{overflow:hidden; position:absolute; left:0; top:10px; z-index:1;}
.info_top .bgs{overflow:hidden; position:relative; z-index:0; float:right;}
.info_top .btns{display:block; margin:10px 0 0 0;}
.info_top .texts img,
.info_top .bgs img{display:block;}
.font16 {font-size:16px;}

@media screen and (max-width: 1100px){
	.info_top .texts img,
	.info_top .bgs img{width:100%;}
	.info_top .bgs img{margin-top:0;}	
	.info_top .btns img{width:auto;}
}

@media screen and (max-width: 860px){
	.info_top .texts img,
	.info_top .bgs img{width:100%;}
	.info_top .bgs img{margin-top:45px;}	
	.info_top .btns img{width:auto;}
}

@media screen and (max-width: 800px){
	.info_top .texts img{width:100%;}
	.info_top .bgs img{width:100%;}
	.info_top .btns img{width:auto;}
}
@media screen and (max-width: 650px){
	.info_top .bgs img{margin-top:50px;}
	.info_top .btns{margin:5px 0px 0px 0px;}
	.info_top .btns img{width:120px;}	
}
@media screen and (max-width: 500px){
	.info_top .btns img{width:90px;}
}


/* 이념과 비전 */
/* .vision{background:url("/images/swwu/content/sub01_02_line.gif") repeat-y left top;} */
.vision {overflow:hidden; margin-top:20px;}  /* .vision{background:url("/images/swwu/content/sub01_02_line.gif") repeat-y left top;} */

/* 이념과 비전 */
/* 20190731 수정 */
.vision {overflow:hidden; margin-top:20px;}  /* .vision{background:url("/images/swwu/content/sub01_02_line.gif") repeat-y left top;} */


.vision ul{background:url("/images/swwu/content/sub01_02_w.gif") no-repeat left top;}
.vision ul li{position:relative; padding:0px 0px 50px 130px;}
.vision ul li h4{display:none;}
.vision ul li .title{display:block; position:absolute; left:0; top:0; width:130px; min-height:25px; line-height:25px; background:url("/images/swwu/content/sub01_02_bul.png") repeat-y left top;}
.vision ul li .photo img{max-width:100%; width:100%;}

.vision ul li .list{overflow:hidden;}
.vision ul li .list li{float:left; width:25%; padding:5px; box-sizing:border-box;}
.vision ul li .list li .view{overflow:hidden; border:1px solid #dbdbdb;}
.vision ul li .list li .view strong{display:block; text-align:center;}
.vision ul li .list li .view strong img{max-width:160px; width:100%;}
.vision ul li .list li .view .con{padding:12px 0px; margin:0px 10px; font-weight:normal; font-size:14px; text-align:center; border-top:1px dashed #c7c7c7; color:#505050;}
.vision ul li .list li .view .con span{display:block;}

.vision ul li .textline{padding:23px 20px; font-weight:600; font-size:22px; text-align:center; color:#fff; background:url("/images/swwu/content/vision_bg01.gif") repeat left top;}

.vision ul li .aswwu{position:relative; padding-left:187px; text-align:center;}
.vision ul li .aswwu strong{display:inline-block; line-height:24px; margin:0 auto 15px auto; padding:0px 20px 5px 20px; font-weight:600; font-size:24px; color:#303030; background:url("/images/swwu/content/aswwu_bg.gif") repeat-x left bottom;}
.vision ul li .aswwu strong span{color:#d62222;}
.vision ul li .aswwu .photo{position:absolute; left:0; top:43px; display:block; width:162px; height:74px; border:1px solid #dbdbdb;}
.vision ul li .aswwu .texts{text-align:left;}
@media screen and (max-width: 950px){
	.vision ul li .list li{width:50%;}
}
@media screen and (max-width: 700px){
	.vision ul li .aswwu{padding-left:0;}
	.vision ul li .aswwu .photo{position:relative; left:auto; top:auto; max-width:100%; height:auto; margin:0px auto 15px auto; box-sizing:border-box;}
}
@media screen and (max-width: 600px){
	.vision{background:none;}
	.vision ul li{padding-left:0;}
	.vision ul li h4{display:block;}
	.vision ul li .title{display:none;}
}
@media screen and (max-width: 500px){
	.vision ul li .list li{width:100%;}
	.vision ul li .textline{font-size:18px;}
	.vision ul li .aswwu strong{font-size:20px;}
}



/* 50년사 */
.y50s{}
.y50s .yteb{overflow:hidden; margin-bottom:40px;}
.y50s .yteb li{float:left; width:20%; padding:0px 3px; margin:3px 0px; box-sizing:border-box;}
.y50s .yteb li a{display:block; height:37px; line-height:39px; padding:0px 30px 0px 15px; font-size:15px; color:#303030; background:#e2e2e2 url("/images/swwu/content/yteb_bul.gif") no-repeat right center;}
.y50s .yteb li a.on{font-weight:600; color:#fff; background:#c4073d url("/images/swwu/content/yteb_bul_ov.gif") no-repeat right center;}

.y50s .y50s_top{position:relative; padding:0px 281px 0px 0px; background:url("/images/swwu/content/y50s_top_bg.gif") repeat left top;}
.y50s .y50s_top .title{display:table-cell; height:136px; padding-left:34px; font-weight:normal; font-size: 22px; vertical-align:middle; color:#404040; background:url("/images/swwu/content/y50s_top_bg.png") no-repeat left top;}
.y50s .y50s_top .title span{font-weight:600; color:#eb3663;}
.y50s .y50s_top .photo{display:block; position:absolute; right:0; top:0; width:261px; height:136px;}

.y50s .list{position:relative; margin-top:35px; background:url("/images/swwu/content/y50s_list_bg.gif") repeat-y left top;}
.y50s .list li{position:relative; padding:10px 0px 10px 0px; margin-left:107px; border-top:1px dashed #c5c5c5;}
.y50s .list li:first-child{padding-top:0; border-top:none;}
.y50s .list li .title{display:block; position:absolute; left:-107px; top:19px; width:87px; height:24px; line-height:29px; font-weight:600; font-size:24px; color:#404040; background:url("/images/swwu/content/y50s_list_bul.gif") no-repeat left center;}
.y50s .list li:first-child .title{top:0;}
.y50s .list .con{}
.y50s .list .con div{position:relative; padding-left:65px;}
.y50s .list .con strong{position:absolute; left:0; top:0; display:block; width:65px; font-weight:600; font-size:15px; color:#e02254;}
.y50s .list .con ul li{padding:0px 0px 0px 9px; margin-left:0px; border:none;}

@media screen and (max-width: 950px){
	.y50s .yteb li{width:33.3%;}
}

@media screen and (max-width: 700px){
	.y50s .y50s_top{padding-right:34px;}
	.y50s .y50s_top .photo{display:none;}

	.y50s .list .con div{padding-left:0;}
	.y50s .list .con strong{position:relative; left:auto; top:auto;}
}

@media screen and (max-width: 600px){
	.y50s .yteb li{width:50%;}
}

@media screen and (max-width: 500px){
	.y50s .yteb li{width:100%; padding:0;}
	.y50s .y50s_top .title{font-size:18px;}

	.y50s .list{background:none;}
	.y50s .list li{margin-left:0;}
	.y50s .list li .title{position:relative; left:auto; top:auto; padding-left:22px; margin:10px 0px 20px 0px; background:url("/images/swwu/layout/h4.png") no-repeat left top;}
	.y50s .list .con ul{margin-top:0;}
}


/* 이사장인사말 */
.infobox{}
.infobox img{max-width:924px; width:100%;}


/* 규정집 */
.downlist{border-top:2px solid #49494a;}
.downlist ul li{overflow:hidden; position:relative; line-height:20px; padding:15px 140px 18px 10px; border-bottom:1px solid #d9d9d9;}
.downlist ul li strong{font-weight:normal;}
.downlist ul li .btn{position:absolute; right:5px; top:5px;}
.downlist ul li.title{background:#d9d9d9;}
.downlist ul li.title strong{font-weight:600; font-size:15px; color:#303030;}


@media screen and (max-width: 600px){
	.downlist ul li{padding-right:60px;}
	.downlist ul li .btn,
	.downlist ul li .btn:hover{overflow:hidden; min-width:40px; height:39px; padding:0 !important; text-indent:-200px;}
}


/* 법인정관 */
.pdf_iframe{width:100%; height:600px;}
.pdf_iframe2{width:100%; height:600px;}
.pdf_box_mobile{display:none; margin:15px 0px; border:1px solid #d2d2d2;}
.pdf_box_mobile .title{display:block; height:52px; line-height:52px; padding-left:22px; font-weight:600; font-size:16px; color:#fff; background:url("/images/swwu/layout/sangdam_bg.gif") repeat left top;}
.pdf_box_mobile .cons{padding:78px 0px;}
.pdf_box_mobile .cons div{width:228px; min-height:45px; padding:3px 0px 0px 47px; margin:0 auto; font-size:14px; color:#404040; background:url("/images/swwu/content/pdf_bg.gif") no-repeat left top;}
.pdf_box_mobile .cons div a{display:block; width:80px; height:36px; line-height:36px; margin:20px 0 0 46px; font-size:14px; text-align:center; color:#fff; background:#6e6e6e;}
@media screen and (max-width: 500px){
	.pdf_box_mobile{display:block;}
	.pdf_iframe{display:none;}
}


/* 발전기금 [2015.12.08 김현규 추가] */
.sw_donate, .swonline_donate {width:610px; height:auto; margin:0 auto; font-size:15px; color:#fff; line-height:19px;}

.sw_donate, .swonline_donate {background:url("/images/swwu/content/sw_donate_arrow_01.png") no-repeat 177px center;}

.sw_donate li, .swonline_donate li {width:167px; height:63px; padding-top:104px; text-align:center; float:left;}
.sw_donate li span, .swonline_donate li span {display:block;}

.sw_donate li.list_01 {background:url("/images/swwu/content/sw_donate_01.png") no-repeat center top; margin-right:54px;}
.sw_donate li.list_02 {background:url("/images/swwu/content/sw_donate_02.png") no-repeat center top; margin-right:53px;}
.sw_donate li.list_03 {background:url("/images/swwu/content/sw_donate_03.png") no-repeat center top;}

.swonline_donate li.list_01 {background:url("/images/swwu/content/swonline_donate_01.png") no-repeat center top; margin-right:54px;}
.swonline_donate li.list_02 {background:url("/images/swwu/content/swonline_donate_02.png") no-repeat center top; margin-right:53px;}
.swonline_donate li.list_03 {background:url("/images/swwu/content/swonline_donate_03.png") no-repeat center top;}

.sw_donate:after, .swonline_donate:after {clear:both; content:""; display:block;}

@media screen and (max-width: 700px){
	.sw_donate, .swonline_donate {width:80%;}
	
	.sw_donate, .swonline_donate {background:url("/images/swwu/content/sw_donate_arrow_02.png") no-repeat center 73px;}
	
	.sw_donate li, .swonline_donate li {width:100%; height:36px; text-align:center; float:none; padding-top:23px; margin-right:0px;}
	.sw_donate li span, .swonline_donate li span {display:inline-block;}
	
	.sw_donate li.list_01 {background:#21bdbb; margin-bottom:40px;}
	.sw_donate li.list_02 {background:#15a6a4; margin-bottom:40px;}
	.sw_donate li.list_03 {background:#10949d;}
	
	.swonline_donate li.list_01 {background:#1f9ec8; margin-bottom:40px;}
	.swonline_donate li.list_02 {background:#0784ae; margin-bottom:40px;}
	.swonline_donate li.list_03 {background:#027499;}
}


/* 전공소개 */
.hak_addr{overflow:hidden; position:relative; margin-top:15px; padding:18px 140px 15px 20px; border:1px solid #d9d9d9;}
.hak_addr .title{float:left; line-height:18px; padding:5px 20px 5px 0px; margin-right:20px; font-weight:600; font-size:18px; color:#eb3663; background:url("/images/swwu/content/bar_02.gif") no-repeat right 8px;}
.hak_addr .iconlist{float:left;}
.hak_addr .iconlist li{float:left; line-height:22px; padding:5px 0px 5px 25px; margin-right:22px;}
.hak_addr .iconlist li.icon_01{background:url("/images/swwu/content/jojic_icon_01.png") no-repeat left 5px;}
.hak_addr .iconlist li.icon_02{background:url("/images/swwu/content/jojic_icon_02.png") no-repeat left 5px;}
.hak_addr .iconlist li.icon_03{background:url("/images/swwu/content/jojic_icon_05.png") no-repeat left 5px;}
.hak_addr .snslist{overflow:hidden; position:absolute; right:20px; top:16px;}
.hak_addr .snslist li{float:left; padding-left:4px;}

@media screen and (max-width: 600px){
	.hak_addr{padding-right:20px;}
	.hak_addr .title{background:none;}
	.hak_addr .snslist{position:relative; right:auto; top:auto; float:right; margin-top:10px;}
}



/* 찾아오시는길 */
.roadbox{min-height:59px; padding-left:75px;}
.roadbox.icon_01{background:url("/images/swwu/content/road_icon_01.gif") no-repeat left top;}
.roadbox.icon_02{background:url("/images/swwu/content/road_icon_02.gif") no-repeat left top;}
.roadbox .h7{margin:0;}

@media screen and (max-width: 450px){
	.roadbox{min-height:10px; padding-left:0px; background:none !important;}
}


/* 국제교류소개 */
.prolist{overflow:hidden;}
.prolist li{
	float:left; display:block; width:162px; height:162px; padding-left:60px;
	background:url("/images/swwu/content/arrow.gif") no-repeat 15px center;
}
.prolist li:first-child{padding-left:0; background:none;}
.prolist li .lay{
	overflow:hidden; display:block; width:100%; height:100%;
	background-repeat:repeat; background-position:left top;
	border-radius:81px;
    -moz-border-radius:81px;
    -webkit-border-radius:81px;
    -ms-border-radius:81px;
    -khtml-border-radius:81px;
    -o-border-radius:81px;
}
.prolist li.bg_01 .lay{background-image:url("/images/swwu/content/pt_01.gif");}
.prolist li.bg_02 .lay{background-image:url("/images/swwu/content/pt_02.gif");}
.prolist li.bg_03 .lay{background-image:url("/images/swwu/content/pt_03.gif");}
.prolist li.bg_04 .lay{background-image:url("/images/swwu/content/pt_04.gif");}
.prolist li .lay strong{display:block; line-height:65px; height:59px; font-weight:600; font-size:28px; text-align:center; color:#fff; background:url("/images/swwu/content/proline.png") repeat-x left bottom;}
.prolist li .lay .con{line-height:21px; padding-top:12px; font-weight:normal; font-size:14px; text-align:center; color:#fff;}
.prolist li .lay .con span{display:block;}

.img100 img {width:100%;}
.img100_map {margin:20px 0 10px 0;}
.img100_map img {width:100%;}

@media screen and (min-width: 1024px) and (max-width: 1200px), screen and (max-width: 950px){
	.prolist li{
		float:none; width:100%; height:auto; padding:22px 0px 0px 0px; margin-top:10px;
		background:url("/images/swwu/content/arrow2.gif") no-repeat center top;
	}
	.prolist li .lay{
		position:relative; width:auto; padding-left: 69px;
		border-radius:0px;
	    -moz-border-radius:0px;
	    -webkit-border-radius:0px;
	    -ms-border-radius:0px;
	    -khtml-border-radius:0px;
	    -o-border-radius:0px;
	}
	.prolist li .lay strong{position:absolute; left:0; top:0; width:69px; height:100%; background-position:right top; background-repeat:repeat-y;}
	.prolist li .lay .con{display:table-cell; height:41px; padding:12px 20px; text-align:left; vertical-align:middle;}
	.prolist li .lay .con span{display:inline;}
}

@media screen and (max-width: 900px){
.img100_map {display:none;}
}

/* 교과목소개 */
.updownlist{border-top:2px solid #49494a;}
.updownlist li{}
.updownlist li .title{display:block;}
.updownlist li .title a{display:block; line-height:15px; padding:15px 55px 15px 25px; font-weight:normal; font-size:14px; border-bottom:1px solid #d9d9d9; color:#303030; background:#fff url("/images/swwu/content/updownlist_bul.gif") no-repeat right center;}
.updownlist li .con{display:none; line-height:23px; padding:15px 25px; font-size:14px; border-bottom:1px solid #d9d9d9; color:#404040; background:#fafafa;}
.updownlist li.on .title a{font-weight:600; font-size:16px; color:#eb3663; background:#f1f1f1 url("/images/swwu/content/updownlist_bul_ov.gif") no-repeat right center;}
.updownlist li.on .con{display:block;}



/* 총학생회 */
.edu_top{overflow:hidden; height:296px; background:url("/images/swwu/content/edu_top.jpg") no-repeat left top;}
.edu_top .con{float:right; width:289px; height:100%; padding:37px 36px; background:#10949d url("/images/swwu/content/edu_bg.gif") no-repeat right top;}
.edu_top .con .title{display:block; line-height:26px; padding-bottom:15px; font-weight:600; font-size:26px; color:#fff;}
.edu_top .con .title span{display:block; margin-bottom:5px; font-weight:normal; font-size:18px;}
.edu_top .con p{line-height:22px; font-size:14px; color:#fff;}
.edu_top .con .icon_list{margin-top:20px;}
.edu_top .con .icon_list li{line-height:22px; margin-bottom:5px; padding-left:27px; color:#fff;}
.edu_top .con .icon_list li.icon_01{background:url("/images/swwu/content/jojic_icon_06.png") no-repeat left top;}
.edu_top .con .icon_list li.icon_02{background:url("/images/swwu/content/jojic_icon_07.png") no-repeat left top;}

.chart_01{margin-top:50px;}
.chart_01 .title,
.chart_01 li{background:url("/images/swwu/content/chart_line_xy.gif") no-repeat center center;}
.chart_01 span{display:block; height:40px;}
.chart_01 .title{display:block; width:140px; height:50px; line-height:50px; margin:0 auto; font-weight:600; font-size:18px; text-align:center; color:#fff;}
.chart_01 .title span{height:50px;}
.chart_01 .color_01{background:#ef4d75 url("/images/swwu/content/jo_bg01.gif") no-repeat right top;}
.chart_01 .color_02{background:#4c81bd;}
.chart_01 .color_03{background:#5585bc;}
.chart_01 .color_04{background:#7f7f7f;}
.chart_01 ul{position:relative; overflow:hidden; width:100%; height:140px; text-align:center;}
.chart_01 ul li{display:inline-block; width:140px; height:40px; line-height:40px; padding-left:35px; margin-top:20px; text-align:center; color:#fff;}
.chart_01 ul li:first-child{height:60px; padding:20px 0px 0px 0px; margin:0px 0px 0px 179px;}
.chart_01 ul li ul{position:absolute; left:0; bottom:0; height:60px;}
.chart_01 ul li ul li{position:relative; width:200px; height:40px !important; margin:0px -2px !important; padding:20px 10px 0px 10px !important; background:url("/images/swwu/content/chart_line.gif") repeat-y center center;}
.chart_01 ul li ul li .line{position:absolute; left:0; top:0; width:100%; height:1px; line-height:1px; background:url("/images/swwu/content/chart_line.gif") repeat-x center top;}
.chart_01 ul li ul li.start .line{background:url("/images/swwu/content/chart_line2.gif") no-repeat center top;}
.chart_01 ul li ul li.end .line{background:url("/images/swwu/content/chart_line3.gif") no-repeat center top;}
@media screen and (min-width: 1100px) and (max-width: 1280px), screen and (min-width: 900px) and (max-width: 1000px){
	.chart_01 ul li ul li{width:150px;}
}
@media screen and (min-width: 1024px) and (max-width: 1100px), screen and (min-width: 700px) and (max-width: 900px){
	.chart_01 ul li ul li{width:100px;}
}
@media screen and (max-width: 700px){
	.edu_top{padding-top:296px; height:auto; min-height:296px;}
	.edu_top .con{float:none; width:100%; box-sizing:border-box;}

	.chart_01 .title{margin:0;}
	.chart_01 ul{height:auto; text-align:left;}
	.chart_01 ul li{float:left; height:auto !important;}
	.chart_01 ul li:first-child{margin-left:0;}
	.chart_01 ul li ul{position:relative; left:auto; bottom:auto; height:auto;}
	.chart_01 ul li ul li{width:140px; margin:0 !important; padding:20px 0px 0px 0px !important;}
}
@media screen and (max-width: 500px){
	.chart_01 .title,
	.chart_01 ul li,
	.chart_01 ul li ul li{width:110px;}
	.chart_01 ul li{padding-left:15px;}
}


/* UI */
.borderbox{padding:15px; text-align:center; border:1px solid #cacaca;}
.borderbox img{max-width:48%;}
.borderbox ul.p50{overflow:hidden;}
.borderbox ul.p50 li{float:left; width:50%; margin-top:10px;}
.borderbox.imgcolor img{display:inline-block; max-width:100%; padding:0px 20px;}
.borderbox .setleft img,
.borderbox ul li img{max-width:100%;}

@media screen and (max-width: 600px){
	.borderbox ul.p50 li{float:none; width:100%;}
	.borderbox.imgcolor{text-align:left;}
	.borderbox.imgcolor img{display:block; padding:0px 0px 5px 0px;}
	.borderbox .setleft{text-align:left;}
	.borderbox .btn span{display:none;}
}



/* 교가 */
.music{overflow:hidden; padding:20px; border:1px solid #cacaca;}
.music .title{display:block; line-height:35px; height:35px; padding-left:20px; margin:0; background:url("/images/swwu/content/pt_05.gif") repeat left top;}
.music strong{display:block; margin-top:30px;}
.music .ft_left,
.music .ft_right{width:50%;}
.music .ft_left{padding-right:30px; box-sizing:border-box;}
.music .ft_right{text-align:center;}
.music .ft_right img{max-width:100%;}
.music .btns{display:block; margin-top:30px;}

.music_list{}
.music_list li{min-height:172px; padding-left:199px;}
.music_list li strong{display:block; height:37px; line-height:18px; padding:21px 0px 0px 49px; font-size:18px; border-bottom:1px dashed #c5c5c5;}
.music_list li p{padding:14px 0px;}
.music_list li.bg_01{background:url("/images/swwu/content/music_bg01.gif") no-repeat left top;}
.music_list li.bg_02{background:url("/images/swwu/content/music_bg02.gif") no-repeat left top;}
.music_list li.bg_01 strong{color:#d63030; background:url("/images/swwu/content/music_bul01.gif") no-repeat left top;}
.music_list li.bg_02 strong{color:#e6b100; background:url("/images/swwu/content/music_bul02.gif") no-repeat left top;}

@media screen and (max-width: 800px){
	.music .title{margin-top:20px;}
	.music .ft_left,
	.music .ft_right{float:none; width:100%;}
	.music .ft_left{padding-right:0px;}
}
@media screen and (max-width: 600px){
	.music_list li{padding:192px 0px 0px 0px; background-position:center top !important;}
}



/* 조직도 */

.chart_02{margin-top:50px;  background:url("/images/swwu/content/chart_line.gif") repeat-y center center;}
.chart_02 .title,
.chart_02_02 .stitle,
.chart_02 li{background:url("/images/swwu/content/chart_line.gif") repeat-x center center;}
.chart_02 span{display:block; height:40px;}
.chart_02 .title{display:block; width:91px; height:105px; line-height:105px; margin:0 auto; font-weight:600; font-size:18px; text-align:center; color:#fff;}
.chart_02 .title span{height:105px;}
.chart_02_02{height:40px; padding:15px 0px; text-align:center;}
.chart_02_02 .stitle{display:inline-block; width:140px; height:40px; line-height:105px; padding-left:40px; margin:0 -2px; font-weight:600; font-size:18px; text-align:center; color:#fff;}
.chart_02_02 .stitle:first-child{padding-right:40px; padding-left:0px;}
.chart_02_02 .stitle span{height:40px; line-height:40px; font-weight:normal; font-size:15px; color:#fff;}
.chart_02 .color_01{background:#ef4d75 url("/images/swwu/content/jo_bg02.gif") no-repeat right top;}
.chart_02 .color_02{background:#4c81bd;}
.chart_02 .color_03{background:#10949d;}
.chart_02 .color_04{background:#7f7f7f;}
.chart_02 .color_04 a:link,
.chart_02 .color_04 a:visited,
.chart_02 .color_04 a:active,
.chart_02 .color_04 a:hover{color:#fff;}
.chart_02 ul{position:relative; width:100%; height:335px; text-align:center;}
.chart_02 ul li{display:inline-block; width:140px; height:40px; line-height:40px; padding-left:35px; margin-top:20px; text-align:center; color:#fff;}
.chart_02 ul li:first-child{height:60px; padding:20px 0px 0px 80px; margin:0px 0px 0px 220px;}
.chart_02 ul li ul{overflow:hidden; position:absolute; left:0; bottom:0; height:255px; background:#fff;}
.chart_02 ul li ul li{float:left; position:relative; width:25%; height:auto !important; margin:0px -2px !important; padding:20px 10px 0px 10px !important; background:url("/images/swwu/content/chart_line.gif") repeat-y center center; box-sizing:border-box;}
.chart_02 ul li ul li .line{position:absolute; left:0; top:0; width:100%; height:1px; line-height:1px; background:url("/images/swwu/content/chart_line.gif") repeat-x center top;}
.chart_02 ul li ul li.start .line{background:url("/images/swwu/content/chart_line2.gif") no-repeat center top;}
.chart_02 ul li ul li.end .line{background:url("/images/swwu/content/chart_line3.gif") no-repeat center top;}
.chart_02 ul li ul li ul{position:relative; left:auto; bottom:auto; width:auto; height:175px; margin:0; padding:5px; background:#f2f2f2;}
.chart_02 ul li ul li ul li{display:block; float:none; width:auto !important; height:auto !important; line-height:20px !important; margin:0px !important; padding:4px 0px 4px 17px !important; text-align:left; color:#404040; background:#f2f2f2 url("/images/swwu/layout/h7.png") no-repeat 8px 10px; box-sizing:initial;}
.chart_02 ul li ul li ul li.on{padding:4px 0px 4px 17px !important; background-color:#fff; background-position:8px 10px;}
.chart_02 ul li ul li ul li ul{height:auto; padding:0px; margin:5px 0px; background:none;}
.chart_02 ul li ul li ul li ul li{padding:0px 0px 0px 9px !important; font-size:14px; background:url("/images/swwu/layout/h8.png") no-repeat left 6px;}


.group_list_01{overflow:hidden;}
.group_list_01 li{float:left; width:33.3%; padding:0px 10px; margin-bottom:20px; box-sizing:border-box;}
.group_list_01 li strong{display:block; height:40px; line-height:40px; font-size:15px; text-align:center; color:#404040; background:#d9e5f2;}
.group_list_01 li ul{height:215px; padding:10px 10px 10px 10px; margin:0; border:1px solid #dbdbdb; border-top:none;}
.group_list_01 li ul li{float:none; width:auto; padding:3px 0px 3px 14px; background-position:5px 11px;}
.group_list_01 li ul li.color{background-color:#f0f5fa;}
.group_list_01 li ul li ul{height:auto; width:auto; padding:0; border:none;}

.group_list_02{overflow:hidden;}
.group_list_02 li{float:left; width:25%; padding:0px 10px; margin-bottom:20px; box-sizing:border-box;}
.group_list_02 li strong{display:block; height:40px; line-height:40px; font-size:15px; text-align:center; color:#404040; background:url("/images/swwu/content/pt_06.gif") repeat left top;}
.group_list_02 li ul{height:340px; padding:10px 10px 10px 10px; margin:0; border:1px solid #dbdbdb; border-top:none;}
.group_list_02 li ul li{float:none; width:auto; padding:3px 0px 3px 14px; background-position:5px 11px;}
.group_list_02 li ul li.color{background-color:#f0f5fa;}
.group_list_02 li ul li ul{height:auto; width:auto; padding:0; border:none;}

@media screen and (max-width: 1100px){
	.group_list_02 li{width:50%;}

	.chart_02 ul li ul li ul li{font-size:13px !important; background-position:8px 11px !important;}
	.chart_02 ul li ul li ul li ul li{background-position:left 9px !important;}
}
@media screen and (max-width: 800px){
	.group_list_01 li{width:50%;}

	.chart_02 ul{height:820px;}
	.chart_02 ul li{}
	.chart_02 ul li ul{height:auto;}
	.chart_02 ul li ul li{width:100%; padding:20px 0px 0px 0px !important; margin:0 !important;}
	.chart_02 ul li ul li ul{height:auto;}
	.chart_02 ul li ul li .line{background:none !important;}
}
@media screen and (max-width: 600px){
	.group_list_01 li{width:100%; padding:0px;}
	.group_list_01 li ul{height:auto;}

	.group_list_02 li{width:100%; padding:0px;}
	.group_list_02 li ul{height:auto;}

	.chart_02_02 .stitle{width:80px;}
	.chart_02_02 .stitle:first-child{padding-right:0px;}

	.chart_02 ul li{width:80px; padding-left:20px !important; margin-left:100px !important;}
}


/* 발전기금 [2015.12.08 김현규 추가] */
.loan_step {width:100%; height:auto;}
.loan_step li {margin-bottom:23px; position:relative; padding:0 0 0 220px; min-height:60px;}
.loan_step li:last-child {margin-bottom:0px;}
.loan_step li p {position:absolute; left:0; top:0; width:170px; padding:15px;}
.loan_step li p.type1 {background:url("/images/swwu/content/loan_step_01.jpg") no-repeat left top;}
.loan_step li p.type2 {background:url("/images/swwu/content/loan_step_02.jpg") no-repeat left top;}
.loan_step li p span {display:inline-block; vertical-align:top; color:#fff;}
.loan_step li p span.num {font-size:22px; font-weight:600; padding:0 10px 0 5px; margin:-4px 12px 0 0;}
.loan_step li p span.title {font-size:15px;}
.loan_step li ul {padding-top:5px;}
.loan_step li ul li {font-size:14px; padding:0 0 0 10px; margin-bottom:0; min-height:10px; background:url("/images/swwu/content/loan_step_bullet.gif") no-repeat left 8px;}

@media screen and (max-width: 600px){
	.loan_step li {padding:0;}
	.loan_step li p {position:relative; left:auto; top:auto;}
}


/* 테이블 스크롤 */
@media screen and (max-width: 1024px){
	.table_scrollbox{position:relative;}
	.table_scrollbox .blind_bg{position:absolute; right:0; top:0; width:50px; height:100%; background:url("/images/swwu/layout/table_scroll.png") repeat-y right top;}
	.table_scroll{overflow-x:auto; position:relative;}
	.table_scroll .table{min-width:900px;}
}

/* FQA */
.faq_list{font-size:13px;line-height:1.4em;border-top:2px solid #49494a;}
.faq_list ul{}
.faq_list ul li{position:relative; border-bottom:1px solid #cacaca;}
.faq_list ul li strong,
.faq_list ul li p{display:block; padding:13px 110px 13px 44px;}
.faq_list ul li strong{padding-right:10px; background:url("/images/swwu/content/q.png") no-repeat 11px 13px;}
.faq_list ul li p{overflow:hidden; position:relative; display:none; border-top:1px dashed #cacaca; background:#ecf1f4 url("/images/swwu/content/a.png") no-repeat 11px 13px;}
.faq_list ul li p .btn{position:absolute; right:10px; bottom:10px;}
.faq_list ul li strong a{text-decoration:none;}

/* 캠퍼스맵 */
.b_box {border:1px solid #d9d9d9; padding:25px 17px; overflow:hidden; background:url("/images/swwu/content/sub01_08_01_01_bg.jpg") no-repeat right bottom;}
.b_box .cam {float:left;}
.b_box .r_list { margin-left:15px; float:left; border-left:1px dashed #cccccc; padding-left:30px;}
.b_box .inje_h {height:368px;}
.b_box .haeran_h {height:453px;}
.b_box .r_list .tit {font-size:30px; font-weight:600; line-height:1.1; margin-bottom:20px; margin-top:15px;}
.b_box .r_list .tit span {display:block;}
.b_box .r_list ul li {margin-bottom:6px; font-size:15px;}

span.num_bg {text-align:center; display:inline-block; width:20px; height:20px; color:#ffffff; line-height:22px; margin-right:6px; font-weight:600; font-size:12px;}
span.n_pink{background:url("/images/swwu/content/num_bg1.png") no-repeat left top;}
span.n_green{background:url("/images/swwu/content/num_bg2.png") no-repeat left top;}

@media screen and (max-width: 1225px){
	.b_box {padding:25px 25px 30px 25px;}
	.b_box .cam {text-align:center; float:none;}
	.b_box .r_list {border-top:1px dashed #cccccc; float:none; border-left:none; margin:0; padding:15px 0 0 15px;}
	.b_box .inje_h {height:auto;}
	.b_box .haeran_h {height:auto;}
	.b_box .r_list .tit {margin:5px 0;}
	.b_box .r_list .tit span {display:inline-block; margin-left:6px;}
	.b_box .r_list ul li {float:left; margin-right:10px; margin-bottom:0;}	

}
@media screen and (max-width: 790px){
	.b_box .cam img {width:100%;}
	.b_box .r_list .tit {font-size:26px;}
}


/* 로그인 */
#login_box{position:relative;margin:10px; background:url("/images/swwu/content/login_bg_01.gif") no-repeat left top;}
#login_box .head{line-height:28px; padding:17px 95px 25px 0px; font-weight:normal; font-size:20px; border-bottom:1px dashed #b5b5b5; color:#404040; }
#login_box .head span{color:#000}
#login_box .middle{padding:48px 0px 20px 281px; background:url("/images/swwu/content/login_bg_03.gif") no-repeat left top;}
#login_box .middle .in {position:relative;  height:92px; margin:0px 87px 0px 0px; padding:0px 105px 0px 70px;}
#login_box .middle label{display:block; position:absolute; left:0; top:39px; width:70px; height:36px; line-height:36px; padding:0; margin-bottom:5px; font-size:15px; color:#404040;}
#login_box .middle label:first-child{top:0;}
#login_box .middle input[type="text"],
#login_box .middle input[type="password"]{display:block; width:100%; height:34px;  margin-bottom:5px; padding:0px 10px; border:1px solid #d0d0d0; box-sizing:border-box;}
#login_box .middle input[type="submit"], #login_box .middle input[type="button"]{clear:both; position:absolute; right:0px; top:0px; width:95px; height:73px; line-height:77px; font-size:16px; cursor:pointer; border:none; color:#fff; background:#606060;}
#login_box .middle ul{overflow:hidden; padding-left:70px;}
#login_box .middle ul li{float:left; padding-left:26px; background:url("/images/swwu/content/login_bar.gif") no-repeat 13px center;}
#login_box .middle ul li:first-child{padding-left:0; background:none;}
.loginOption{width:100%;padding-left:70px;padding-bottom:10px;text-align:left;}
.loginOption>.optionLabel{display:inline-block;width:100px;padding-left:10px;font-size:14px;line-height:20px;}
.loginOption>.optionLabel:first-child{padding-left:0;}

#ipin_box{position:relative;margin:10px; background:url("/images/swwu/content/login_bg_01.gif") no-repeat left top;}
#ipin_box .head{line-height:28px; padding:17px 95px 25px 0px; font-weight:normal; font-size:20px; color:#404040; }
#ipin_box .head span{color:#000}
#ipin_box .middle{position:relative;width:100%;padding-left:320px;box-sizing:border-box;}
#ipin_box .middle>a{position:absolute;top:10px;left:0;display:inline-block;width:300px;height:20px;padding-top:10px;padding-bottom:10px;background-color:#11c6e1;color:#fff;text-align:center;font-size:15px;line-height:20px;}
#ipin_box .middle>p{display:inline-block;}
/*
#psexam_inqire .middle .in  {position:relative;  height:40px; margin:0px 87px 0px 0px; padding:0px 50px 0px 30px;}
#psexam_inqire .middle input[type="text"],
#psexam_inqire .middle input[type="password"]{width:30%; height:34px;  margin-bottom:5px; padding:0px 10px; border:1px solid #d0d0d0; box-sizing:border-box;}
#psexam_inqire .middle input[type="submit"]{clear:both; position:absolute; right:0px; top:0px; width:95px; height:34px; line-height:34px; font-size:16px; cursor:pointer; border:none; color:#fff; background:#606060;}
*/
@media screen and (min-width: 1024px) and (max-width: 1200px), screen and (max-width: 900px){
	#login_box .middle .in{margin:0px 20px 0px 0px;}
}
@media screen and (max-width: 800px){
	#login_box .middle{padding-left:20px; background:none;}
	#ipin_box .middle{padding-left:0;}
	#ipin_box .middle>a{position:relative;top:0;left:0;width:100%;}
	#ipin_box .middle>p{display:inline-block;}
}
@media screen and (max-width: 600px){
	#login_box .head{line-height:22px; padding:17px 0px 15px 0px; font-size:15px; background:none;}
	#ipin_box .head{line-height:22px; padding:17px 0px 15px 0px; font-size:15px; background:none;}
	#login_box .middle{padding:20px 0px 0px 0px;}
	#login_box .middle .in{height:119px; padding-right:0px; margin-right:0;}
	#login_box .middle input[type="submit"]{position:relative; right:auto; top:auto; width:100%; height:36px; line-height:36px;}
}
@media screen and (max-width: 500px){
	#login_box{margin:0;}
	#login_box .middle .in{padding-left:50px;}
	#login_box .middle label{width:50px; font-size:12px;}
	#login_box .middle ul{padding-left:50px;}
	#login_box .middle ul li{float:none; font-size:12px; padding:0; background:none;}
	.loginOption{padding-left:50px;}
	.loginOption>.optionLabel{width:60px;}
}


.media_box{width:100%; height:500px;}
@media screen and (max-width: 600px){
	.media_box{height:400px;}
}
@media screen and (max-width: 500px){
	.media_box{height:250px;}
}


/* 설립자 소개 */
.sul_box{position:relative; padding-left:289px; min-height:339px; margin-bottom:30px; background:url("/images/swwu/content/sub_bg02.gif") no-repeat right bottom;}
.sul_box img{vertical-align:top;}
.sul_box .photo{position:absolute; left:0; top:0; width:251px; height:339px;}
.sul_box .photo img{max-width:100%;}
.sul_box .title{display:block; line-height:21px; padding-bottom:12px; margin-bottom:17px; font-weight:600; font-size:21px; border-bottom:1px dashed #c5c5c5; color:#454545; background:url("/images/swwu/content/sul_bg.gif") no-repeat right bottom;}
.sul_box ul li{position:relative; padding-left:110px;}
.sul_box ul li span{position:absolute; left:0px; top:0; display:block; width:110px; font-size:14px; color:#e43b67;}
.sul_box ul li ul{margin:0;}
.sul_box ul li ul li{padding-left:10px;}

.photo_mod{position:relative;}
.photo_mod img{vertical-align:top;}
.photo_mod .viewbox{position:relative; margin-bottom:30px; text-align:center; background:#e1e1e1;}
.photo_mod .viewbox img{max-width:100%;}
.photo_mod .viewbox strong{display:block; position:absolute; left:0; bottom:10px; width:100%; font-weight:normal; text-align:center;}
.photo_mod .viewbox span{display:inline-block; padding:5px 10px; font-size:14px; color:#fff; background:url("/images/swwu/content/ph_blind.png") repeat left top;}
.photo_mod .btn_left,
.photo_mod .btn_right{display:none; overflow:hidden; position:absolute; bottom:0; width:72px; height:103px; text-indent:-1000px;}
.photo_mod .btn_left{left:0; background:url("/images/swwu/content/ph_left.gif") no-repeat center top;}
.photo_mod .btn_right{right:0; background:url("/images/swwu/content/ph_right.gif") no-repeat center top;}
.photo_mod.controll .btn_left,
.photo_mod.controll .btn_right{display:block;}
.photo_mod .move{overflow:hidden; position:relative; height:103px;}
.photo_mod.controll .move{margin:0px 72px;}
.photo_mod .move ul{overflow:hidden; position:absolute; left:0; top:0; width:200000px; height:100%;}
.photo_mod .move ul li{float:left; width:170px; height:100%; padding-right:19px;}
.photo_mod .move ul li a{overflow:hidden; position:relative; display:block; width:100%; height:100%; text-align:center; background:#e1e1e1;}
.photo_mod .move ul li a img{position:relative; z-index:0; height:100%;}
.photo_mod .move ul li a .blind{display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background:url("/images/swwu/content/ph_blind.png") repeat left top;}
.photo_mod .move ul li.on a .blind{display:none;}

@media screen and (max-width: 700px){
	.sul_box{padding-left:0;}	
	.sul_box .photo{position:relative; left:auto; top:auto; width:100%; height:auto; margin:0px auto 30px auto; text-align:center;}
	.sul_box .title{background:none;}
	.sul_box ul li{padding-left:0;}
	.sul_box ul li span{position:relative; left:auto; top:auto;}
	.sul_box ul li ul{padding:0px 0px 10px 10px;}
	.sul_box ul li ul li{padding-left:10px;}
}
@media screen and (max-width: 600px){
	
}
@media screen and (max-width: 500px){
	.photo_mod .btn_left,
	.photo_mod .btn_right{width:40px;}
	.photo_mod.controll .move{margin:0px 40px;}
	.photo_mod .move ul li{width:125px;}
}


/* 승강장위치 */
.bus_navi{}
.bus_navi .mapbox{position:relative; height:341px; margin-bottom:15px; background:url("/images/swwu/content/map_bg.gif") no-repeat left top;}
.bus_navi .mapbox.bg_02{background-image:url("/images/swwu/content/map_bg_02.gif");}
.bus_navi .mapbox.bg_03{background-image:url("/images/swwu/content/map_bg_03.gif");}
.bus_navi .mapbox.bg_04{background-image:url("/images/swwu/content/map_bg_04.gif");}
.bus_navi .mapbox.bg_05{background-image:url("/images/swwu/content/map_bg_05.gif");}
.bus_navi .mapbox.bg_06{background-image:url("/images/swwu/content/map_bg_06.gif");}
.bus_navi .mapbox .con{position:absolute; right:36px; top:19px; width:352px; height:305px; padding:30px 20px; box-sizing:border-box; background:#2d6db2 url("/images/swwu/content/map_bg02.gif") no-repeat right top;}
.bus_navi .mapbox .con .title{display:block; margin-bottom:15px; font-weight:600; font-size:26px; color:#fff;}
.bus_navi .mapbox .con .title span{display:block; font-weight:normal; font-size:18px;}
.bus_navi .mapbox .con ul{padding-left:5px;}
.bus_navi .mapbox .con ul li{position:relative; line-height:17px; padding-left:49px; margin-bottom:10px; font-weight:normal; font-size:15px; color:#fff; background:url("/images/swwu/content/map_bul01.gif") no-repeat left top;}
.bus_navi .mapbox .con ul li span{display:block; position:absolute; left:17px; top:0; width:32px;}
.bus_navi .mapbox .con .btns{display:block; position:absolute; right:30px; bottom:25px; width:91px; height:37px; line-height:37px; padding-left:18px; border:1px solid #d5e2f0; color:#fff; background:url("/images/swwu/content/map_bul02.gif") no-repeat right center;}
.bus_navi .mapbox .con.type_02{width:252px; padding:23px 26px;}
.bus_navi .mapbox .con.type_02 .photo{width:199px; height:156px; background:#2d6db2;}
.bus_navi .mapbox .con.type_02 p{padding:6px 0px; color:#fff;}

.bus_navi .map_arrow{}
.bus_navi .map_arrow li{position:relative; padding:30px 0px 30px 286px; border-top:1px dashed #b5b5b5;}
.bus_navi .map_arrow li:first-child{border-top:none;}
.bus_navi .map_arrow li .con{position:absolute; left:0; top:30px; width:286px; font-size:14px; color:#444;}
.bus_navi .map_arrow li .con strong{display:block; line-height:18px; margin-bottom:10px; font-size:18px; color:#eb3663;}
.bus_navi .map_arrow li ol{overflow:hidden; width:100%;}
.bus_navi .map_arrow li ol li{float:left; width:33.3%; padding:0px 0px 0px 13px; border-top:none; box-sizing:border-box;}
.bus_navi .map_arrow li ol li img{width:100%;}
@media screen and (max-width: 750px){
	.bus_navi .mapbox{height:auto; padding-top:351px;}
	.bus_navi .mapbox .con{position:relative; right:auto; top:auto; width:auto; height:auto; padding:30px 20px 70px 20px;}
	
	.bus_navi .mapbox .con.type_02{width:100%; min-height:202px; padding-left:241px;}
	.bus_navi .mapbox .con.type_02 .photo{position:absolute; left:26px; top:23px;}
	.bus_navi .mapbox .con.type_02 .btn{right:26px;}
	
	.bus_navi .map_arrow li{padding-left:0;}
	.bus_navi .map_arrow li .con{position:relative; left:auto; top:auto; width:100%; margin-bottom:20px;}
	.bus_navi .map_arrow li ol li{padding:0px 6px;}
}
@media screen and (max-width: 550px){
	.bus_navi .mapbox{padding-top:248px; background-position:-140px top; background-size:auto 248px;}
	.bus_navi .mapbox .con .title span{font-size:16px;}
	.bus_navi .mapbox .con .btns{right:auto; left:50%; margin-left:-55px;}
	
	.bus_navi .mapbox .con.type_02{padding-left:26px;}
	.bus_navi .mapbox .con.type_02 .photo{position:relative; left:auto; top:auto; width:100%; height:auto; text-align:center; background:#eee;}
	.bus_navi .mapbox .con.type_02 .photo img{max-width:100%; vertical-align:top;}
	.bus_navi .mapbox .con.type_02 .btns{position:relative; right:auto; left:auto; bottom:auto; margin:10px auto 0px auto;}
	
	.bus_navi .map_arrow li ol li{float:none; width:100%; padding:3px 0px; text-align:center;}
	.bus_navi .map_arrow li ol li img{max-width:100%; width:auto;}
}

/* 캠퍼스 맵 */
.cmap{}
.cmap .photo{text-align:center;}
.cmap .photo img{max-width:100%;}
.cmap div.title{position:relative; padding:30px 0px 24px 10px; margin-bottom:23px; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background:url("/images/swwu/content/cmap_bg.gif") no-repeat right 26px;}
.cmap div.title .bg{position:absolute; left:0; bottom:-10px; width:54px; height:10px; background:url("/images/swwu/content/cmap_bg02.gif") no-repeat left top;}
.cmap div.title strong{display:block; line-height:32px; margin-bottom:12px; font-weight:600; font-size:32px; color:#373737;}
.cmap div.title ul{overflow:hidden;}
.cmap div.title ul li{	float:left; height:34px;}
.cmap div.title ul li a{
	display:block; height:20px; line-height:20px; font-size:15px;
	padding:7px 13px 7px 10px;
	border-radius:16px;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    -ms-border-radius:16px;
    -khtml-border-radius:16px;
    -o-border-radius:16px;
}
.cmap div.title ul li a span{
	overflow:hidden; display:inline-block; width:20px; height:20px; margin-right:4px; vertical-align:middle; text-align:center; font-size:13px; color:#fff; background:#686868;
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -ms-border-radius:10px;
    -khtml-border-radius:10px;
    -o-border-radius:10px;
}
.cmap div.title ul li a.on{background:#eb3663; color:#fff;}
.cmap div.title ul li a.on span{color:#eb3663; background:#fff;}
.cmap .cmap_view{display:none;}
.cmap .cmap_view:first-child{display:block;}
.cmap .con{padding:39px 29px; background:#f2f2f2;}
.cmap .con strong.title{font-weight:600; font-size:18px; color:#444;}
.cmap .con ul{}
.cmap .con ul li{position:relative; padding:15px 0px 15px 47px; border-top:1px dashed #c5c5c5;}
.cmap .con ul li:first-child{border-top:0;}
.cmap .con ul li strong{display:block; position:absolute; left:0; top:15px; width:37px; padding-left:10px; color:#eb3663;}
.cmap .con ul li p{font-size:14px; color:#333;}

@media screen and (max-width: 550px){
	.cmap div.title{background:none;}
	.cmap div.title ul li{width:50%;}
	.cmap .con ul li{padding-left:0;}
	.cmap .con ul li strong{position:relative; left:auto; top:auto; padding-left:0;}
}
@media screen and (max-width: 430px){
	.cmap div.title ul li{width:100%;}
}