/*////////////////////////////////////////////////////////////////////////////////////////

	Author: Epulse	URL: http://epulse.co.kr

////////////////////////////////////////////////////////////////////////////////////////*/ 

/*================================================= 
	Sub
=================================================*/

/* 서브헤더 */
.hdBox { position: relative; height: 220px; margin: 0 0 40px; padding: 60px 0 0; color: #fff; text-align: center; line-height: 1.6em; background: #ddd; }
.aHd1 { background:url('/legacy/image/sub/ascbg1.jpg') left top no-repeat; }
.aHd2 { background:url('/legacy/image/sub/ascbg2.jpg') left top no-repeat; }
.aHd3 { background:url('/legacy/image/sub/ascbg3.jpg') left top no-repeat; }
.aHd4 { background:url('/legacy/image/sub/ascbg4.jpg') left top no-repeat; }






@media (max-width: 991px) {
  .hdBox { position: relative; height: auto; margin: 0 0 30px; padding: 20px; font-size: 0.750em; color: #fff; text-align: center; line-height: 1.6em; }
}

/*SNB*/
#snb{
	position:absolute;left:0;
	width:100%;
	background:#e9f0f8;
	z-index:100;
}
#snb>div{
	position:relative;
	max-width:1080px;
	margin:0 auto;
	font-size:0;
}
#snb>div>a{
	display:inline-block;width:57px;height:51px;
	box-sizing:border-box;
	vertical-align:top
}
#snb>div>button{
	position:relative;
	display:none;width:210px;height:51px;
	margin-left:-1px;padding:0 40px 0 20px;
	border-left:1px solid #d6d8df;border-right:1px solid #d6d8df;
	font-size:14px; font-weight:500;vertical-align:top;text-align:left;color:#666;
	overflow:hidden;
	white-space:nowrap;text-overflow:ellipsis;
}
#snb>div>button:after{
	content:'';
	position:absolute;top:50%;right:20px;
	display:block;width:10px;height:6px;
	margin-top:-3px;
}
#snb>div>button.on:after{transform:rotate(180deg)}
#snb>div ul{
	display:none;
	position:absolute;box-sizing:border-box;
	padding:20px;margin-left:-1px;
	border:1px solid #d6d8df;border-top:0;
	background:#fff;
}
#snb>div ul li a{
	display:inline-block;max-width:100%;
	font-size:14px;color:#272727;
	overflow:hidden;
	white-space:nowrap;text-overflow:ellipsis;
}
#snb>div ul li a:hover,
#snb>div ul li a.on{color:#3a9225;text-decoration:underline}
#snb>div>p{position:absolute;top:0;right:0;font-size:0}
#snb>div>p button{
	display:inline-block;width:47px;height:51px;
	margin-left:-1px;
	border-left:1px solid #d5d8df;border-right:1px solid #d5d8df;
	font-size:0
}
#snb.fixed{
	position:fixed;top:0;
	background:#79b823;
	box-shadow:0 5px 20px rgba(0,0,0,0.2);
}
#snb.fixed>div>a,
#snb.fixed>div>button{border-color:rgba(255,255,255,0.3);color:#fff}

#snb.fixed>div>button:hover{color:#fff}

#snb.depth1 .dep1,
#snb.depth2 .dep2,
#snb.depth3 .dep3,
#snb.depth4 .dep4{display:inline-block}

