@import url('/sites/cle/masterSkin/cle_main/css/master.css');
.w1300 {
    max-width: 1340px; margin: 0 auto;
    padding: 0 20px; box-sizing: border-box;
}
/**[subVisual]********************************************************/
#subVisual {
  position: relative;
	width: 100%;
	height: 500px;
	background: url('../images/subVisual.jpg') center top no-repeat;
	background-size: cover;
	text-align: center;
	letter-spacing: -1px;
	overflow: hidden;
	margin-top: -130px;
}
#subVisual:after {
  content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);
  position: absolute; top: 0; left: 0; z-index: 1;
}
#subVisual .titleWrap {
    color: #fff;
    padding-top: 165px;
    z-index: 2;
    position: relative;
}
#subVisual .titleWrap p {font-size: 30px;}
#subVisual .titleWrap p.eng {color: #83bbde; font-size: 24px;}

/**[_container]********************************************************/
#_container {margin-bottom: 100px;position: relative;z-index: 1;}
#_container > .w1400 {overflow: hidden;}

/**[pageNavigation]********************************************************/
#masterNavigation {position: relative; margin-top: -75px; z-index: 2;}
#masterNavigation .navi_cont {
  position: relative; max-width: 1400px; margin: 0 auto; box-sizing: border-box;
  background-color: #152e3e; z-index: 2;
}

#_pageNavigation {
  display: inline-block; vertical-align: top;
}
#_pageNavigation > li {
  position: relative; float: left;
  background: url('../images/pNav_arrow.png') right center no-repeat;
  margin-left: 0; vertical-align: top;
}
#_pageNavigation > li.home {background: none;}
#_pageNavigation > li.home > a {
  display: block; width: 75px; height: 75px; background: #051f2f url('../images/navHome.png') center center no-repeat;
  text-indent: -5000px;
}
#_pageNavigation .navTitle {
  min-width: 195px; padding: 0 25px; box-sizing: border-box;
}
#_pageNavigation .navTitle a {
  display: inline-block;
  color: #fff; font-size: 20px;
  padding: 21px 0 14px; box-sizing: border-box;
}
#_pageNavigation .navTitle._onNav a {
  color: #00fffc;
}
#_pageNavigation .navTitle a:after {
  content: ''; display: block; width: 100%; height: 2px; background-color: transparent;
  margin: 3px 0;
}
#_pageNavigation .navTitle._onNav a:after {background-color: #01c9df;}

#masterNavigation #_pageNavigation > li .navDiv {
  display: none; position: absolute; top: 75px; left: 0; z-index: 1;
  width: 100%; background-color: #FFF; border: 1px solid #929292; border-top: 0;
}
#masterNavigation #_pageNavigation > li .navDiv li {
  float: none; margin-left: 0;
}
#masterNavigation #_pageNavigation > li .navDiv li > a {
  display: block; color: #373a41; font-size: 17px; font-weight: 200;
  padding: 10px 15px; box-sizing: border-box;
}
#masterNavigation #_pageNavigation > li .navDiv li > a._active {font-weight: 300;}
#masterNavigation #_pageNavigation > li .navDiv li > a:hover {
  color: #fff; background-color: #373a42;
}
#_pageNavigation li span.navGab {display: none;}

/**[_content]********************************************************/
#_content {margin: 50px 0px 30px;}
#masterTitle {position: relative; margin: 55px auto 30px; padding-bottom: 55px; border-bottom: 1px solid #28497c;}
#masterTitle h2 {
  color: #26282a; font-size: 36px; font-weight: 200; text-align: center; text-align: center;
}
/* sub page SNS공유, 즐겨찾기 기능 */
#shareBox {
  position: absolute; right: 15px; bottom: 14px; z-index: 2;
}

/* sub page 탭메뉴 */
#_content #tab {
    margin: 0 0 35px 0;
}

#_content #tab ul {
    display: inline-block;
    width: 100%;
}
#_content #tab ul::after {
  content:"";
  display: block;
  clear: both;
}

#_content #tab li {
    float: left;
}

#_content #tab li a {
    display: inline-block;
    padding: 25px 20px 25px 20px;
}
#_content #tab ul.ul_3 {border-bottom: 1px solid #D4D4D4; }
#_content #tab li.li_3 > a {position: relative; padding: 20px; font-size: 16px; color: #666666; font-weight: 300; border-bottom: 3px solid #fff;}
#_content #tab li.li_3 > a::before {content: ""; position: absolute; width: 1px; height: 15px; background-color: #D4D4D4; left: 0; top: 22px;}
#_content #tab li.li_3:first-child > a::before {background-color: transparent;}
#_content #tab li.li_3 > a._active {border-color: #0070ff; color: #0070ff;}
#_content #tab li.li_3 > a._active::after {content: ""; position: absolute; width: 15px; height: 17px; left: 50%; margin-left: -8.5px; bottom: -10px; background: url("/sites/style/images/guide/ic_4dep.png") no-repeat;}

