

.s_mv_bwrap {position: relative; width:100%; background: url(../img/) repeat center 50%; background-color:#fff;  height:200px; background-position: center;  overflow:hidden; font-size:20px;  }
.s_mv {width:100%; margin:0 auto; display:block; margin-top:0px; background-color:#000 !important; background: url(../../../../../homepage/images/common/sub_v1.jpg) repeat center 50%; height:200px; z-index:-100 !important;}
.s_mv1 {width:100%; margin:0 auto; display:block; margin-top:0px; background-color:#000 !important; background: url(../../../../../homepage/images/common/sub_v1.jpg) repeat center 50%; height:200px; z-index:-100 !important;}
.s_mv2 {width:100%; margin:0 auto; display:block; margin-top:0px; background-color:#000 !important; background: url(../../../../../homepage/images/common/sub_v2.jpg) repeat center 50%; height:200px; z-index:-100 !important;}
.s_mv3 {width:100%; margin:0 auto; display:block; margin-top:0px; background-color:#000 !important; background: url(../../../../../homepage/images/common/sub_v3.jpg) repeat center 50%; height:200px; z-index:-100 !important;}
.s_mv4 {width:100%; margin:0 auto; display:block; margin-top:0px; background-color:#000 !important; background: url(../../../../../homepage/images/common/sub_v4.jpg) repeat center 50%; height:200px; z-index:-100 !important;}
.sub img{width:100%;}
.s_mv_txt {width:100%; max-width:1400px;margin:0 auto; box-sizing:border-box;   position: relative; }

.s_mv_txt h2 { text-align:center;height:200px; line-height:200px;vertical-align:middle; color:#fff; font-weight:600; font-size:45px;}










.p_point{color:#1756ba; }







@media screen and (min-width:1401px){

.s_con {padding:50px 30px; position:relative; height:auto; }
.s_con .s_con_l {width:70%; padding-top:40px; float:left;}
.s_con .s_con_l2 {width:65%; padding-top:40px;margin-right:5%; float:left;}
.s_con .s_con_r {width:30%; padding-top:40px; float:left;}
.s_con .s_con_r  img {width:100%; padding-top:30px;display:block;}
.history{width:100%; padding-bottom:25px; overflow:hidden;height:auto; clear:both; }
.year {width:12%; font-size:32px; color:#6e57b9; float:left;}
.con_t { font-size:28px; color:#6e57b9; }
.story {width:88%;float:left; padding-top:10px;}
.story span{font-weight:600;}
 .teacher_tab {width:100%; margin-top:20px;}
 .teacher_L {float:left; width:23%; text-align:center; border:1px solid #859dcb; min-height:240px; height:250px; padding:20px 0;}
 .teacher_L img{height:210px;}
 .teacher_R {float:left; width:77%;text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:240px; height:250px;padding:40px 0;}
 .teacher_R li.t_L {float:left; width:200px;  text-align:left; padding-left:40px;}
 .teacher_R li.t_L { font-weight:600; color:#2358bd;}
 .teacher_R li.t_R {float:left; width:75%; text-align:left; margin-top:0px;}

 .teacher_R li.dot_con2{background:url("../../../../../homepage/images/common/dot_bullet.gif") no-repeat 25px 12px; padding-left:40px;}


 .business_tab {width:100%; margin-top:20px;}
 .business_L {float:left; width:23%; text-align:center; border:1px solid #859dcb; min-height:200px; height:200px; line-height:150px;  padding:20px 0;}
 .business_L img{width:90%;vertical-align:middle;}
 .business_R {float:left; width:77%;text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:200px; height:200px;padding:40px 0;}
 .business_R li.t_L {float:left; width:150px; text-align:left; padding-left:40px;}
 .business_R li.t_L { font-weight:600; color:#2358bd;}
 .business_R li.t_R {float:left; width:75%; text-align:left; margin-top:0px;}
 .business_R li.dot_con2{background:url("../../../../../homepage/images/common/dot_bullet.gif") no-repeat 25px 12px; padding-left:40px;}

 .business_tab2 {width:100%; margin-top:20px;}
 .business_L2 {float:left; width:23%; text-align:center; border:1px solid #859dcb; min-height:200px; height:220px; line-height:170px;  padding:20px 0;}
 .business_L2 img{width:90%;vertical-align:middle;}
 .business_R2 {float:left; width:77%;text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:220px; height:220px;padding:40px 0;}
 .business_R2 li.t_L2 {float:left; width:150px; text-align:left; padding-left:40px;}
 .business_R2 li.t_L2 { font-weight:600; color:#2358bd;}
 .business_R2 li.t_R2 {float:left; width:75%; text-align:left; margin-top:0px;}
 .business_R2 li.dot_con2{background:url("../../../../../homepage/images/common/dot_bullet.gif") no-repeat 25px 12px; padding-left:40px;}

 .business_con {width:100%; border:3px solid #b6c6e5; padding:30px 0; text-align:center; background:#f9f9f9; color:#2358bd; font-size:24px; font-weight:600; margin-top:20px;}
 .business_tit {padding-top:15px; color:#2358bd; font-weight:600;}
 .business_con2 {padding-top:10px;}
 .business_con2 li{background:url("../../../../../homepage/images/common/arrow.gif") no-repeat 10px 8px; padding-left:30px;}
 .business_star {background:url("../../../../../homepage/images/common/star.gif") no-repeat 10px 8px; padding-left:30px;}
}


@media screen and (max-width:1400px){


.s_con {padding:50px 30px; position:relative; height:auto; }
.s_con .s_con_l {width:70%; padding-top:40px; float:left;}
.s_con .s_con_l2 {width:65%; padding-top:40px;margin-right:5%; float:left;}
.s_con .s_con_r {width:30%; padding-top:40px; float:left;}
.s_con .s_con_r  img {width:100%; padding-top:30px; display:block;}
.history{width:100%; padding-bottom:15px;overflow:hidden;height:auto; clear:both;}
.year {width:13%;font-size:32px; color:#6e57b9; float:left;}
.con_t { font-size:28px; color:#6e57b9; }
.story {width:87%;float:left;padding-top:10px;}
.story span{font-weight:600;}
 .teacher_tab {width:100%; margin-top:20px;}
 .teacher_L {float:left; width:23%; text-align:center; border:1px solid #859dcb; min-height:240px; height:250px; padding:20px 0;}
 .teacher_L img{height:210px;}
 .teacher_R {float:left; width:77%;text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:240px; height:250px;padding:40px 0;}
 .teacher_R li.t_L {float:left; width:25%;  text-align:left; padding-left:40px;}
 .teacher_R li.t_L { font-weight:600; color:#2358bd;}
 .teacher_R li.t_R {float:left; width:75%; text-align:left; margin-top:0px;}

 .teacher_R li.dot_con2{background:url("../../../../../homepage/images/common/dot_bullet.gif") no-repeat 25px 12px; padding-left:40px;}

 .business_tab {width:100%; margin-top:20px;}
 .business_L {float:left; width:23%; text-align:center; border:1px solid #859dcb; min-height:200px; height:200px; line-height:150px;  padding:20px 0;}
 .business_L img{width:90%;vertical-align:middle;}
 .business_R {float:left; width:77%;text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:200px; height:200px;padding:40px 0;}
 .business_R li.t_L {float:left; width:150px; text-align:left; padding-left:40px;}
 .business_R li.t_L { font-weight:600; color:#2358bd;}
 .business_R li.t_R {float:left; width:75%; text-align:left; margin-top:0px;}
 .business_R li.dot_con2{background:url("../../../../../homepage/images/common/dot_bullet.gif") no-repeat 25px 12px; padding-left:40px;}

  .business_tab2 {width:100%; margin-top:20px;}
 .business_L2 {float:left; width:23%; text-align:center; border:1px solid #859dcb; min-height:200px; height:220px; line-height:170px;  padding:20px 0;}
 .business_L2 img{width:90%;vertical-align:middle;}
 .business_R2 {float:left; width:77%;text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:220px; height:220px;padding:40px 0;}
 .business_R2 li.t_L2 {float:left; width:150px; text-align:left; padding-left:40px;}
 .business_R2 li.t_L2 { font-weight:600; color:#2358bd;}
 .business_R2 li.t_R2 {float:left; width:75%; text-align:left; margin-top:0px;}
 .business_R2 li.dot_con2{background:url("../../../../../homepage/images/common/dot_bullet.gif") no-repeat 25px 12px; padding-left:40px;}

 .business_con {width:100%; border:3px solid #b6c6e5; padding:30px; text-align:center; background:#f9f9f9; color:#2358bd; font-size:24px; font-weight:600; margin-top:20px;}

  .business_tit {padding-top:15px; color:#2358bd; font-weight:600;}
 .business_con2 {padding-top:10px;}
 .business_con2 li{background:url("../../../../../homepage/images/common/arrow.gif") no-repeat 10px 8px; padding-left:30px;}
 .business_star {background:url("../../../../../homepage/images/common/star.gif") no-repeat 10px 8px; padding-left:30px;}
}

@media screen and (max-width:1024px){
/* Common */
/* 2021 02 15 °³¹ßÀÚ ¼öÁ¤ */
.s_con {padding: 10px 30px 20px;position:relative;height:auto;}
/* 2021 02 15 °³¹ßÀÚ ¼öÁ¤ */

.year {width:15%;font-size:26px; color:#6e57b9; float:left;}
.con_t { font-size:24px; color:#6e57b9; }
.story {width:85%;float:left;padding-top:10px;}

.s_con .s_con_r  img {display:block;}
 .teacher_L {float:left; width:23%; text-align:center; border:1px solid #859dcb; min-height:240px; height:250px; padding:20px 0;}

 .teacher_R {float:left; width:77%;text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:240px; height:250px;padding:40px 0;}
 .teacher_R li.t_L {float:left; width:40%; text-align:left; padding-left:40px;}
 .teacher_R li.t_L { font-weight:600;}
 .teacher_R li.t_R {float:left; width:60%; text-align:left; margin-top:0px;}

 .business_L {float:left; width:23%; text-align:center; border:1px solid #859dcb; padding:20px 0;}
 .business_L img{width:90%;vertical-align:middle;}
 .business_R {float:left; width:77%;text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:40px 0;}
 .business_R li.t_L {float:left; width:150px; text-align:left; padding-left:40px;}
 .business_R li.t_L { font-weight:600;}
 .business_R li.t_R {float:left; width:70%; text-align:left; margin-top:0px;}


 .business_L2 {float:left; width:23%; text-align:center; border:1px solid #859dcb; padding:20px 0;min-height:220px; height:240px; line-height:170px; }
 .business_L2 img{width:90%;vertical-align:middle;}
 .business_R2 {float:left; width:77%;text-align:left; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;min-height:240px; height:240px; padding:20px 0;}
 .business_R2 li.t_L2 {float:left; width:150px; text-align:left; padding-left:40px;}
 .business_R2 li.t_L2 { font-weight:600;}
 .business_R2 li.t_R2 {float:left; width:70%; text-align:left; margin-top:0px;}


 .business_con { font-size:20px;}

}
 
@media screen and (min-width:1025px){
#slide_map {display:none !important;}	
}
@media screen and (max-width:1024px){




}


@media screen and (max-width:768px){

.s_con {padding:10px 10px 20px !important; position:relative; height:auto; }
.year {width:15%;font-size:20px; color:#6e57b9; float:left;}
.con_t { font-size:18px; color:#6e57b9; }
.story {width:85%;float:left;padding-top:10px;}
.s_con .s_con_l {width:100%; }
.s_con .s_con_l2 {width:100%;}
.s_con .s_con_r  img {display:none;}
.s_mv_txt h2 { text-align:center;height:200px; line-height:200px;vertical-align:middle; color:#fff; font-weight:600; font-size:36px;}


 .teacher_L {width:100%; text-align:center; border:1px solid #859dcb; min-height:240px; height:250px; padding:20px 0;}
 .teacher_L img{height:210px;}
 .teacher_R {overflow:hidden; width:100%;text-align:left; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:240px; height:100%;padding:20px 0;}
 .teacher_R li.t_L { width:100%; text-align:left; padding-left:40px;}
 .teacher_R li.t_L { font-weight:600;}
 .teacher_R li.t_R { width:100%; text-align:left; padding-left:40px;}

 .business_L {width:100%; text-align:center; border:1px solid #859dcb; min-height:150px; height:150px; line-height:100px;padding:20px 0;}
 .business_L img{width:248px;}
 .business_R {overflow:hidden; width:100%;text-align:left; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:240px; height:100%;padding:20px 0;}
 .business_R li.t_L { width:100%; text-align:left; padding-left:40px;}
 .business_R li.t_L { font-weight:600;}
 .business_R li.t_R { width:100%; text-align:left; padding-left:40px;}
 .business_con { font-size:18px;}

  .business_L2 {width:100%; text-align:center; border:1px solid #859dcb; min-height:150px; height:150px; line-height:100px;padding:20px 0;}
 .business_L2 img{width:248px;}
 .business_R2 {overflow:hidden; width:100%;text-align:left; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; min-height:240px; height:100%;padding:20px 0;}
 .business_R2 li.t_L2 { width:100%; text-align:left; padding-left:40px;}
 .business_R2 li.t_L2 { font-weight:600;}
 .business_R2 li.t_R2 { width:100%; text-align:left; padding-left:40px;}

}

@media screen and (max-width:640px){




}


@media screen and (max-width:500px){

 .teacher_R .t_L {float:left; width:30%; text-align:left; padding-left:10px;}
 .teacher_R .t_R {float:left; width:68%; text-align:left; margin-top:0px;}

 .business_R .t_L {float:left; width:30%; text-align:left; padding-left:10px;}
 .business_R .t_R {float:left; width:68%; text-align:left; margin-top:0px;}


}






	/* bbs */


#Contents		{position:relative; width:100%; max-width:1400px; padding:0px 0 70px 0; min-height:250px; font-size:15px; line-height:1.6em; text-align:center; margin:0 auto;}


#ContTitle		{position:relative; height:80px; padding-top:40px; font-size:40px; color:#333; text-align:center; font-weight:normal; border-bottom:1px solid #d7d7d7;}

#Contents h4	{clear:both; color:#222; font-size:21px; font-weight:bold;}

.pc_col{display:inline;}
.mb_col{display:none;}





.col{border:1px solid #ccc; margin:10px; display:inline-block;}
.btn-0 {  color: #000 !important;}
.btn {  display: inline-block;  position: relative;  overflow: hidden;  padding: ;  text-decoration: none;}
.btn:before, .btn:after,
.btn .btn--inner:before,
.btn .btn--inner:after {  content: '';  position: absolute;  top: 0;  left: 0;  width: 0;  height: 0;  background-color: currentColor;  transition: 0.3s ease-in-out;}
.btn--tlbr:before, .btn--tlbr:after {  width: 0;  height: 2px;}
.btn--tlbr:after,
.btn--tlbr .btn--inner:after {  top: auto;  right: 0;  bottom: 0;  left: auto;}
.btn--tlbr .btn--inner:before,
.btn--tlbr .btn--inner:after {  width: 2px;  height: 0;}
.btn--tlbr:hover:before, .btn--tlbr:hover:after {  width: 100%;}
.btn--tlbr:hover .btn--inner:before,
.btn--tlbr:hover .btn--inner:after {  height: 100%;}
.btn--trbl:before, .btn--trbl:after {  width: 0;  height: 2px;}
.btn--trbl:before,
.btn--trbl .btn--inner:before {  right: 0;  left: auto;}
.btn--trbl:after,
.btn--trbl .btn--inner:after {  top: auto;  bottom: 0;}
.btn--trbl .btn--inner:before,
.btn--trbl .btn--inner:after {  width: 2px;  height: 0;}
.btn--trbl:hover:before, .btn--trbl:hover:after {  width: 100%;}
.btn--trbl:hover .btn--inner:before,
.btn--trbl:hover .btn--inner:after {  height: 100%;}

/* ÀÎÁõÆË¾÷ */
#layer_popup1, #layer_popup2, #layer_popup3, #layer_popup4, #layer_popup5, #layer_popup6, #layer_popup7, #layer_popup8, #layer_popup9, #layer_popup10, #layer_popup11, #layer_popup12, #layer_popup13
{display:none; border:1px solid #cccccc;margin:0 auto;padding:5px;background-color:#ffffff;z-index:2000;width:560px;height:auto; text-align:center;}
#layer_popup1 .b-close, #layer_popup2 .b-close, #layer_popup3 .b-close, #layer_popup4 .b-close, #layer_popup5 .b-close, 
#layer_popup6 .b-close, #layer_popup7 .b-close, #layer_popup8 .b-close, #layer_popup9 .b-close, #layer_popup10 .b-close, #layer_popup11 .b-close, #layer_popup12 .b-close, #layer_popup13 .b-close 
{position:absolute;top:10px;right:15px;color:#000;font-weight:bold;cursor:pointer;}
#layer_popup1 .popupContent, #layer_popup2 .popupContent, #layer_popup3 .popupContent, #layer_popup4 .popupContent, #layer_popup5 .popupContent, 
#layer_popup6 .popupContent, #layer_popup7 .popupContent, #layer_popup8 .popupContent, #layer_popup9 .popupContent, #layer_popup10 .popupContent, 
#layer_popup11 .popupContent, #layer_popup12 .popupContent, #layer_popup13 .popupContent
{word-break:break-all;margin:0 auto;padding:40px 5%;text-align:center;border:0;width:90%;}
#layer_popup1 .btn_area, #layer_popup2 .btn_area, #layer_popup3 .btn_area, #layer_popup4 .btn_area, #layer_popup5 .btn_area, #layer_popup6 .btn_area, 
#layer_popup7 .btn_area, #layer_popup8 .btn_area, #layer_popup9 .btn_area, #layer_popup10 .btn_area, #layer_popup11 .btn_area, #layer_popup12 .btn_area, #layer_popup13  .btn_area
{text-align:center;width:100%;margin:0 0 30px 0;}
#layer_popup1 img, #layer_popup2 img, #layer_popup3 img, #layer_popup4 img, #layer_popup5 img, #layer_popup6 img, 
#layer_popup7 img, #layer_popup8 img, #layer_popup9 img, #layer_popup10 img, #layer_popup11 img, #layer_popup12 img, #layer_popup13 img 
{width:100%; max-width:100%; text-align:center;}
.layer_bt{border:1px solid #333;color:#fff;cursor:pointer;background-color:#555 !important; margin-top:10px; font-size:13px !important;}

@media all and (max-width:600px){

#layer_popup1, #layer_popup2, #layer_popup3, #layer_popup4, #layer_popup5, #layer_popup6, #layer_popup7, #layer_popup8, #layer_popup9, #layer_popup10, #layer_popup11, #layer_popup12, #layer_popup13 
{width:95%; max-width:95%; height:auto; text-align:center;}
#layer_popup1 img, #layer_popup2 img, #layer_popup3 img, #layer_popup4 img, #layer_popup5 img, #layer_popup6 img, 
#layer_popup7 img, #layer_popup8 img, #layer_popup9 img, #layer_popup10 img, #layer_popup11 img, #layer_popup12 img, #layer_popup13 img {width:100%; max-width:100%;}

.bbsSearch				{width:300px !important; height:40px;}
.bbsSearch label		{visibility:hidden; height:0; width:0; font-size:0; position:absolute; left:-5000px;}
.bbsSearch input		{width:130px  !important; height:32px; margin:0; border:1px solid #ccc; background:#ffffff; vertical-align:top;}
.bbsSearch select		{width:80px; height:32px; margin:0; font-size:14px; line-height:2em; border:1px solid #ddd; background:#fff; vertical-align:top;}
.bbsSearch button	{width:50px; height:32px; margin:0; font-size:14px; color:#ffffff; font-weight:bold; background:#333;}
}