html { overflow-y:scroll;  }
body { font-size: 14px;  margin: 0 auto;   font-family: 돋움, Dotum, "Nanum Gothic", "Malgun Gothic", sans-serif; }
.eng { font-family: 'Open Sans', sans-serif; }
b.eng { font-weight: 700; }
.clear { clear: both;   }
img { vertical-align: top; }

.nbb { letter-spacing: -1px; } 


#headerWrap { padding:20px 0 20px; position: fixed; top:0px; margin-left:-500px; left:50%; background: #fff; width:1000px; z-index: 999; }
#headerWrap h1#logo {  } 

#headerWrap .button { display: block; position: absolute;  top:20px; cursor: pointer;  }
#headerWrap .button .icon img { width:40px; height: auto; }
#headerWrap .button span.text { line-height: 20px;  }
#headerWrap .button span.text img {  padding-bottom: 2px; margin-top:13px; }
#headerWrap .about { left:0px; }
#headerWrap .contact { right:0px;   }
#headerWrap .button:hover span.text img { border-bottom: 1px solid #000; padding-bottom: 1px; }

.gnb {  border-top:3px solid #000;  border-bottom:2px solid #000;  position: fixed; top:80px; margin-left:-500px; left:50%;  width:1000px;  z-index: 1000; background: #fff; }
.gnb ul { background: transparent; }
.gnb ul li { width:20%; display: block; float: left;  position: relative; height: 50px; background: transparent;  }
.gnb ul li a { display: block;  text-align: center; height: 20px; width: 100%; margin-top: 15px; overflow: hidden;  }
.gnb ul li a img {  }
.gnb ul li a img.on { display: none; }

 

#curriculum .gnb li.curriculum a img.on  { display: inline; }
#program .gnb li.program a img.on   { display: inline; }
#contract .gnb li.contract a img.on  { display: inline;}
#portfolio .gnb li.portfolio a img.on  { display: inline; }

#curriculum .gnb li.curriculum a img.normal  { display: none; }
#program .gnb li.program a img.normal   { display: none; }
#contract .gnb li.contract a img.normal  { display: none;}
#portfolio .gnb li.portfolio a img.normal  { display: none; }


.gnb ul li a span  { height: 36px; display: inline-block; *display:inline; zoom:1; }
.gnb ul li ul li a span { height: 27px; }
.gnb .menuOpener { display: none; }


.gnb ul li ul { display: none; clear: both;  position: absolute; top:50px; left:0px; right:0px; background: #fff; border-bottom:1px solid #333; border-right:2px solid #333;  border-left:2px solid #333; }
.gnb ul li:hover ul { display: block; }
.gnb ul li ul li { width:100%; border-bottom:1px solid #333; height: 30px; }
.gnb ul li ul li a { height: 18px; margin-top:7px; }
 
.gnb ul li ul li.title {background: #666;  text-align: center;   }
.gnb ul li ul li.title img { margin-top: 7px; }
.lnb { position: fixed; top:140px; }
.lnb ul {  }
.lnb ul li {   display: block; float: left;     padding: 0 10px; margin-left: 2px; height: 30px; overflow: hidden;}
.lnb ul li a { display: block; color: #999; text-align: center; padding:7px 10px; font-family: 'NanumBarunGothicWeb', sans-serif; text-decoration: none; height: 15px;  }
.lnb ul li.on {  height: 30px;   }
.lnb ul li.on a { color: #fff; }
 

#curriculum .lnb ul li.on { background: #ff9e9f; border:1px solid #c54949; }
#program .lnb ul li.on { background: #51b3e2; border:1px solid #24779f; }


#curriculum .gnb li.curriculum a, li.curriculum:hover a, .gnb li.curriculum ul a {  color: #ff414a; }
#program .gnb li.program a, li.program:hover a, .gnb li.program ul a { color: #4f3afc;  }
#contract .gnb li.contract a, li.contract:hover a, .gnb li.contract ul a { color: #00b3ff; }
#portfolio .gnb li.portfolio a, li.portfolio:hover a, .gnb li.portfolio ul a { color: #ff3aa9; }

li.home a:hover img { border-bottom:2px solid  #000; }
li.curriculum a:hover img { border-bottom:2px solid  #ff414a;  }
li.program a:hover img { border-bottom:2px solid  #4f3afc;  }
li.contract a:hover img { border-bottom:2px solid  #00b3ff;  }
li.portfolio a:hover img { border-bottom:2px solid  #ff3aa9;  }


#curriculum .leftColumn .contentNav a.on { background:  #FF414A;  }
#program .leftColumn .contentNav a.on { background:#4f3afc; }
#contract .leftColumn .contentNav a.on { background:#00b3ff; }
#portfolio .leftColumn .contentNav a.on { background:#ff3aa9;}


#curriculum .rightColumn a.textLink span, #curriculum .rightColumn .numberList li span, #curriculum .rightColumn .processWrap .processTitle, #curriculum .note li span  {  color: #eb222c; }
#program .rightColumn a.textLink span, #program .rightColumn .numberList li span, #program .rightColumn .processWrap .processTitle, #program .note li span  { color: #3b27e3;  }
#contract .rightColumn a.textLink span, #contract .rightColumn .numberList li span, #contract .note li span { color: #1e9bd0; }
#portfolio .rightColumn a.textLink span, #portfolio .rightColumn .numberList li span, #portfolio .note li span { color: #d41a83; }

#curriculum .leftColumn p em, #curriculum .rightColumn p em, #curriculum .rightColumn a.textLink:hover span { border-bottom:1px solid #fc9ba0; }
#program .leftColumn p em, #program .rightColumn p em, #program .rightColumn a.textLink:hover span { border-bottom:1px solid #b1a7ff; }
#contract  .leftColumn p em, #contract  .rightColumn p em, #contract .rightColumn a.textLink:hover span { border-bottom:1px solid #a3dff9; }
#portfolio .leftColumn p em, #portfolio .rightColumn p em, #portfolio .rightColumn a.textLink:hover span { border-bottom:1px solid #ffb7e0; }

#introBody { background: #ff3aa9;  }

#introBody .menu { width: 25%; *width:24.9%; float: left; position: relative; height: 600px; padding-top:50px; cursor: pointer; overflow: hidden; }
#introBody .other { width:23%; *width:22.9%; }
#introBody .hover { width:31%;  }
#introBody .menu span { display: block; }
#introBody .menu span.eng { display: none; color: #fff; font-size: 18px; letter-spacing: 10px; text-indent: 3px; text-transform: uppercase; padding: 10px; }
#introBody .menu h2 { padding:10px 0px; font-size: 36px;  color: #FFF;   text-align: center;}
#introBody .menu h2 span { letter-spacing: -2px; font-weight: normal; font-size: 24px;   white-space: nowrap; text-align: center;}
#introBody .menu h3 { padding:10px;   color: #FFF;   text-align: center;  }

#introBody #curriculum { background: #ff414a; }
#introBody #program { background: #4e2cff;  }
#introBody #contract { background: #00b3ff; }
#introBody #portfolio { background: #ff3aa9; }

#introBody .menu .cover {  position: absolute; left:0px; top:0px; z-index: 500; width:100%; height: 2000px; display: none;}

 

#introBody .menu .sub {  }
#introBody .menu .sub li { display: block; padding-bottom: 2px;}
#introBody .menu .sub li a { display: block; color: #fff; text-decoration: none;  line-height: 20px; display: block;   padding:7px 20px; font-size: 16px; font-family: 'NanumBarunGothicBoldWeb', sans-serif; background: url(../images/alpha/bg_alpha20_white.png);   }
#introBody .menu .sub li a span { font-family: 'RixSGO L', sans-serif;  font-size: 14px; color: #fff; display: block; padding-top:5px; }
 
#introBody .menu .sub {  }

.mainMinHeight { height: 720px;}


#introBody #curriculum .sub li a { background: #ff676e; }
#introBody #curriculum .sub li a:hover { background: #ffb3b6; }
#introBody #program .sub li a { background: #7156ff; }
#introBody #program .sub li a:hover { background: #b8aaff; }
#introBody #contract .sub li a { background: #7ad1ff; }
#introBody #contract .sub li a:hover { background: #99e1ff; }
#introBody #portfolio .sub li a { background: #ff61ba; }
#introBody #portfolio .sub li a:hover { background: #ffb0dc; }



#intro .container { position: absolute; top:40px; left:50%;    margin-left: -735px;  }
#intro #headerWrap { position: relative; height: 80px; padding: 0; padding-top: 20px; *height:60px; }


.footer { padding:15px 0px  50px; font-size: 12px; position: relative; background: #fff; z-index:800;}
.footer p { font-size: 12px; line-height: 1.4em; float: left;}
.footer p b { font-family: 'NanumBarunGothicBoldWeb', sans-serif;  }

.footer .contactInfo {    line-height: 24px; position: absolute; top:28px; right:0px; }
.subPage .footer { padding-bottom: 50px; z-index: 999; border-top:2px solid #999; padding-top:20px;  }





.contentBody { padding:0px 10px 20px; font-size: 14px; line-height: 150%; color: #000;  position: relative; width:1000px; zoom: 1; }
.contentBody h2 { font-size: 3em; padding:20px 10px 40px;  font-family: 'RixSGO L', sans-serif; }

.contentBody section { padding:30px 10px 30px 290px; position: relative;   }
.contentBody section h3 { position: absolute; left:10px; top:35px; font-family: 'NanumBarunGothicBoldWeb', sans-serif; font-size: 1.8em; clear: both;  }
.contentBody section h4 { position: absolute; left:10px; top:32px;  font-family: 'NanumBarunGothicBoldWeb', sans-serif; font-size: 1.4em; clear: both;  }
.contentBody .tabs { height: 30px; background: #000;   padding:0 5px; display: block; position: fixed;  margin-left: -10px; top:145px; }
.contentBody .tabs li { display: block; float: left; height: 30px; margin-right: 2px; }
.contentBody .tabs li a { text-decoration: none; display: block; letter-spacing: -1px;   height: 30px; color: #ccc; padding:0 7px; font-family: 'NanumBarunGothicBoldWeb', sans-serif;  }
.contentBody .tabs li.active a { color:  #fff;  } 
.contentBody .tabs li a img {  margin-top: 7px;} 


.leftColumn { width:460px; float: left; margin-left: 10px; position: fixed; top:180px;  }
.leftColumn h2 { font-family: 'NanumPenWeb', serif; text-align: center; line-height: 1.1em;}
.leftColumn p { text-align: center;  letter-spacing: -1px; }
.leftColumn p em { border-bottom:1px solid #ccc;}
.rightColumn p em { border-bottom:1px solid #ccc; font-family: 'NanumBarunGothicBoldWeb', sans-serif; }

.leftColumn .contentNav { padding: 15px 0; text-align: center; width: 100%; }
.leftColumn .contentNav a { background: #ccc; padding:8px 15px; height: 32px;    text-decoration: none; color: #333; display: inline-block; *height:18px; *display:inline; zoom:1; }
.leftColumn .contentNav a img {  }
.leftColumn .contentNav a img.on { display: none; }
.leftColumn .contentNav a.on img.on { display: inline;  }
.leftColumn .contentNav a.on img.normal { display: none; }

.rightColumn { width:480px; float: right; padding-bottom:50px; margin-left: 480px; position: relative; }
.rightColumn h3 { font-family: 'NanumBarunGothicBoldWeb', sans-serif;  font-size: 32px;  padding:160px 0 30px;   color: #000; clear: both;}
.rightColumn h3 span { font-family: Roboto, sans-serif; font-weight: 100;font-size: 22px; color: #999;  }
.rightColumn p { margin: 0 10px 20px; }

.rightColumn .lastLine { width:50px;  margin: 80px auto 0; border-top:1px solid #333; }
.rightColumn .lastSign { text-align: center; font-size: 14px;  padding-top:30px; color: #333; margin-bottom: 150px; }
.rightColumn .lastSign span {  font-family: 'NanumBarunGothicBoldWeb', sans-serif;  }

.rightColumn .double { float: left; width:220px; margin: 0 10px 20px; display: block; }
.rightColumn .double.right { float: right; }
.rightColumn .triple { float: left; width:140px; margin: 0 9px 20px; display: block; }
.rightColumn .triple a { display: block; margin-bottom: 20px; text-decoration: none; color: #666; border-bottom:1px solid #eee; overflow: hidden; border:1px solid #000;  }
.rightColumn .triple.presentation a { height: 95px; }
.rightColumn .triple a:hover { border:1px solid  #ff414a; color: #ff414a;  }
.rightColumn .triple a img {  }
.rightColumn .triple .thumbWrap { margin-top: 20px; overflow: hidden;  border:1px solid #000;  }
.rightColumn .triple.presentation .thumbWrap { height: 95px; }

.rightColumn .numberList li { font-weight: normal; letter-spacing: -1px; white-space: nowrap; } 
.rightColumn .numberList li span  { white-space: normal; display: block; font-family: Tahoma, sans-serif !important;  font-style: italic; font-weight: bold; width:20px; font-size: 18px; border-top:1px solid #ccc; padding:10px 0 5px;  }

.rightColumn h4 { white-space: normal; display: block; font-weight: bold;  border-bottom:1px solid #ccc; padding-top:10px; color: #000;}
.rightColumn h4.outTitle { border-bottom:none; font-size: 1.2em;  font-family: 'NanumBarunGothicBoldWeb', sans-serif; margin-bottom: 10px; }
.rightColumn h5 { font-size: 1.1em;  font-family: 'NanumBarunGothicBoldWeb', sans-serif; padding:10px 5px 5px;  }
.rightColumn a.textLink { display: block; float:  left;   margin-top:10px; height: 20px; overflow: hidden; background-position:top; text-indent: -9999px; }


#curriculum .rightColumn a.textLink { background: url(../images/more_1.gif); width: 94px;  }
#program .rightColumn a.textLink { background: url(../images/more_2.gif); width: 67px; }
#contract .rightColumn a.textLink { background: url(../images/more_3.gif); width: 67px; }

.rightColumn a.textLink:hover { background-position:bottom !important;  } 


 


.rightColumn .processWrap { padding:5px; border:2px solid #ccc; margin-bottom: 20px; }
.rightColumn .processWrap li { display: block; float: left; width:23%; margin:1%; font-size: .9em; color:#666; line-height: 1.2em; letter-spacing: -1px; white-space: nowrap; }
.rightColumn .processWrap .processTitle { font-family: 'NanumBarunGothicBoldWeb', sans-serif; font-size: 1em; border-bottom:1px solid #ccc; margin-bottom: 5px; }
.rightColumn .processWrap .processTitle span { float: right;  }
.rightColumn .processWrap.onlyTitle .processTitle { border-color: #ccc;  margin-bottom: 0; }

.rightColumn .workList li { margin: 0 0 5px 25px; list-style: disc; }

.rightColumn .textList {  }
.rightColumn .textList li { font-size: .9em; color:#333; line-height:  1.3em; }
.rightColumn .textList li b { font-family: 'NanumBarunGothicBoldWeb', sans-serif; font-size: 1.1em; color: #333; display: block; padding-bottom:5px; border-bottom:1px solid #ccc; margin-bottom: 10px; }
.rightColumn .textList li b span { display: block; font-size: .9em; color: #666; }
.rightColumn .textList li b em { display: block; width:40px; font-family: Roboto, sans-serif; color: #ff414a; margin-bottom:5px; }

.timeTable { width:100%; margin-bottom:10px; }
.timeTable th { padding:5px; border-top:1px solid #666; border-bottom: 2px solid #666;  font-family: 'NanumBarunGothicBoldWeb', sans-serif; text-align: center; }
.timeTable td { text-align: center; border-bottom: 1px solid #ccc; margin-bottom: 20px; text-align: center; font-size: .9em; padding: 5px; vertical-align: middle; line-height: 1.2em; }

#curriculum  .timeTable th.hotClass { border:1px solid #FF414A; border-bottom:2px solid #FF414A; }
#curriculum  .timeTable th.hotClass div { position: relative; text-align: center;   }
#curriculum  .timeTable th.hotClass div span { height: 20px; width:51px; background: url(../images/hotclass_red.png); position: absolute; right:-15px; top:-23px; }

#program  .timeTable th.hotClass { border:1px solid #4F3AFC; border-bottom:2px solid #4F3AFC; }
#program  .timeTable th.hotClass div { position: relative; text-align: center;   }
#program  .timeTable th.hotClass div span { height: 20px; width:51px; background: url(../images/hotclass_blue.png); position: absolute; right:-15px; top:-23px; }



.rightColumn p.message { background: #eee; margin: 0; padding: 10px;  }
.rightColumn p.message b, .rightColumn p.message span { font-family: Roboto, sans-serif; color: #ff414a; font-size: 1.2em; }

.note { margin-bottom: 30px; }
.note li { margin-bottom:10px; margin-left:10px;  color: #666;  }
.note li span {  font-size: 1.2em; }

.modalBg {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFF;
z-index: 99999;
} 

.modalWindow {
position: absolute;
width: 1000px;
left:50%; margin-left: -500px;
top:0px;
z-index: 999999;
}

 

.introTabs, .helpTabs{
	display: block; border:2px solid #000; padding: 0 20px; border-left:none; border-right: none; text-align: center;
height: 40px;}
.introTabs li, .helpTabs li { display: inline-block; *display:inline; zoom:1;  }
.introTabs li a, .helpTabs li a {  padding:0 20px 0; text-decoration: none; color: #000; }
.introTabs li a img, .helpTabs li a img { margin-top: 12px; } 
.introTabs li a:hover img, .introTabs li.active a img, .helpTabs li.active a img, .helpTabs li a:hover img { border-bottom: 1px solid #000;}

.intro_content, .help_content { padding: 30px 30px 50px ; border-bottom:2px solid #000;   }
.modalWindow h2 {  font-size: 24px; margin-top:30px; padding-bottom:10px; border-bottom:1px solid #ccc; font-family: 'NanumBarunGothicBoldWeb', sans-serif; color: #000; }
.modalWindow h3 { margin-top: 30px; font-size: 1.4em; font-family: 'NanumBarunGothicBoldWeb', sans-serif; color: #000; }
.modalWindow h3 span { font-family: 'NanumBarunGothicWeb', sans-serif; }
.modalWindow h4 { margin-top: 20px; font-size: 1.0em; font-family: 'NanumBarunGothicBoldWeb', sans-serif; color: #000; }
.modalWindow ul { margin-top: 20px; } 
.modalWindow ul li { margin: 0 0 10px 20px; list-style: disc; }
.modalWindow p { padding:20px 0 0; line-height: 1.6em; color: #333;   }
.modalWindow p em { border-bottom:1px solid #ccc; font-family: 'NanumBarunGothicBoldWeb', sans-serif; }


.modalWindow .accordion .sub-menu { display: none; }
.modalWindow .accordion li { margin-left:10px; list-style: none; border-bottom: 1px solid #eee; padding-bottom: 10px; }
.modalWindow .accordion li:hover { border-bottom:1px solid #666; cursor: pointer; }
.modalWindow .accordion li span { font-family: Roboto, sans-serif; color: #ff414a;  }
.modalWindow .accordion li span.date {color: #4F3AFC;}
.modalWindow .accordion .sub-menu span { color: #4f3afc; }
.modalWindow .accordion .sub-menu { padding-top:10px; font-size: .9em; line-height: 1.4em; color: #666; }

.modalWindow .accordion li.none { text-align: center; padding: 30px 0 45px; color: #999;  }


.modalWindow .contenBody { background: url(../images/modal_bottom.gif) center bottom no-repeat; padding-bottom:120px; }

.modalWindow #intro1 { background: url(../images/intro_bg.gif) top no-repeat; }

.modalWindow .harfLeft { float: left; width:49%; }
.modalWindow .harfRight { float: right; width:49%; }

.modalWindow ol { padding:10px 0 0; line-height: 1.6em; color: #333; }
.modalWindow ol li { padding-bottom: 5px; margin-left: 15px; }

.modalWindow .closeBtn { 
display: block; width:62px; height: 62px; background: url(../images/btn_close.gif) 1px 1px no-repeat; margin: 30px  auto; 
 overflow: hidden; text-indent: -9999px; cursor: pointer;}
.modalWindow .closeBtn:hover {background-position: 1px -69px;  }

.modalWindow .moreCall {padding:13px; border:2px solid #ccc; margin:20px 20px 0 0; line-height: 30px;}
.modalWindow .moreCall span { color:red; font-weight: bold; letter-spacing: 1px; }

.modalWindow .helpInfoWrap {padding:3px 13px 13px; border:2px solid #ccc; margin:20px 20px 0 0; background: #f4f4f4;  }
.modalWindow .helpInfoWrap b { color: #FF414A; }

#portfolio .rightColumn h3 { padding-bottom: 50px;}

#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #FFF;
z-index: 999999;
}

#status {
position: fixed;
z-index: 999999;
width: 250px;
height: 250px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(../images/status.gif);
background-repeat: no-repeat;
background-position: center;
margin: -125px 0 0 -125px;
}

#status img { width:100%; height: auto; }

.modalWindow { display: none;  } 

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

	#introBody .menu { height: 580px;}
	#introBody .menu h2 span {   text-indent:  }
	#intro .container { top:30px;  margin-left: -612px;}
}

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

	#introBody .menu { height:500px; padding-top:30px; }
	#introBody .menu span.eng {   font-size: 14px; letter-spacing: 8px; text-indent: 3px;  padding: 10px; }
 
	#introBody .menu h2 span {    text-indent:  }
	#intro .container { top:25px;  margin-left: -500px;}
	.mainMinHeight { height: 700px;   }
}

@media screen and (max-width: 1024px ) {
 
	#intro .container { top:20px; width:980px;  margin:0 auto;  margin-left: -490px;  }
	#introBody .menu span.eng {   font-size: 12px; letter-spacing: 8px; text-indent: 3px;  padding: 10px; }
	#introBody .menu h2 {   }
	#introBody .menu h2 span {   white-space: nowrap; }
}

@media screen and (max-width: 1000px ) {
 	.contentBody .leftColumn, .contentBody .tabs { position: absolute; }
 	#headerWrap, .gnb { margin:0 auto; left:0; position: relative; top:0;  width:980px;  }
 	.contentBody { margin-top: -120px; }
 	.rightColumn h3 { padding-top:90px; } 
 	 
}

	#introBody .menu { *height:450px; *padding-top:30px; }
 
	#introBody .menu h2 span {    *text-indent:  } 
	.mainMinHeight { *height: 700px;   }
	
	#intro .container { *top:20px; *width:980px;  *margin:0 auto;  *margin-left: -490px;  }
	#introBody .menu span.eng {   *font-size: 12px; *letter-spacing: 8px; *text-indent: 3px;  *padding: 10px; }
	#introBody .menu h2 {   }
	#introBody .menu h2 span {   *white-space: nowrap; }

 	


#intro .modalWindow .container { margin: 0 auto; position: relative; top:0; left:0;}




#portfolio .rightColumn h3, #contract .rightColumn h3 { *padding-top: 80px; } 
#portfolio .rightColumn h3.intro, #contract .rightColumn h3.intro  { *padding-top: 160px; }