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

@media screen and (max-width: 1200px) {
#content{padding:20px 10px 50px 10px;}
#content .cam4 .sub_img li{ max-width: 50%;margin-bottom:20px; }
/**/
#content .cam4 .ex dl dt p{width:60%;}
#content .cam4 .ex ul{margin-bottom:30px;}
#content .cam4 .sub_img{justify-content: space-around;}
#content .cam4 > div{margin-bottom:230px;}
}

@media screen and (max-width: 1170px) {
   #content .col2-2-con1 ul.n2{ margin-left: 30px;    width: 45%;}

}

@media screen and (max-width: 1030px) {
#content .col1-3-con1 dd{font-size:16px;}
#content .col1-3-con1 dd.typ_4 > ul > li ul{height:160px;}
#content .col2-2-con1 .pre_mess ul li:nth-child(2){height:65px;}
#content .col3-1-con1 .part2 div{width:54.4%;}
#content .col3-1-con1 .part4 ul.dep_wrap > li > ul{height:480px;}
#content .cam2-1 .n2{width:60%;}
#content .col2-2-con1  img,#content .col2-2-con1 ul.n2{width:100%;}

#content .col2-2-con1 ul.n2{margin:40px 0 0 0;}



}

@media screen and (max-width: 960px) {
#content .col1-3-con1 dd.typ_2 ul li:last-child div:first-child{font-size:15px;}
#content .row5 .cam_step{ width: 17.5%;	flex: 0 0 17.5%;margin-bottom:15px;}


}


@media screen and (min-width: 920px) {

#content .col3-1-con1 .mpart2, 
#content .col3-1-con1 .magen{display:none;}
}

@media screen and (max-width: 920px) {
.org_tb{font-size:15px}
.sub_img_wrap{margin-top:0;}
#content .col1-3-con1 dt:before,#content .col1-3-con1 dt:after{display:none;}
#content .col1-3-con1 dl dt div{font-size:16px;width:93%;}


#content .col3-1-con1{font-size:16px;}
#content .col3-1-con1 .part1{margin:0 0 30px 40px;}
#content .col3-1-con1 .part1:after{display:none;}
#content .col3-1-con1 .part3{padding-top:20px;position:relative;}
#content .col3-1-con1 .part3:after{       content: '';    position: absolute;    width: 1px;    height: 1337px;    left: 15px;    top: 43px;    background: #bebebe;}

#content .col3-1-con1 .part1:before,
#content .col3-1-con1 .part3 ul.dep_wrap_hak > li.n1:before,
#content .col3-1-con1 .part2,
#content .col3-1-con1 .part4 ul.dep_wrap > li > ul:after,
#content .col3-1-con1 .part4:after,
#content .col3-1-con1 .part6:before{display:none;}

#content .col3-1-con1 .mpart2{  margin:210px 0 5px 30px;position:relative;}
#content .col3-1-con1 .mpart2:before{content: '';    position: absolute;    display: block;    background: #bebebe;    top: 26px;    height: 83px;    width: 1px;    margin-left: 0;    left: -15px;}
#content .col3-1-con1 .mpart2 div{display:flex;justify-content: space-between;}
#content .col3-1-con1 .mpart2 p { position: relative;padding:10px 0; width:48%; font-size: 20px;    background: #0F4C81; }
#content .col3-1-con1 .mpart2 p a{text-decoration:none;color:#fff;}
#content .col3-1-con1 .mpart2 p.n2{background:#3485B7;margin-right:0;position:relative;}
#content .col3-1-con1 .mpart2 p:after{ content: '';    position: absolute;width: 15px;    height: 1px;    left: -15px;    top: 50%;    background: #bebebe;}
#content .col3-1-con1 .mpart2 p.n2:after{display:none;}
#content .col3-1-con1 .magen{position:relative;margin:10px 0 0 30px;}
#content .col3-1-con1 .magen:before{   content: '';    position: absolute;   width:1px; height:117px; left:-24px;    top:25px;    background: #bebebe;}
#content .col3-1-con1 .magen p{position:relative;padding:10px 0; margin-bottom:10px;  font-size: 20px;  color: #fff;   background: #3485B7;}
#content .col3-1-con1 .magen p:before{    content: '';    position: absolute;        top: 50%;   display: block;   width: 24px; height: 1px; left: -24px;  background: #bebebe;}
#content .col3-1-con1 .magen p span:after {   content: '';    display: block;    position: absolute;    top: 50%;    left: 0%;    width: 11px;    height: 10px;    border: 5px solid #fff;    border-radius: 50%;    background: #3485B7;
    -webkit-transform: translate(-50%,-50%);    transform: translate(-50%,-50%);}



