/* CSS Document */

@charset "euc-kr";
/* font-family: 'NanumBarunGothic', sans-serif; 
Regular(400), Bold(700), Light(300), Ultra Light(200) 
*/
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");

/* font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');

/* font-family: ''Nanum Gothic', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');


* {box-sizing: border-box;  font-family: 'NanumBarunGothic', sans-serif;}
html, body{ width: 100%; height: 100%;}
html{ width: 100%; height: 100%}
body{ width: 100%; height: 100%}

img { border:0; }
ul { list-style: none; padding:0; margin: 0}
li { list-style: none; padding:0; margin: 0}
a {text-decoration:none}
body {padding:0; margin:0;}

SELECT {background-color : #ffffff;font-size:12px;}
html, body {height: 100%; margin:0; padding:0;} 
BODY {
        font-size: 15px;
        font-family:  'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;
		color: #4f4f4f;
		line-height: 18px;
		letter-spacing: 0;
		overflow-x:hidden;

		scrollbar-3dlight-color:595959;
	    scrollbar-arrow-color:7F7F7F;
	    scrollbar-base-color:CFCFCF;
	    scrollbar-darkshadow-color:FFFFFF;
	    scrollbar-face-color:DFDFDF;
	    scrollbar-highlight-color:FFFFF;
	    scrollbar-shadow-color:595959
}
    TD, TH, DIV { font-family:  'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;  font-size: 9pt;  color: #4f4f4f;  line-height: 18px;letter-spacing: 0; }

    INPUT, TEXTAREA { font-family:  'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;   font-size: 9pt;	color: #4f4f4f;  }

.bo {
	font-family:  'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;
	font-size: 12px;
	font-weight: 700;
	color: 555555;
}

img {border:none;}
.borderAll {border:1px solid #cccccc;}
.hand {cursor:pointer;}

.divblock{float:left;min-width:80px;border:solid 1px #73A4D2; background-color:#73A4D2;margin:2px;padding:1px;text-align:center;color:#FFFFFF;}
.divblock.b{float:left;min-width:80px;border:solid 1px #1668B4; background-color:#1668B4;margin:2px;padding:1px;text-align:center;color:#FFFFFF;}
.divblock2 {float:left;min-width:120px;margin:2px;padding:1px;text-align:left;}

/* Font */
.fontsiz8gray{color:#999999; font-size: 8pt; }
.b {font-weight:bold;}

.Orange11pxBold {color:#f96810; font-size:12px; font-family: 'NanumBarunGothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-weight:bold;}
.boardtype {color:#a5a5a5; font-size:12px; font-family: 'NanumBarunGothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;}
.boardTitle {color:#ffffff; font-size:12px; font-family: 'NanumBarunGothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-weight:bold;}


.fcolWhite{color:#ffffff;}
.fcolBlue {color:#002aff;}
.fcolRed {color:#cb3704; font-weight:bold;}

.txt_red { font-weight:bold; color:#b61818;}
.txt_orange { font-weight:bold; color:#cc5600;}
.txt_green { font-weight:bold; color:#198213;}

/* 탭 */
.Gtabs {
	display: inline-block;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	background: #1c377e;
	text-align: center;
	color: #ffffff;
	font-size: 12pt;
	line-height: 28pt;
	cursor: pointer;
}
.Gtab:hover {
	background: #1c377e;
	color:#ffffff;
	cursor: pointer;
}
.Gtab {
	display: inline-block;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	background: #eaf3ff;
	text-align: center;
	color: #1c377e;
	font-size: 12pt;
	line-height: 28pt;
	cursor: pointer;
}
.eduGuideTit {
	height:96px;
	padding-left: 150px;
	padding-top: 26px;
	background: url('../eduGuide/images/cont01.png') bottom left no-repeat;
	border-bottom: 1px dashed #dddddd;
	box-sizing: border-box;
}
.eduGuideAca {
	display: inline-block;
	font-size:11pt;
	padding-bottom:7px;
	color: #ff7e00;
}
.eduGuideName {
	font-size: 18pt;
	color: black;
}
.eduGuideImg {
	margin-top: 10px;
}

.eduGuide3Tit {
	height:96px;
	padding-left: 150px;
	padding-top: 26px;
	background: url('../eduGuide/images/cont03.png') bottom left no-repeat;
	border-bottom: 1px dashed #dddddd;
	box-sizing: border-box;
}

#quick_config {z-index: 99 !important}


/* 탑메뉴 ############################################################################ */
#sub_navi { }

.gnbTop_wrap { position: relative; width:100%; min-width:1024px; margin:0 auto; padding:0; }
.gnbTop { width: 100%; height: 35px; line-height: 35px; background: #363e55; }
.gnbTop  ul { width: 1024px; margin: 0 auto; text-align: right}
.gnbTop  ul li { display: inline-block;}
.gnbTop  ul li a { letter-spacing: 0.05em; color: #fff}
.gnbTop  ul li:after { content:'ㆍ'; padding: 0 10px; font-weight: bold; color: #98b2c9;}
.gnbTop  ul li:last-child:after { content:''; padding: 0 0 0 10px; }

.mn_wrap { width: 100%; margin: 0 auto; background: #fff; height: 65px; border-bottom: 1px solid #7883a1; box-sizing: border-box;}
.gnbMn_wrap { width:1024px; margin:0 auto; padding:0; box-sizing: border-box; }

.gnbMn_wrap .gnb_logo { float: left; display: inline-block; width: 200px; height: 65px; margin: 0 auto; text-align: left; box-sizing: border-box; }
.gnbMn_wrap .gnb_logo img { display: inline-block; padding-top:17px; }

.gnb_wrap { float: left; position: relative; display: inline-block; width: 824px; line-height: 100%; margin:0 auto; padding: 0;  z-index: 3}
.gnb_wrap .m_menu { position: absolute; top:0; left:0; width:824px; min-width:824px; max-width: 824px; margin: 0; padding: 0; background: none; display: flex }
.gnb_wrap .m_menu > li {/* float: left;*/ height: 65px; line-height: 65px;  text-align: center; border-bottom: 1px solid #7883a1; flex: 1} 
.gnb_wrap .m_menu > li:hover { background: #e7e7e7} 
.gnb_wrap .m_menu > li a { display: block; text-decoration: none; color: #000; font-size: 16px; font-weight: 700;} 
/*
.gnb_wrap .m_menu > li:nth-child(1) { width: 137px; } 
.gnb_wrap .m_menu > li:nth-child(2){ width: 137px; } 
.gnb_wrap .m_menu > li:nth-child(3){ width: 137px; } 
.gnb_wrap .m_menu > li:nth-child(4){ width: 137px; } 
.gnb_wrap .m_menu > li:nth-child(5){ width: 137px; } 
.gnb_wrap .m_menu > li:nth-child(6){ width: 139px;} 
*/
.m_menu .depth2  { position: relative; display: block; width:100%; height: 0; margin:0; padding: 0; background:#fff; box-sizing: border-box; overflow: hidden; transition: height .3s ease-in-out,background .25s ease-in-out,border-bottom .25s ease-in-out;}
.m_menu .depth2 > li { margin: 0; padding: 0 10px ; width: 100%;  text-align: left; box-sizing: border-box} 
.m_menu .depth2 > li:first-child { margin-top: 10px; }
.m_menu .depth2 > li > a { display:block; margin:0; padding:0; height: 40px; min-height: 40px; line-height: 40px; font-size: 14px; text-decoration: none; color: #696969; font-weight: 500; } 
.m_menu .depth2 > li > a:hover { color: #363e55;} 
.m_menu > li:hover .depth2 { background: #e7e7e7} 

.m_menu > li:nth-child(1) .depth2 > li  { padding: 0 0 0 20px;} 
.m_menu > li:nth-child(2) .depth2 > li  { padding: 0 0 0 40px} 
.m_menu > li:nth-child(3) .depth2 > li  { padding: 0 0 0 30px} 
.m_menu > li:nth-child(4) .depth2 > li  { padding: 0 0 0 35px} 
.m_menu > li:nth-child(5) .depth2 > li  { padding: 0 0 0 35px} 
.m_menu > li:nth-child(6) .depth2 > li  { padding: 0 0 0 40px} 


/* 스티키 */
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

/* 스티키(메인) */
.sticky + #main_wrap {margin-top: 100px; }
#main_wrap .mainVisual{ margin-top: 0;}
/*
#main_wrap {
	padding:0;
 	min-height: clac(100% - 445px); 서브 상단sticky 100 + 하단copy 345
	clear:both;
	margin: 0 auto;
}
*/

/* 스티키(서브) */
.sticky ~ #contents_wrap {padding-top: 0px }
/*
.sub { position: relative; display: inline-block; width: 1024px; min-width: 1024px; max-width: 1024px; height: 100%; margin: 0 auto; padding:0; text-align: left; overflow: hidden;  box-sizing: border-box; }
.sub:after { content: ""; clear: both; display: table; }
*/

/*#contents_wrap{
	min-height:calc(100% - 445px); 서브 상단sticky 100 + 하단copy 345
	clear:both;
	padding:0;
	margin: 0 auto;
}*/


/* 메인 ############################################################################ */
.banner_wrap {width: 100%; margin: 0 auto; padding: 0;}
.banner_wrap .banner { position: relative; display: block; width: 1024px; min-width: 1024px; max-width: 1024px; margin: 0 auto; padding:0; text-align: left; box-sizing: border-box; z-index: 5}
.banner_wrap .banner:after { content: ""; clear: both; display: table; }


/* 메인 비주얼 ############################################################################ */
.mainVisual_wrap { width: 100%; height: 565px; background: #dae8f5; margin: 0 auto 0; padding: 0; overflow: hidden}
.mainVisual { width: 1024px; height: 565px; margin: 0 auto; padding:0; box-sizing: border-box; overflow: hidden}
.mainVisual:after { content: ""; clear: both; display: table; }

/*비주얼(좌)*/
.mainVisual_L {position: relative; float: left; width: 519px; height: 565px;  margin: 0 auto; padding: 0; }

.mainVisual_L .box_tit { width: 100%; margin-top: 30px; text-align: center; }
/*.mainVisual_L .box_tit { position: absolute; top: 30px; left: 0px; width: 100%; text-align: center; }*/
/*.mainVisual_L .box_tit { position: absolute; top: 70px; left: 50px;}*/

.mainVisual_L .mainTit{ display: block; line-height: 28px; font-size: 24px; letter-spacing: -0.03em; color: #1c3f84; font-weight: 700; margin-bottom: 28px;}
.mainVisual_L .mainTit .underline{ position: relative;}
.mainVisual_L .mainTit .underline:after{ content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #1c3f84}

.mainVisual_L .box_tit .mainTxt{ display: block; font-size: 34px; color: #282829; font-weight: 700; line-height: 44px; text-align: left;}
.bold {font-weight: 700}

.mainVisual_L .box_mn {position: absolute; bottom: 25px; left: 70px; }
/*.mainVisual_L .box_mn {position: absolute; bottom: 25px; left: 70px; width: 500px;}*/

/*
.mainVisual_L .box_mn ul{ display: flex}
.mainVisual_L .box_mn ul:last-child{ margin-bottom: 0}
.mainVisual_L .box_mn ul li{  -ms-flex: 1; flex:1; display:block; margin-right: 60px; margin-bottom: 40px; text-align: center; font-size: 15px; font-weight: 700; }
.mainVisual_L .box_mn ul li span{  display:block; margin: 0 auto 10px; width: 70px; height: 70px; border-radius: 70px; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); cursor: pointer; }
.mainVisual_L .box_mn ul li:last-child{ margin-right: 0}
.mainVisual_L .box_mn ul li:hover span{ background-color: #268eff}
*/
.mainVisual_L .box_mn .bmn_row { display: block; width: 100%; height: 120px; margin-bottom: 30px; overflow: hidden; }
.mainVisual_L .box_mn .bmn_row:last-child { margin-bottom: 0}
.mainVisual_L .box_mn .bmn_row:after { content: ""; clear: both; display: table; }
.mainVisual_L .box_mn .bmn_row a { float: left;  display:inline-block; width: 120px; text-align: center; }

.mainVisual_L .box_mn .bmn_row a span{  display: inline-block; margin: 0 auto 10px; width: 70px; height: 70px; border-radius: 70px; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); cursor: pointer; }
.mainVisual_L .box_mn .bmn_row a:last-child { margin-right: 0}
.mainVisual_L .box_mn .bmn_row a:hover span { background-color: #afafaf}
.mainVisual_L .box_mn .bmn_row a .bmn_name { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 15px; font-weight: 700; }


.bmn_row a .bmn1_1 { background: #fff url('../main/images/bmn_01.png') 50% 50% no-repeat; background-size: 50px}
.bmn_row a .bmn1_2 { background: #fff url('../main/images/bmn_02.png') 50% 50% no-repeat; background-size: 50px}
.bmn_row a .bmn1_3 { background: #fff url('../main/images/bmn_03.png') 55% 50% no-repeat; background-size: 50px}

.bmn_row a .bmn2_1 { background: #fff url('../main/images/bmn_04.png') 50% 50% no-repeat; background-size: 50px}
.bmn_row a .bmn2_2 { background: #fff url('../main/images/bmn_05.png') 50% 50% no-repeat; background-size: 45px}
.bmn_row a .bmn2_3 { background: #fff url('../main/images/bmn_06.png') 50% 50% no-repeat; background-size: 50px}

/* 비주얼(우) */
.mainVisual_R { position: relative; float: right; width: 505px; height: 565px;  margin: 0 auto; padding:0;}
.mainVisual_R  .box { width: 245px; height: 245px; padding: 40px 20px; box-sizing: border-box}
.mainVisual_R  .boxPic { width: 245px; height: 245px; padding: 0; box-sizing: border-box}
.mainVisual_R  .box .bn_tit { display: block; font-size: 24px; font-weight: 700; line-height: 30px; margin-bottom: 60px}
.mainVisual_R  .box .bn_txt { display: block; font-size: 18px; font-weight: 400; line-height: 30px}

.boxPic.bn_1,
.box.bn_1{ position: absolute; left:0; top:30px; background: #fff}
.box.bn_1 .bn_tit { color: #1c3f84}
.box.bn_1 .bn_txt { color: #424242}

.boxPic.bn_2,
.box.bn_2{ position: absolute; right:0; top:30px; background: #1c3f83 }
.box.bn_2 .bn_tit { color: #fff}
.box.bn_2 .bn_txt { color: #fff}

.boxPic.bn_3,
.box.bn_3{ position: absolute; left:0; bottom:30px; background: #938071}
.box.bn_3 .bn_tit { color: #fff}
.box.bn_3 .bn_txt { color: #fff}

.boxPic.bn_4,
.box.bn_4{ position: absolute; right:0; bottom:30px; background: #eaeaea}
.box.bn_4 .bn_tit { color: #1c3f84}
.box.bn_4 .bn_txt { color: #1c3f84}

/* 메인 배너영역 ############################################################################ */

/* 1행 */
.banner1 { width: 1024px; margin: 50px auto; padding: 0;}
.banner1:after { content: ""; clear: both; display: table; }

.bn1A { display: inline-block; width: 240px; height: 200px; padding: 0; float: left; background: #fff; }

.bn1B {  float: left; display: inline-block; width: 392px; height: 200px; text-align: center; margin: 0 30px; padding: 0; box-sizing: border-box; }
.bn1B .bn1B_tab {  height: 30px; overflow: hidden; margin-bottom: 20px}
.bn1B .bn1B_tab:after { content: ""; clear: both; display: table; }
.bn1B .bn1B_tab span{ float: left; display: inline-block; width: 100px; height: 30px; line-height: 30px; background: #1c3f83; color: #fff; cursor: pointer; border-bottom: none !important; font-size: 14px; font-weight: 700; text-align: center; letter-spacing: -0.05em;}
.bn1B .bn1B_tab span.on{ border: 1px solid #1c3f83; background: #fff; color: #1c3f83; cursor: pointer}

.bn1B_tab .more{float: right; display: inline-block; width: calc(100% - 200px); height: 30px;  border-bottom: 1px solid #1c3f83; font-size: 14px; color: #222; font-weight: 700; text-align: right; letter-spacing: -0.05em; text-decoration: none;}
.bn1B_tab .more.off{ display: none}

.contA { display: block; }
.contB { display: none; }

.bn1C { float: left; display: inline-block; width: 332px; height: 160px; padding:35px 0; box-sizing: border-box; background: #fff; border: 4px solid #ddd; border-radius: 8px; }
.bn1C a{ float: left; display: inline-block; width: 33.3%; height: 160px; text-align: center; font-size: 16px; font-weight: 700; text-decoration: none; box-sizing: border-box;}

.bn1C a span{ display:block; margin: 0 auto 15px; width: 60px; height: 60px; border-radius: 8px; cursor: pointer;  box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
.bn1C_1 span { background: #3cac37 url('../main/images/bn2_F1.png') 50% 50% no-repeat; background-size: 41px}
.bn1C_2 span{ background: #21c531 url('../main/images/bn2_F2.png') 50% 50% no-repeat; background-size: 41px}
.bn1C_3 span{ background: #FAE100 url('../main/images/bn2_F3.png') 50% 50% no-repeat; background-size: 41px}

.bn1C_1 {position: relative; color: #3bac37 !important}
.bn1C_1:after { position: absolute; left: 105px; top: 5px; content: ''; display: inline-block; width: 1px; height: 60px; background: #ddd; }
.bn1C_2 {position: relative; color: #21c531 !important}
.bn1C_2:after { position: absolute; left: 105px; top: 5px; content: ''; display: inline-block; width: 1px; height: 60px; background: #ddd; }
.bn1C_3 {color: #000100 !important}

/* 메인 로그인 */
.mainlogin_wrap {}
.mainlogin {width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box;}
.mainlogin .tit1{ font-size: 15px; font-weight: 700; margin-bottom: 10px}

.mainlogin .mid { box-sizing:border-box;overflow: hidden; }
.mainlogin .inputBox{ width: 150px; float: left;box-sizing:border-box;}
.mainlogin .btn_log{ width: 80px; float: right;  box-sizing:border-box;}
.mainlogin .btn_log > input{ width: 100%; height: 63px; background: #007aff; border:0; border-radius: 3px; text-align: center; color: #fff; cursor: pointer; }
.mainlogin .btn_log > input:hover{ background:#268eff; }
.mainlogin .inputBox > input { width: 100%; height: 30px; line-height: 30px; padding: 0 10px; background: rgba(0,122,255,0.05); border: 1px solid #bbb; margin-bottom: 3px; outline: 0;}
.mainlogin .inputBox > input:last-child { margin-bottom: 0;}
.mainlogin .mid:after { content: ""; clear: both; display: table; }

.mainlogin .btns {width: 100%; margin-top: 10px; box-sizing:border-box; overflow: hidden; }
.mainlogin .btns:after { content: ""; clear: both; display: table; }
.mainlogin .btns > a { display: inline-block; width: 115px; height: 30px; line-height: 28px; text-align: center; border:0; color: #888; background: #fff; border: 1px solid #bbb; border-radius: 3px; font-weight: 400; float: left;}
.mainlogin .btns > a:last-child {width: 120px; margin-left: 5px; }
.mainlogin .btns > a:hover{ color: #444;  border: 1px solid #aaa; box-shadow: 0 3px 3px rgba(0,0,0,0.2)}
.mainlogin .mem { text-align: left; font-size: 14px; height: 80px; padding: 15px; text-align: center; box-sizing: border-box; background: #eee}


/* 2행 */
.banner2 { width: 1024px; margin: 0 auto; padding: 0; overflow: hidden;}
.banner2:after { content: ""; clear: both; display: table; }

.bn2A { display: inline-block; width: 300px; height: 200px; margin:0; padding: 0; float: left;}
.bn2A ul{ position: relative; display: block;}
.bn2A ul li{float: left; display: inline-block; width:150px; text-align: center; font-size: 16px; font-weight: 700}
.bn2A ul li span{ display:block; margin: 0 auto 10px; width: 100px; height: 100px; border-radius: 100px; cursor: pointer}
.bn2A ul li:hover span{ background-color: rgba(0,0,0,0.1) }

.bn2A_1 { background: #938071 url('../main/images/bn2_D1.png') 50% 50% no-repeat; background-size: 40px}
.bn2A_1:after{ position: absolute; left: 150px; top: 25px; content: ''; display: inline-block; width: 1px; height: 50px; background: #ccc; }
.bn2A_2 { background: #1c3f83 url('../main/images/bn2_D2.png') 50% 50% no-repeat; background-size: 40px}

.bn2B { position: relative; float: left; display: inline-block; width: 450px; height: 120px; text-align: center; margin: 0 50px; padding: 0; box-sizing: border-box; background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); border: 1px solid #ddd; border-radius: 3px;}
.bn2B .bn2B_1 { float: left; display: inline-block; width: 50%; height: 120px;  background: url('../main/images/bn2_E1.png') 50% 50% no-repeat; background-size: 173px; cursor: pointer}
.bn2B .bn2B_1:after{ position: absolute; left: 225px; top: 25px; content: ''; display: inline-block; width: 1px; height: 60px; background: #ccc; }
.bn2B .bn2B_2 { float: left; display: inline-block; width: 50%; height: 120px; background: url('../main/images/bn2_E2.png') 50% 50% no-repeat; background-size: 162px; cursor: pointer }

.bn2C { float: left; display: inline-block; width: 400px; height: 120px; padding:15px 0; box-sizing: border-box; background: #fff; border: 8px solid #ccc; border-radius: 8px; }
.bn2C a{ float: left; display: inline-block; width: 50%; height: 120px; text-align: center; font-size: 16px; font-weight: 700; text-decoration: none; box-sizing: border-box}

.bn2C a span{ display:block; margin: 0 auto 10px; width: 50px; height: 50px; border-radius: 10px; cursor: pointer; }
.bn2C_1 span { background: #3cac37 url('../main/images/bn2_F1.png') 50% 50% no-repeat; background-size: 41px}
.bn2C_2 span{ background: #de5448 url('../main/images/bn2_F2.png') 50% 50% no-repeat; background-size: 41px}

.bn2C_1 {position: relative; color: #3bac37 !important}
.bn2C_1:after { position: absolute; left: 199px; top: 5px; content: ''; display: inline-block; width: 1px; height: 60px; background: #ccc; }
.bn2C_2 {color: #de5448 !important}


/* 서브 ############################################################################ */
.sub_wrap { display: block; width: 100%; margin: 0 auto; padding:0; text-align: center; box-sizing: border-box; }
.sub { position: relative; display: inline-block; width: 1024px; min-width: 1024px; max-width: 1024px; height: 100%; margin: 0 auto; padding:0; text-align: left; box-sizing: border-box; }
.sub:after { content: ""; clear: both; display: table; }

.subF { display: block; width: 100%; margin: 0; padding: 40px 0; box-sizing: border-box;}

/* 좌 */
.subL {float: left;display: inline-block; width: 300px; min-width: 300px; max-width:300px; height: 100%; min-height: 100%; margin: 0; padding: 0 20px;overflow: hidden; box-sizing: border-box;}
.lmenu_wrap { position: absolute; width:260px;min-width: 260px; max-width: 260px; height: 100%; min-height: 100%; margin:0 auto; padding: 0;  background: #007aff; overflow: hidden; box-sizing: border-box; }

.lmenu_wrap .lmenu_top {width:100%; margin: 0 auto; padding: 34px 20px;overflow: hidden; box-sizing: border-box; }
.lmenu_wrap .lmenu { width: 100%; margin: 0 auto; padding: 30px 30px; background: #0770ed ; overflow: hidden; box-sizing: border-box; }

/* 좌(top) */
.lm_title { min-height:30px; margin-bottom: 24px; padding-bottom:24px; border-bottom: 1px solid rgba(255,255,255,0.3); text-align: center; font-size: 24px;  line-height: 30px; font-weight: 700; color: #fff; letter-spacing: 0.02em; }
.num_tit { position: relative; display: block; margin: 0 20px; padding: 0; height: 24px; line-height: 24px; vertical-align: middle; font-size: 17px; font-weight: 500; color: #fff; letter-spacing: -0.05em; }
/*.num_tit:before { position: absolute; top: 0px; left: 0;content: '?'; display: inline-block; width: 22px; height: 22px; line-height: 22px; background: #fff; font-size: 22px; color: #007aff; font-weight: 700; text-align: center; border-radius:3px}*/
.telnum { height: 24px; line-height: 38px; margin: 0 20px; padding:0; font-size: 27px; font-weight: 400; color: #fff; letter-spacing: -0.05em; }

/* 좌(menu) */
.lmenu_depth1 { margin-top: 0;}
.lmenu_depth1 > li {margin:0 auto; text-align: center; }
.lmenu_depth1 > li > a { position: relative; display: inline-block; width: 100%; text-align: left; min-height:34px; line-height: 34px; padding:0 12px; margin: 5px auto; color: #fff; text-indent: 10px; font-size: 15px; font-weight: 700; letter-spacing: -0.05em; box-sizing: border-box; }
/*.lmenu_depth1 > li > a:after { position: absolute; top:0; right: 15px; content:'＞'; font-size: 15px; font-weight: 300; color: #fff}*/
.lmenu_depth1 > li > a:after { position: absolute; top:8px; right: 15px; content:''; display: inline-block; width: 11px; height: 15px; background: url('../images/common/lmn_arrow.png') no-repeat; }
/*
.lmenu_depth1 > li > a.on, .lmenu_depth1 > li > a:hover { color: #fff; background: #363e55; border-radius: 3px 3px 3px 15px;}
.lmenu_depth1 > li > a.on:after, .lmenu_depth1 > li:hover > a:after { color: #fff} 
*/

.lmenu_depth2 {  background: /*rgba(0,41,105,0.06)*/none; margin: 0 15px; padding:5px 0; border-radius: 6px;  box-sizing: border-box;}
.lmenu_depth2 > li > a:before { content:'ㆍ';}
.lmenu_depth2 > li > a{ display: inline-block; width: 100%; min-height:30px; padding:10px 0; border-bottom: 1px dashed  rgba(255,255,255,0.2); color: #eee; font-size: 13px; font-weight: 300; text-align: left; letter-spacing: 0em; line-height: 16px; box-sizing: border-box;}
.lmenu_depth2 > li:last-child > a { border-bottom: none; }
.lmenu_depth2 > li > a.on, .lmenu_depth2 > li > a:hover  { display: inline-block; width: 100%; min-height:30px; color: #fff;  font-weight: 400; }

/* 우 */
.subR { float: right; display: inline-block; width: 724px; min-width: 724px; max-width: 724px; margin: 0; padding: 40px 0; box-sizing: border-box;}
.subR.mycontent{padding-bottom: 700px}

.pageTit { width: 680px; height: 85px; line-height: 85px; margin: 0 auto 10px; padding: 0 30px; border-radius: 3px; background: #fff; font-size: 22px; font-weight: 700; color: #000; letter-spacing:-0.05em;box-sizing: border-box; overflow: hidden;}
.pageTit .smallTit { font-size: 20px; color: #666}
.pageTit .smallTit:before { content: '|'; color: #ccc; font-weight: normal; padding: 0 8px; }

.subCont{text-align:center; vertical-align:top; height: 100%; min-height:500px; width: 100%; margin:0 auto;}
.subContL{text-align:left; vertical-align:top; min-height: 500px; width: 680px; margin:0 auto;}

.about3Tit { margin-bottom: 10px; font-size: 20px; font-weight: 400; color: #103d81; letter-spacing: -0.05em;}

/* 오시는길 ############################################################################ */
.addr_section {margin: 0 20px; padding: 20px 0; border-top: 1px solid #f2f2f2; box-sizing: border-box}
.addr_tit {font-size: 15px; font-weight: 700; color: #222; padding-bottom: 10px}
.addr {font-size: 14px; color: #444}

/* 하단정보 ############################################################################ */
.bottom_line { height: 345px; overflow: hidden; display: relative; }
.foot_wrap {width: 100%; margin: 0 auto 0; padding: 0; background:#fff; border-top: 1px solid #ddd;}
.foot_wrap .foot_mn {width: 1024px; height: 40px; padding:0; margin:0 auto; text-align: center}
.foot_wrap .foot_mn a {display: inline-block; height: 40px; line-height: 40px; padding: 0 15px;  font-size:14px; color:#888; font-weight: 500; text-decoration:none; text-decoration: none; letter-spacing: 0.11em}
.foot_wrap .foot_mn a:hover {color: #666 !important}
.foot_wrap .foot_mn .lr10 {padding:0 10px; color: #aaa;}

.copy_wrap{ width: 100%; margin:0 auto 0; padding: 0; background:#fff; border-top: 1px solid #ddd;overflow: hidden; }
.copy_wrap .copy { position: relative; width: 1024px; padding: 0; margin: 30px auto 300px;}
.copy_wrap .copy .logo {position: absolute; top:0; left: 0; display: inline-block; width: 230px; text-align: center; }
.copy_wrap .copy .logo img {opacity: 0.6}
.copy_wrap .copy .info { position: absolute; top:0px; left: 250px; display: inline-block; width: 824px; }
.copy_wrap .copy .info div { color: #999;}

.copy_wrap .copy .info .lr10 { font-size: 14px; padding:0 10px; font-weight: 300; color:#ccc !important }
.copy_wrap .copy .info .bold {font-weight: 700}
.copy_wrap .copy .info .marginB20 { margin-bottom: 20px}
.copy_wrap .copy .info .marginB10 { margin-bottom: 10px;}
.copy_wrap .copy .font17 { font-size: 16px; line-height: 30px;}
.copy_wrap .copy .font15 { font-size: 14px; line-height: 24px;}
.copy_wrap .copy .font14 { font-size: 12px; line-height: 18px;}


/* 차량시간표 ############################################################################ */
.busTab ul li A:link {color:#fff;text-decoration:none;}
.busTab ul li A:visited {color:#fff;text-decoration:none;}
.busTab ul li A:active {color:#fff;}
.busTab ul li A:hover {color:#fff;text-decoration:none;}

.greeting {padding-left:-20px;}

.tab_title { overflow: hidden;margin-bottom:20px; text-align:center;}
.tab_title ul{width: 666px;padding-left:0px;margin:0;}
.tab_title ul li {list-style: none; margin-right: 2px; margin-bottom: 2px;float: left;}


.busTab { overflow: hidden;margin-bottom:20px; text-align:center;}
.busTab ul{display: flex; width: 724px;padding-left:0px;margin:0 0 2px 0;}
.busTab ul li {flex: 1; list-style: none; margin-right: 2px; margin-bottom: 2px;float: left;cursor:pointer}
.busTab li {
    background:#8b8b8b;
    padding:10px 0;
    text-align:center;
    color:white;
    font-weight:bold;
    font-size:12px;
}
.busTab li:hover {
    background:#c91e38;
    padding:10px 0;
    text-align:center;
    color:white;
    font-weight:bold;
}
.busTab li a { display: block; }

.busTab .busTabon {
    list-style: none;;margin-right: 2px; margin-bottom: 2px;cursor:pointer;width:165px;
    background:#c91e38;
    padding:10px 0;
    text-align:center;
    color:white;
    font-weight:bold;
}

#premier21 {width: 100%;}
#premier22 {width: 100%;}
#premier23 {width: 100%;}
#premier24 {width: 100%;}
#premier25 {width: 100%;}
#premier26 {width: 100%;}
#premier27 {width: 100%;}
#premier28 {width: 100%;}
#premier29 {width: 100%;}

/* 학원소개 > 버스 시간표 테이블 */
    .bus {
        background:#8b8b8b;
        margin-top:10px;
        font-size:13px;
    }
    .bus th{
        background:#c91e38;
        color:#fff;
        padding:4px 0;
        font-size:13px;
		text-align: center;
    }
    .bus td{
        background:#fff;
        padding:6px 0;
        text-align:center;
    }
    #busTime {
        background:#a20019;
        color:#fff;
        font-weight:bold;
    }
    #busTitle {
        padding-left:10px;
        text-align:left;
        background:#eee;
    }
    #busNum {
        color:#d32646;
        font-weight:bold;
        padding-right:6px;
    }


/* 학원소개 > 버스 운행정보 (좌측) */
    .busInfo th{
        color:#fff;
        background:#0091dc;
        padding:15px 0;
        font-size:12pt;
        font-weight:bold;
        line-height:13pt;
        letter-spacing:-1pt;
        font-size:16px;
		text-align: center;
    }
    .busInfo td{
        padding:20px 0;
        text-align:center;
        border-left:3px solid #0091dc;
        border-right:3px solid #0091dc;
        border-bottom:3px solid #0091dc;
        font-size:12px;
    }

    #busInfoNum {
        color:#0091dc;
        font-weight:bold;
        background:#c1eaff;
        padding:3px 5px;
    }

    #busInfoStar {
		margin-top: 10px;
        color:#c91e38;
        font-weight:bold;
        background:#ffdde3;
        padding:3px 5px;
        font-size:12px;
    }

/* 학원소개 > 버스 기사님 정보 (우측) */
    .busDriver {
        background:#bbb;
    }
    .busDriver th{
        background:#ccc;
        color:#666;
        padding:3px 0;
        font-size:8pt;
		text-align: center;
    }
    .busDriver td{
        background:#f4f4f4;
        text-align:center;
        padding:2px 0;
        font-size:8pt;
    }


/*메인페이지*/
.bg_top {background:url(../main/images/mainVisual_bg.png) repeat-x 0 0; vertical-align:top;}
.bg_tops {background:url(../topmenu/top_bgs.png) repeat-x 0 0; vertical-align:top;}
.bg_main {}
.bg_mainVisual {background-color:#dddddd;text-align:center;}
.topmenu {padding-top:60px; height:128px; vertical-align:top;}
.txt_date {font-size:11px; color:#c4cec5;}

.bn_tit {height:25px; font-weight:bold; color:#444; font-size:18px; letter-spacing:-0.05em;}


/*메인페이지:온라인학습배너*/
.container {
  position: relative;
  width: 210px;
  height: 183px;
  cursor: pointer; 
}

.bnEdu {
  opacity: 1;
  display: block;
  width: 210px;
  height: 183px;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 45px;
  left: 0;
  transform: translate(-0, -0);
  -ms-transform: translate(-0, -0);
  text-align: center;  
}

.container:hover .bnEdu {
  opacity: 0.3;
}

.container:hover .middle {
	opacity: 1;
}


.bnEdu_btn {
	display: inline-block;
	width: 88%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 2px;
}
.bnEdu_btn.navy { background: #232461 }
.bnEdu_btn.orange { background: #ff7f27 }
.bnEdu_btn.red { background: #ed1c24}
.bnEdu_btn a{ color: #ffffff !important; text-decoration: none;}

.bnEdu_btn1 {
	display: inline-block;
	width: 88%;
	height: 60px;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	background: #002969;
}
.bnEdu_btn2 {
	display: inline-block;
	width: 88%;
	height: 50px;
	text-align: center;
}
.bnEdu_btn1 img {
	width: 150px;
}
.bnEdu_btn1 img:hover {
	width: 155px;
}
.bnEdu_btn2 img {
	width: 100px;
}
.bnEdu_btn2 img:hover {
	width: 105px;
}


/*서브공통*/
.bg_subBottom {background:url(../images/common/bottom_subBg.png) repeat-x 0 0 #f4f4f4;}
table.aleft {margin-top:24px;text-align:left;}
/*.bg_sub { background-image:url(../images/common/bg_sub.gif); background-repeat:repeat; vertical-align:top;}

.tit { margin-top: 35px; font-size: 27px; font-weight: 400; color: #222;  line-height: 26px; letter-spacing:-0.05em; padding-bottom: 10px}
.pageTit { position: relative; display: block; margin-top: 35px; margin-bottom: 10px; width:100%; min-height:40px; overflow: hidden;  box-sizing: border-box; }
.pageTit div { display: inline-block; min-height: 40px; float: left;padding:0; margin: 0;}
.tit { width: 380px;font-size: 27px; font-weight: 400; color: #222; letter-spacing:-0.05em; box-sizing: border-box; }
.category{ width: calc(100% - 380px); font-size:10.5px; font-weight: 300; color: #666; text-align:right; letter-spacing: 0;font-family:sans-serif; box-sizing: border-box; }
.category > span {display: inline-block; width: 16px; height: 16px; background: url('../images/common/ico_home.png') left 7px no-repeat; }	
*/

/*표1* - 찾아오시는길*/
.sj_title { text-align:left; font-weight:bold; padding:6px; color:#505050; background:#f7f7f7;}
.sj_contents{ text-align:left; padding:6px 20px; }

/*로그인*/
.input_login{ background:#fff; border:1px solid #c9c9c9; color:#fff; width:145px; height:18px;}
 
/*공통폰트스타일-사이즈*/

.fontsiz8 {	font-size: 8pt;}
.fontsiz9 { font-size: 9px;}
.fontsiz10 { font-size: 10px;}
.fontsiz12 { font-size: 12px;}
.fontsiz13 { font-size: 13px;}
.fontsiz14 { font-size: 14px;}
.font11 {font-size:11px;}
.txt_white {color:#fff;}

/* 포커스(점선) 없애는 소스 */
a,area { blr:expression(this.onFocus=this.blur()); }
:focus { -moz-outline-style: none; }

/* selbox */
.selbox {color:818181; font-family: 'NanumBarunGothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-size:12px;}
.Free_selbox { font-family:  'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;font-size: 12px;color: 555555; }

.Free_form { border:1 solid #e7e7e7; background-color:#ffffff; height:19px; }
.search_box { border:1 solid #e7e7e7; background-color:#ffffff; height:20px; width:170px;}

/* sub menu */
.menu_sub {position:relative;top:-3px;}
.sub_1 {left:0px; display:none;}
.sub_2 {left:100px;display:none;}
.sub_3 {left:200px;display:none;}
.sub_4 {left:290px;display:none;}
.sub_5 {left:380px;display:none;}
.sub_6 {left:510px;display:none;}
.sub_7 {left:490px;display:none;}

/* LINK */	
A:link {color:#4f4f4f;text-decoration:none;}
A:visited {color:#4f4f4f;text-decoration:none;}
A:active {color:#4f4f4f;}
A:hover {color:#4f4f4f;text-decoration:none;}


/* PAGE VIEW */
.pageView:link {color: #818181; font-family:  'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-size: 12px;}
.pageView:visited {color: #818181 ;font-family:  'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-size: 12px;}
.pageView:active {color: #818181; font-family:  'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-size: 12px;}
.pageView:hover {color: #818181; font-family:  'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-size: 12px;}


.board-line01 {border-bottom:1px solid #e8e8e5; height:28px; }
.board-line02 {border-bottom:2px solid #f69c4d; height:29px; }
.board-line03 {border-bottom:2px solid #f69c4d; padding-bottom:10px; padding-top:10px;}
.board-line04 {border-bottom:1px solid #e8e8e5; height:28px; padding-left:10px; }
.board-line05 {border-bottom:2px solid #f69c4d; padding-left:10px; padding-top:7px;}
.board-line06 {border-bottom:1px solid #f69c4d; height:29px; }
.board-line07 {border-bottom:1px solid #e8e8e5; height:28px; padding-right:10px; }
.board-line08 {border-bottom:1px solid #f69c4d; height:29px; padding-right:10px; }
/* ----------------------------- 공통 --------------------------------- */

body {margin: 0 auto}
.style1 {
	font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;
	font-size: 12px;
	color: #000000;
}
.style2 {
	font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;
	font-size: 12px;
	color: #888888;
}
.style5 {
	font-size: 12px;
	font-weight: bold;
	color: #573214;
	font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;
}
.style6 {font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-size: 12px; color: #666666;  }
.style8 {font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-size: 12px; color: #333333; }
.style15 {color: #666666; font-weight: bold; font-size: 11px; font-family: 'NanumBarunGothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; }
.style17 {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;
}
.style18 {
	font-size: 12px;
	color: #666666;
	font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;
}
.style23 {font-size: 12px; color: #666666; }
.style27 {font-size: 12px; color: #333333; }
.style28 {font-size: 11px; font-weight: bold; color: #333333; font-family: 'NanumBarunGothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; }
.style30 {color: #666666; font-family: 'NanumBarunGothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;; font-size: 11px; }
.style32 {font-size: 12px; color: #666666; font-weight: bold; }


/* Padding */
.pl5{padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}

/* margin */
.ml5{margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}

/* 메인 비주얼 */
    body,div{padding:0px;margin:0px;}        
    ul,li{list-style-type:none;padding:0px;margin:0px;}    
    img{border:0;}
    .scrollWrap {width:100%;padding:0px;margin:0px;height:400px; }
    #bg0{background:#1e2941 url("../main/images/main_vi001_bg.jpg") 50% 50% no-repeat;}
    #bg1{background:#1e2941 url("../main/images/main_vi002_bg_20200707.jpg") 50% 50% no-repeat;}

/*

    .scrollWrap .visualUL {position:relative;width:980px;margin:0 auto;overflow:hidden;height:400px;}
    .visualUL li {width:12px;height:13px;display:inline;}
    .visualUL li.last {margin-right:5px;}
    .visualUL li span.navi {position:absolute;display:block;width:14px;height:15px;overflow:hidden;z-index:3;cursor:pointer;bottom:20px;margin-left:490px; }
    .visualUL li span.navi a {display:block;width:14px;height:15px;overflow:hidden;background:url("../main/images/new_visualUL_navi3.png") no-repeat 0 0;text-indent:-1000px;}
    .visualUL li span.navi a {background-position:0 0;}
    .visualUL li.on span.navi a {background-position:0 -15px;}
    .visualUL li span.pic {position:absolute;left:0;top:0;z-index:1;}
    .visualUL li span.pic {display:none;}
    .visualUL li.v_1 span.navi {left:0px;}
    .visualUL li.v_2 span.navi {left:15px;}
    .visualUL li.v_3 span.navi {left:30px;}
    .visualUL li.v_4 span.navi {left:45px;}
*/


	.lr10 {padding:0 10px}
	.btmenu {font-weight:500;font-size:10pt;color:#666666;vertical-align:bottom;text-align:left;height:30px}
	.btmenucolor {color:#666666;text-decoration:none}
	.btinfo {font-size:10pt;line-height:15pt;letter-spacing:0.2pt;text-align:left;height:80px;color:#666666}
	.btinfocolor1 {font-weight:600;color:#666666}
	.btinfocolor2 {color:#666666}
	.btinfocolor3 {color:#666666}
	.subNavi_line{border-bottom:30px solid #b71e00;margin-bottom:40px;} /* orange */

	/* .subNavi_line{border-bottom:30px solid #fc9817;margin-bottom:40px;} yellow */
	/*.subNavi_line{border-bottom:30px solid #cb1d23;margin-bottom:40px;} red */
	.subCont_login {background: #f4f4f4;vertical-align: middle;height:600px; text-align: center; margin: 0 auto; }
	.subCont_login > div {display:inline-block; width:300px; margin:50px auto; padding:0; text-align: left;}

	.leftMn_line{margin-top:40px;}
	.leftMn_line img{border-bottom:1px solid #d4d4d4}

/* ----------------------------- Main --------------------------------- */

.mainSch table th {font-size:8pt; font-family:tahoma; background-color:#e7e7e7; font-weight:normal;}
.mainSch table th .sunday { color:#8c4444;}
.mainSch table td {font-size:8pt; font-family:tahoma; text-align:right;}
.mainSch table td .on{font-size:8pt; font-family:tahoma; color:#ffffff; background-color:#ff7b00;}
.mainSch table td .sunday{font-size:8pt; font-family:tahoma; color:#8c4444;}
.mainSch table td .rsunday{font-size:8pt; font-family:tahoma; color:#c69595;}
.mainSch table td .rday{font-size:8pt; font-family:tahoma; color:#8c8c8c;}


/* Notice */
.notice:link {color: gray;font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;font-size: 13px;}
.notice:visited {color: gray;font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;font-size: 13px;}
.notice:active {color: gray;font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;font-size: 13px;}
.notice:hover {color: gray;font-family: 'Nanum Gothic', "돋움",Dotum,"굴림",Gulim,Arial,sans-serif;;font-size: 13px;}

/* Notice Date*/
.date{color:#e6711a; font-family:sans-serif; font-size:11px;}


/* Login Form */
.login_form_id { width:133px; height:20px; border:1 solid #e7e7e7; background-color:#f7f7f7; background-image:url(../Front/images/main/log_id.gif);}
.login_form_pw { width:133px; height:20px; border:1 solid #e7e7e7; background-color:#f7f7f7; background-image:url(../Front/images/main/log_pw.gif);}


/*PopUp 디자인Css*/
.pop_title{background:#fdc741; border-bottom:1px solid #dea822; height:60px; padding-left:10px;}

/* ----------------------------- Sub --------------------------------- */


/*표*/
.pgTable01{border-collapse:collapse;width:100%;border-top:2px solid #d82a01;border-bottom:2px solid #d82a01;}
.pgTable01 th{border-top:1px solid #c3c3c3;padding:6px;background-color:#ddd;}
.pgTable01 td{border-top:1px solid #c3c3c3;padding:12px;text-align:left;letter-spacing:-1pt}
#pgT01{text-align:center;background:#eee}

/*마이페이지-왼쪽 서브메뉴*/
#MysubMn {height:35px; vertical-align:middle;}


/*사이트맵*/
.sitemapTit { clear: both; margin-top: 20px}
.sitemapTit li {width: 23%; height:40px;background:#0770ed;color:#fff; text-align:center; line-height: 40px; margin-bottom: 5px;font-size: 14px;font-weight: normal; margin-right: 2%; float: left}
.sitemapTit li:last-child {margin-right: 0;}
.sitemapTit:first-child {margin-top: 0px}

.sitemapTable { width:23%; margin-right: 2%; float: left; }
.sitemapTable:last-child { margin-right:0; }
.sitemapTable > li { float: left;display: inline-block; width: 100%; border-bottom:1px dashed #bbb; text-align: left} 
.sitemapTable > li > a {display: inline-block; width: 100%; padding:8px; font-size: 12px; font-weight: normal; text-decoration: none; color: #444} 
.sitemapTable > li > a:hover {color: #002969} 

.sitemapTable > li > ul  {width: 100%; float: left; background: rgba(0,41,105,0.1); padding: 8px 0; } 
.sitemapTable > li > ul > li { float: left; display: inline-block; width: 100%;} 
.sitemapTable > li > ul > li > a { display: inline-block; width: 100%; min-height: 18px; text-indent: 10px;  color: #666} 
.sitemapTable > li > ul > li > a:hover {color: #002969} 

.hh {display: block; width: 100%; clear: both; }
.nn { background: none !important; }


/* 교육프로그램 > R&P/DRT 공통  타이틀 */
.eduPro3_wrap { display: inline-block; width: 100%; margin-bottom: 30px; overflow: hidden; box-sizing: border-box; clear: both}
.eduPro3_wrap .eduPro3_l { float: left; display: inline-block; width: 170px; }
.eduPro3_wrap  .eduPro3_l .subTitA { display: inline-block; width:78px; height:85px; float:left; background: url('../images/common/subTitA.png') no-repeat; margin-right: 10px}
.eduPro3_wrap .eduPro3_r { float: right; display: inline-block; width: 560px}
.eduPro3_wrap .eduPro3_r .full { position: relative; float: left; display: inline-block; width: 560px; min-height: 200px; margin-bottom: 10px; padding: 30px 10px 10px 10px; border-radius: 9px; border: 9px solid #dee7f5; background: #fff ; box-sizing: border-box;}
.eduPro3_wrap .eduPro3_r .full img {width: 520px;}
.eduPro3_wrap .eduPro3_r .wrap { display: inline-block; width:560px; padding: 10px 5px; border: 1px solid #ccc;  overflow: hidden; box-sizing: border-box; clear: both }
.eduPro3_wrap .eduPro3_r .wrap .halfL { float: left; display: inline-block; width: 272px; border-right: 1px solid #ccc; margin-right: 4px; min-height: 200px;   box-sizing: border-box;}
.eduPro3_wrap .eduPro3_r .wrap .halfL img {width: 270px;}
.eduPro3_wrap .eduPro3_r .wrap .halfR { float: right; display: inline-block; width: 272px; min-height: 200px; box-sizing: border-box;}
.eduPro3_wrap .eduPro3_r .wrap .halfR img {width: 270px}

/* 서브 공통 타이틀 */
.subTitA_wrap {width: 100%; box-sizing: border-box;overflow: hidden}
.subTitA { display: inline-block; width:78px; height:85px; float:left; background: url('../images/common/subTitA.png') no-repeat; margin-right: 10px}

.subTit_h0 { text-align: left; font-size: 24px; font-weight: 600; letter-spacing: -0.05em; color: #002969; }
.subTit_h1 { display: inline-block; float:left; font-size: 24px; font-weight: 600; letter-spacing: -0.05em; color: #002969; padding-top: 50px}
.subTit_h1_eng { display: inline-block; float:left; font-size: 26px; font-weight: 600; letter-spacing: -0.05em; color: #002969; padding-top: 50px}
.subTit_h1_2 { display: inline-block;  font-size: 22px; font-weight: 500; letter-spacing: -0.05em; color: #002969; padding-top: 15px; margin-bottom: 10px }
.subTit_h1_2box { display: inline-block;  height: 26px; line-height: 24px; font-size: 16px; font-weight: 400; letter-spacing: 0em; background: #002969; color: #fff; padding: 0 10px; margin-bottom: 5px}

.subTit_h2 { display: inline-block; background: url('../images/common/subTit_h2.png') no-repeat 0 3px; font-size: 18px; text-indent: 20px; font-weight: 500; letter-spacing: -0.05em; color: #002969;  margin-bottom: 10px}
.subTit_h2_box { display: inline-block;  height: 30px; line-height: 27px; font-size: 18px; font-weight: 400; letter-spacing: -0.05em; background: #002969; color: #fff; padding: 0 10px; margin-bottom: 5px}
.subTit_h2eng_box { display: inline-block;  height: 28px; line-height: 27px; font-size: 16px; font-weight: 400; letter-spacing: 0; background: #002969; color: #fff; padding: 0 10px; margin-bottom: 5px}
/*.subTitred_h2_box { position: absolute; top:0; left:0; display: inline-block;  height: 30px; line-height: 27px; font-size: 18px; font-weight: 400; letter-spacing: -0.05em; background: #bd3d3d; color: #fff; padding: 0 10px; margin-bottom: 5px}*/

.subTit_h3 { display: block; color: #ac7300; font-size: 20px; font-weight: 500; letter-spacing: -0.05em; margin-bottom: 10px;}
.subTit_h3_bar { display: inline-block; width: 18px; height: 4px; background: #ac7300; margin-bottom: 5px;} 

/* 테이블 공통 */
.headA {min-height: 30px; background:  rgba(0,41,105,1);  color: #fff !important; line-height: 12px !important; text-align:center; font-size: 14px; border:1px solid #ccc; }
.headB {min-height: 40px; background: rgba(0,41,105,0.1); color: rgba(0,41,105,1) !important;  line-height: 16px !important; text-align:center; font-size: 13px;  border:1px solid #ccc}
.headBox { display: inline-block; font-size: 11px; border-top: 1px solid rgba(255,255,255,0.5); padding-top: 3px; margin-top:3px }
.center_gray { background: #eee; color: #444; text-align: center}
.txt_center {text-align: center}
.txt_gray { color: #888; font-size: 11px; }
.txt_mark { background: rgba(255,234,52,0.5); border-bottom: 1px solid rgba(255,234,52,1); }
.bg_mark { background: rgba(255,234,52,0.5); }
.txt_markRed { color: rgba(212,22,22,1); }

.redBoxT {border-top: 2px solid rgba(212,22,22,1) !important; }

.redBoxTLR {border-top: 2px solid rgba(212,22,22,1) !important; border-left: 2px solid rgba(212,22,22,1) !important; border-right: 2px solid rgba(212,22,22,1) !important;}
.redBoxBLR {border-bottom: 2px solid rgba(212,22,22,1) !important; border-left: 2px solid rgba(212,22,22,1) !important; border-right: 2px solid rgba(212,22,22,1) !important;}
.redBoxL {border-left: 2px solid rgba(212,22,22,1) !important; }
.redBoxR {border-right: 2px solid rgba(212,22,22,1) !important;}
.redBoxLR {border-left: 2px solid rgba(212,22,22,1) !important; border-right: 2px solid rgba(212,22,22,1) !important;}

.redBoxTL {border-top: 2px solid rgba(212,22,22,1) !important; border-left: 2px solid rgba(212,22,22,1) !important;}
.redBoxTB {border-top: 2px solid rgba(212,22,22,1) !important; border-bottom: 2px solid rgba(212,22,22,1) !important;}
.redBoxTR {border-top: 2px solid rgba(212,22,22,1) !important; border-right: 3px solid rgba(212,22,22,1) !important;}
.redBoxB {border-bottom: 2px solid rgba(212,22,22,1) !important; }
.redBoxBR {border-bottom: 2px solid rgba(212,22,22,1) !important; border-right: 3px solid rgba(212,22,22,1) !important;}
.redBoxBL {border-bottom: 2px solid rgba(212,22,22,1) !important; border-left: 2px solid rgba(212,22,22,1) !important;}


/* 입시정보 > 학교정보 */
.dataRoomTab { width: 100%; display: block; height:30px; margin-bottom: 40px; padding:0;}
.dataRoomTab ul li { list-style: none; float: left; margin-right: 3px;}
.dataRoomTab ul li a { text-decoration: none; display: inline-block; width: 175px; height: 30px; line-height: 30px; background: #ccc; color: #fff; text-align: center; border-radius: 3px; font-size: 14px; letter-spacing: 0;}
.dataRoomTab ul li a:hover, .dataRoomTab .on { background: #d2a855;}

.dataRoom1_tit { width: 100%; margin-bottom: 5px; font-size: 16px; font-weight: 500; letter-spacing: -0.05em; color: #664a13; height: 30px; }
.dataRoom1_tit .num { display: inline-block; height: 30px; font-family: sans-serif;  color: #e8d3aa; font-weight: 700; font-size: 22px; border: 0; line-height: 22px}
.dataRoom1_tit .bar { display: inline-block; height: 30px; font-family: sans-serif; color: #e8d3aa; font-weight: 300; font-size: 14px; line-height: 2px;padding: 0 6px}

.dataRoom1_table { padding:0; margin:0 0 20px 0; border:0; box-sizing: border-box;  border-collapse: collapse; width: 100%; border-top: 2px solid #B8AB91}
.dataRoom1_table td { padding: 8px; border: 1px solid #ccc; font-size: 13px; line-height: 24px;text-align: center; }
.dataRoom1_table td a{ display: inline-block; width: 100%; text-decoration: none; color: #666; }
.dataRoom1_table td:first-child {border-left: 0; }
.dataRoom1_table td:last-child {border-right: 0; }
.dataRoom1_table td:hover { background: #fcf8ef; }


/* 입시정보 > 2021-2024학년도 대입변경사항 */
.dataRoom2_tit { margin-bottom: 20px; font-size: 20px; font-weight: 500; letter-spacing: -0.05em; color: #002969;}

.dataRoom2_table1 { padding:0; margin:0 0 40px 0; border:0; box-sizing: border-box;  border-collapse: collapse; width: 100%}
.dataRoom2_table1 td { padding: 10px 6px; border: 1px solid #ccc; font-size: 13px; color: #444; line-height: 24px;}
.dataRoom2_table1 td:first-child {border-left: 0; }
.dataRoom2_table1 td:last-child {border-right: 0; }

.dataRoom2_table2 { padding:0; margin:0 0 40px 0; border:0; box-sizing: border-box;  border-collapse: collapse; width: 100%}
.dataRoom2_table2 td { padding: 10px; border: 1px solid #ccc; font-size: 13px; color: #444; line-height: 18px; text-align: center}
.dataRoom2_table2 td:first-child {border-left: 0; }
.dataRoom2_table2 td:last-child {border-right: 0; }

.spacing-1 {letter-spacing: -0.1em;}
/* 입시정보> 특목1차전형 */
.dataRoom3_table1 { padding:0; margin:0 0 60px 0; border:0; box-sizing: border-box;  border-collapse: collapse; width: 100%}
.dataRoom3_table1 td { padding: 10px 5px; border: 1px solid #ccc; font-size: 13px; color: #444; line-height: 18px; text-align: center}
.dataRoom3_table1 td:first-child {border-left: 0; }
.dataRoom3_table1 td:last-child {border-right: 0; }


/*교육과정 > 초등과정*/
.eduPro2{text-align:left;border-top:2px solid #cb1d23;border-bottom:2px solid #cb1d23;border-collapse:collapse;margin-top:10px;}
.eduPro2 th{background:#bbbbbb;line-height:25pt;text-align:center;border:1px solid #aaa}
.eduPro2 td{padding:10px;background:#ffffff;border:1px solid #aaa}
#eduPro2Tit {font-weight:bold;text-align:center;background:#e5e5e5}

/*교육과정 > 중등과정*/
/*.eduPro3{text-align:left;border-top:2px solid #ff7e00;border-bottom:2px solid #ff7e00;border-collapse:collapse;margin-top:10px;}
.eduPro3 th{background:#bbbbbb;line-height:25pt;text-align:center;border:1px solid #aaa}
.eduPro3 td{padding:10px;background:#ffffff;border:1px solid #aaa}
#eduPro3Tit {font-weight:bold;text-align:center;background:#e5e5e5}
*/
/*교육과정 > 고등과정*/
.eduPro4{text-align:left;border-top:2px solid #43bcfa;border-bottom:2px solid #43bcfa;border-collapse:collapse;margin-top:10px;}
.eduPro4 th{background:#bbbbbb;line-height:25pt;text-align:center;border:1px solid #aaa}
.eduPro4 td{padding:10px;background:#ffffff;border:1px solid #aaa}
#eduPro4Tit {font-weight:bold;text-align:center;background:#e5e5e5;}

/*교육과정 > Teps Special*/
.eduPro5{text-align:left;border-top:2px solid #cb1d23;border-bottom:2px solid #cb1d23;border-collapse:collapse;margin-top:10px;}
.eduPro5 th{font-weight:bold;text-align:center;background:#e5e5e5;border-bottom:1px solid #aaa}
.eduPro5 td{padding:10px;background:#fff;border-bottom:1px solid #aaa}

.eduPro5-1{text-align:left;border-top:2px solid #ff7e00;border-bottom:2px solid #ff7e00;border-collapse:collapse;margin-top:10px;}
.eduPro5-1 th{font-weight:bold;text-align:center;background:#e5e5e5;border-bottom:1px solid #aaa}
.eduPro5-1 td{padding:10px;background:#fff;border-bottom:1px solid #aaa}

/*교육과정 > 내신대비
.eduPro6{text-align:left;border-top:2px solid #cb1d23;border-bottom:2px solid #cb1d23;border-collapse:collapse;margin-top:10px;}
.eduPro6 th{font-weight:bold;text-align:center;background:#e5e5e5;border-bottom:1px solid #aaa}
.eduPro6 td{padding:10px;background:#fff;border-bottom:1px solid #aaa}
*/
.eduPro6-1{text-align:left;border-top:2px solid #ff7e00;border-collapse:collapse;margin-top:10px}
.eduPro6-1 th{font-weight:bold;text-align:center;background:#7c7c7c;color:#fff;padding:6px;border:1px solid #aaa}
.eduPro6-1 td{padding:10px;background:#fff;text-align:center;border:1px solid #aaa;font-weight:bold}

.eduPro6-2{text-align:left;border-top:2px solid #43bcfa;border-collapse:collapse;margin-top:10px}
.eduPro6-2 th{font-weight:bold;text-align:center;background:#7c7c7c;color:#fff;padding:6px;border:1px solid #aaa}
.eduPro6-2 td{padding:10px;background:#fff;text-align:center;border:1px solid #aaa;font-weight:bold}

/*교육과정 > 무료특강*/
.eduPro7{text-align:left;border-top:2px solid #cb1d23;border-bottom:2px solid #cb1d23;border-collapse:collapse;margin-top:10px;}
.eduPro7 th{font-weight:bold;text-align:center;background:#e5e5e5;border-bottom:1px solid #aaa}
.eduPro7 td{padding:10px;background:#fff;border-bottom:1px solid #aaa}

/*입학안내 > 레벨테스트*/
.ent1{text-align:left;border-top:2px solid #cb1d23;border-bottom:2px solid #cb1d23;border-collapse:collapse;margin-top:10px;}
.ent1 th{background:#7c7c7c;color:#fff;line-height:25pt;text-align:center;border:1px solid #aaa;}
.ent1 td{padding:10px;border:1px solid #aaa;text-align:center}
#ent1Tit {text-align:center;font-weight:bold}

#txtCenter{text-align:center}


/* 메인 */
.btn_curriE a {
	width:65px;
	height:31px;
	display: inline-block;
	background:#fc9117;
	font-size:12pt;
	color:#ffffff;
	line-height: 21pt;
	text-align:center;
	text-decoration: none;
}
.btn_curriE a:hover {
	background:#fcae17;
	color:#ffffff;
}
.btn_curriM a {
	width:150px;
	height:31px;
	display: inline-block;
	background:#26a69a;
	font-size:14px;
	color:#ffffff;
	line-height: 21pt;
	text-align:center;
	text-decoration: none;
}
.btn_curriM a:hover {
	background:#33b0a4;
	color:#ffffff;
}
.btn_curriH a {
	width:65px;
	height:31px;
	display: inline-block;
	background:#018175;
	font-size:12pt;
	color:#ffffff;
	line-height: 21pt;
	text-align:center;
	text-decoration: none;
}
.btn_curriH a:hover {
	background:#0f8d81;
	color:#ffffff;
}

.bnR_teacher a{
	background:#0a897b;
	display: inline-block;
	width:100%;
	height: 76px;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-size: 14pt;
	line-height: 60pt;

}

.bnR_faq a{
	background:#00acd7;
	display: inline-block;
	width:100%;
	height: 76px;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-size: 14pt;
	line-height: 60pt;
}

.bnR_map a{
	background:#0098be;
	display: inline-block;
	width:100%;
	height: 76px;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-size: 14pt;
	line-height: 60pt;

}