@charset "utf-8"; 

/********************************************************************************** 공통 ***************************************************************************************/

/*개인정보처리방침*/
 .labeling-box ul {display:flex;flex-wrap:wrap;border:1px solid #ddd;border-radius:30px}
                        .labeling-box ul li {width:33.333%;box-sizing:border-box;text-align:center;padding:20px;border-right:1px solid #ddd;border-top:1px solid #ddd}
                        .labeling-box ul li:nth-child(-n+3) {border-top:0}
                        .labeling-box ul li:nth-child(3n) {border-right:0}
                        .labeling-box [class^=privacy_ico] {display:block;margin:0 auto}
                        .labeling-box [class^=privacy_ico] img {width:5rem; height:auto;}
                        .labeling-box strong {font-weight:700; margin:.5rem 0; display:block}
                        .labeling-box .info {display:block;position:relative;font-size:.824em;color:#777;letter-spacing:-.05em;text-align:center;line-height:1.1;margin-top:5px}
                        .index-box {display:flex;flex-wrap:wrap;border:1px solid #ddd;border-radius:30px;padding:20px;margin-top:0px}
                        .index-box li {width:50%;box-sizing:border-box;padding:5px 5px 10px 60px;position:relative}
                        .index-box li a {color:#222}
                        .index-box li a:hover {text-decoration:underline}
                        .index-box [class^=privacy_ico] {position:absolute;top:0;left:0}
                         .index-box [class^=privacy_ico] img {width:2rem; height:auto;}
                          h3.tit1 > .privacy_ico {display: inline-block;vertical-align: middle; margin-left: .5rem;}
                          h3.tit1 > .privacy_ico img {width: 3rem; height: auto;}
@media all and (max-width:799px){
	.index-box li {width:100%}
}

@media (max-width: 699px){
	.labeling-box ul li {width:100%;padding:10px;border-right:0;padding:15px}
	.labeling-box ul li:nth-child(-n+3) {border-top:1px solid #ddd}
	.labeling-box ul li:nth-child(1) {border-top:0}
}

/* 외부제공 채용정보 200609 추가*/

.out_job_search ul li.check_area p {position:relative; padding-left:10px; font-size:15px; color:#222; line-height:35px; }
.out_job_search ul li.check_area p:before {content:''; position:absolute; top:15px; left:0; width:4px; height:4px; background:#394b61;}

.out_job_search ul li.check_area p {position:relative; padding-left:10px; font-size:15px; color:#222; line-height:35px; }
.out_job_search {position:relative; padding:10px 20px; border:1px solid #c8d1db; background:#f7f7f7;}
.out_job_search ul li {float:left;/* width: 25%; */margin: 5px 0;}/*200624 margin 값 수정*/

.out_job_search ul .check_area { width:96%; }
.out_job_search ul li.check_area ul {padding: 10px 15px;overflow:hidden;background:#fff;border-radius:10px;border:1px solid #c8d1db;}
.out_job_search ul .check_area li { width:25%;  }
.out_job_search ul .check_area li:first-child {width:25%;}
.out_job_search ul li:first-child {width:45%;}/* 190422 */


.out_job_search ul li p.out_job_sselect {position:relative;}
.out_job_search ul li p.out_job_sselect label {position:relative;/* margin-left: 15px; */padding-left:10px;font-size:15px;color:#222;line-height:35px;vertical-align:middle;}
.out_job_search ul li p.out_job_sselect label:before {content:''; position:absolute; top:9px; left:0; width:4px; height:4px; background:#394b61;}
.out_job_search ul li select {height:35px; border:1px solid #c8d1db;}
.out_job_search ul li input {vertical-align:middle;}
.out_job_search ul > li.last {width:100%; margin-top:15px; padding-top:15px; border-top:1px dashed #c8d1db; }
.out_job_search ul li.last div {position:relative;} /* 190422 */
.out_job_search ul li.last div p.out_job_Sradio {position:absolute; left:0; top:0;}
.out_job_search ul li.last div p.out_job_Sradio label {margin-right:15px; font-size:15px; color:#222; line-height:35px; vertical-align:middle;}
.out_job_search ul li.last div p.out_job_Sinput {position:relative; padding-right:170px;}
.out_job_search ul li.last div p.out_job_Sinput .input_txt {width:99%; height:35px; border:1px solid #c8d1db;}
.out_job_search ul li.last div p.out_job_Sinput a.btn_out_job {position:absolute; right:0; top:0; display:block; width:160px; line-height:39px; text-align:center; color:#fff; background:#394b61; vertical-align:middle;}
.out_job_search ul li.Ob{margin-left: 10px;}
/* 외부제공 채용정보 200609 추가*/

/*.subCntBody.clearfix>div{overflow:hidden;}*/
.dot_line {width:100%; height:1px; background:url('/images/web/syu/sub_cnt/dot_line.png') repeat-x;}

.box_pt01 {border:1px solid #ccc; padding:15px; background:url('/images/web/syu/sub_cnt/box_pt01.png') repeat;}
.box_inner01 {background:#fff; border:1px solid #ddd; padding:60px 40px;}

.tit_c {margin-bottom:10px; padding-top:20px; font-size:30px; line-height:1.4; font-family:'NotoM'; color:#000; letter-spacing:-1px; background:url("/images/web/syu/sub_cnt/bu_tit_c.png") no-repeat center top;}
.ft_up{text-transform:uppercase;}

/* info_box top 공통박스 */
.info_box {position:relative; border:1px solid #e8e8e8; min-height:140px; z-index:5; background:#f0f0f0; margin-bottom:30px;}
.info_box:after {content:""; display:block; position:absolute; top:-1px; left:0; width:160px; height:50px; background:#00c1fb; z-index:11;}
.info_box:before {content:""; display:block; position:absolute; top:-1px; right:0; width:100%; height:50px; background:#1667c3; z-index:10;}
.info_box .inner {position:relative; background:#fff; z-index:23; padding:50px 30px 50px 170px; margin:3px; border-bottom:1px solid #bcbcbc;}
.info_box .ico_img {position:absolute; left:30px; top:50%; margin-top:-50px; width:100px; height:100px;}
.info_box .txt1 {font-family:'NotoM'; font-size:24px; color:#000; line-height:1.4; letter-spacing:-1px; margin-bottom:10px;}
.info_box .txt2 {font-family:'NotoR'; font-size:15px; color:#333; line-height:1.4; letter-spacing:-1px;}

.info_box2 {position:relative; text-align:center; padding:40px 20px; background:#014fc3 url('/images/web/syu/sub_cnt/info_bg2.png') no-repeat center bottom; background-size:cover;}
.info_box2 :before {content:""; display:block; position:absolute; bottom:0; left:100px; width:106px; height:85px; background:url('/images/web/syu/sub_cnt/sub_ico_1.png') no-repeat;}
.info_box2 p {color:#fff; font-size:20px;}

/* 버튼1 */
.btn_bl_2.ico_w_2 {position:relative; padding:12px 70px 12px 20px; background:#006cff url(/images/web/syu/sub_cnt/btn_bg2.png) no-repeat right bottom; color:#fff;}
.ico_w_2 span {position:absolute; right:15px; top:50%; display:block; width:24px; height:9px; margin-top:-6px; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.ico_w_2:hover span, .ico_w_2:focus span{right:20px;}
.ico_w_2 span.go_2 {background:url("/images/web/syu/sub_cnt/btn_go_img.png") no-repeat;}

.div_sc {width:200px;}
/********************************************************************************** 공통 ***************************************************************************************/


/* 0101_총장인사말 */
.greeting_wrap {position:relative; overflow:hidden;}
.greeting_wrap .top_wrap {position:relative; overflow:hidden; padding:30px 0 70px;  -webkit-animation:tranY0_40 1.2s ease; -moz-animation:tranY0_40 1.2s ease; -o-animation:tranY0_40 1.2s ease; -ms-animation:tranY0_40 1.2s ease; animation:tranY0_40 1.2s ease;}
.greeting_wrap .greeting_img {position:relative; width:400px; height:480px; float:left;}
.greeting_wrap .greeting_img img {position:relative; width:100%; height:100%; z-index:100;}
.greeting_wrap .greeting_img:before {content:""; display:block; position:absolute; top:-10px; left:0; width:100px; height:100px; background:url('/images/web/syu/sub_cnt/img_logo01.png') no-repeat; z-index:200; box-shadow:5px 5px 3px #2323235e;}
.greeting_wrap .greeting_img:after {content:""; display:block; position:absolute; top:30px; left:50%; margin-left:150px; width:570px; height:4px; /* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#005cda+0,00ccff+100 */background:#005cda; /* Old browsers */background:-moz-linear-gradient(left,  #005cda 0%, #00ccff 100%); /* FF3.6-15 */background:-webkit-linear-gradient(left,  #005cda 0%,#00ccff 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to right,  #005cda 0%,#00ccff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#005cda', endColorstr='#00ccff',GradientType=1 ); /* IE6-9 */z-index:200;}

.greeting_wrap .greeting_text1 {position:relative; width:440px; height:360px; float:right; padding-top:100px;}
.greeting_wrap .greeting_text1:after {content:""; display:block; position:absolute; top:40px; right:0; width:136px; height:103px; background:url('/images/web/syu/sub_cnt/obj01.png') no-repeat; z-index:1; -webkit-animation:tranXY0_80 1.6s ease; -moz-animation:tranXY0_80 1.6s ease; -o-animation:tranXY0_80 1.6s ease; -ms-animation:tranXY0_80 1.6s ease; animation:tranXY0_80 1.6s ease;}
.greeting_wrap .tit{font-family:'notoM'; font-size:30px; color:#222;}

.greeting_wrap .sign{display:block; font-family:'notoR'; font-size:15px; color:#444; line-height:52px; text-align:right; margin-top:80px;}
.greeting_wrap .sign .sign_txt {font-family:'notoM'; font-size:15px; color:#222; line-height:52px; text-align:right;}
.greeting_wrap .sign_img {margin-left:10px;}

.greeting_wrap .greeting_slogan {position:relative; clear:both; margin:30px auto; padding:20px 0 0; text-align:center; background:url('/images/web/syu/sub_cnt/0101_logo_bg.png') no-repeat center 0;}
.greeting_wrap .greeting_slogan ul {overflow:hidden; padding-top:20px;}
.greeting_wrap .greeting_slogan ul li {width:33%; float:left; text-align:center; font-size:22px; color:#333;}
.greeting_wrap .greeting_slogan ul li.slgan1 {background:url("../images/sub/img_greeting_ico1.png") no-repeat left top; -webkit-animation:tranY0_40 3s ease; -moz-animation:tranY0_40 3s ease; -o-animation:tranY0_40 3s ease; -ms-animation:tranY0_40 3s ease; animation:tranY0_40 3s ease;}
.greeting_wrap .greeting_slogan ul li.slgan2 {background:url("../images/sub/img_greeting_ico2.png") no-repeat left top; -webkit-animation:tranY0_40 3.2s ease; -moz-animation:tranY0_40 3.2s ease; -o-animation:tranY0_40 3.2s ease; -ms-animation:tranY0_40 3.2s ease; animation:tranY0_40 3.2s ease;}
.greeting_wrap .greeting_slogan ul li.slgan3 {background:url("../images/sub/img_greeting_ico3.png") no-repeat left top; -webkit-animation:tranY0_40 3.4s ease; -moz-animation:tranY0_40 3.4s ease; -o-animation:tranY0_40 3.4s ease; -ms-animation:tranY0_40 3.4s ease; animation:tranY0_40 3.4s ease;}
.greeting_wrap .greeting_slogan ul li .circle {position:relative; display:block; width:50px; height:50px; line-height:50px; text-align:center; font-family:'notoM'; color:#fff; font-size:15px; margin:0 auto 60px; border-radius:100px; 
background:#005cda; /* Permalink - use to edit and share this gradient:https://colorzilla.com/gradient-editor/#005cda+0,00ccff+100 *//* Old browsers */ 
background:-moz-linear-gradient(left,  #005cda 0%, #00ccff 100%); /* FF3.6-15 */
background:-webkit-linear-gradient(left,  #005cda 0%,#00ccff 100%); 
 /* Chrome10-25,Safari5.1-6 */
 background:linear-gradient(to right,  #005cda 0%,#00ccff 100%); 
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#005cda', endColorstr='#00ccff',GradientType=1 ); /* IE6-9 */}
.greeting_wrap .greeting_slogan ul li .circle:after {content:""; display:block; position:absolute; top:70px; left:50%; width:1px; height:20px; background:#ccc;}

.greeting_wrap .greeting_text2 {position:relative; text-align:center;  padding:30px 0 60px;  -webkit-animation:tranY0_40 3.8s ease; -moz-animation:tranY0_40 3.8s ease; -o-animation:tranY0_40 3.8s ease; -ms-animation:tranY0_40 3.8s ease; animation:tranY0_40 3.8s ease;}
.greeting_wrap p {font-family:'notoR'; font-size:16px; color:#222; line-height:1.6;}
.ft_blue {color:#0053a6!important;}



/* 0102_이념과 비전 */
.Ideology_cnt01 {position:relative; text-align:center; -webkit-animation:tranY0_40 0.8s ease; -moz-animation:tranY0_40 0.8s ease; -o-animation:tranY0_40 0.8s ease; -ms-animation:tranY0_40 0.8s ease; animation:tranY0_40 0.8s ease;}
.Ideology_cnt01 .logo_img02 {width:224px; height:224px; margin:0 auto;}
.Ideology_cnt01:after {content:""; display:block; position:absolute; top:70px; right:70px; width:136px; height:103px; background:url('/images/web/syu/sub_cnt/obj01.png') no-repeat; -webkit-animation:tranXY0_80 1.2s ease; -moz-animation:tranXY0_80 1.2s ease; -o-animation:tranXY0_80 1.2s ease; -ms-animation:tranXY0_80 1.2s ease; animation:tranXY0_80 1.2s ease;}
.Ideology_cnt01:before {content:""; display:block; position:absolute; top:70px; left:100px; width:90px; height:105px; background:url('/images/web/syu/sub_cnt/obj02.png') no-repeat; -webkit-animation:tranXY0_80 1.2s ease; -moz-animation:tranXY0_80 1.2s ease; -o-animation:tranXY0_80 1.2s ease; -ms-animation:tranXY0_80 1.2s ease; animation:tranXY0_80 1.2s ease;}

.Ideology_cnt02 {position:relative; text-align:center; overflow:hidden; margin:100px 0 0; -webkit-animation:tranY0_40 2.4s ease; -moz-animation:tranY0_40 2.4s ease; -o-animation:tranY0_40 2.4s ease; -ms-animation:tranY0_40 2.4s ease; animation:tranY0_40 2.4s ease;}
.Ideology_cnt02 .txt {text-align:center; font-family:'notoM'; font-size:22px; color:#333; line-height:1.4; padding:30px 0;}

.Ideology_cnt02 > div {margin:60px 0;}
.Ideology_cnt02 .i_01 {height:300px; background:url('/images/web/syu/sub_cnt/bg_cnt_01.png') no-repeat center bottom;} /* 설립철학 */
.Ideology_cnt02 .i_02 {position:relative; overflow:hidden;} /* 설립철학 */
.Ideology_cnt02 .i_02 ul  {padding:50px 0;}
.Ideology_cnt02 .i_02 ul li {position:relative; width:33%; float:left; text-align:center; font-family:'notoR'; font-size:15px; color:#444; line-height:1.4; padding:0 15px; box-sizing:border-box;}

.Ideology_cnt02 .i_02 ul li p.tit {display:block; height:192px; line-height:192px; font-family:'notoM'; color:#fff; font-size:22px; margin-bottom:80px;}
.Ideology_cnt02 .i_02 ul li p.tit:after {content:""; display:block; position:absolute; top:220px; left:50%; width:1px; height:30px; background:#ccc;}

.Ideology_cnt02 .i_02 ul li p.tit span {line-height:1.4;}

.Ideology_cnt02 .i_02 ul li .i_bg1 {background:url('/images/web/syu/sub_cnt/i02_bg1.png') no-repeat center;}
.Ideology_cnt02 .i_02 ul li .i_bg2 {background:url('/images/web/syu/sub_cnt/i02_bg2.png') no-repeat center;}
.Ideology_cnt02 .i_02 ul li .i_bg3 {background:url('/images/web/syu/sub_cnt/i02_bg3.png') no-repeat center;}

.Ideology_cnt02 .i_03 {position:relative;} /*  사명선언문 */
.Ideology_cnt02 .i_03 .l_img {position:relative; width:470px; height:300px; z-index:10;} 
.Ideology_cnt02 .i_03 .l_img:before {content:""; display:block; position:absolute; top:0; right:0; width:100px; height:100px; background:url('/images/web/syu/sub_cnt/img_logo01.png') no-repeat; z-index:200; box-shadow:5px 5px 3px #2323235e;}
.Ideology_cnt02 .i_03 .l_img img {width:100%; height:auto;} 
.Ideology_cnt02 .i_03 .r_text_wrap {position:absolute; right:0; top:50px; width:500px;} 
.Ideology_cnt02 .i_03 .r_text {position:relative; height:300px; border:5px solid #d6d6d6; box-sizing:border-box; padding:60px 40px 60px 160px; text-align:left; background:url('/images/web/syu/sub_cnt/i03_text_bg.png') no-repeat 70px 60px;} 
.Ideology_cnt02 .i_03 .txt1 {font-family:'notoM'; font-size:15px; color:#c2c2c2; text-align:right; margin:0 0 20px; text-transform:uppercase;}
.Ideology_cnt02 .i_03 .r_text .txt2 {font-family:'notoR'; font-size:15px; color:#5e5d5d; line-height:1.4; text-align:justify}

.Ideology_cnt02 .i_04 {position:relative;} /* VISION2020, 실행계획*/
.Ideology_cnt02 .i_04:before {content:""; display:block; position:absolute; top:50px; left:100px; width:90px; height:105px; background:url('/images/web/syu/sub_cnt/obj02.png') no-repeat;}
.Ideology_cnt02 .i_04:after {content:""; display:block; position:absolute; top:20px; right:70px; width:136px; height:103px; background:url('/images/web/syu/sub_cnt/obj01.png') no-repeat;}

.Ideology_cnt02 .i_05 {position:relative; overflow:hidden;} /* 교육목표.인재상 */
.Ideology_cnt02 .i_05 ul {margin:30px 0 0;}
.Ideology_cnt02 .i_05 ul li {width:33.3%; float:left; font-family:'notoR'; font-size:16px; color:#333; line-height:1.5; text-align:left; border-left:1px solid #ddd; box-sizing:border-box; padding:0 1.5%; letter-spacing:-1px;}
.Ideology_cnt02 .i_05 ul li:first-child {border:none;}

.Ideology_cnt02 .i_06 {position:relative; overflow:hidden;} /* 5대전략 */
.Ideology_cnt02 .i_06 ul {margin:50px 0 0;}
.Ideology_cnt02 .i_06 ul li {position:relative; width:20%; height:50px; float:left; font-family:'notoM'; font-size:18px; color:#000; line-height:1.4; padding:80px 0 0; text-align:center;} 
.Ideology_cnt02 .i_06 ul li span {position:absolute; left:50%; top:0; margin-left:-35px; display:block; width:70px; height:70px; margin-bottom:15px;}

.Ideology_cnt02 .i_07 {overflow:hidden;} /* 대학특성화 */
.Ideology_cnt02 .i_07 .i_07_inner {position:relative; margin:10px 0 0;} /* 대학특성화 */
.Ideology_cnt02 .i_07 .gj {width:55%; height:55px; font-size:17px; color:#fff; background:#ff9a09; border-radius:100px; padding:40px 0;}
.Ideology_cnt02 .i_07 .gj span {font-size:20px; display:block;}
.Ideology_cnt02 .i_07 .pj {position:absolute; right:0; top:0; width:55%; height:55px; font-size:17px; color:#fff; background:#30afff; opacity:0.9; border-radius:100px; padding:40px 0;}
.Ideology_cnt02 .i_07 .pj span {display:block; font-size:20px;}

.inner_box {position:relative; padding:50px 0;}


/* 0104_02 대학상징 */
.symbol_box {position:relative; width:740px; margin:0 auto;  -moz-animation:tranY0_40 1s ease; -o-animation:tranY0_40 1s ease; -ms-animation:tranY0_40 1s ease; animation:tranY0_40 1s ease;}
.symbol_box .symbol_inner {position:relative; width:730px; height:800px;}
.symbol_box .symbol_inner:after  {content:""; display:block; position:absolute; top:260px; left:50%; margin-left:-200px; width:402px; height:402px; background:url('/images/web/syu/sub_cnt/sb_bg.png') no-repeat center; z-index:1;}
.symbol_box .symbol_inner ul li {width:250px; height:325px; z-index:10;}
.symbol_box .symbol_inner ul li.sb_01 {position:absolute; left:50%; margin-left:-125px; top:0; -moz-animation:tranY0_40 1.8s ease; -o-animation:tranY0_40 1.8s ease; -ms-animation:tranY0_40 1.8s ease; animation:tranY0_40 1.8s ease;}
.symbol_box .symbol_inner ul li.sb_02{position:absolute; left:0; bottom:0; -moz-animation:tranY0_40 2s ease; -o-animation:tranY0_40 2s ease; -ms-animation:tranY0_40 2s ease; animation:tranY0_40 2s ease;}
.symbol_box .symbol_inner ul li.sb_03{position:absolute; right:0; bottom:0; -moz-animation:tranY0_40 2.2s ease; -o-animation:tranY0_40 2.2s ease; -ms-animation:tranY0_40 2.2s ease; animation:tranY0_40 2.2s ease;}
.symbol_box .symbol_inner ul li .txt span {display:block; font-family:'notoM'; font-size:24px;}
.symbol_box .symbol_inner ul li .txt {font-size:16px; text-align:center; color:#333; margin:10px 0;}
.symbol_box .symbol_inner ul li .img {width:250px; height:250px;}
.symbol_box .symbol_inner ul li .img img {width:100%; height:100%;}



/* 0103_서영발자취 (연혁) */
.his_txt {position:relative; font-family:'notoR'; font-size:15px; color:#222; line-height:1.4;}
.his_txt:after {content:"";display:block;position:absolute;top: -5.5rem;right:0;width:261px;height:376px;background:url('/images/web/syu/sub_cnt/his_img.png') no-repeat right top;-webkit-animation:tranXY0_80 1.4s ease;-moz-animation:tranXY0_80 1.4s ease;-o-animation:tranXY0_80 1.4s ease;-ms-animation:tranXY0_80 1.4s ease;animation:tranXY0_80 1.4s ease;}/*230314*/
.his_txt .txt1 {font-family:'notoM'; font-size:24px; color:#002f87;}

.syu_his {position:relative;padding-left:130px;margin-top: 5rem;-webkit-animation:tranY0_40 1.2s ease;-moz-animation:tranY0_40 1.2s ease;-o-animation:tranY0_40 1.2s ease;-ms-animation:tranY0_40 1.2s ease;animation:tranY0_40 1.2s ease;}/*230314*/
.syu_his:before {content:""; display:block; position:absolute; top:0; left:0; width:100px; height:100px; background:url('/images/web/syu/sub_cnt/img_logo01.png') no-repeat; box-shadow:5px 5px 3px #2323235e; z-index:10;}
.syu_his:after {content:""; display:block; position:absolute; bottom:0; left:49px; width:1px; height:100%; background:#ccc; z-index:1;}
.syu_his .his_list {margin:60px 0;}
.syu_his .his_list .tit {position:relative; font-family:'notoM'; font-size:40px; color:#000;}
.syu_his .his_list .tit:after {content:""; display:block; position:absolute; top:23px; left:-89px; width:54px; height:17px; background:url('/images/web/syu/sub_cnt/his_tit_1.png') no-repeat; z-index:9;}
.syu_his .his_list .tit:before {content:""; display:block; position:absolute; top:12px; left:100px; width:110px; height:31px; background:url('/images/web/syu/sub_cnt/his_tit_2.png') no-repeat;}

.syu_his .his_list .list_1 {margin-top:20px;}
.syu_his .his_list .list_1 li:first-child {margin-top:0;}
.syu_his .his_list .list_1 li {position:relative; font-family:'notoR'; font-size:14px; color:#555; line-height:1.4; padding-left:60px; margin-top:20px;}
.syu_his .his_list .list_1 li span.date {position:absolute; left:0; top:0; font-family:'notoM'; color:#0065dd;}
.syu_his .his_list .list_2 {margin-top:20px;}
.syu_his .his_list .list_2 li:first-child {margin-top:0;}
.syu_his .his_list .list_2 li {position:relative; font-family:'notoR'; font-size:14px; color:#555; line-height:1.4; padding-left:80px; margin-top:20px;}
.syu_his .his_list .list_2 li span.date {position:absolute; left:0; top:0; font-family:'notoM'; color:#0065dd;}



/* 0104_01교가 */
.syu_song {position:relative; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:20px 0;} /* 악보이미지 */
.syu_song:before {content:""; display:block; position:absolute; top:70px; left:100px; width:90px; height:105px; background:url('/images/web/syu/sub_cnt/obj02.png') no-repeat;}
.syu_song:after {content:""; display:block; position:absolute; top:50px; right:70px; width:136px; height:103px; background:url('/images/web/syu/sub_cnt/obj01.png') no-repeat;}
.s_song {position:relative; border:1px solid #ccc; background:#f9f9f9; padding:30px 5%; box-sizing:border-box;} /* 가사 */
.s_song ul {overflow:hidden;}
.s_song ul li {position:relative; width:47%; float:left; font-family:'notoR'; font-size:14px; color:#222; line-height:1.5; padding-left:60px; box-sizing:border-box; margin-left:5%;}
.s_song ul li:first-child {margin:0;}
.s_song ul li span {display:block; position:absolute; left:0; top:0; width:44px; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center; background:url(/images/web/syu/sub_cnt/song_tit_bg.png) no-repeat center;}



/* 0104_03 서영UIP */
.uip_box {position:relative; border:1px solid #ccc; text-align:center; padding:60px 30px;}
.uip_box_w {overflow:hidden; margin:50px 0;}
.uip_box_w ul li:first-child {margin:0;}
.uip_box_w ul li {width:48%; float:left; margin-left:4%;}

/*200701 추가 */
.btnBox{clear:both;}
.btnBox ul li{float:left; margin-right:20px; margin-bottom:20px;}

/* 0105_2 대학본부 */
.uni_hqt_box {position:relative;}
.uni_hqt_box h3 {position:relative; width:250px; height:60px; margin:0 auto; line-height:60px; font-size:20px; font-family:"NotoM"; color:#fff; text-align:center; background:#006cff url("/images/web/syu/sub_cnt/btn_bg1.png") no-repeat right bottom; background-size:auto 100%;}
.uni_hqt_box h3:after {content:''; display:block; position:absolute; left:50%; bottom:-40px; width:1px; height:40px; background:url("/images/web/syu/sub_cnt/bg_orga.png") repeat-y;}
.uni_hqt_box .orga_dep1 {position:relative; width:80%; height:60px; margin:20px auto 0; overflow:hidden; background:url("/images/web/syu/sub_cnt/bg_orga_dep1.gif") repeat-x left center;}
.uni_hqt_box > ul > li > ul {margin-top:40px; padding:19px 20px; border:1px solid #b2b7c7; background:url('/images/web/syu/sub_cnt/box_pt01.png') repeat; overflow:hidden;}
.uni_hqt_box > ul > li > ul > li {min-height:260px; float:left; margin:10px 1%;}
.uni_hqt_box > ul > li > ul > li > a {color:#fff;}
.uni_hqt_box ul li a:hover {text-decoration:underline;}
.uni_hqt_box > ul > li > ul.orga_st1 > li span {display:block; height:50px; line-height:50px; font-size:18px; font-family:"NotoR"; color:#fff; text-align:center; background:#5b5b5b;}
.uni_hqt_box > ul > li > ul > li > ul {margin-top:5px; padding:10px 15px; border:1px solid #5b5b5b; background:#fff;} 
.uni_hqt_box > ul > li > ul.orga_st1 > li > ul {min-height: 600px;}/*241030 수정*/
.uni_hqt_box > ul > li > ul.orga_st1 > li > ul.h_250 {min-height:250px;}
.uni_hqt_box > ul > li > ul > li > ul > li {padding-left:13px; line-height:24px; font-size:14px; color:#222; font-family:"NotoR"; letter-spacing:-0.5px; background:url("/images/web/syu/sub_cnt/bu_orga.png") no-repeat left 9px;}
.uni_hqt_box > ul > li > ul.list_w4 > li {width:23% !important;}
.uni_hqt_box > ul > li > ul.list_w3 > li {width:31.3% !important;}
.uni_hqt_box > ul > li > ul.list_w2 > li {width:48% !important;}



/* 0107_01 홍보동영상 */
.video_wrap{position:relative; overflow:hidden;}
.video_wrap .video_box {position:relative; width:50%; float:left;}
.video_wrap .video_box img{width:100%; height:300px;}
.video_wrap .txt_box {position:relative; width:50%; height:300px; float:left; background:#0048a3 url(/images/web/syu/sub_cnt/img_logo03.png) no-repeat right bottom;}
.video_wrap .txt_box:before {content:""; display:block; position:absolute; top:138px; left:20px; width:90px; height:105px; background:url('/images/web/syu/sub_cnt/obj02.png') no-repeat;}
.video_wrap .txt_box:after {content:""; display:block; position:absolute; top:30px; right:50px; width:136px; height:103px; background:url('/images/web/syu/sub_cnt/obj01.png') no-repeat;}
.video_wrap .txt_box .txt{font-size:20px; font-family:"NotoR"; color:#fff; line-height:1.5; padding:50px 30px;}



/* 0110_01 오시는길 */
.location_box {position:relative; width:100%; height:450px;}
.location_info {position:relative; width:100%; height:100px;}
.location_info .tit {position:absolute; top:33px; left:30px; font-family:"NotoM"; font-size:24px; color:#fff;}
.location_info ul {overflow:hidden; padding:38px 0 37px 180px;}
.location_info ul li {position:relative; width:46%; float:left; font-family:"NotoR"; font-size:16px; line-height:25px; color:#fff; padding-left:30px; box-sizing:border-box; margin:0 2%;}
.location_info ul li.add:before {content:""; display:block; position:absolute; top:-2px; right:0; width:1px; height:30px; background:#fff;}
.location_info ul li .ico {position:absolute; left:0; top:0;}
.gj_bg {background:#ffa800 url('/images/web/syu/sub_cnt/loca_bg1.png') no-repeat center; background-size:cover;}
.pj_bg {background:#30afff url('/images/web/syu/sub_cnt/loca_bg2.png') no-repeat center; background-size:cover;}

.cptraffic {position:relative; width:100%; overflow:hidden;}
.cptraffic .cptraffic_list {position:relative; border-top:2px solid #000; padding:50px 0 0; margin:0 0 50px;}
.cptraffic .tit_bus, .cptraffic .tit_sub {position:absolute; left:0; top:40px; font-family:"NotoM"; font-size:24px; color:#111; padding:13px 0 0 70px;}
.cptraffic .tit_bus:before {content:""; display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url('/images/web/syu/sub_cnt/traffic_ico_bus.png') no-repeat;}
.cptraffic .tit_sub:before {content:""; display:block; position:absolute; top:0; left:0; width:60px; height:60px; background:url('/images/web/syu/sub_cnt/traffic_ico_sub.png') no-repeat;}

.cptraffic .list .subway_img {width:678px; border:1px solid #ddd; padding:20px 10px; text-align:center; margin-bottom:20px; box-sizing:border-box;} /* 파주캠 지하철 이미지 */
.cptraffic .list {padding:0 0 0 220px;}
.cptraffic .list li {font-family:"NotoR"; font-size:14px; color:#333; line-height:24px; padding:40px 0; border-top:1px solid #000;}
.cptraffic .list li:first-child {padding-top:0; border:none;}
.cptraffic .list li .bus_number {display:block; width:80px; line-height:24px; padding:5px 4px; border:1px solid #155eb6; background:#0070e0; font-family:"NotoM"; color:#ffffff; text-align:center; font-size:16px; vertical-align:middle; margin-bottom:20px;}
.cptraffic .list li .arrive_txt {font-family:"NotoM"; font-size:15px; color:#eb0000;}
.cptraffic .list li .arrive_txt1 {font-family:"NotoM"; font-size:15px; color:#03F;}
.cptraffic_btn {position:absolute; top:140px; left:0;}



/* 0110_02 캠퍼스배치도 */
.cps_map {position:relative; overflow:hidden; border:1px solid #ccc; background:#fff url(/images/web/syu/sub_cnt/img_logo04.png) no-repeat right bottom;}
.cps_map .map_img {padding:30px 20px;}
.cps_map .map_txt {}
.cps_map .map_txt .tit {display:block; font-family:"NotoM"; font-size:20px; color:#000000; text-align:center; padding:15px; margin:20px 40px 0; border-bottom:2px solid #000; border-top:2px solid #000;}
.cps_map .map_txt ul {overflow:hidden; padding:20px 40px 40px;}
.cps_map .map_txt ul li {position:relative; width:25%; float:left; font-size:15px; color:#000; padding-left:40px; line-height:30px; box-sizing:border-box; margin-top:15px;}
.cps_map .map_txt ul li .number {position:absolute; top:0; left:0; font-size:14px; border-radius:100px; background:#0e4aad; display:inline-block; color:#fff; text-align:center; width:14px; height:14px; line-height:14px; vertical-align:middle; padding:8px;}
.cps_map .map_txt ul li .number1 {position:absolute; top:0; left:0; font-size:14px; border-radius:100px; background:#ff9600; display:inline-block; color:#fff; text-align:center; width:14px; height:14px; line-height:14px; vertical-align:middle; padding:8px;}

.cps_vr {position:relative; overflow:hidden; margin:50px 0 0;}
.cps_vr .vr_img {position:relative; height:460px; text-align:center;}
.cps_vr .vr_img img {width:100%; height:100%;}
.cps_vr .vr_con {position:absolute; top:80px; left:50%; margin-left:-282px; width:564px; height:320px; background:url(/images/web/syu/sub_cnt/opt_bg.png) repeat; text-align:center; z-index:10;}
.cps_vr .vr_con .icon {display:block; position:absolute; top:40px; left:50%; margin-left:-35px; width:70px; height:70px;}
.cps_vr .vr_con p {position:relative; padding:140px 0 55px; font-family:"NotoM"; font-size:24px; color:#111;}
.cps_vr .vr_con p:after {content:""; display:block; position:absolute; top:180px; left:50%; margin-left:-14px; width:28px; height:19px; background:url('/images/web/syu/sub_cnt/bu_tit_c.png') no-repeat center;}



/* 0110_03 교내전화번호 */
.cps_call_box{position:relative; border:2px solid #ddd; height:30px; padding:50px 20px; overflow:hidden; text-align:center;}
.cps_call_box:after {content:""; display:block; position:absolute; top:20px; right:20px; width:136px; height:103px; background:url('/images/web/syu/sub_cnt/obj01.png') no-repeat;}
.cps_call_box .icon{display:block; position:absolute; left:50px; top:50%; margin-top:-50px;}
.cps_call_box select {width:100px; height:30px; font-family:"NotoR"; color:#333; font-size:14px; border:1px solid #ccc; vertical-align:middle;}
.cps_call_box .input_text {width:200px; height:28px; font-family:"NotoR"; color:#666; font-size:14px; padding:0 5px; border:1px solid #ccc; vertical-align:middle;}
.cps_call_box .submit{height:30px; font-family:"NotoR"; color:#fff; font-size:14px; border:0; background:#14519d; padding:6px 20px; vertical-align:middle;}
.cps_call_box .submit:hover{background:#0083e7;}
.sel_box select {width:200px; height:30px; font-family:"NotoR"; color:#555; font-size:14px; border:1px solid #ccc;}



/* 0201 학과안내 */
.academics_list {position:relative; padding-top:50px;}
.academics_list .btn_acade {position:absolute; right:0; top:30px;}
.academics_list .btn_acade a {margin:0;}
.academics_list ul {margin-top:10px; border-top:2px solid #000; overflow:hidden;}
.academics_list ul li {width:50%; line-height:59px; float:left; font-size:15px; border-bottom:1px solid #c8d1db;}
.academics_list ul li a {display:block; padding-left:20px; border-right:1px solid #c8d1db; background:url('/images/web/syu/sub_cnt/icon_home_g.png') no-repeat right center;}
.academics_list ul li a:hover {background-color:#fafbfb;}

.grad_list {margin-top:10px; padding:0 20px 10px; border:4px solid #dfe6ee; overflow:hidden; background:#fff;}
.grad_list h4 {padding-bottom:10px; margin-bottom:10px; font-size:16px; border-bottom:1px dashed #b2b7c7;}
.grad_list li {width:30%; float:left; padding:3px 0 3px 12px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#333; background:url("/images/web/syu/sub_cnt/bu3.png") no-repeat left 11px;}



/* 0401 4S4C학생이력관리시스템 */
.job_link {position:relative; overflow:hidden; margin-top:50px;}
.job_link ul li {position:relative; width:48%; height:190px; float:left; margin-left:4%; text-align:center; padding:80px 0;}
.job_link ul li .bg {background:url(/images/web/syu/sub_cnt/opt_bg.png) repeat; margin:0 40px; padding:50px 0;}
.job_link ul li .tit {position:relative; font-size:20px; color:#000; font-family:"NotoM"; letter-spacing:-0.5px; margin:0 0 20px; padding:0 0 40px;}
.job_link ul li .tit:after {content:""; display:block; position:absolute; top:40px; left:50%; margin-left:-14px; width:28px; height:19px; background:url('/images/web/syu/sub_cnt/bu_tit_c.png') no-repeat center;}
.job_link ul li:first-child{margin:0;}
.job_link ul li.gj {background:url(/images/web/syu/sub_cnt/4s4c_gj_bg.png) no-repeat center; background-size:cover;}
.job_link ul li.pj {background:url(/images/web/syu/sub_cnt/4s4c_pj_bg.png) no-repeat center; background-size:cover;}



/* 0504_학사지원센터 */
.bs_center {position:relative; margin:30px 0;}
.bs_center ul {overflow:hidden}
.bs_center ul li {width:32%; float:left; margin-left:2%;}
.bs_center ul li .txt {display:block; font-size:14px; color:#444; font-family:"NotoR"; letter-spacing:-0.5px; margin-top:10px;}
.bs_center ul li:first-child {margin-left:0;}
.bs_center ul li a {display:block; height:165px; background:#eff1f6; border-radius:3px; text-align:center; padding:20px 20px;}
.bs_center ul li a .tit {font-size:16px; color:#000; font-family:"NotoM"; letter-spacing:-0.5px; margin:10px 0 0;}
.bs_center ul li a .img {width:155px; height:109px;}
.bs_center ul li a:hover img{transition:transform 300ms ease-in-out 0s; transform:rotate(360deg); transform:rotateY(360deg); transition:transform 300ms ease-in-out 0.1s;}
.bs_center ul li a:hover {background:#d1deff; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}

/* 학사지원센터 */ /* 190930 추가 */
.bs_center_2 {position:relative; margin:30px 0;}
.bs_center_2 ul {overflow:hidden}
.bs_center_2 ul li {width:32%; float:left; margin-left:2%;}
.bs_center_2 ul li div {display:block;height: 240px;background:#eff1f6;border-radius:3px;text-align:center;padding:20px 0; margin:0 0 20px}
.bs_center_2 ul li .txt {display:block; font-size:14px; color:#444; font-family:"NotoR"; letter-spacing:-0.5px; margin-top:10px;}
.bs_center_2 ul li:first-child {margin-left:0;}
.bs_center_2 ul li .tit_1 {font-size:16px;color: #fff;font-family:"NotoM";letter-spacing:-0.5px;margin:10px 0 0;background: #0068be;padding: 3px 0;margin: 0 20px 15px;}
.bs_center_2 ul li a .img {width:155px; height:109px;}
.bs_center_2 ul li div:hover img{transition:transform 300ms ease-in-out 0s; transform:rotate(360deg); transform:rotateY(360deg); transition:transform 300ms ease-in-out 0.1s;}
.bs_center_2 ul li a.bs_btn_1 {display:block;padding: 3px 0;border: 1px solid #9aa1b3;margin: 5px 20px;vertical-align: middle; color:#333}
.bs_center_2 ul li a.bs_btn_1:hover {background:#2f9aff; border:1px solid #2f9aff; color:#fff; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}


/* 0603 기숙사 */
.cps_link {position:relative; overflow:hidden; margin-top:50px;}
.cps_link ul li {position:relative; width:48%; height:190px; float:left; margin-left:4%; text-align:center; padding:80px 0;}
.cps_link ul li .bg {background:url(/images/web/syu/sub_cnt/opt_bg.png) repeat; margin:0 40px; padding:50px 0;}
.cps_link ul li .tit {position:relative; font-size:20px; color:#000; font-family:"NotoM"; letter-spacing:-0.5px; margin:0 0 20px; padding:0 0 40px;}
.cps_link ul li .tit:after {content:""; display:block; position:absolute; top:40px; left:50%; margin-left:-14px; width:28px; height:19px; background:url('/images/web/syu/sub_cnt/bu_tit_c.png') no-repeat center;}
.cps_link ul li:first-child{margin:0;}
.cps_link ul li.gj {background:url(/images/web/syu/sub_cnt/cps_gj_bg.png) no-repeat center; background-size:cover;}
.cps_link ul li.pj {background:url(/images/web/syu/sub_cnt/cps_p_jbg.png) no-repeat center; background-size:cover;}



/* 0604_복지시설 */
.facility_img {overflow:hidden; margin-top:50px;}
.facility_img ul li {width:31.3%; float:left; margin:1%;}
.facility_img ul li .tit {font-size:20px; color:#000; font-family:"NotoM"; letter-spacing:-0.5px; margin:0 0 20px;}
.facility_img ul li .txt {font-size:15px; color:#666; font-family:"NotoR"; margin-left:10px;}
.facility_img ul li .img {display:block; width:100%; height:160px;}
.facility_img ul li .img img{width:100%; height:100%;}



/* 0605_01 무선랜 */
.LAN_txt ul {overflow:hidden;}
.LAN_txt ul li {width:33.3%; float:left; font-family:"NotoR"; font-size:14px; color:#333; line-height:1.4; letter-spacing:-1px; padding:50px 5px; box-sizing:border-box;}
.LAN_txt ul li span {font-family:"NotoB"; font-size:40px; color:#00aeff;}
.LAN_txt ul li .txt1 {font-family:"NotoM"; font-size:18px; color:#000; margin:10px 0;}
.LAN_txt2 ul {overflow:hidden;}
.LAN_txt2 ul li {width:50%; float:left; font-family:"NotoR"; font-size:14px; color:#333; line-height:1.4; letter-spacing:-1px; padding:50px 5px; box-sizing:border-box;}
.LAN_txt2 ul li span {font-family:"NotoB"; font-size:40px; color:#00aeff;}
.LAN_txt2 ul li .txt1 {font-family:"NotoM"; font-size:18px; color:#000; margin:10px 0;}
 
 
 
/* 0607_학교버스운영안내 */
.bus_img_box {position:relative; overflow:hidden;}
.bus_img_box .img {width:30%; float:left;}
.bus_img_box .img img {width:175px; height:105px;}
.bus_img_box .txt {width:68%; float:right;}

.img_view{display: inline-block; padding: 5px 10px; margin:0.15rem 0.3rem; background: #d4e5fa; color: #000; position: relative; border-radius: 20px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s;}
.img_view:hover{background: #0053a6; color: #fff;}
.img_view span{position: absolute; z-index: 1; top: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); display: none; box-shadow: 3px 3px 3px #ccc;}
.uni{display: inline-block; padding: 5px 10px; margin:0.15rem 0.3rem;  background: #0053a6; color: #fff; border-radius: 20px;}
.rvs{display: inline-block; padding: 5px 10px; margin:0.15rem 0.3rem; border: 1px solid #ccc; border-radius: 20px;}
 

 /* 교직원서비스 */ /* 191209 추가 */
.Faculty_Services {}
.Faculty_Services ul {overflow:hidden;}
.Faculty_Services ul li {position:relative;width: 18%;float:left;margin: 1%;}
.Faculty_Services ul li a {display:block;min-height: 110px;text-align:center;border:1px solid #c8d1db;padding: 20px 0 10px;}
.Faculty_Services ul li a:hover {background:#f3faff}
.Faculty_Services ul li a span {display:block;}
.Faculty_Services ul li a .ico{width:50px;height:50px;margin: 0 auto 15px;background:#c8d1db;border-radius: 50px;padding: 10px;}
.Faculty_Services ul li a .ico img {width:49px; height:45px;}
.Faculty_Services ul li a:hover .ico {background:#0083e7}
.Faculty_Services ul li a:hover img{transition:transform 300ms ease-in-out 0s; transform:rotate(360deg); transform:rotateY(360deg); transition:transform 300ms ease-in-out 0.1s; }
.Faculty_Services ul li a .txt{display: block;width: 101px;height: 33px;font-family:'NotoM';color:#333;font-size:16px;line-height:16px;letter-spacing:-1px;margin: 0 auto;overflow: hidden;}
.Faculty_Services ul li a .fs_14{font-size:14px !important;}
.Faculty_Services ul li a:hover .txt { text-decoration:underline;}


 
 
/********** Media quary **********/
@media screen and (max-width:1399px){


	/* 0102_이념과 비전 */	
	.Ideology_cnt02 .i_03 .l_img {width:50%;} /*  사명선언문 */
	.Ideology_cnt02 .i_03 .r_text_wrap {width:55%;} 
	.Ideology_cnt02 .i_03 .txt1 {font-size:13px;}
	.Ideology_cnt02 .i_03 .r_text {padding:60px 40px 60px 120px; background:url(/images/web/syu/sub_cnt/i03_text_bg.png) no-repeat 50px 60px;}
	

}



@media screen and (max-width:1200px){

		
	/* 0101_총장인사말 */
	.greeting_wrap .top_wrap {padding:30px 0 30px;}
	.greeting_wrap .greeting_img {width:45%;}
	.greeting_wrap .greeting_img:after {}
	.greeting_wrap .greeting_text1 {width:50%;}
	.greeting_wrap .tit{font-size:28px;}
	.greeting_wrap .greeting_slogan {background-size:100%;}
	
	
	/* info_box top 공통박스 */
	.info_box br {display:none;}
	
	/* 0110_01오시는길 */
	.location_info ul li {font-size:14px;}
	.cptraffic .list .subway_img {width:100%; height:100%;}
	.cptraffic .list .subway_img img {width:100%; height:100%;}

	/* 201230 */	
	.img_view span img{max-width: 450px;}

}


@media screen and (max-width:1019px) {


	/* 0101_총장인사말 */
	.greeting_wrap p {font-size:15px;}
	.greeting_wrap .greeting_img:after {}
	
	/* 0102_이념과 비전 */
	.Ideology_cnt02 .i_05 ul li {font-size:16px;} /*  교육목표, 인재상 */
	
	/* 0104_01교가 */
	.syu_song:before {top:20px; left:50px;}
	.syu_song:after {top:20px; right:20px;}


}

@media screen and (max-width:840px) {
	
	/* 0102_이념과 비전 */
	.Ideology_cnt02 .i_04:before {top:-23px; left:0;}
	.Ideology_cnt02 .i_04:after {top:-33px; right:0;}
	
	/* 201230 */
	.img_view span img{max-width: 400px;}
	
}

@media screen and (max-width:768px) {	

	
	/* 0101_총장인사말 */
	.greeting_wrap .greeting_img {width:350px; height:auto; margin:0 auto; float:none;}
	.greeting_wrap .greeting_img:after {display:none;}
	.greeting_wrap .greeting_img img {width:100%;}
	.greeting_wrap .greeting_text1 {width:100%; height:auto; float:none; text-align:center; padding-top:40px;}

	.greeting_wrap .greeting_text1 br {display:none;}
	.greeting_wrap .sign {margin-top:20px;}
	.greeting_wrap p {font-size:14px;}
	
	/* 0102_이념과 비전 */
	.Ideology_cnt02 {margin:60px 0 0;}
	.Ideology_cnt02 .i_01 {background-size:100%; height:auto; padding:0 0 90px;}	
	
	.Ideology_cnt02 .i_02 ul li p.tit {font-size:16px;}
	.Ideology_cnt02 .i_02 ul li {font-size:14px;}
	.Ideology_cnt02 .i_02 ul li .i_bg1, .Ideology_cnt02 .i_02 ul li .i_bg2, .Ideology_cnt02 .i_02 ul li .i_bg3 {background-size:95%;}

	.Ideology_cnt02 .i_03 .l_img {width:100%; height:auto;} /*  사명선언문 */
	.Ideology_cnt02 .i_03 .r_text_wrap {position:relative; right:auto; top:auto; width:100%; margin-top:20px;} 
	.Ideology_cnt02 .i_03 .r_text {height:auto; padding:60px 40px 60px 100px; text-align:left; background:url('/images/web/syu/sub_cnt/i03_text_bg.png') no-repeat 20px 60px;} 



	/* 0104_02 대학상징 */
	.symbol_box {width:600px;}
	.symbol_box .symbol_inner {width:600px;}
	.symbol_box .symbol_inner:after {top:230px;}
	.symbol_box .symbol_inner ul li {width:200px; height:auto;}
	.symbol_box .symbol_inner ul li.sb_01 {margin-left:-100px; top:0;}
	.symbol_box .symbol_inner ul li.sb_02{left:0; bottom:0;}
	.symbol_box .symbol_inner ul li.sb_03{right:0; bottom:0;}
	.symbol_box .symbol_inner ul li .txt span {font-size:20px;}
	.symbol_box .symbol_inner ul li .img {width:200px; height:200px;}



	/* 서영발자취 */
	.his_txt:after {background-image:none;}

	
	/* 0105_2 대학본부 */
	.uni_hqt_box > ul > li > ul.list_w4 > li {width:100% !important;}
	.uni_hqt_box > ul > li > ul.list_w3 > li {width:100% !important;}
	.uni_hqt_box > ul > li > ul.list_w2 > li {width:100% !important;}
	.uni_hqt_box > ul > li > ul.orga_st1 > li > ul {min-height:auto;}
	.uni_hqt_box > ul > li > ul.orga_st1 > li > ul.h_250 {min-height:auto;}
	.uni_hqt_box > ul > li > ul > li {min-height:auto;}

	/* 0107_01 홍보동영상 */
	.video_wrap .txt_box .txt {font-size:18px; padding:50px 20px;}
	.video_wrap .txt_box:before {top:150px; left:20px;}
	.video_wrap .txt_box:after {top:10px; right:20px;}


	/* 0110_01 오시는길 */
	.location_info {height:auto; padding:0 0 20px;}
	.location_info .tit {top:25px; left:20px; font-size:20px;}
	.location_info ul {padding:60px 2% 0;}
	.location_info ul li {width:100%; font-size:16px; padding-left:30px; margin-top:10px;}
	.location_info ul li.add:before {display:none}

	/* 0110_02 캠퍼스배치도 */
	.cps_map .map_txt ul li {width:33%;}
	
	
	/* 0110_03 교내전화번호안내 */
	.cps_call_box{height:auto; padding:120px 10px 30px;}
	.cps_call_box .icon{top:10px; left:50%; margin-left:-50px; margin-top:0;}
	.cps_call_box .input_text {width:150px;}

	/* 0201 학과안내*/
	.academics_list ul li {width:100%; float:none;}
	.grad_list li {width:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

	
	/* 0504_학사지원센터 */
	.bs_center ul li {width:32%; float:left; margin-left:2%;}
	.bs_center ul li .txt {font-size:13px;}
	.bs_center ul li a {height:130px; padding:20px 10px;}
	.bs_center ul li a .tit {font-size:14px;}
	.bs_center ul li a .img img {width:125px; height:79px;}
	
	/* 학사지원센터 */ /* 190930추가 */
	.bs_center_2 ul li {width:100%; margin-left:0; margin-bottom:30px;}
	.bs_center_2 ul li .txt {font-size:13px;}
	.bs_center_2 ul li a .img img {width:125px; height:79px;}
	.bs_center_2 ul li div {margin-bottom:10px; height:auto;}
	

	/* 0604_복지시설 */
	.facility_img {margin-top:30px;}
	.facility_img ul li .tit {font-size:16px; margin-bottom:10px;}
	.facility_img ul li .txt {display:block; font-size:13px; margin-left:0;}
	.facility_img ul li .img {height:120px;}

	.out_job_search ul li:first-child {width:100%;}/* 190422 */
	.out_job_search ul li.Ob{margin-left: 0px;}
}



@media screen and (max-width: 640px) {
 .th1{width:45%;}/*200625 추가*/
    
	.out_job_search ul li {float:left; width: 50%; margin:5px 0;}/* 200623 수정 */
	
		/* 교직원서비스 */ /* 191209 추가 */
	.Faculty_Services ul li {width:31%;}

	/* 0102_이념과 비전 */
	.Ideology_cnt02 .i_05 ul {margin:30px 5% 0;}/*  교육목표, 인재상 */
	.Ideology_cnt02 .i_05 ul li {width:100%; border-left:0; border-top:1px solid #ddd; padding:3% 0;} 

	/* 0102_이념과 비전 */ /* 공통 */
	.Ideology_cnt02 .txt {font-size:18px;}
	.Ideology_cnt02 .i_07 .gj, .Ideology_cnt02 .i_07 .pj {font-size:14px;}
	.Ideology_cnt02 .i_07 .gj span, .Ideology_cnt02 .i_07 .pj span {font-size:16px;}
	
	
	/* 0104_01교가 */
	.syu_song:before {display:none;}
	.syu_song:after  {display:none;}
	.s_img img {width:100%; height:auto;}
	.s_song ul li {width:100%; margin-left:0; margin-top:30px;}
	
	/* 인포박스2 */
	.info_box2 :before {left:20px;}
	.info_box2 p {font-size:15px;}
	
	
	/* 0104_02 대학상징 */
	.symbol_box {width:100%;}
	.symbol_box .symbol_inner {width:100%; height:800px;}
	.symbol_box .symbol_inner ul li {width:200px; height:auto;}
	.symbol_box .symbol_inner ul li.sb_01 {margin-left:-100px; top:0;}
	.symbol_box .symbol_inner ul li.sb_02{left:0; bottom:0;}
	.symbol_box .symbol_inner ul li.sb_03{right:0; bottom:0;}
	.symbol_box .symbol_inner ul li .txt span {font-size:20px;}
	.symbol_box .symbol_inner ul li .img {width:200px; height:200px;}	
	
	
	/* 0110_02 캠퍼스배치도 */
	.cps_map .map_img {background-image:none;}
	.cps_map .map_img img {width:100%;}	
	.cps_map .map_txt ul li {width:50%;}
	
	.cps_vr .vr_img {height:340px;}
	.cps_vr .vr_con {top:40px; width:300px; height:250px; margin-left:-150px;}
	.cps_vr .vr_con p {font-size:18px; padding:110px 0 20px}
	.cps_vr .vr_con p:after {display:none;}

	
	/* 0401 4S4C학생이력관리시스템 */
	.job_link {margin-top:30px;}
	.job_link ul li {width:100%; margin-left:0; margin-top:20px;}
	.job_link ul li .tit {font-size:18px;}


	/* 0603 기숙사 */
	.cps_link {margin-top:30px;}
	.cps_link ul li {width:100%; margin-left:0; margin-top:20px;}
	.cps_link ul li .tit {font-size:18px;}
	
	/* 0607_학교버스운영안내 */
	.bus_img_box .img {width:100%; text-align:center; margin-bottom:20px;}
	.bus_img_box .img img {width:175px; height:105px;}
	.bus_img_box .txt {width:100%;}
	
	/* 201230 추가*/
 	.img_view span img{max-width: 100%;height: auto;}	
	.img_view span {position: fixed;top: 50%;left: 50% !important;right: auto!important;transform: translate(-50%, -50%) !important;width: 95%;height: auto !important;z-index: 9999;}/*250820 수정*/
	
}

@media screen and (max-width:560px) {	
	.th1{width:55%;}/*200625 추가*/
	
	.none{display:none;}/*200624 수정*/
	
	/* info_box top 공통박스 */
	.info_box .inner {padding:170px 30px 30px;}
	.info_box .ico_img {left:50%; top:30px; margin-top:0; margin-left:-50px;}
	.info_box .txt1 {font-size:18px;}
	
	
	
	/* 0101_총장인사말 */
	.greeting_wrap .tit {font-size:22px;}
	.greeting_wrap .greeting_slogan ul li {font-size:18px;}
	.greeting_wrap .greeting_img {width:300px;}
	
	/* 0102_이념과 비전 */
	.box_inner01 {padding:30px 20px;}
	.Ideology_cnt01:after {top:40px; right:20px;}
	.Ideology_cnt01:before {top:40px; left:20px;}
	
	.Ideology_cnt02 .i_02 ul li {width:100%; margin-top:35px;}
	.Ideology_cnt02 .i_02 ul li:first-child {margin-top:0;}
	.Ideology_cnt02 .i_02 ul li .i_bg1, .Ideology_cnt02 .i_02 ul li .i_bg2, .Ideology_cnt02 .i_02 ul li .i_bg3 {background-size:auto;}
	.Ideology_cnt02 .i_06 ul li {padding:50px 0 0; font-size:14px;} /* 5대전략 */
	.Ideology_cnt02 .i_06 ul li img {width:40px; height:40px;}
	.Ideology_cnt02 .i_06 ul li span {margin-left:-20px; width:40px; height:40px;}
	.Ideology_cnt02 .i_05 ul li {font-size:14px;}
	
	/* 0103_서영발자취 */
	.his_txt {font-size:14px;}
	.his_txt .txt1 {font-size:20px;}
	
	
	/* 0104_03 서영UIP */
	.uip_box_w ul li {width:100%; float:none; margin-left:0; margin-top:30px;}

	
	/* 0107_01 홍보동영상 */
	.video_wrap .video_box {width:100%;}
	.video_wrap .video_box img{height:auto;}
	.video_wrap .txt_box {width:100%; height:200px;}
	.video_wrap .txt_box .txt{font-size:18px;}
	

	/* 0604_복지시설 */
	.facility_img ul li {width:48%; margin:2% 1%;}
	

	/* 0605_01 무선랜 */
	.LAN_txt ul li, .LAN_txt2 ul li {width:100%; padding:10px 5px;}
	
	/* 201230 추가*/
	.img_view span img{/* max-width: 400px; */}

}

@media screen and (max-width:480px) {
/* #edu2{margin-left:25%;}200624 삭제*/

.out_job_search ul li {width:100%;}/*200624 추가*/


	 /*근무지역별 체크리스트 200623 수정 */
	.out_job_search ul .check_area li { width:33.3333%;  }
	.out_job_search ul .check_area li:first-child {width:33.3333%;}

	/* 교직원서비스 */ /* 191209 추가 */
	.Faculty_Services ul li {width:48%;}

	/* 0101_총장인사말 */
	.greeting_wrap .greeting_slogan ul li {font-size:12px;}
	.greeting_wrap .tit {font-size:16px;}
	
	/* 0102_이념과 비전 */
	.Ideology_cnt02 .i_03 .txt1 {font-size:11px;}
	
	/* 서영발자취 */
	.his_txt {font-size:14px;}
	.his_txt .txt1 {font-size:17px;}
	.syu_his {padding-left:90px;}
	.syu_his:before {width:70px; height:70px; background-size:100%;}
	.syu_his:after {left:34px;}
	.syu_his .his_list .tit:after {top:15px; left:-65px;}
	.syu_his .his_list .tit {font-size:30px;}
	.syu_his .his_list .tit:before {left:75px;}
	.syu_his .his_list .list_1 li {font-size:13px; padding-left:45px;}
	.syu_his .his_list .list_2 li {font-size:13px; padding-left:80px;}

	.cps_call_box select {width:230px; margin:0 0 5px;}
	.cps_call_box .input_text {width:150px;}

	
	
	/* 0104_02 대학상징 */
	.symbol_box {width:100%;}
	.symbol_box .symbol_inner {width:100%; height:620px;}
	.symbol_box .symbol_inner:after {top:175px; width:300px; height:300px; margin-left:-150px; background-size:100%;}
	.symbol_box .symbol_inner ul li {width:120px; height:auto;}
	.symbol_box .symbol_inner ul li.sb_01 {margin-left:-60px; top:0;}
	.symbol_box .symbol_inner ul li.sb_02{left:10px; bottom:20px;}
	.symbol_box .symbol_inner ul li.sb_03{right:10px; bottom:20px;}
	.symbol_box .symbol_inner ul li .txt span {font-size:17px;}
	.symbol_box .symbol_inner ul li .txt {font-size:13px;}
	.symbol_box .symbol_inner ul li .img {width:120px; height:120px;}
	
	
	
	/* 0110_01 오시는길 */
	.cptraffic_btn {top:50px; left:170px;}
	.cptraffic .list {padding:100px 0 0;}
	.cptraffic .list li {font-size:13px; line-height:22px; padding:20px 0;}

	/* 0110_02 캠퍼스배치도 */
	.cps_map .map_txt .tit {margin:20px 20px;}
	.cps_map .map_txt ul {padding:20px 20px 40px;}
	.cps_map .map_txt ul li {font-size:13px;}

	/* 0504_학사지원센터 */
	.bs_center ul li {width:100%; margin-left:0; margin-top:20px;}
	.bs_center ul li .txt {font-size:14px;}
	.bs_center ul li a {height:120px; padding:20px 10px;}
	.bs_center ul li a .tit {font-size:14px;}
	.bs_center ul li a .img img {width:125px; height:79px;}
	


	
}
@media screen and (max-width:400px) {
 #edu2{margin-left:0%;}/*200624 추가*/
}

@media screen and (max-width :380px) {
	
	
	/* 0102_이념과 비전 */
	.Ideology_cnt02 .i_07 .gj, .Ideology_cnt02 .i_07 .pj {font-size:12px;}
	.Ideology_cnt02 .i_07 .gj span, .Ideology_cnt02 .i_07 .pj span {font-size:14px;}
	.Ideology_cnt02 .i_07 .gj, .Ideology_cnt02 .i_07 .pj {height:35px; padding:20px 0;}

	/* 0104_02 대학상징 */
	.symbol_box .symbol_inner ul li.sb_01 {top:20px;}
	
	/* 201230 추가*/
	.img_view span img{/* max-width: 220px; */}

}