#content .col3-1-con1 .part4{padding:0;margin-top:30px; margin-left:0;}
#content .col3-1-con1 .part4:before{top:26px;height:1507px;width:1px;margin-left:0;left:15px;} 
#content .col3-1-con1 .part4 ul.dep_wrap > li > ul{height:initial;} 
#content .col3-1-con1 .part4 ul.dep_wrap, 
#content .col3-1-con1 .part3 ul.dep_wrap_hak li.dep_tit_hak2{float:none;width:initial;margin:0 0 20px 30px;}

#content .col3-1-con1 .part4 ul.dep_wrap > li.n1:before,
#content .col3-1-con1 .part3 ul.dep_wrap_hak li.dep_tit_hak2 > p:before{   width: 15px; height: 1px; left: -15px;    top: 50%;}

#content .col3-1-con1 .part6{margin-top:50px;}
#content .col3-1-con1 .part6 div{width: 93.5%;    margin: 0 0 20px 30px;left: inherit;    transform: inherit;}
#content .col3-1-con1 .part6 p, 
#content .col3-1-con1 .part6 .n2{float:none; width:100%;margin-top:10px;}



#content .col3-1-con1 .part5 p ,
#content .col3-1-con1 .part6, 
#content .col3-1-con1 .part7{float:none;width:initial;position:relative;    }
#content .col3-1-con1 .part5 p{top:0;left:0;    transform: initial;}
#content .col3-1-con1 .part5,#content .col3-1-con1 .part7{padding:20px 0;}
#content .col3-1-con1 .part5:before{top: -20px;left:50%;    height: 190px;}

#content .col3-1-con1 .col3_1{display:none;}
#content .col3-1-con1 .mcol3_1{display:block;width:100%;}




#content .org-1-con1 div.work ul,
#content .box-1 ul li,

#content .org-1-con1 div.org_nav ul.n1 li,
#content .org-1-con1 div.org_loc ul li a{font-size:16px;}
#content .org-1-con1 div.org_nav h1{font-size:30px;}
#content .org-1-con1 div.org_nav ul.n2 li{font-size:16px;float:none;margin-bottom:5px;}

#content .org-1-con1 div.work{padding:30px 0 30px 20px;}
#content .org-1-con1 div.work ul{margin-top:0;}
#content .org-1-con1 div.work ul li{float:none;width:100%;}

#content .org-1-con1 div.org_nav ul.n2,
#content .org-1-con1 div.org_nav ul.n3{margin-bottom:20px;}

#content .col5-2 div ul li{font-size:16px;}
#content .col5-2 div ul{margin-top:0;}


#content .hakbo_2 img{min-width:initial;}

#content .cam5-5 ul.tab li{width:48.5%;}
#content .cam5-5 ul.tab li a{font-size:16px;}
#content .cam5-5 ul.tab li:nth-child(2n){margin-right:0;}

ul.col5 li{width:48.5%;}

#content .link-site li {flex:1 1 30%;}
#content .aca_wrap dl{margin-right:15px;width: calc(100%/3 - 10px);}
#content .aca_wrap dl dd div a{padding:0 17px;}
#content .aca_wrap dl dd{padding-right:10px;}

#content .etc1-1 .depth1 ul.depth2 {    width: 100%;    margin-top: 30px;}
#content .etc1-1 .depth1 ul.depth2 .depth2_tit{font-size:22px;}



#content  .promo3_1 dl{width:100%;}