#_content #tab li a._active {
    position: relative;
    color: #516dad;
}

#_content #tab ul.ul_4 {background-color: #F2F6FA; display: block;}
#_content #tab li.li_4 > a {position:relative; padding: 20px 0 15px 35px; font-size: 14px; color:#666666;}
#_content #tab li.li_4 > a::before {content:""; position: absolute; width: 7px; height: 7px; background-color: #B0B7C1; left: 20px; top: 26px; border-radius: 50%;}
#_content #tab li.li_4 > a._active {color: #10489F;}
#_content #tab li.li_4 > a._active::before {background-color: #10489F;}


/*ipsi import 2023-10-27*/
           ._jumpWrap .f_infoWrap .infoArea {display:none !important} /*입학처박스 숨김처리*/
           ._jumpWrap .infoArea2 {position:absolute; top:25px; left:75%; margin-left:-15%; width:25%}
		 	._jumpWrap .infoArea2 h4 {    color: #32429b;    font-size: 32px;    font-weight: 500;    text-align: center;    margin-bottom: 15px;}
		    ._jumpWrap .infoArea2 h4 strong {    color: #1a1f42;}
           ._jumpWrap .infoArea2 .area {margin-top: -5px; text-align:center;}
		   ._jumpWrap .infoArea2 .info_num {	font-family:'Oswald','NotoKR' !important;	color: #1a1f42 !important;	font-size: 50px !important;	font-weight: 500 !important;	line-height: 1.2 !important;	margin-bottom: 10px; !important}
		   ._jumpWrap .infoArea2 .info_sum {	color: #1a1f42 !important; font-size: 17px !important; line-height: 1.2 !important;}
		   ._jumpWrap .infoArea2 .info_link {	overflow: hidden !important;	background-color: #32429b !important;	padding: 16px 8px !important;	box-sizing: border-box !important;	max-width: 320px !important;	margin: 15px auto 0 !important;}
           ._jumpWrap .infoArea2 .info_link a {	display: block !important;	width: 50% !important;	float: left !important;	color: #fff !important;	font-size: 20px !important;	text-align: center !important;	box-sizing: border-box !important;	font-weight: 500 !important;}
			._jumpWrap .infoArea2 .info_link a:first-child {    border-right: 1px solid #6571b4;}

			  /**[footer infoWrap tablet]********************************************************/
				body.Tablet  ._jumpWrap  h4 {float: none; font-size: 28px;}
				body.Tablet   ._jumpWrap .infoArea2 {float: none; width: 350px; }
				body.Tablet  ._jumpWrap .infoArea2   .info_link a {font-size: 18px;}
				body.Tablet   ._jumpWrap .infoArea2  .info_num {font-size: 38px;}

			  @media all and (max-width: 750px) {
				body.Tablet  ._jumpWrap .infoArea2  {width:41%}
				  body.Tablet  ._jumpWrap .infoArea2  .info_link a {width: 100%;}
				  body.Tablet  ._jumpWrap .infoArea2  .info_link a:first-child {border-right: 0; margin-bottom: 10px; border-bottom: 1px solid #6571b4; padding-bottom: 10px;}
			  }

			  /**[footer infoWrap mobile]********************************************************/
			  body.Mobile .f_infoWrap {background: #f4f4f4 url('/sites/iphak/masterSkin/iphak_sub/images/f_infoWrap_m.jpg') center top no-repeat; min-height:600px}
			  body.Mobile .f_infoWrap:before {display: none;}
			  body.Mobile .f_infoWrap h4 {float: none; font-size: 28px; text-align: center; margin: 25px 0 15px;}
			  body.Mobile  ._jumpWrap .infoArea2   {text-align: center;position:absolute; top:360px; left:auto; margin-left:0%; width:100%}
			  body.Mobile  ._jumpWrap .infoArea2   .info_num {font-size: 38px; margin-bottom: 5px;}
			  body.Mobile  ._jumpWrap .infoArea2   .info_link {margin: 30px auto;}
			  body.Mobile  ._jumpWrap .infoArea2   .info_link a:first-child {border-bottom: 0 !important; padding-bottom: 0 !important;}