/* 서브타이틀 */
.subBt span { display: inline-block; margin: 0 0 30px; padding: 0; font-size: 1.667em; font-weight: 600; color: #3D74CF; line-height: 1.4em; background:url('/legacy/image/sub/sbt_line.png') left 23px no-repeat; }
.subTitle1 { position:relative; margin-bottom:17px; padding:3px 0 0 24px; font-size:1.417em; font-weight:500; color:#000; line-height: 1.4em; background:url('/legacy/image/sub/title_dot.png') left center no-repeat; }
.subTitle3 { position:relative; margin: 0 0 17px; }
.subTitle3 span { display: inline-block; padding: 3px 4px 2px; font-size: 1.083em; font-weight: 600; color: #fff; line-height: 1.4em; background: #03AAA3; }
.subTitle4 { margin: 0 0 7px; padding: 0; font-size: 1.083em; font-weight: 600; color: #003366; line-height: 1.4em; }
.subTit4 { margin: 0 0 20px; font-size: 1.350em; font-weight: 500; color: #000; }
.subTit5 { margin: 0 0 20px; padding: 6px 0 4px; font-size: 1.250em; font-weight: 500; color: #fff; text-align: center; border: 5px solid #8BABDE; border-radius: 24px; background: #8BABDE; }

@media (max-width: 767px) {
  .subTitle1 { font-size:1.250em; }
  .subTitle2 { font-size: 1.083em; }
  .subTitle3 { margin: 0 0 7px; }
  .subTitle3 span { }
  .subTit4 { font-size: 1.250em; }
  .subTit5 { font-size: 1.167em; }
}

.headBox { position: relative; margin: 0 0 35px; padding: 17px 15px 15px 200px; border: 2px dotted #aaa; background: url('/legacy/image/sub/headic1.png') 15px 15px no-repeat; }
.headBox span { display: block; margin: 0 0 10px; font-size: 1.333em; font-weight: 500; color: #111; }

.bx1T { position: relative; overflow: hidden; }
.bx1T_L { float: left; display: block; width:280px; margin-right: 0; padding: 0; }
.bx1T_R { float: right; display: block; width:850px; margin-right: 0; padding: 0; }
.bx1T_L span { display: block; }

.bx2T { position: relative; overflow: hidden; }
.bx2T_L { float: left; display: block; width:560px; margin-right: 0; padding: 0; }
.bx2T_R { float: right; display: block; width:560px; margin-right: 0; padding: 0; }
.bx2T_L span, .bx2T_R span { display: block; padding: 15px; border: 1px solid #ccc; border-top: 0; }

.bx3T { position: relative; overflow: hidden; }
.bx3T_L { float: left; display: block; width:378px; margin-right: 18px; }
.bx3T_R { float: right; display: block; width:378px; margin-right: 0; }
.bx3T_L span, .bx3T_R span { display: block; padding: 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.bx4T { position: relative; overflow: hidden; }
.bx4T_L { float: left; display: block; width:278px; margin-right: 19px; }
.bx4T_R { float: right; display: block; width:278px; margin-right: 0; }
.bx4T_L span, .bx4T_R span { display: block; padding: 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.bxc2T { position: relative; overflow: hidden; }
.bxc2T_L { float: left; display: block; width:550px; margin-right: 0; }
.bxc2T_C { float: left; display: block; width:70px; margin-right: 0; }
.bxc2T_C span { display: block; padding: 50px 0 0; font-size: 3.250em; font-weight: 600; color: #D98D0E; text-align: center; }
.bxd2T_C span { display: block; padding: 7px 0 17px; font-size: 3.250em; font-weight: 600; color: #D98D0E; text-align: center; }
.bxc2T_R { float: right; display: block; width:550px; margin-right: 0; }

.bxc3T { position: relative; overflow: hidden; }
.bxc3T_L { float: left; display: block; width:342px; margin-right: 0; }
.bxc3T_C { float: left; display: block; width:72px; margin-right: 0; }
.bxc3T_C span { display: block; padding: 50px 0 0; font-size: 3.250em; font-weight: 600; color: #D98D0E; text-align: center; }
.bxc3T_R { float: right; display: block; width:342px; margin-right: 0; }

.bxc4T { position: relative; overflow: hidden; }
.bxc4T_L { float: left; display: block; width:260px; margin-right: 20px; }
.bxc4T_R { float: right; display: block; width:260px; margin-right: 0; }

.bxc5T { position: relative; overflow: hidden; }
.bxc5T_L { float: left; display: block; width:194px; margin-right: 0; }
.bxc5T_C { float: left; display: block; width:50px; margin-right: 0; }
.bxc5T_C span { display: block; padding: 50px 0 0; font-size: 3.250em; font-weight: 600; color: #D98D0E; text-align: center; }
.bxc5T_R { float: right; display: block; width:194px; margin-right: 0; }

.bxd4T { position: relative; overflow: hidden; }
.bxd4T_L { float: left; display: block; width:270px; margin-right: 30px; }
.bxd4T_R { float: right; display: block; width:270px; margin-right: 0; }

.bxi3T { position: relative; overflow: hidden; }
.bxi3T_L { float: left; display: block; width: 350px; margin-right: 60px; }
.bxi3T_R { float: right; display: block; width: 350px; margin-right: 0; }
.bxi3T_L img, .bxi3T_R img { width: 350px; }

.hBox1 { position: relative; overflow: hidden; }
.hBox1_L { float: left; display: block; width: 400px; margin-right: 70px; }
.hBox1_R { float: left; display: block; width: 700px; margin-right: 0; }

@media (max-width: 767px) {
  .bx1T { position: relative; overflow: hidden; }
  .bx1T_L { float: none; display: block; width: 100%; margin: 0 0 10px; padding: 0; }
  .bx1T_R { float: none; display: block; width: 100%; margin: 0; padding: 0; }
  .bx1T_L img { width: 100%; }

  .bx2T { position: relative; overflow: hidden; }
  .bx2T_L { float: none; display: block; width: 100%;  margin: 0 0 20px; }
  .bx2T_R { float: none; display: block; width: 100%; margin: 0; }
  .bx2T_L span, .bx2T_R span { display: block; padding: 15px; border: 1px solid #ccc; border-top: 0; }

  .bx3T { position: relative; overflow: hidden; }
  .bx3T_L { float: none; display: block; width: 100%;  margin: 0 0 20px; }
  .bx3T_R { float: none; display: block; width: 100%; margin: 0; }
  .bx3T_L span, .bx3T_R span { display: block; padding: 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

  .bx4T { position: relative; overflow: hidden; }
  .bx4T_L { float: none; display: block; width: 100%; margin: 0 0 20px; }
  .bx4T_R { float: none; display: block; width: 100%; margin: 0; }
  .bx4T_L span, .bx4T_R span { display: block; padding: 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

  .bxc2T { position: relative; overflow: hidden; }
  .bxc2T_L { float: none; display: block; width: 100%; margin: 0 0 20px; }
  .bxc2T_C { float: none; display: block; width: 100%; margin: 0; }
  .bxc2T_C span { padding: 0 0 10px; }
  .bxc2T_R { float: none; display: block; width: 100%; margin: 0; }

  .bxc3T { position: relative; overflow: hidden; }
  .bxc3T_L { float: none; display: block; width: 100%; margin: 0 0 20px; }
  .bxc3T_C { float: none; display: block; width: 100%; margin: 0; }
  .bxc3T_C span { padding: 0 0 10px; }
  .bxc3T_R { float: none; display: block; width: 100%; margin: 0; }

  .bxc4T { position: relative; overflow: hidden; }
  .bxc4T_L { float: none; display: block; width: 100%; margin: 0 0 20px; }
  .bxc4T_C { float: none; display: block; width: 100%; margin: 0; }
  .bxc4T_C span { padding: 0 0 10px; }
  .bxc4T_R { float: none; display: block; width: 100%; margin: 0; }

  .bxc5T { position: relative; overflow: hidden; }
  .bxc5T_L { float: none; display: block; width: 100%; margin: 0 0 20px; }
  .bxc5T_C { float: none; display: block; width:100%; margin: 0; }
  .bxc5T_C span { padding: 0 0 10px; }
  .bxc5T_R { float: none; display: block; width: 100%; margin: 0; }

  .bxd4T { position: relative; overflow: hidden; }
  .bxd4T_L { float: none; display: block; width: 100%; margin: 0 0 20px; }
  .bxd4T_R { float: none; display: block; width: 100%; margin: 0; }

  .bxi3T { position: relative; overflow: hidden; }
  .bxi3T_L { float: none; display: block; width: 100%; margin: 0 0 20px; }
  .bxi3T_R { float: none; display: block; width: 100%; margin: 0; }
  .bxi3T_L img, .bxi3T_R img { width: 350px; }

  .hBox1 { position: relative; overflow: hidden; }
  .hBox1_L { float: none; display: block; width: 100%; margin-right: 0; }
  .hBox1_R { float: none; display: block; width: 100%; margin-right: 0; }
}

/* 초중고유학 */

.lnB { border: 1px solid #E1C4CF; border-top: 1px solid #6082CB; }
.bx_T1 { padding: 14px 0 10px; font-size: 1.167em; font-weight: 500; color: #fff; text-align: center; background: #6082CB; }
.bx_C1 { padding: 20px; }
.bx_I1 img { width: 100%; }

.dot1 { display: block; padding-left: 10px; background: url('/legacy/image/sub/dot1.png') left 8px no-repeat; }
.dot2 { display: block; border: 0; }
.tbImg { display: block; margin: 0 0 10px; padding: 0; text-align: center; border-bottom: 2px dotted #ccc; }
.tbImg img { display: inline-block; margin: 0; padding: 0; }

.tBox {  }

/* 학교리스트 */
.scbox { position: relative; width: 100%; margin: 0 0 25px; padding: 5px 0 25px; border-bottom: 2px dotted #ccc; overflow: hidden; }
.scbox:last-child { margin: 0; padding: 0; border: 0; }
.scLst { position: relative; margin: 0 0 25px; padding: 5px 0 25px; border-bottom: 2px dotted #ccc; overflow: hidden; }
.scLst:last-child { margin: 0; padding: 0; border: 0; }
.scLst_L { float: left; display: block; width:550px; }
.scLst_R { float: right; display: block; width:550px; }
.scbox_L { float: left; display: block; width:240px; }
.scbox_L img { width: 240px; }
.scbox_R { float: right; display: block; width:890px; }
.scbox_L1 { float: left; display: block; width:180px; }
.scbox_L1 img { max-width: 180px; }
.scbox_R1 { float: right; display: block; width:350px; }
.scName { width: 100%; margin: 0 0 12px; padding: 3px 0 0 50px; font-size: 1.250em; font-weight: 500; color: #111; background: url('/legacy/image/sub/sc_dot.png') left 4px no-repeat; }
.scT dt, .scT dd { float: left; display: block; }
.scT dt { width: 80px; color: #333; }
.sclst { margin: 0; padding: 0; border: 0; }

@media (max-width: 767px) {

  .scLst { position: relative; margin: 0 0 15px; padding: 5px 0 20px; border-bottom: 2px dotted #ccc; overflow: hidden; }
  .scLst:last-child { margin: 0; padding: 0; border: 0; }
  .scLst_L { float: none; display: block; width:100%; text-align: center; }
  .scLst_C { float: none; display: block; width:100%; padding: 10px 0 0; text-align: center; }
  .scLst_R { float: none; display: block; width:100%; padding: 10px 0 0; }
  .scLst_L img { display: inline-block; }
  .scLst_C { float: none; display: block; width:100%; }
  .scLst_C span { text-align: center; line-height: 1.4em; } 

  .scbox { margin: 0 0 20px; padding: 0 0 10px; }
  .scName { display: block;  width: 100%; margin: 0 0 10px; padding: 24px 0 0; font-size: 1.167em; line-height: 140%; }
  .scbox_L { float: none; display: block; width:100%; }
  .scbox_L span { display: block; width:100%; margin:0 0 5px; font-size: 1.167em; font-weight: 500; color: #111; background: none; }
  .scbox_L img { width: 100%; }
  .scbox_R { float: none; display: block; width:100%; }
  .scbox_R span { display: inline-block; }
  .scbox_L1 { float: none; display: block; width:100%; }
  .scbox_L1 img { width: 100%; }
  .scbox_R1 { float: none; display: block; width:100%; }
  .scP img {  }
}

/* 대학/정규유학 */
.resBox { position: relative; width: 100%; margin: 0; padding: 0; overflow: hidden; }
.resBox_L { float: left; display: block; margin-right: 20px; }
.resBox_R { float: left; display: block; }
.resBox_R span { display: block; }
.resBox_R span:last-child { margin: 10px 0 0; font-size: 1.167em; font-weight: 600; color: #222; }
.resT { padding: 15px 0; color: #555; }
.resC { margin: 15px 0 0; font-size: 1.250em; font-weight: 600; color: #111; }
.resC a { color: #111; }
.relBox_I { margin: 0 0 10px;}
.relBox_T { margin-bottom:5px; padding:3px 0 0 24px; font-size:1.417em; font-weight:500; color:#000; line-height: 1.4em; background:url('/legacy/image/sub/title_dot.png') left center no-repeat; }
.relBox_C { min-height: 130px; padding: 15px; border: 2px dotted #aaa; }
.pressBox { padding: 15px 0 0; border-top: 2px dotted #aaa; overflow:hidden; }
.pressBox_L { float: left; display: block; width: 170px; }
.pressBox_R { float: left; display: block; width: 380px; }
.pressBox1 { padding: 25px 0 0; border-top: 4px solid #FF557A; overflow:hidden; }
.pressBox1_L { float: left; display: block; width: 150px; }
.pressBox1_R { float: left; display: block; width: 400px; }

.bxBgt { margin: 0 0 20px; padding: 25px 0; font-size: 1.250em; color: #111; text-align: center; line-height: 1.4em; border: 4px solid #D98D0E; border-top: 0; border-radius: 0px; }
.bxSmt { display: block; margin: 0; padding: 3px 0; font-size: 13px; color: #fff; text-align: center; border: 1px solid #D98D0E; border-radius: 0px; background: #D98D0E; }
.bxSmt1 { font-size: 12px; color: #A9B0EB; text-align: center; }
.bxTxt { font-size: 0.917em; }
.bxTxt span { display: inline-block; width: 100px; margin: 0 20px 5px 0; padding: 1px 0; font-size: 12px; color: #333; text-align: center;  border: 1px solid #aaa; }
.bxTxt1 { font-size: 13px; color: #8A6938; }
.bGt1 { }
span.bxspan { display: block; width: 100%; margin: 0 0 8px; padding: 1px 0; font-size: 12px; color: #333; text-align: center;  border: 1px solid #aaa; }

.bStr { margin: 20px 0; font-size: 1.750em; font-weight: 400; color: #000; text-align: center; }
.bStr a { color: #000; }

@media (max-width: 767px) {
  .bxTxt span { display: block; width: 100%; margin: 7px 0 3px; }
}

.bxTit { padding: 10px 0 9px; font-size: 1.083em; color: #fff; text-align: center; background: #6082CB; }
.bxImg { margin: 0; padding: 0; }
.bxIco {  }
.igc { padding: 25px 0 20px; text-align: center; border: 1px solid #ccc; border-top: 0; }
.hisY1 { margin: 0 0 15px; padding: 3px 0 6px; font-size: 1.750em; font-weight: 600; color: #111; border-bottom: 5px solid #6082CB; }
.hisY { margin: 0 0 15px; padding: 3px 0 6px; font-size: 1.750em; font-weight: 600; color: #8FA5D5; border-bottom: 3px solid #BBCCF2; }
.subTB1 {  }
.graph {}
.gR1, .gR2, .gR3, .gR4, .gR5 { display: block; height: 27px; line-height: 27px; margin: 0 0 8px; padding-left: 15px; font-size: 13px; font-weight: 600; color: #fff; background: #929CF6; }
.gR1 { width: 80%; }
.gR2 { width: 84%; background: #B8BFFD; }
.gR3 { width: 77%; }
.gR4 { width: 87%; background: #B8BFFD; }
.gR5 { width: 80%;}

.smt { font-size: 12px; }

.ht1 { min-height: 200px; }
.ht2 { min-height: 120px; }
.ht3 { min-height: 70px; }
.ht4 { min-height: 220px; }
.ht5 { min-height: 150px; }
.ht6 { min-height: 170px; }
.ht7 { min-height: 110px; }
.ht8 { min-height: 130px; }

.bxT1 { position: relative; overflow: hidden; }
.bxT1_L { float: left; display: block; width:380px; }
.bxT1_R { float: right; display: block; width:770px; }

@media (max-width: 767px) {
  .bxImg img { width:100%; }
  .bxIco img { width:100%; }
  .ht1 { min-height: 0; }
  .ht2 { min-height: 0; }
  .ht3 { min-height: 0; }
  .ht4 { min-height: 0; }
  .ht5 { min-height: 0; }
  .ht6 { min-height: 0; }
  .ht7 { min-height: 0; }
  .ht8 { min-height: 0; }
  .bxT1 { position: relative; overflow: hidden; }
  .bxT1_L { float: none; display: block; width: 100%; }
  .bxT1_R { float: none; display: block; width: 100%; }
}

/* 지사 */
.jisa { position: relative; width: 100%; margin: 0 0 27px; font-size: 13px; overflow: hidden; }
.jisa_L { position: relative; display: block; margin: 0 0 10px; padding: 0; }
.jisa_R { position: relative; display: block; margin: 0; }
.jisa_R span { display: block; padding: 4px 0; border-bottom: 1px dotted #999; }
.jisa_R span:first-child { padding-top: 0; font-size: 1.167em; font-weight: 600; color: #222; }
.jisa_R span:last-child {  }

/* 추가 */
.sbx1 { position: relative; width: 100%; overflow: hidden; }
.sbx1_L { float: left; display: block; width: 50%; }
.sbx1_R { float: right; display: block; width: 50%; }

.sbx2 { position: relative; width: 100%; overflow: hidden; }
.sbx2_L { float: left; display: block; width: 540px; }
.sbx2_R { float: right; display: block; width: 540px; }

.sbx3 { position: relative; width: 100%; overflow: hidden; }
.sbx3_L { float: left; display: block; width: 120px; }
.sbx3_R { float: right; display: block; width: 420px; }

.sbx4 { position: relative; width: 100%; overflow: hidden; }
.sbx4_L { float: left; display: block; width: 300px; }
.sbx4_R { float: right; display: block; width: 870px; padding: 8px 10px; background:#f2f2f2; }

.sbx5 { position: relative; width: 100%; overflow: hidden; }
.sbx5_L { float: left; display: block; width: 270px; margin-right: 30px; padding: 30px 0; color: #fff; text-align: center; border-radius: 15px; background: #7E9DDF; }
.sbx5_R { float: right; display: block; width: 270px; margin: 0; padding: 30px 0; color: #fff; text-align: center; border-radius: 15px; background: #7E9DDF; }
.sbx5_L span, .sbx5_R span { display: block; margin: 0 0 12px; text-align: center; }

.sbx6 { position: relative; width: 100%; overflow: hidden; }
.sbx6_L { float: left; display: block; width: 540px; padding: 0 20px 20px; border-radius: 10px; background:#2754B8; }
.sbx6_C { float: left; display: block; width: 90px; text-align: center; }
.sbx6_R { float: right; display: block; width: 540px; padding: 0 20px 20px; border-radius: 10px; background:#2754B8; }
.sbx6_C span { display: inline-block; margin: 95px 0 0; }

.sbx7 { position: relative; width: 100%; background: #fff; }
.shN { padding: 15px 0 14px; font-size: 1.083em; font-weight: 600; color: #fff; background: #2754B8; }
.shN span { display: inline-block; margin-right: 15px; padding: 10px 10px 8px; font-size: 0.917em; font-weight: 600; color: #fff; border-radius: 15px; background: #DF8A04; }

.sbx8 { position: relative; width: 100%; border-top: 4px solid #2754B8; border-bottom: 4px solid #2754B8; overflow: hidden; }
.sbx8_L { float: left; display: block; width: 25%;  border-right: 1px solid #B9C3DA; border-bottom: 1px solid #B9C3DA; }
.sbx8_R { float: right; display: block; width: 25%; border-bottom: 1px solid #B9C3DA; }
.sbx8_L a, .sbx8_R a { display: block; padding: 20px 0 13px; font-size:17px; font-weight: 600; color:#3066DC; text-align: center; }
.sbx8_L a:hover, .sbx8_R a:hover { background: #F3F6FD; }
.sbx8_L span, .sbx8_R span { display: block; font-size:11px; font-weight: 400; color:#666; text-align: center; }
.shN1 { margin: 0 0 30px; font-size: 50px; font-weight: bold; color: #003366; text-align: center; }
.shN1 span { display: block; padding: 15px 0 0; font-size: 17px; font-weight: 400; color: #333; text-align: center; }

.sbx9 { position: relative; width: 100%; overflow: hidden; }
.sbx9_L { float: left; display: block; width: 325px; }
.sbx9_R { float: right; display: block; width: 845px; }

.stit1 { margin: 0 0 5px; font-size: 1.083em; font-weight: 600; color: #1059DD; }
.num { display: inline-block; margin: 4px 20px 5px 0; padding: 3px 8px 1px; font-size: 0.750em; font-weight: 600; color: #fff; border-radius: 5px; background: #6F96EA; }
.strR { font-weight: 600; color: #F20F0F; }
.strB { font-weight: 600; color: #1059DD; }
.strG { font-weight: 600; color: #2FDB4C; }
.strO { font-weight: 600; color: #FE8107; }
.strK { font-weight: 600; color: #000; }

@media (max-width: 767px) {
  .sbx1 { position: relative; width: 100%; overflow: hidden; }
  .sbx1_L { float: none; display: block; width: 100%; margin: 0 0 20px; }
  .sbx1_R { float: none; display: block; width: 100%; }

  .sbx2 { position: relative; width: 100%; overflow: hidden; }
  .sbx2_L { float: none; display: block; width: 100%; }
  .sbx2_R { float: none; display: block; width: 100%; }

  .sbx3 { position: relative; width: 100%; margin: 0 0 25px; overflow: hidden; }
  .sbx3_L { float: left; display: block; width: 26%; margin-right: 4%; }
  .sbx3_R { float: right; display: block; width: 70%; }

  .sbx4 { position: relative; width: 100%; overflow: hidden; }
  .sbx4_L { float: none; display: block; width: 100%; margin: 0 0 10px; }
  .sbx4_R { float: none; display: block; width:100%; padding: 8px 10px; background:#f2f2f2; }

  .sbx5 { position: relative; width: 100%; overflow: hidden; }
  .sbx5_L { float: none; display: block; width: 100%; margin: 0 0 10px; padding: 10px 0; color: #fff; text-align: center; border-radius: 15px; background: #7E9DDF; }
  .sbx5_R { float: none; display: block; width: 100%; margin: 0 0 10px; padding: 10px 0; color: #fff; text-align: center; border-radius: 15px; background: #7E9DDF; }
  .sbx5_L span, .sbx5_R span { display: block; margin: 0 0 4px; text-align: center; }

  .sbx6 { position: relative; width: 100%; overflow: hidden; }
  .sbx6_L { float: none; display: block; width: 100%; padding: 0 20px 20px; border-radius: 10px; background:#2754B8; }
  .sbx6_C { float: none; display: block; width: 100%; text-align: center; }
  .sbx6_R { float: none; display: block; width: 100%; padding: 0 20px 20px; border-radius: 10px; background:#2754B8; }
  .sbx6_C span { display: inline-block; margin: 10px 0 7px; }

  .sbx7 { position: relative; width: 100%; background: #fff; }
  .shN { padding: 15px 0 14px; font-size: 1.083em; font-weight: 600; color: #fff; background: #2754B8; }
  .shN span { display: inline-block; margin-right: 15px; padding: 10px 10px 8px; font-size: 0.917em; font-weight: 600; color: #fff; border-radius: 15px; background: #DF8A04; }

  .sbx8 { position: relative; width: 100%; border-top: 4px solid #2754B8; border-bottom: 4px solid #2754B8; overflow: hidden; }
  .sbx8_L { float: left; display: block; width: 50%; border-right: 0px solid #B9C3DA; border-bottom: 1px solid #B9C3DA; }
  .sbx8_R { float: left; display: block; width: 50%; border-bottom: 1px solid #B9C3DA; }
  .sbx8_L a, .sbx8_R a { display: block; padding: 10px 0 8px; font-size:15px; font-weight: 600; color:#3066DC; text-align: center; }
  .sbx8_L a:hover, .sbx8_R a:hover { background: #F3F6FD; }
  .sbx8_L span, .sbx8_R span { display: none; font-size:0px; font-weight: 400; color:#666; text-align: center; }
  .shN1 { margin: 0 0 30px; font-size: 50px; font-weight: bold; color: #003366; text-align: center; }
  .shN1 span { display: block; padding: 15px 0 0; font-size: 17px; font-weight: 400; color: #333; text-align: center; }

  .sbx9 { position: relative; width: 100%; overflow: hidden; }
  .sbx9_L { float: none; display: block; width: 100%; margin: 0 0 15px; }
  .sbx9_R { float: none; display: block; width: 100%; }
  .sbx9_L img { width: 100%; }
}

/*================================================= 
	Common
=================================================*/

.ml10 { margin-left: 10px; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }

@media (max-width: 767px) {
  .mb10 { margin-bottom: 20px; }
  .mb20 { margin-bottom: 20px; }
  .mb30 { margin-bottom: 20px; }
  .mb40 { margin-bottom: 20px; }
  .mb50 { margin-bottom: 20px; }
  .mb60 { margin-bottom: 20px; }
  .mb70 { margin-bottom: 20px; }
}
.blue { color: #486DE5; }
.navy { color: #17338B; }
.red { color: #C52727; }
.orange { color: #D77B03; }
.green { color: #45AF40; }
.black { color: #000; }
.white { color: #ffffff; }

.str { font-size: 1.083em; font-weight: 600; }
.etr { display: block; }
.ctr { text-align: center; }

.brNo { border: 0; }

.imgL { float: left; display: block; margin: 0 50px 10px 0;}
.imgC { text-align: center; }
.imgC img { width: 100%; }


/*================================================= 
	Scale
=================================================*/
.scale {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-in-out; //부드러운 모션을 위해 추가
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow:hidden;
}
.scale:hover {
	opacity: 0.6;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  overflow:hidden;
}


/*================================================= 
	Tab Menu
=================================================*/

.tab_box { position:relative; width:100%; margin:0; }

div.tabs { position:relative; width:100%; margin: 0 0 40px; padding:0; font-size: 0; text-align:center; overflow: hidden; }
div.tabs span { float: left; display: inline-block; width: 33.33%; margin: 0; }
div.tabs span a { display: block; width: 100%; padding:12px 0 9px; font-size:17px; color:#333; text-align: center; border:1px solid #c0c0c0; border-right: 0; }
div.tabs span:last-child a { border-right:1px solid #c0c0c0; }
div.tabs span a:hover { color:#333; background:#F1F1ED; }	
div.tabs span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

div.tabs1 { position:relative; width:100%; margin: 0 0 40px; padding:0; font-size: 0; text-align:center; overflow: hidden; }
div.tabs1 span { float: left; display: inline-block; width: 33.33%; margin: 0; }
div.tabs1 span a { display: block; width: 100%; padding:12px 0 9px; font-size:17px; color:#333; text-align: center; border:1px solid #c0c0c0; border-right: 0; }
div.tabs1 span:last-child a { border-right:1px solid #c0c0c0; }
div.tabs1 span a:hover { color:#333; background:#F1F1ED; }	
div.tabs1 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

div.tabs2 { position:relative; width:100%; margin: 0 0 40px; padding:0; font-size: 0; text-align:center; }
div.tabs2 span { display: inline-block; width:24.8%; margin: 0; }
div.tabs2 span a { display: block; width: 100%; padding:12px 0; font-size:17px; color:#333; text-align: center; border:1px solid #c0c0c0; border-right: 0; }
div.tabs2 span:last-child a { border-right:1px solid #c0c0c0; }
div.tabs2 span a:hover { color:#333; background:#F1F1ED; }	
div.tabs2 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

div.tabs3 { position:relative; width:100%; margin: 0 0 60px; padding:0; font-size: 0; text-align:center; }
div.tabs3 span { display: inline-block; width:19.9%; margin: 0; }
div.tabs3 span a { display: block; width: 100%; padding:12px 0; font-size:17px; color:#333; text-align: center; border:1px solid #c0c0c0; border-right: 0; }
div.tabs3 span:last-child a { border-right:1px solid #c0c0c0; }
div.tabs3 span a:hover { color:#333; background:#F1F1ED; }	
div.tabs3 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

div.tabs0 { position:relative; width:100%; margin: 0 0 60px; padding:0; font-size: 0; text-align:center; }
div.tabs0 span { display: inline-block; width:19.9%; margin: 0; }
div.tabs0 span a { display: block; width: 100%; padding:12px 0; font-size:17px; color:#333; text-align: center; border:1px solid #c0c0c0; border-right: 0; }
div.tabs0 span:last-child a { border-right:1px solid #c0c0c0; }
div.tabs0 span a:hover { color:#333; background:#F1F1ED; }	
div.tabs0 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }
div.tabs0 span.on a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

div.tabs5 { position:relative; width:100%; margin: 0 0 60px; padding:0; font-size: 0; text-align:center; }
div.tabs5 span { display: inline-block; width: 24.8%; margin: 0; }
div.tabs5 span a { display: block; width: 100%; padding:12px 0; font-size:17px; color:#333; text-align: center; border:1px solid #c0c0c0; border-right: 0; }
div.tabs5 span:last-child a { border-right:1px solid #c0c0c0; }
div.tabs5 span a:hover { color:#333; background:#F1F1ED; }	
div.tabs5 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }
div.tabs5 span.on a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

.tab_container { position:relative; width:100%; margin:15px 0; background:#fff; }
.tab_content { position:relative; padding:0px; }
.tab_content1 { position:relative; padding:0px; }

@media (max-width: 767px) {
  div.tabs { margin: 0 0 20px; }
  div.tabs span { display: block; width: 100%; margin: 0; }
  div.tabs span a { display: block; width: 100%; padding:8px 0; font-size:15px; color:#333; text-align: center; border:1px solid #c0c0c0; }
  div.tabs span:last-child a { border-right:1px solid #c0c0c0; }
  div.tabs span a:hover { color:#333; background:#F1F1ED; }	
  div.tabs span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

  div.tabs1 { position:relative; width:100%; margin: 0 0 20px; padding:0; font-size: 0; text-align:center; }
  div.tabs1 span { display: block; width: 100%; margin: 0; }
  div.tabs1 span a { display: block; width: 100%; padding:8px 0; font-size:15px; color:#333; text-align: center; border:1px solid #c0c0c0; }
  div.tabs1 span:last-child a { border-right:1px solid #c0c0c0; }
  div.tabs1 span a:hover { color:#333; background:#F1F1ED; }	
  div.tabs1 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

  div.tabs2 { position:relative; width:100%; margin: 0 0 20px; padding:0; font-size: 0; text-align:center; }
  div.tabs2 span { display: block; width:100%; margin: 0; }
  div.tabs2 span a { display: block; width: 100%; padding:8px 0; font-size:15px; color:#333; text-align: center; border:1px solid #c0c0c0; }
  div.tabs2 span:last-child a { border-right:1px solid #c0c0c0; }
  div.tabs2 span a:hover { color:#333; background:#F1F1ED; }	
  div.tabs2 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

  div.tabs3 { position:relative; width:100%; margin: 0 0 20px; padding:0; font-size: 0; text-align:center; }
  div.tabs3 span { display: block; width:100%; margin: 0; }
  div.tabs3 span a { display: block; width: 100%; padding:8px 0; font-size:15px; color:#333; text-align: center; border:1px solid #c0c0c0; }
  div.tabs3 span:last-child a { border-right:1px solid #c0c0c0; }
  div.tabs3 span a:hover { color:#333; background:#F1F1ED; }	
  div.tabs3 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

  div.tabs0 { position:relative; width:100%; margin: 0 0 20px; padding:0; font-size: 0; text-align:center; }
  div.tabs0 span { display: block; width:100%; margin: 0; }
  div.tabs0 span a { display: block; width: 100%; padding:8px 0; font-size:15px; color:#333; text-align: center; border:1px solid #c0c0c0; }
  div.tabs0 span:last-child a { border-right:1px solid #c0c0c0; }
  div.tabs0 span a:hover { color:#333; background:#F1F1ED; }	
  div.tabs0 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

  div.tabs5 { position:relative; width:100%; margin: 0 0 20px; padding:0; font-size: 0; text-align:center; }
  div.tabs5 span { display: block; width:100%; margin: 0; }
  div.tabs5 span a { display: block; width: 100%; padding:8px 0; font-size:15px; color:#333; text-align: center; border:1px solid #c0c0c0; }
  div.tabs5 span:last-child a { border-right:1px solid #c0c0c0; }
  div.tabs5 span a:hover { color:#333; background:#F1F1ED; }	
  div.tabs5 span.active a { color:#fff; font-weight:500; background:#6082CB; border:1px solid #6082CB; }

  .tab_container { position:relative; width:100%; margin:15px 0; background:#fff; }
  .tab_content { position:relative; padding:0px; }
  .tab_content1 { position:relative; padding:0px; }
}

/*================================================= 
	Table
=================================================*/

/* 테이블타입 */
.tbT1 { position: relative; width: 100%; }
.tbT2 { position: relative; width: 100%; }
.tbT3 { position: relative; width: 100%; }
.tbT1 a, .tbT2 a, .tbT3 a, .tbT1 a:hover, .tbT2 a:hover, .tbT3 a:hover, .tbT1 a:visited, .tbT2 a:visited, .tbT3 a:visited { color: #555; }

table.Tp1 { width: 100%; line-height: 1.6em; border-top: 2px solid #4B6FBE; }
table.Tp1 caption { position: absolute; font-size: 0; visibility: hidden; }
table.Tp1 th, table.Tp1 td { vertical-align: middle; }
table.Tp1 thead th, table.Tp1 tfoot td { padding: 10px 20px 9px; font-size: 1em; font-weight: 500; color: #fff; text-align: center; border-right: 1px solid #E3D3D9; border-bottom: 1px solid #E3D3D9; background: #7E9DDF; }
table.Tp1 thead th:last-child { border-right: 0px; }
table.Tp1 thead th.ln { border-right: 1px solid #E3D3D9; }
table.Tp1 thead td { padding: 10px 20px 9px; color: #555; border-bottom: 1px solid #E3D3D9; background: #FEF0ED; }
table.Tp1 tbody th { padding: 9px 30px 8px; font-weight: 400; color: #222; text-align: center; border-bottom: 1px solid #E3D3D9; border-right: 1px solid #E3D3D9; background: #FDF7F9; }
table.Tp1 tbody td { padding: 9px 30px 8px; border-bottom: 1px solid #E3D3D9; border-right: 1px solid #E3D3D9; }
table.Tp1 tbody td:last-child { border-right: 0px; }
table.Tp1 tbody td.ln { border-right: 1px solid #E3D3D9; }
table.Tp1 tbody th.lft { text-align: left; }
table.Tp1 tbody td.ctr { text-align: center; }

table.Tp2 { width: 100%; line-height: 1.6em; border-top: 2px solid #4B6FBE; }
table.Tp2 caption { position: absolute; font-size: 0; visibility: hidden; }
table.Tp2 th, table.Tp2 td { vertical-align: middle; }
table.Tp2 thead th { padding: 10px 10px 9px; font-size: 1em; font-weight: 500; color: #fff; text-align: center; border-right: 1px solid #E3D3D9; border-bottom: 1px solid #E3D3D9; background: #7E9DDF; }
table.Tp2 thead th:last-child { border-right: 0px; }
table.Tp2 thead th.ln { border-right: 1px solid #E3D3D9; }
table.Tp2 thead td { padding: 10px 10px 9px; color: #555; border-bottom: 1px solid #E3D3D9; background: #FEF0ED; }
table.Tp2 tbody th { padding: 9px 10px 8px; font-weight: 400; color: #222; text-align: center; border-bottom: 1px solid #E3D3D9; border-right: 1px solid #E3D3D9; background: #FDF7F9; }
table.Tp2 tbody td { padding: 9px 10px 8px; text-align: center; border-bottom: 1px solid #E3D3D9; border-right: 1px solid #E3D3D9; }
table.Tp2 tbody td:last-child { border-right: 0px; }
table.Tp2 tbody td.ln { border-right: 1px solid #E3D3D9; }
table.Tp2 tfoot th { padding: 9px 10px 8px; font-weight: 600; color: #E03333; text-align: center; border-bottom: 1px solid #E3D3D9; border-right: 1px solid #E3D3D9; background: #FDF7F9; }
table.Tp2 tfoot td { padding: 9px 10px 8px; font-weight: 600; color: #E03333; text-align: center; border-bottom: 1px solid #E3D3D9; border-right: 1px solid #E3D3D9; }
table.Tp2 tfoot td:last-child { border-right: 0px; }

table.Tp3 { width: 100%; line-height: 1.6em; border-top: 2px solid #4B6FBE; }
table.Tp3 caption { position: absolute; font-size: 0; visibility: hidden; }
table.Tp3 th, table.Tp3 td { vertical-align: middle; }
table.Tp3 thead th { padding: 10px 20px 9px; font-size: 1em; font-weight: 500; color: #222; text-align: center; border-right: 1px solid #E3D3D9; border-bottom: 1px solid #E3D3D9; background: #FEE3EE; }
table.Tp3 thead th:last-child { border-right: 0px; }
table.Tp3 thead th.ln { border-right: 1px solid #E3D3D9; }
table.Tp3 thead td { padding: 10px 20px 9px; color: #555; border-bottom: 1px solid #E3D3D9; background: #FEF0ED; }
table.Tp3 tbody th { padding: 9px 15px 8px; font-weight: 400; color: #222; text-align: center; border-bottom: 1px solid #E3D3D9; border-right: 1px solid #E3D3D9; background: #FDF7F9; }
table.Tp3 tbody th.week { font-weight: 600; color: #fff; background: #7E9DDF; }
table.Tp3 tbody td { padding: 9px 15px 8px; text-align: center; border-bottom: 1px solid #E3D3D9; border-right: 1px solid #E3D3D9; }
table.Tp3 tbody th:last-child, table.Tp3 tbody td:last-child { border-right: 0px; }
table.Tp3 tbody td.ln { border-right: 1px solid #E3D3D9; }
table.Tp3 tbody th.lft { text-align: left; }
table.Tp3 tbody td.ctr { text-align: center; }

table.Tp4 { width: 100%; line-height: 1.6em; border-top: 0px solid #4B6FBE; }
table.Tp4 caption { position: absolute; font-size: 0; visibility: hidden; }
table.Tp4 th, table.Tp4 td { vertical-align: middle; }
table.Tp4 tbody td { padding: 7px 5px 5px; border-bottom: 1px solid #E3D3D9; border-right: 1px solid #E3D3D9; }
table.Tp4 tbody td:last-child { border-right: 0px; }

.wd1 { width:170px; }
.wd2 { width:365px; }

@media (max-width: 767px) {
  .tbT1, .tbT2, .tbT3 { overflow:auto; }
  table.Tp1, table.Tp2, table.Tp3 { width: 900px; }
}

/* 문의하기 */
.frmBox {	position: relative; overflow: hidden; }
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.frmBox:before, .frmBox:after { content:" "; display:table; }
.frmBox:after { clear:both; }
.frmBox_L { float: left; display: block; width: 47%; }
.frmBox_R { float: right; display: block; width: 47%; }
.frmBox .frmEr { margin: 0 0 20px; font-size: 0; }
.frmBox label { display:block; margin: 0 0 6px; padding: 0; font-size: 15px; font-weight: 500; color: #000; text-transform: uppercase; cursor: pointer; }
.frmBox input[type="text"], .frmBox textarea, .frmBox select { display: block; width: 100%; padding: 7px 10px; font-family: inherit; font-size: 14px; font-weight: 400; color: #666; line-height: 1.6em; background: transparent; }
.frmBox input[type="text"], .frmBox textarea {	 border: 1px solid #aaa; }
.frmBox input[type="checkbox"], .frmBox input[type="radio"] { display: inline-block; margin-right: 10px; }
.frmBox textarea { min-height:180px; }
.frmBox textarea.frmLaw { min-height:540px; }
.frmBox span.frmSr1 { display:inline-block; width:32%; margin-right: 1.9%; }
.frmBox span:last-child.frmSr1 { margin-right: 0; }
.frmBox span.frmSr2 { display:inline-block; margin-right: 30px; font-size: 14px; }
.frmBox span.frmChk { display:block; margin: 7px 0 0; font-size: 14px; font-weight: 500; color: #DA3E3E; }
.frmBox input[type="text"]:focus,
.frmBox textarea:focus,
.frmBox label:active + input,
.frmBox label:active + textarea {
	outline: none;
	border: 1px solid #333;
}
.frmBox select:focus {
	outline: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #99BAD8;
	font-size:0.917em;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #99BAD8;
	font-size:0.917em;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #99BAD8;
	font-size:0.917em;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #99BAD8;
	font-size:0.917em;
}

.frmBox_B { clear: both; padding: 30px 0; text-align: center; }
.frmBox_B button { position:relative; margin:0 7px; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-family:inherit; font-weight:500; white-space:nowrap; }
.frmBox_B button:hover { color:#fff; background:#666; }
.btnOk { display:inline-block; padding:10px 30px 9px; font-size:1.167em; color:#fff; background:#E60053; }
.btnRe { display:inline-block; padding:10px 30px 9px; font-size:1.167em; color:#fff; background:#999; }

@media (max-width: 767px) {
  .frmBox_L { float: none; display: block; width: 100%; margin: 0 0 20px; }
  .frmBox_R { float: none; display: block; width: 100%; }
  .frmBox textarea.frmLaw { min-height:180px; }
  .frmBox_B { padding: 0; }
}