#content .cam4 .ex{display:block;width:90%;bottom:-47%;}
#content .cam4 .ex ul,#content .cam4 .ex dl{width:100%;} 
#content .cam4 .img_big{ transform: translate(-25%, 0%);}
#content .cam4 > div{margin-bottom:300px;}


}


@media screen and (max-width: 860px) {
#content .col1-3-con1 dd.typ_2 ul li div:first-child{height:40px;}
#content .col1-2-con1 .col-1-2-left{background:none;height:initial;float:none;}
#content .col1-2-con1 .col-1-2-left,#content .col1-2-con1 .col-1-2-right{width:100%;float:none;margin:0;}
#content .col1-2-con1 .col-1-2-right .his_list p.year{font-size:35px;padding-top: 10px;text-align:center;}

#content .col1-2-con1 .col-1-2-left h2{margin-bottom:40px;}






#content .col2-2-con1 div.n1{float:none;margin:0 auto;width:50%;min-width:350px;background: url(/img/sub/college/col2_3.jpg) no-repeat 59% 0px;}
#content .col2-2-con1 div.n3 {float:none;width:90%;margin:50px 0 0 0;}
#content .col2-3 dl p.num{font-size:15px;}
#content .col2-3 dl p.name{font-size:19px;}
#content .col2-2-con1 div.pre_intro div{display:block;position:relative;top:50px;}
#content .col2-2-con1 div.pre_intro div > p{text-align:left;padding-left: 155px;}
#content .col1-4-con1 div.top_bx img{padding:0 30px;}


#content  .pattern_box div{flex-direction: column;padding:30px;}
#content  .pattern_box div span{margin-top:15px;width:100%;}

#content .aca_wrap h2{font-size:25px;}





}
@media screen and (min-width:780px) {
#content .col2-1-con1 .m_col2_1{display:none;}

}
@media screen and (max-width:780px) {
.sub_img_wrap{height:300px;top:0;}
.sub_img_con .sub_img_txt p:last-child{font-size:23px;}
.sub_img_con .sub_img_txt{top:130px;}
#loc_wrap{margin-top: -55px;}
#loc_wrap .loc_con_wrap .loc_home,
#loc_wrap .loc_con_wrap .loc_pri,
#loc_wrap .loc_con_wrap .loc_con:nth-child(2){display:none;}
#loc_wrap .loc_con_wrap{border-radius:unset;}
#loc_wrap .loc_con_wrap .loc_con:nth-child(3),#loc_wrap .loc_con_wrap .loc_con:nth-child(4){width:50%;}
#loc_wrap .loc_con_wrap .loc_con .loc_tit a{line-height: 55px;height:55px;}
#loc_wrap .loc_con_wrap .loc_con .loc_box{top:55px;}


#content .sub_title{font-size: 25px;margin:20px 0 40px 0;}
#content .col2-1-con1 .m_col2_1{padding-bottom:20px;background:#eae6db;font-family:"NanumMyeongjo", "NanumBarunGothic",sans-serif; }
#content .col2-1-con1 .m_col2_1 h2{ font-weight:bold;text-align:center; font-size:24px;margin:20px 0px 30px 0px;}
#content .col2-1-con1 .m_col2_1 h3 { font-size:16px;font-weight:bold;text-align:right;margin-right:20px;}
#content .col2-1-con1 .m_col2_1 h3 img{width:inherit;display:inline-block;margin:-10px 0 0 10px;}
#content .col2-1-con1 div.n1 img.col2_1{display:none;}
#content .col2-1-con1 div.n2,#content .col2-1-con1 div.n3{float:none; width:100%;padding:0 15px;}

#content .col1-1-con5 dt{width:30%;}
#content .col1-1-con5 dd{width:70%;}
#content .col1-1-con1 p:first-child{font-size:22px;}
#content .col1-1-con1 p:last-child{font-size:16px;width:initial;}
#content .col1-3-con1 dl.typ_1{margin-bottom:20px;}

#content .col1-3-con1 dd.typ_4 > ul > li{    width: calc(100% / 2 - 5px);    margin: 0 10px 10px 0;}
#content .col1-3-con1 dd.typ_4 > ul > li:nth-child(2n){margin-right:0;}
#content .col1-3-con1 dd.typ_4 > ul > li:nth-child(3){margin-right:10px;}
.his_step li a{font-size:15px;}
#content  .pre_youtu li h3.stitle{font-size:17px;}
#content  .pre_youtu li h3.stitle:before{top:-6px;}

#content .col2-2-con1 .pre_mess ul{width:calc(100% /2 - 10px);}
#content .col2-2-con1 .pre_mess ul:nth-child(4n+1){clear:none; }
#content .col2-2-con1 .pre_mess ul:nth-child(2n+1){clear:both; }
#content .col2-3 .his_pre{width:calc(100%/2 - 10px);margin-right:10px;}
#content .col2-3 .his_pre:nth-child(3n){margin-right:0}
.his_pre .drop{width:204%;}
#content .drop ul.n1 li span:first-child{width:50%;}

#content .col2-3 .his_pre:nth-child(4n+4) {left:0}
#content .col2-3 .his_pre:nth-child(4n+5) .drop{left:-108%;}
#content .col2-3 .his_pre img{max-height:168px;}


#content .col1-4-con1 div.top_bx img{    display: block;    margin: 0 auto;margin-bottom:30px;}
#content .col1-4-con1 div.top_bx p{width:100%;}
#content .col1-4-con1 ul.txt_bx1 li{float:none;width:100%;margin-bottom:30px;}
#content .col1-4-con1 ul.txt_bx2 p{width:90%;}

#content .org-1-con1 .org_loc li{width:calc(100% / 4);}
#content .org-1-con1 .org_loc li:nth-child(5n){clear:both;}

#content .col5-2 div > p,
#content .col5-2 div ul{width:100%;float:none;}
#content .col5-2 div ul li{float:left;}

#content .col8-3 .info ul li{margin-bottom:10px;}
#content .cam2-1 .n2{margin:0;}
#content .cam2-1 .n1{display:none;}
#content .cam2-1 .n2{width:100%;}
 
#content .cam5-3 ul.tab li{width:calc(100%/2);margin-bottom:5px;}
#content .cam5-5 .bakery li{ width:100%;margin-right:0; }

.part ul li{float:none;margin:0 0 10px 0;}
.part ul li:last-child{margin-bottom:0;}

#content .aca_wrap dl dd h3{float:none;}


#content .promo1_2 dl{display:block;}
#content .promo1_2 dl dt{margin:0 0 20px 0;}

#content .promo_4_2 .n1{display:block;}
#content .promo_4_2 .n1 h2 {margin-bottom:20px;}
#content .promo_4_2 > div:first-child > img:first-child{display:none;}
#content .promo_4_2 .mo{display:block; width:100%; height:auto;}
#content .promo_4_2  ul{display:block; }
#content .promo_4_2  ul li{width:100%; padding:25px 40px;}


}


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

#content .hakbo_2 ul{float:left;width:50%;}
#content .hakbo_2 ul:nth-child(2n){margin-right:0;}
#content .hakbo_2 ul:nth-child(4n):after{content:'';display:block;clear:both;}
#content .hakbo_1 a {margin-right}


#content .hakbo_1 a{display:inline-block;margin-right:0px;/* padding-right: 40px; */}
#content .hakbo_1 ul{display:block;text-align:center;font-size:22px;}

#content .row4 .cam_step{ width: 45%;	flex: 0 0 45%;margin-bottom:7px;}
#content .row4 .cam_step:nth-child(2n){margin-right:0;}
#content .row5 .cam_step{ width: 28%;	flex: 0 0 28%}


#content .etc1-1 .depth1 ul.depth2 > li{width:50%;}



#content .cam4 .ex{display:block;}
#content .cam4 .ex ul li:nth-child(3){font-size:16px;}
#content .cam4 .ex dl{padding:20px 25px; font-size:16px;}
#content .cam4 .ex dl dt p{width:55%;}
#content .cam4 .sub_img{   justify-content: space-around;  }
#content .cam4 .sub_img li {    max-width: 100%;margin-right:0;}

}

@media screen and (max-width:640px) {
#content .stitle{font-size:20px;}
#content .stitle:before{top:-2px;}
.his_step li a{width:33.33%;font-size:18px;}
.his_step li a.active{height:51px;}
.his_step li:nth-child(4){clear:both;}
#content .col1-1-con5 dt{display:none;}
#content .col1-1-con5 dd{width:100%;padding:15px;margin-bottom:20px;}
#content .col1-2-con1 .col-1-2-right .his_list ul{font-size:15px;}
#content .col1-2-con1 .col-1-2-left h1{font-size:40PX;}
#content .col1-2-con1 .col-1-2-left h2{font-size:35PX;margin-bottom:20px;}

#content .col1-3-con1 h1:first-child{font-size:23px;}
#content .col1-3-con1 .top_box{padding:20px; font-size:17px;}
#content .col1-3-con1 dd.typ_2 ul li div:first-child{height:68px;}
#content .col1-3-con1 dd{font-size:15px;}


#content  .pre_youtu li{float:none;width:100%;}

#content  .drop ul.n1 li span:nth-child(2){width:100%;padding-left:15px;}
.his_pre .drop{padding:20px;}
.his_pre:nth-child(4n+4) .drop{left:0;}
.his_pre:nth-child(4n+5) .drop{left:-105%;}

#content .org-1-con1 div.org_nav{padding:0;}
#content .org-1-con1 div.org_nav:before{width:100%;    height: 20%;}
#content .org-1-con1 div.org_nav h1{float:none;width:100%;text-align:center;margin:40px 0;}
#content .org-1-con1 div.org_nav ul.n1{float:none; width: 100%; padding:0 0 20px 20px;}
#content .org-1-con1 div.work p{display:none;}
#content .org-1-con1 div.work ul{width:100%;}
#content .org-1-con1 div.org_nav ul.n2{float:none;width:100%;}
#content .org-1-con1 div.org_nav ul.n1 li{width:45%;margin-bottom:10px;}


#content .col4-1-con1 ul{width:90%;font-size:16px;}
#content .col5-1 ul.part1 li, #content .col5-1 dl{float:none;width:100%;}


.j-video .j_tab_con_wrap iframe{height:400px; }
.j-video ul.jtab li{float:left;width:calc(100%/2 - 10px); }
.j-video ul.jtab li:nth-child(2n){margin-right:0;}
.j-video ul.jtab li:nth-child(3n){clear:both;}
.j-video ul.jtab li:nth-child(5){clear:none;}
.j-video ul.jtab li p{font-size:14px;}

.org_tb_wrap:after{content: '';     position: absolute;    left: 0px;    top: 0px;    width: 100%;    height: 100%; background: rgba(0, 0, 0, 0.3) url(/img/sub/college/m_handscroll.png) no-repeat center 40%;
background-size:contain;}
.org_tb_wrap.changed:after  {display:none;}
.nav-month{padding:15px;}
.nav-month li{width: calc(100%/6);font-size:18px;}


#content .cam2-1 ul.tab li a,
#content .col8-3 .info ul li span,
#content .col8-3 .info ul li{font-size:16px;}
#content .col8-3 dl.subway{padding-top:0;}
#content .col8-3 dl dt,#content .col8-3 dl dd{width:100%;}

#content .cam2-1 .year_tit div a.prev_year{left:15%;}
#content .cam2-1 .year_tit div a.next_year{right:25%;}
#content .cam2-1 ul.schedule li time{width:30%;}

#content .cam3-3 table{width:100%;margin-bottom:20px;}


#content .cam2-1 ul.tab li,
#content .cam5-1 ul.tab li,
#content .law_warp ul.tab li{width:100%;}

#content .aca_wrap dl{width:calc(100%/2 - 15px);margin-bottom:20px;}
#content .aca_wrap dl.m_clear{clear:both;}



#content .cam7-3 .circle{width:100%;}
#content .cam7-3 .circle dd{float:left;height:initial;margin-bottom:40px;margin-right:0;}

 #content .law_warp .explain {     padding: 150px 30px 30px 30px;}
 #content .law_warp .explain div.ico{left:50%; transform: translate(-50%,-10%);}



}




@media screen and (max-width:480px) {
#content .col1-1-con4 p span{display:block;}
#content .col1-3-con1 dd.typ_4 > ul > li{    width:100%;    margin: 0 0 10px 0 ;}
#content .col1-3-con1 dd.typ_4 > ul > li ul{height:100px;}
#content .col1-2-con1 .col-1-2-right .his_list{margin-bottom:30px;}
#content .col1-2-con1 .col-1-2-right .his_list p.year{text-align:left;float:none;width:100%;padding-left:35px;}
#content .col1-2-con1 .col-1-2-right .his_list p.year:before{left:9px;}
#content .col1-2-con1 .col-1-2-right .his_list p.year:after{right:0;left:0;}
#content .col1-2-con1 .col-1-2-right .his_list ul{float:none;width:100%;padding-left:30px;}

#content .col2-3 dl p.num{font-size:15px;}
#content .col2-3 dl p.name{font-size:18px;}
#content .col2-3 dl p.date{font-size:14px;}

#content .col2-2-con1 div.pre_intro h3{font-size:27px;}
#content .col2-2-con1 div.pre_intro{padding: 95px 20px 90px 40px;}

#content .col1-4-con1 ul.txt_bx2 li{ text-align: center;}
#content .col1-4-con1 ul.txt_bx2 span{margin-bottom:10px;}
#content .col1-4-con1 ul.txt_bx2 p{width:100%;}


#content .org-1-con1 .org_loc li{    width: calc(100% / 3);}
#content .org-1-con1 .org_loc li:nth-child(4){clear:both;}
#content .org-1-con1 .org_loc li:nth-child(5){clear: initial;}
#content .cam2-1 .all_cal_list{font-size:15px; }
#content .cam2-1 .all_cal_list td.left{word-break:keep-all;}

#content .cam_step .cam_step_body strong{font-size:15px;}
#content .aca_wrap h1,
#content .aca_wrap h2{font-size:25px;}
#content .aca_wrap dl dt{margin:20px 0;}


#content .aca_wrap dl{width:100%;}
#content .aca_wrap dl dd h3{float:left;}

#content .cam4 .img_big{height:300px;}
#content .cam4 .ex{bottom:-50%;}

}


@media screen and (max-width:420px) {
#content .col2-1-con1 .m_col2_1 h2{ font-size:18px;margin:20px 0 ;}
#content .col1-3-con1 dt,#content .col1-3-con1 dd,#content .col1-3-con1 dl dt div{width:100%;float:none;}
#content .col1-3-con1 dl{margin-bottom:20px;}
#content .col1-3-con1 dl dt.typ_1 div,
#content .col1-3-con1 dl dt.typ_2 div, dt.typ_3 div, dt.typ_4 div, dt.typ_5 div, dt.typ_6 div, dt.typ_7 div{margin-bottom:5px;}

#content .col1-3-con1 dd.typ_2 ul li,
#content .col1-3-con1 dd.typ_2 ul li div:last-child,
#content .col1-3-con1 dd.typ_6 ul li{width:100%;float:none;overflow:hidden;margin:0 0 5px 0;}
#content .col1-3-con1 dd > p{padding:15px;}
#content .col1-3-con1 dd.typ_2 ul li div:first-child{box-sizing:border-box;height:initial;width:100%;}

#content .col1-3-con1 dd.typ_2 ul li div.typ_2_t {padding:5px 0;}
#content .col1-2-con1 .col-1-2-right .his_list ul li span.date{width:50px;}
#content .hakbo_2 ul{width:100%;}
#content .hakbo_2 img{     min-width: 200px;}


}

@media screen and (max-width:400px) {
#content .col1-2-con1 .col-1-2-right .his_list ul li p, #content .col1-2-con1 .col-1-2-right .his_list ul li div{width:100%;}
#content .org-1-con1 div.org_nav ul.n1 li{font-size:15px;}
#content .col2-2-con1 .pre_mess ul li:nth-child(2){height:95px;}


}

@media screen and (max-width:380px) {
#content .org-1-con1 div.org_nav ul.n3 li{margin:0 0 5px 0;}
}

@media screen and (max-width:340px){
#content .cam5-3 ul.tab li {width:100%;}
}