@charset "utf-8";

/* ·¹ÀÌ¾Æ¿ô */
#ozwrap {  position:relative; width:100%; margin:0; padding:0;  font-family:Malgun Gothic; }

#top { position:absolute; top:0px; left:0px; width:100%; height:108px; background:url(../images/inc/top_bg.png) repeat-x; font-family:Malgun Gothic; z-index:9999999;  }
	#toparea { position:relative; width:1200px; margin:0 auto; z-index:1000; }

#container { width:100%; background:#f3f3f3; padding-bottom:10px; border-top:1px solid #ccc;  }
#containerarea { width:1200px; margin:0 auto 60px; }

	#mcenter1 { width:1200px; margin-bottom:20px; overflow:hidden;}
	#mcenter2 { width:1200px; margin-bottom:24px;  }
		
#scontainer { width:1000px; margin:0 auto; }
#content { position:relative; width:940px; margin:20px auto 50px; padding:0 30px; overflow:hidden; }

#bottom { width:100%; height:152px; background:#28282a; color:#fff; text-align:center; font-family:Malgun Gothic; }
	#bottomarea { position:relative; width:1000px;  margin:0 auto; padding-top:40px; }

@media (min-width:768px) and (max-width:1200px){
	#toparea { width:100%; }
	#container { width:100%; }
	#content { width:auto; padding:0 15px; }
	#bottomarea { width:100%; }

}

@media (max-width:767px){ 
	#top { height:60px; }
	#toparea { width:100%; height:60px; }
	#mcenter2 { width:100%; margin-bottom:0px; }
	#containerarea { width:100%; }
	#scontainer { width:100%; }
	#content { width:auto; padding:0 15px; }
	#bottom { text-align:left; }
	#bottomarea { width:100%; font-size:13px; }

}

/* »ó´ÜÆË¾÷Á¸ */
.popupzone { position:relative; width:100%; height:130px; background:url('../images/main/popupzone_bg.gif'); z-index:1; }
.popupzone .top_popupzone { position:relative; width:1000px; height:130px; margin:0 auto; }
.popupzone .top_popupzone ul { text-align:center; }
.popupzone .top_popupzone ul li { float:left; width:500px; display:inline; margin:0; padding:0; }

.popupzone .top_popupzone .btn_close { position:absolute; right:10px;	bottom:10px; }
.popupzone .top_popupzone .btn_close label { font-size:11px; color:#666; }
.popupzone .top_popupzone .btn_close #closepop { margin:0; margin-left:20px;	padding:0; background:none;	border:0; }




/* »ó´Ü */
#top h1 { position:absolute; left:0px; top:35px; }
#top p.allmenu { display:none; }


/*.sidemenu { position:absolute; right:0px; top:50px; }
.sidemenu ul { position:relative; }
.sidemenu li { float:left; padding:0 10px 0 9px; background:url(../images/inc/sidemenu_line.gif) no-repeat right 2px; }

.sidemenu li.home { position:relative; top:1px; background:url(../images/inc/sidemenu_line.gif) no-repeat right 1px;  }
.sidemenu li.end { background:none; }

.sidemenu li a:link,
.sidemenu li a:visited { color:#fff; text-decoration:none; font-size:95%; }
.sidemenu li a:active,
.sidemenu li a:focus,
.sidemenu li a:hover { color:#ffd40c; }*/

@media (max-width:767px){ 
	#top h1 { left:70px; top:20px; }
	#top h1 img { width:50%; }
	#top p.allmenu { display:inline-block; position:absolute; left:20px; top:18px; }
}




/* gnb ¸Þ´º */
#menu { position:absolute; right:100px; top:35px; z-index:1000; font-family:Malgun Gothic}

#topMenu {position:relative; display:table; width:630px; }

#topMenu > li { height:40px;  float:left; width:125px; display:inline-block; padding:0; margin:0; }
#topmenu li img { display:block; }

#topMenu > li > a {height:32px; display:inline-block; margin-top:10px;}
#topMenu li li a { padding-bottom:0 !important; display:inline-block; }

#topMenu li > ul { position:absolute; left:0; top:80px; width:125px; height:237px; clear:both;  /*background: url(../images/inc/menu_submenu_line.gif) repeat-y left top;*/ display:none; z-index:100;} /* ¼­ºê¸Þ´º */
#topMenu li ul li { position:relative; float:none !important; width:115px; padding:6px 0 5px 10px; margin:0; text-align:left; display:block; }


#topMenu li.menu1 #snb1 { left:0; }  
#topMenu li.menu2 #snb2 { left:125px; }
#topMenu li.menu3 #snb3 { left:250px; }
#topMenu li.menu4 #snb4 { left:375px; }
#topMenu li.menu5 #snb5 { left:500px; }
#topMenu li.menu6 #snb6 { left:625px; }
#topMenu li.menu7 #snb7 { left:750px; }
#topMenu li.menu8 #snb8 { left:875px; }


#topMenu li a:link,
#topMenu li a:visited { font:125% Malgun Gothic; text-decoration:none; color:#fff; display:block; }
#topMenu li a:active,
#topMenu li a:hover,
#topMenu li a:focus,
#topMenu li a.select { color:#d4b82d;  }

#topMenu li ul li:first-child{ padding-top:19px;}
#topMenu li ul li a:link,
#topMenu li ul li a:visited { font-size:13px; text-decoration:none; color:#fff; display:block; background:none; padding:0; }
#topMenu li ul li a:active,
#topMenu li ul li a:hover,
#topMenu li ul li a:focus,
#topMenu li ul li a.select { text-decoration:underline; color:#d4b82d;  }


#topMenu li ul li a.pop { background:url(../images/inc/icon_popup.gif) no-repeat right 50%; }


.menubox { position:absolute; right:108px; top:108px; width:650px; height:270px; padding:0; border-bottom:2px solid #000; background:url(../images/inc/top_bg.png); z-index:100; display:none; }
.menubox .menuboxarea { width:630px; height:270px; margin:0 auto; /*background:url(../images/inc/menubox_bg.gif) no-repeat right 15px;*/ }

@media (max-width:767px){ 
	#menu { display:none;}
}


.banban { position:absolute; right:0px; top:0px; width:108px; height:108px; background:#b7403a; }
.banban span { font-size:18px; display:block; }
.banban a { color:#fff; text-decoration:none; width:108px; height:78px; padding-top:30px; display:inline-block; text-align:center; line-height:160%; }


@media (max-width:767px){ 
	.banban { display:none;}
}


/* ÅëÇÕ°Ë»ö */
/*#topMenu li.menu8 { text-align:center; }
#topMenu li.menu8 a { padding:0; }*/

.totalsearchBtn { position:absolute; right:53px; top:10px; padding-left:51px; background:url(../images/inc/menu_line.gif) no-repeat left 1px; }

.totalsearch { position:absolute; left:0; top:0; width:1000px; height:44px; background:#dad9d4; display:none; }
.totalsearch form label { float:left; width:145px; padding-top:16px; text-align:center; color:#da131a; font-weight:bold; }
.totalsearch form .text_text { float:left; width:724px; height:24px; line-height:24px !important; background:#dad9d4; border:none; margin-top:10px; margin-right:30px; }
.totalsearch form .btn_search { float:left; margin-top:12px; margin-right:25px; }
.totalsearch form .btn_close { float:left; margin-top:12px; }




/* ¸ÞÀÎºñÁÖ¾ó */


/* ºñÁÖ¾ó */
#visible { width:100%; height:855px; font-family:Malgun Gothic }
#visible li { position:relative; text-align:center; }
#visible li .txt { position:absolute; z-index:9999; width:100%; top:220px; font-size:18px; color:#fff; text-shadow:1px 1px 2px #333; }
#visible li .txt span { font-size:20px; display:block; background:#d4b82d; height:46px; width:240px; text-align:center; line-height:46px; margin:0 auto; text-shadow:none; border-radius:20px; margin-bottom:20px;  }

@media (min-width:768px) and (max-width:1200px){
	#visible { width:100%; height:400px; }
	#visible li { text-align:center; }
	#visible li img { height:500px;  }
	#visible li .txt .imgcl { height:100px; }
	.bx-wrapper .bx-pager { bottom:10px !important; }
}


@media (max-width:767px){ 
	#visible { width:100%; height:260px; }
	#visible li { text-align:center; }
	#visible li img { height:260px;}
	#visible li .txt { position:absolute; z-index:9999; width:100%; top:90px; font-size:20px; color:#fff; }
	#visible li .txt span { font-size:30px; display:block; font-weight:bold; }
	#visible li .txt .imgcl { height:80px; }
	#visible li .txt span { font-size:16px; height:30px; line-height:30px; width:200px; }
	#visible li .txt p { display:none;}
	.bx-wrapper .bx-pager { bottom:10px !important; }
}

.bx-wrapper { position:relative; overflow:hidden; width:100%; margin:0 auto; padding:0px; }

/* DIRECTION CONTROLS (NEXT / PREV) */
/*
.bx-wrapper .bx-prev { left: 10px; background: url(images/prev_on.png) no-repeat;}
.bx-wrapper .bx-next { right: 10px;	background: url(images/next_on.png) no-repeat; }
.bx-wrapper .bx-prev:hover { background: url(images/prev_off.png) no-repeat;}
.bx-wrapper .bx-next:hover { background: url(images/next_off.png) no-repeat; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px;	outline: 0;	width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled {	display: none; }
*/
/* ÆäÀÌÂ¡ */
.bx-wrapper .bx-pager { position:absolute; bottom:85px; text-align:center; font-family:Arial; font-weight:bold; color:#666; left:50%; margin-left:-30px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1;	*display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px;	height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }


@media (min-width:768px) and (max-width:1200px){
.bx-wrapper .bx-pager { bottom:30px !important; }
}

@media (max-width:767px){ 
.bx-wrapper .bx-pager { bottom:25px !important; }
}



.mainzone_top { z-index:10000; position:absolute; top:400px; left:0px; width:100%; }
.mainzone_top .num { display:none; }
.mainzone_top .cbtn { position:relative; z-index:9999; width:1200px; margin:0 auto; }
.mainzone_top .cbtn li.left { position:absolute; left:0px; }
.mainzone_top .cbtn li.right  { position:absolute; right:0px; }

@media (min-width:768px) and (max-width:1200px){
.mainzone_top { top:200px; }
.mainzone_top .cbtn {  width:100%; }
}
@media (max-width:767px){ 
.mainzone_top { top:120px; }
.mainzone_top .cbtn {  width:100%; }
}



/* ¼­ºêºñÁÖ¾ó */
#svisible1 { width:100%; height:300px; font-family:Malgun Gothic; background:url(../images/main/svisible1.jpg) no-repeat center center; }
#svisible2 { width:100%; height:300px; font-family:Malgun Gothic; background:url(../images/main/svisible2.jpg) no-repeat center center; }
#svisible3 { width:100%; height:300px; font-family:Malgun Gothic; background:url(../images/main/svisible3.jpg) no-repeat center center; }
#svisible4 { width:100%; height:300px; font-family:Malgun Gothic; background:url(../images/main/svisible4.jpg) no-repeat center center; }
#svisible5 { width:100%; height:300px; font-family:Malgun Gothic; background:url(../images/main/svisible5.jpg) no-repeat center center; }

.visible_txt { position:relative; width:1200px; height:300px; margin:0 auto; }
.visible_txt p.txt { position:absolute; bottom:40px; left:30px; color:#fff; }
.visible_txt p.img  { position:absolute; bottom:60px; left:30px; }
.visible_txt p.img img { width:200px; }



@media (max-width:767px){ 
#svisible1 { width:100%; height:200px; font-family:Malgun Gothic; background:url(../images/main/svisible1.jpg) no-repeat center center; background-size:300%; }
#svisible2 { width:100%; height:200px; font-family:Malgun Gothic; background:url(../images/main/svisible2.jpg) no-repeat center center; background-size:300%; }
#svisible3 { width:100%; height:200px; font-family:Malgun Gothic; background:url(../images/main/svisible3.jpg) no-repeat center center; background-size:300%; }
#svisible4 { width:100%; height:200px; font-family:Malgun Gothic; background:url(../images/main/svisible4.jpg) no-repeat center center; background-size:300%; }
#svisible4 { width:100%; height:200px; font-family:Malgun Gothic; background:url(../images/main/svisible5.jpg) no-repeat center center; background-size:300%; }


.visible_txt { position:relative; width:100%; height:200px; margin:0 auto; }
.visible_txt p.txt { display:none;}
.visible_txt p.img  { position:absolute; bottom:30px; left:30px; }
.visible_txt p.img img { width:200px; }
}


/* ¸¶¼ú»ç¼Ò°³ */
#introduction { width:100%; height:500px; background:#4c4c4c url(../images/main/introductionarea_bg.png) no-repeat right top;  }
.introductionarea { position:relative; width:1200px; height:500px; margin:0 auto;  }
.introductionarea .inpic { width:100%; position:absolute; left:0px; top:-200px; overflow:hidden; }
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
.introductionarea .inpic li.snip1384 { font-family: 'Raleway', Arial, sans-serif; position: relative; float: left; overflow: hidden; margin:1% 1%; /*min-width: 230px; max-width: 315px;*/
  width: 30%; color: #000; text-align: left; font-size: 16px; background-color: #000; }
.introductionarea .inpic li.snip1384 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.introductionarea .inpic li.snip1384 img { max-width: 100%; backface-visibility: hidden; vertical-align: top; }
.introductionarea .inpic li.snip1384:after,
.introductionarea .inpic li.snip1384 figcaption { position: absolute;  bottom: 0; left: 0; }
.introductionarea .inpic li.snip1384:after { content: ''; background-color: rgba(255, 255, 255,.5); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; }
.introductionarea .inpic li.snip1384 figcaption { z-index: 1; padding: 40px; }
.introductionarea .inpic li.snip1384 h3,
.introductionarea .inpic li.snip1384 .links { width: 100%; margin: 5px 0; padding: 0; }
.introductionarea .inpic li.snip1384 h3 { line-height: 1.1em; font-weight: 700; font-size: 1.4em; text-transform: uppercase; opacity: 0; }
.introductionarea .inpic li.snip1384 p { font-size: 0.8em; font-weight: 300; letter-spacing: 1px; opacity: 0; top: 50%; -webkit-transform: translateY(40px); transform: translateY(40px);}
.introductionarea .inpic li.snip1384 i { position: absolute; bottom: 10px; right: 10px; padding: 20px 25px; font-size: 34px; opacity: 0; -webkit-transform: translateX(-10px);  transform: translateX(-10px); }
.introductionarea .inpic li.snip1384 a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
.introductionarea .inpic li.snip1384:hover img,
.introductionarea .inpic li.snip1384.hover img {zoom: 1; filter: alpha(opacity=50); -webkit-opacity: 0.5; opacity: 0.5; }
.introductionarea .inpic li.snip1384:hover:after,
.introductionarea .inpic li.snip1384.hover:after {opacity: 1; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; }
.introductionarea .inpic li.snip1384:hover h3,
.introductionarea .inpic li.snip1384.hover h3,
.introductionarea .inpic li.snip1384:hover p,
.introductionarea .inpic li.snip1384.hover p,
.introductionarea .inpic li.snip1384:hover i,
.introductionarea .inpic li.snip1384.hover i { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; }
.introductionarea .inleft { width:800px; float:left; background:url(../images/main/inpic_img.png) no-repeat bottom left; height:500px; background-size:100%; }
.introductionarea .inright { width:400px; float:right; }
.introductionarea .inright p.txt { position:absolute; right:100px; bottom:160px; font-size:16px; font-family:Malgun Gothic; color:#fff; }
.introductionarea .inright p.txt span { color:#b7403a; font-size:20px; font-weight:Bold; }
.introductionarea .inright p.btn { position:absolute; right:30px; bottom:40px; }
.introductionarea .inright p.btn a { width:200px; height:40px; line-height:40px; background:#b7403a; display:inline-block; color:#fff; text-align:center; text-decoration:none; font-family:Malgun Gothic; font-weight:bold; }

@media (min-width:768px) and (max-width:1200px){
.introductionarea { position:relative; width:100%;  }
}

@media (max-width:767px){ 
#introduction { width:100%; height:auto; background:#4c4c4c url(../images/main/introductionarea_bg.png) no-repeat right top;  }
.introductionarea { position:relative; width:100%; height:auto; }
.introductionarea .inpic { width:100%; top:0px; position:relative; }
.introductionarea .inpic li.snip1384 { width:100%; display:block; margin:0px; height:200px; background:#eee; }
.introductionarea .inpic li.snip1384 img { width:60%;}
.introductionarea .inleft { display:none; }
.introductionarea .inright { position:relative; width:100%; float:none; background:#d4b92e url(../images/main/inpic_img.png) no-repeat bottom left; background-size:80%; height:200px; }
.introductionarea .inright p.txt { left:20px; top:20px; font-size:14px; }
.introductionarea .inright p.txt span { color:#b7403a; font-size:18px; font-weight:Bold; }
.introductionarea .inright p.btn { position:absolute; right:20px; bottom:20px; }
.introductionarea .inright p.btn a { width:120px; height:30px; line-height:30px; background:#b7403a; display:inline-block; color:#fff; text-align:center; text-decoration:none; font-family:Malgun Gothic; font-weight:bold; }

.introductionarea .inpic li.snip1384 .right { float:right; }

}


/* Äü¸Þ´º */
.quickmenu { position:relative; width:1000px; height:81px; margin-bottom:25px; overflow:hidden; }
.quickmenu .prev { position:absolute; left:0px; top:14px; }
.quickmenu .next { position:absolute; right:0px; top:14px; }

.quickmenu .quickmenuarea { position:absolute; left:45px; top:0; width:910px !important; height:81px; padding:0; overflow:hidden !important; z-index:1000000;  }
.quickmenu ul { width:1050px; height:81px; z-index:1; }
.quickmenu li { float:left; width:130px; height:81px; }
.quickmenu li a:link,
.quickmenu li a:visited { width:130px; height:67px; padding:14px 0 0 0; text-align:center; display:inline-block; text-decoration:none; color:#333; font-size:95%; }
.quickmenu li a:active,
.quickmenu li a:focus, 
.quickmenu li a:hover { background:#f9f9f9; }

.quickmenu li a .icon { padding-bottom:13px; display:block;}
.quickmenu li a .txt { display:block;}



/* Äü¸Þ´º - ÇÑÄ­ ¿òÁ÷ÀÓ */
.photo { position:relative; width:1200px; margin-bottom:30px; overflow:hidden; padding-top:20px;}
.photo h3 { padding-left:20px; font-family:Malgun Gothic; font-size:20px; color:#333; margin-bottom:15px; }
.photo1 { width:50%; float:left; }
.photo1 li { float:left; margin:0 25px; }
.photo2 { width:50%; float:left;  }
.photo2 li { float:left; margin:0 25px; }
.photo .more { position:absolute; right:30px; top:25px; }

@media (max-width:767px){ 
.photo { width:100%;  padding-top:10px; margin-bottom:20px;}
.photo h3 { padding-left:10px; font-family:Malgun Gothic; font-size:18px; color:#333; margin-bottom:10px; }
.photo1 { width:100%; }
.photo1 li { width:calc(100% - 30px); margin:10px 15px; }
.photo1 li img { width:100%; }
.photo2 {display:none; }

.photo .more { position:absolute; right:10px; top:15px; }
}



/* ¹è³Ê */
.banner { width:241px; margin-bottom:20px; }
.banner li { padding:0px 0 5px 0; vertical-align:top; display:block; }



/* »êÇÐÇÁ·Î±×·¥ */
.mprogram { position:relative; width:241px; } 
.mprogram h3 { height:32px; font:normal 165% NanumBG, "³ª´®¹Ù¸¥°íµñ"; color:#333; }
.mprogram li { margin-bottom:5px; }
.mprogram .more { position:absolute; right:0; top:0; }
.mprogram .more a { padding:2px 10px 10px 10px; display:block; }




/* °øÁö»çÇ× */
.mnotice { float:left; position:relative; width:520px; margin:0 40px 0 30px; }
.mnotice h3 { width:520px; height:32px; border-bottom:1px solid #ccc; font-family:Malgun Gothic; font-size:20px; color:#333; margin-bottom:17px; }

.mnotice ul { width:520px; }
.mnotice ul li { width:520px; padding:7px 0 5px 0; display:block; overflow:hidden; font-family:Malgun Gothic; }
.mnotice ul li .subject { float:left; width:357px; padding-left:10px; background:url(../images/inc/blt_red1.gif) no-repeat 0 4px; display:inline-block; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; }
.mnotice ul li .date { float:right; width:103px; padding-right:10px; text-align:right; color:#999; display:inline-block; }
.mnotice ul li .subject a:link,
.mnotice ul li .subject a:visited { text-decoration:none; color:#333; }
.mnotice ul li .subject a:active,
.mnotice ul li .subject a:focus,
.mnotice ul li .subject a:hover { color:#da131a; }

.mnotice .more { position:absolute; right:0; top:0; }
.mnotice .more a { padding:2px 10px 10px 10px; display:block; }



@media (max-width:767px){ 
.mnotice { float:none; width:100%; margin:0 0 30px 0; }
.mnotice h3 { width:auto; padding-left:10px; height:32px; font-size:18px; }

.mnotice ul { width:100%; }
.mnotice ul li { width:100%; display:block; overflow:hidden; }
.mnotice ul li .subject { float:left;  width:calc(100% - 135px); margin-left:10px; padding-left:10px; background:url(../images/inc/blt_red1.gif) no-repeat 0 4px; display:inline-block; }
.mnotice ul li .date { float:right; width:105px; padding-right:10px; text-align:right; color:#999; display:inline-block; }
}


/* ¼¼¹Ì³ª */
.seminar { float:right; position:relative; width:520px; margin-right:30px; }
.seminar h3 { width:520px; height:32px; border-bottom:1px solid #ccc; font-family:Malgun Gothic; font-size:20px; color:#333; margin-bottom:17px;  }

.seminar ul { width:520px; }
.seminar ul li { width:520px; padding:7px 0 5px 0; display:block; overflow:hidden; font-family:Malgun Gothic; }
.seminar ul li .subject { float:left; width:357px; padding-left:10px; background:url(../images/inc/blt_red1.gif) no-repeat 0 4px; display:inline-block; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden; }
.seminar ul li .date { float:right; width:103px; padding-right:10px; text-align:right; color:#999; display:inline-block; }
.seminar ul li .subject a:link,
.seminar ul li .subject a:visited { text-decoration:none; color:#333; }
.seminar ul li .subject a:active,
.seminar ul li .subject a:focus,
.seminar ul li .subject a:hover { color:#da131a; }

.seminar .more { position:absolute; right:0; top:0; }
.seminar .more a { padding:2px 10px 10px 10px; display:block; }

@media (max-width:767px){ 
.seminar { float:none; width:100%; margin-right:0px; }
.seminar h3 { width:auto; padding-left:10px;  height:32px; font-size:18px; }

.seminar ul { width:100%; }
.seminar ul li { width:100%; display:block; overflow:hidden; }
.seminar ul li .subject { float:left;  width:calc(100% - 135px); margin-left:10px; padding-left:10px; background:url(../images/inc/blt_red1.gif) no-repeat 0 4px; display:inline-block; }
.seminar ul li .date { float:right; width:105px; padding-right:10px; text-align:right; color:#999; display:inline-block; }
}


/* ¹è³Ê¸ðÀ½ */
.mallbannerarea  { width:100%; padding:20px 0; }
.mallbanner { position:relative; width:1200px; height:52px; background:#fff; overflow:hidden; margin:0 auto; }
.mallbanner .bannerarea {  position:absolute; left:45px; top:0px; width:910px !important; height:52px; padding:0; overflow:hidden !important; z-index:1000000; }
.mallbanner .bannerarea ul { width:1210px; height:52px; z-index:1; }
.mallbanner .bannerarea ul li { float:left; width:158px; height:52px; padding:0 12px; }

.mallbanner .prev { position:absolute; left:0px; top:0px; }
.mallbanner .next { position:absolute; right:0px; top:0px; }


@media (max-width:767px){ 
.mallbannerarea { display:none; }
}





/* ÇÏ´Ü */
#bottom #bottomarea address { margin:0 0 6px 0px; font-size:12px; padding:0 10px; }
#bottom #bottomarea address span { margin-right:15px; font-size:12px; }
#bottom #bottomarea cite { margin:0 10px; font-size:85%; }
#bottom #bottomarea cite strong { font-weight:normal; color:#da131a; }


/* ÅÜ¸Þ´º */
.tabmenu { width:100%; height:50px; background:#333; font-family:Malgun Gothic; font-size:16px; }
.tabmenuarea1 { width:200px; margin:0 auto; }
.tabmenuarea1 li { width:200px; float:left; }
.tabmenuarea1 li a:link,
.tabmenuarea1 li a:visited { width:calc(100% - 2px); border-right:1px solid #000; border-left:1px solid #000; height:50px; line-height:50px; display:inline-block; text-align:center; text-decoration:none; color:#fff; }
.tabmenuarea1 li a:active,
.tabmenuarea1 li a:focus,
.tabmenuarea1 li a:hover { background:#d4b92e; color:#fff; }

.tabmenuarea3 { width:600px; margin:0 auto;  }
.tabmenuarea3 li { width:200px; float:left; }
.tabmenuarea3 li a:link,
.tabmenuarea3 li a:visited { width:calc(100% - 1px); border-right:1px solid #000; height:50px; line-height:50px; display:inline-block; text-align:center; text-decoration:none; color:#fff; }
.tabmenuarea3 li a:active,
.tabmenuarea3 li a:focus,
.tabmenuarea3 li a:hover { background:#d4b92e; color:#fff; }

.tabmenuarea4 { width:800px; margin:0 auto; }
.tabmenuarea4 li { width:200px; float:left; }
.tabmenuarea4 li a:link,
.tabmenuarea4 li a:visited { width:calc(100% - 1px); border-right:1px solid #000; height:50px; line-height:50px; display:inline-block; text-align:center; text-decoration:none; color:#fff; }
.tabmenuarea4 li a:active,
.tabmenuarea4 li a:focus,
.tabmenuarea4 li a:hover { background:#d4b92e; color:#fff; }

.tabmenuarea5 { width:1000px; margin:0 auto; }
.tabmenuarea5 li { width:200px; float:left; }
.tabmenuarea5 li a:link,
.tabmenuarea5 li a:visited { width:calc(100% - 1px); border-right:1px solid #000; height:50px; line-height:50px; display:inline-block; text-align:center; text-decoration:none; color:#fff; }
.tabmenuarea5 li a:active,
.tabmenuarea5 li a:focus,
.tabmenuarea5 li a:hover { background:#d4b92e; color:#fff; }

.tabmenu a.line { background:url(../images/main/b_line.png) repeat-y left top; }

@media (max-width:767px){ 
.tabmenu { width:100%; height:40px; background:#333; font-family:Malgun Gothic; font-size:14px; }
.tabmenuarea1 { width:100%; margin:0 auto; }
.tabmenuarea1 li { width:100%; float:left; }
.tabmenuarea1 li a:link,
.tabmenuarea1 li a:visited { width:100%; height:40px; line-height:40px; display:inline-block; text-align:center; text-decoration:none; color:#fff; }


.tabmenuarea3 { width:100%; margin:0 auto;  }
.tabmenuarea3 li { width:33.33%; float:left; }
.tabmenuarea3 li a:link,
.tabmenuarea3 li a:visited { width:100%; height:40px; line-height:40px; display:inline-block; text-align:center; text-decoration:none; color:#fff; }

.tabmenuarea4 { width:100%; margin:0 auto; }
.tabmenuarea4 li { width:25%; float:left; }
.tabmenuarea4 li a:link,
.tabmenuarea4 li a:visited { width:100%; height:40px; line-height:40px; display:inline-block; text-align:center; text-decoration:none; color:#fff; }


.tabmenuarea5 { width:100%; margin:0 auto; }
.tabmenuarea5 li { width:20%; float:left; }
.tabmenuarea5 li a:link,
.tabmenuarea5 li a:visited { width:100%; height:40px; line-height:40px; display:inline-block; text-align:center; text-decoration:none; color:#fff; }


}


/* ÆäÀÌÁöÅ¸ÀÌÆ² */
.pagetitle { position:relative; width:1000px; height:67px; border-bottom:1px solid #d4b92e; margin:20px 0 30px 0; }
.pagetitle .path { position:absolute; right:0; top:36px; color:#999; font-size:11px; letter-spacing:1px; }
.pagetitle h1 { position:absolute; left:0; top:0; height:66px; padding:0 20px 0 10px; font:normal 34px NanumBG, "³ª´®¹Ù¸¥°íµñ"; color:#000; border-bottom:2px solid #da131a; }
.pagetitle h1 span { font:normal 13px NanumBG, "³ª´®¹Ù¸¥°íµñ"; color:#666; display:block; margin-bottom:6px; }
.pagetit { position:relative; width:780px; height:67px;}
.pagetit h1 { position:absolute; left:0; top:0; height:66px; padding:0 20px 0 10px; font:normal 34px NanumBG, "³ª´®¹Ù¸¥°íµñ"; color:#000; }



@media (max-width:767px){ 
.pagetitle { position:relative; width:100%; height:40px; margin:20px 0 30px 0; }
.pagetitle .path { display:none; }
.pagetitle h1 { text-align:center; width:100%; height:40px; padding:0px; font-size:20px; color:#000; border-bottom:none;}
.pagetitle h1 span { font:normal 13px NanumBG, "³ª´®¹Ù¸¥°íµñ"; color:#666; display:block; margin-bottom:6px; }
}



/* °øÅë»çÇ× */
/* °øÅë»çÇ× */
/* °øÅë»çÇ× */


#content h3 { font-size:18px; font-weight:18px; font-family:Malgun Gothic; color:#333; padding-left:20px; background:url(../images/inc/blt_h3.gif) no-repeat 0 50%; display:block; margin-bottom:20px; }
#content h4 { font-size:18px; font-weight:16px; font-family:Malgun Gothic; color:#333; padding-left:17px; background:url(../images/inc/blt_h4.gif) no-repeat 0 50%; display:block; margin-bottom:15px; }

.space0 { display:block; }
.space10 { display:block; margin-bottom:10px; }
.space15 { display:block; margin-bottom:15px; }
.space20 { display:block; margin-bottom:20px; }
.space30 { display:block; margin-bottom:30px; }

.left20 { padding-left:20px; }

.rssservice { text-align:right; margin-bottom:10px; padding-right:5px; }



.contentbtn_center { text-align:center; }
.contentbtn_center p { border:1px solid #ccc; height:32px; line-height:32px; display:inline-block; }
.contentbtn_center a:link,
.contentbtn_center a:visited {  padding:0 32px 0 15px; background:url(../images/inc/btn_blt_bg.gif) no-repeat right top; text-decoration:none; color:#666; display:block; font-size:12px; }
.contentbtn_center a:active,
.contentbtn_center a:focus,
.contentbtn_center a:hover { background:#f3f3f3 url(../images/inc/btn_blt_bg.gif) no-repeat right top; text-decoration:underline; color:#666; }


/* ¸µÅ©¹Ú½º */
.linkbox { width:704px; border:3px solid #ddd; padding:15px 20px; margin-bottom:30px;  }
.linkbox li { padding:5px 0 5px 10px; background:url(../images/inc/blt_red1.gif) no-repeat 0 50%; }
.linkbox li a:link,
.linkbox li a:visited { text-decoration:none; color:#666; }
.linkbox li a:active,
.linkbox li a:focus,
.linkbox li a:hover { text-decoration:underline; color:#da131a; }

.linkbox ul.li2 li { float:left; width:342px; }
.linkbox ul.li3 li { float:left; width:224px; }



/* ¼¼·Î Å×ÀÌºí */
.serotable { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #ccc; border-right:1px solid #ccc; }
.serotable thead th { background:#a79f98; color:#fff; padding:9px 0 9px 0; border:1px solid #99918a; }
.serotable tbody th { border:1px solid #ddd; padding:8px 5px 8px 5px; font-weight:normal; background:#f5f5f5; }
.serotable tbody td { border:1px solid #ddd; }
.serotable tfoot td { border:1px solid #ddd; background:#f5f5f5; }

.serotable td { line-height:140%; padding:8px 5px 8px 5px; text-align:center; }

.serotable .left { text-align:left; padding-left:15px; }
.serotable .right { text-align:right; padding-right:15px; }
.serotable .bg1 { background:#fafafa; }


/* °¡·Î Å×ÀÌºí */
.garotable { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #ccc; border-right:1px solid #ccc; }
.garotable thead th { background:#a79f98; color:#fff; padding:9px 0 9px 0; border:1px solid #99918a; }
.garotable tbody th { line-height:140%; padding:8px 5px 8px 5px; border:1px solid #ddd;  font-weight:normal; background:#f5f5f5; }
.garotable tbody td { border:1px solid #ddd; }
.garotable tfoot td { border:1px solid #ddd; background:#f5f5f5; }

.garotable td { line-height:140%; padding:8px 5px 8px 5px; text-align:center; }

.garotable .left { text-align:left; padding-left:15px; }
.garotable .right { text-align:right; padding-right:15px; }
.garotable .bg1 { background:#fafafa; }


/* È¸¿ø°¡ÀÔ - ÀÔ·Â */
.join { width:750px; }
.memberjoin table { margin-bottom:20px; }

.memberjoin .input_id { width:120px; height:20px; border:1px solid #ccc; }
.memberjoin .input_pw { width:120px; height:20px; border:1px solid #ccc; }
.memberjoin .input_name { width:120px; height:20px; border:1px solid #ccc; }
.memberjoin .email1 { width:120px; height:20px; border:1px solid #ccc; }
.memberjoin .email2 { width:150px; height:20px; border:1px solid #ccc; }
.memberjoin .email3 { width:150px; height:22px; }
.memberjoin .input_tel1 { width:35px; height:20px; border:1px solid #ccc; }
.memberjoin .input_tel2 { width:45px; height:20px; border:1px solid #ccc; }
.memberjoin .input_photo { width:540px; height:22px; }
.memberjoin .input_wxhecktxt { width:100px; height:20px; border:1px solid #ccc; }

.memberjoin .oktxt1 { position:relative; top:15px; display:inline-block; padding-left:10px; }
.memberjoin .stxt2 { position:relative; top:15px; display:inline-block; padding-left:10px; }

.memberjoin .btn_center input { margin-right:8px; }



/* ·Î±×ÀÎ */
.login { width:750px; }

.login h3 { padding:0 !important; margin:0 0 10px 10px !important; font-size:25px !important; background:none !important; color:#da131a !important; }

.login .loginbox { position:relative; width:690px; padding:25px 30px; background:#f4f4f4; }

.login .loginbox dl { width:468px; margin:0 auto; }
.login .loginbox dt { float:left; width:83px; height:35px; line-height:35px; margin-bottom:5px; }
.login .loginbox dd { margin-left:83px; width:280px; height:29px; padding:3px 10px; background:url(../images/members/membercheck_input_bg.gif) no-repeat; margin-bottom:5px; }
.login .loginbox dd .text_input { width:280px; height:29px; line-height:29px; font-size:16px; border:0 none; }

.login .loginbox .btn_login { position:absolute; right:141px; top:25px; }




/* ¾ÆÀÌµðÃ£±â */
.idpwsearch { width:750px; }
.idpwsearch .searchboxT { width:684px; padding:20px 30px; border:3px solid #ddd; overflow:hidden; margin-bottom:30px; }
.idpwsearch .searchboxT table { width:100%; border:0; border-spacing:0; border-collapse:collapse; margin-bottom:20px; }
.idpwsearch .searchboxT table th,
.idpwsearch .searchboxT table td { padding:5px 0 5px 0; border-bottom:1px solid #ddd; }

.idpwsearch .searchboxT table th { text-align:left; padding-left:18px; background:url(../images/inc/blt_gray1.gif) no-repeat 10px 50%; }

.idpwsearch .searchboxT table td .text_name { width:98px; height:22px; border:1px solid #ccc; padding-left:5px; }
.idpwsearch .searchboxT table td .text_phone1 { width:38px; height:22px; border:1px solid #ccc; padding-left:5px; }
.idpwsearch .searchboxT table td .text_phone2 { width:48px; height:22px; border:1px solid #ccc; padding-left:5px; }
.idpwsearch .searchboxT table td .text_email1 { width:108px; height:22px; border:1px solid #ccc; padding-left:5px; }
.idpwsearch .searchboxT table td .text_email2 { width:118px; height:22px; border:1px solid #ccc; padding-left:5px; }
.idpwsearch .searchboxT table td .select_email3 { width:106px; height:24px; }

.idpwsearch .searchboxT table td .text_id { width:108px; height:22px; border:1px solid #ccc; padding-left:5px; }

.idpwsearch .searchboxT .findbtn_idpw { width:120px; height:30px; border:none; background:#cc0000; color:#fff; }


/* ¸¶ÀÌÆäÀÌÁö */
.mypage { width:750px; }
.mypage strong.id { color:#da131a; }
.mypage strong.name { color:#113d8e; }

.mypage .memberout { border-top:1px dashed #ddd; padding-top:15px; margin-top:30px; }
.mypage .memberout span { padding-top:8px; padding-left:10px; display:inline-block;}
.mypage .memberout .button_memberout { width:120px; height:30px; line-height:30px; border:none; background:#000; color:#fff; vertical-align:top; display:inline-block; margin-left:15px; } 

.mypage table { border-top:2px solid #da131a; margin-bottom:20px; }

.mypage table .select_index { width:150px; height:24px; padding-left:5px; }
.mypage table .text_name { width:210px; height:22px; border:1px solid #ccc; padding-left:5px; }
.mypage table .select_major { width:217px; height:24px; padding-left:3px;  }
.mypage table .select_major2 { width:317px; height:24px; padding-left:3px;  }
.mypage table .text_majorExplanation { width:593px; height:22px; border:1px solid #ccc; padding-left:5px; }
.mypage table .text_tel { width:300px; height:22px; border:1px solid #ccc; padding-left:5px; }
.mypage table .text_mail { width:300px; height:22px; border:1px solid #ccc; padding-left:5px; }
.mypage table .text_research { width:593px; height:22px; border:1px solid #ccc; padding-left:5px; }
.mypage table .text_researchLink { width:593px; height:22px; border:1px solid #ccc; padding-left:5px; }
.mypage table .text_professorResearch { width:210px; height:22px; border:1px solid #ccc; padding-left:5px; }
.mypage table .text_graduateSchoolLaboratory { width:210px; height:22px; border:1px solid #ccc; padding-left:5px; }
.mypage table .text_researchAchievementsLink { width:593px; height:22px; border:1px solid #ccc; padding-left:5px; }
.mypage table .textarea_content { width:578px; height:80px; border:1px solid #ccc; padding:10px; line-height:150%; }

.text_Link { width:593px; height:22px; border:1px solid #ccc; padding-left:5px; }
.text_professorOffice { width:210px; height:22px; border:1px solid #ccc; padding-left:5px; }
.graduateSchoolLab { width:210px; height:22px; border:1px solid #ccc; padding-left:5px; }
.text_Lab { width:593px; height:22px; border:1px solid #ccc; padding-left:5px; }
.text_LabLink { width:593px; height:22px; border:1px solid #ccc; padding-left:5px; }


/* 9. ÀÌ¿ë¾È³» */
/* 9. ÀÌ¿ë¾È³» */
/* 9. ÀÌ¿ë¾È³» */


/* ÅëÇÕ°Ë»ö */
.totalsearchPage { width:750px; }
.totalsearchPage .searchboxTS { width:704px; padding:20px 20px; border:3px solid #ddd; overflow:hidden; margin-bottom:30px; }
.totalsearchPage .searchboxTS form { width:400px; margin:0 auto; }
.totalsearchPage .searchboxTS form label { position:relative; top:5px; float:left; width:70px; font-size:125%; font-weight:bold; color:#333;  }
.totalsearchPage .searchboxTS form .text_totalsearchtext { float:left; width:231px; height:24px; line-height:24px; padding-left:5px; border:2px solid #da131a; }
.totalsearchPage .searchboxTS form .button_search { float:left; width:90px; height:28px; border:0; background:#da131a; color:#fff; }


.totalsearchPage .resultview { width:750px; }

.totalsearchPage .resultview h3 { width:705px !important; height:29px; padding:12px 0 0 45px !important; background: url(../images/bachelor/schedule_resultbar.gif) no-repeat !important; vertical-align:top; font-weight:bold; font-size:120%; color:#666; margin-bottom:10px; letter-spacing:1px; }
.totalsearchPage .resultview h3 strong { color:#06c; }
.totalsearchPage .resultview h3 .num { color:red; }

.totalsearchPage .resultview .resultlist { width:750px; }
.totalsearchPage .resultview .resultlist li { padding:8px 0 7px 19px; background:url(../images/inc/blt_gray1.gif) no-repeat 10px 12px; border-bottom:1px solid #ddd; color:#777; }
.totalsearchPage .resultview .resultlist li a:link,
.totalsearchPage .resultview .resultlist li a:visited { text-decoration:none; color:#333; }
.totalsearchPage .resultview .resultlist li a:active,
.totalsearchPage .resultview .resultlist li a:focus,
.totalsearchPage .resultview .resultlist li a:hover { color:#da131a; text-decoration:underline }
.totalsearchPage .resultview .resultlist li strong { color:#da131a; }





/* °³ÀÎÁ¤º¸Ãë±Þ¹æÄ§ */
.privacy { width:750px; }
.privacy .linebox { width:704px; padding:20px; border:3px solid #ddd; line-height:170%; margin-bottom:30px; }
.privacy .space30 p { line-height:170%; }

.privacy .space30 .ul1 { margin-bottom:20px; margin-left:15px; }
.privacy .space30 .ul1 li { line-height:140%; padding:3px 0 3px 10px; background:url(../images/inc/blt_red1.gif) no-repeat 0 8px; }
.privacy .space30 .ul2 { margin-left:15px; }
.privacy .space30 .ul2 li { line-height:140%; padding:3px 0 3px 10px; background:url(../images/inc/blt_gray1.gif) no-repeat 0 9px; }
.privacy .space30 .ul3 { margin-left:15px; }
.privacy .space30 .ul3 li { line-height:140%; padding:3px 0 3px 10px; background:none; }

.privacy .space30 h5 { font:bold 13px NanumBG, "³ª´®¹Ù¸¥°íµñ"; margin-bottom:10px;   }
.privacy .space30 table { margin-bottom:20px; }

.privacy .privacytable { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #ccc; border-right:1px solid #ccc; }
.privacy .privacytable td { padding:7px 0 7px 15px; text-align:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }


/* ÀÌ¸ÞÀÏ¹«´Ü¼öÁý°ÅºÎ */
.email { width:750px; }
.email p { line-height:170%; }
.email li { padding:5px 0 5px 10px; line-height:140%; background:url(../images/inc/blt_gray1.gif) no-repeat 0 12px; }



/* È¸»ç¼Ò°³ */
.greeting { width:100%; font-family:Malgun Gothic; overflow:hidden; }
.greeting p { line-height:180%; margin-bottom:15px; }
.greeting .grleft { float:left; width:50%; height:320px; background:url(../images/main/company1.jpg) no-repeat; background-size:90%;  }
.greeting .grright { float:left; width:50%;  height:320px; }
.greeting .grright p { line-height:180%; margin-bottom:15px; }
.greeting .grright p.btxt { font-size:25px; font-weight:bold; }
.greeting .grright p.btxt span {color:#b7403a; }

.greeting .grleft1 { float:left; width:330px; }
.greeting .grright1 { float:right; width:610px; }
.greeting .grright1 dl { position:relative; width:610px; border-bottom:1px solid #ccc; overflow:hidden; height:150px; margin-bottom:10px;}
.greeting .grright1 dt { position:absolute; right:0px; top:0px; width:215px;  }
.greeting .grright1 dd { float:left;  width:385px; padding-left:10px; font-size:14px; }
.greeting .grright1 dd.txt { font-size:18px; color:#da131a; margin-bottom:10px; font-weight:bold; padding-top:15px;}
@media (max-width:767px){ 
.greeting .grleft { width:100%; height:290px; }
.greeting .grright { width:100%; height:auto; }
.greeting .grleft1 { display:none; }
.greeting .grright1 { float:none; width:100%; }
.greeting .grright1 dl { width:100%; height:auto; border-bottom:none; }
.greeting .grright1 dt { position:inherit; }
.greeting .grright1 dd { position:inherit; padding-left:0px; width:100%;  }
}

/* profile */
.profile { width:100%; overflow:hidden; font-family:Malgun Gothic; }
.profile dl { padding:30px; border:10px solid #eee;  overflow:hidden; }
.profile dt { float:left; width:180px; font-size:20px; font-weight:bold; text-align:center; background:#b7403a; color:#fff; height:45px; line-height:45px; margin-bottom:10px; }
.profile dd { background:#eee; margin-left:200px; padding-left:15px; width:calc(100% - 215px); line-height:45px; line-height:45px; font-size:16px; margin-bottom:10px; }



@media (max-width:767px){ 

.profile dt { float:inherit; width:100%; font-size:16px; height:40px; line-height:40px; }
.profile dd { margin-left:0px; padding:0 10px; width:calc(100% - 20px); line-height:40px; line-height:40px; font-size:14px; }

}



/* location */
.location { width:100%; }
.location p { margin:20px 0; line-height:160%; }

/* academy */
.academy { width:100%; margin:0 auto; text-align:center; }
.academyarea { padding:30px; border:10px solid #eee; }


@media (max-width:767px){ 

.academy img { width:100%; }
.academyarea { padding:0px; border:none; }
}





/* ¿À´ÃÀÇ ÀÏÁ¤ */
.todaySchedule { position:relative; width:100%; font-family:Malgun Gothic; }
.todaySchedule #datebar { position:relative; width:304px; height:43px; text-align:center; margin:0 auto; }
.todaySchedule #datebar .arrow_pre { position:absolute; left:0; top:0px; z-index:999; }
.todaySchedule #datebar .arrow_pre a { display:block;  }
.todaySchedule #datebar .arrow_next { position:absolute; right:0; top:0px; z-index:999;} 
.todaySchedule #datebar .arrow_next a { display:block; }
.todaySchedule #datebar .date { position:relative; top:-2px; font-size:180%; text-align:center; }
.todaySchedule #datebar .date span { color:#999; }
.todaySchedule #datebar .date strong { color:#1757b7; padding-left:5px; }


.todaySchedule .tablediv { width:100%; border-top:2px solid #113d8e; margin-bottom:50px; }
.todaySchedule #onaircalendar { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-right:1px solid #ccc; font-family:Malgun Gothic; }
.todaySchedule #onaircalendar th,
.todaySchedule #onaircalendar td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-family:Malgun Gothic; }

.todaySchedule #onaircalendar th { height:33px; line-height:33px; color:#666; background:#eee; border-bottom:1px solid #aaa; }
.todaySchedule #onaircalendar .sun { color:#da131a; }
.todaySchedule #onaircalendar .sat { color:#06c; }

.todaySchedule #onaircalendar td { height:80px; color:#999; vertical-align:top; }
.todaySchedule #onaircalendar td a:link,
.todaySchedule #onaircalendar td a:visited { text-decoration:none; color:#333; }
.todaySchedule #onaircalendar td a:active,
.todaySchedule #onaircalendar td a:focus,
.todaySchedule #onaircalendar td a:hover { color:#da131a; text-decoration:underline }

.todaySchedule #onaircalendar td ul { display:inline-block; }
.todaySchedule #onaircalendar td ul li { line-height:160%; font-size:80%; display:block;  }

.todaySchedule #onaircalendar td span.btn a { float:right; margin-right:2px; background:#666; font-family:Malgun Gothic; color:#fff; width:30px; height:20px; line-height:20px; font-size:10px; text-align:center; display:inline-block; border-radius:2px; }

.todaySchedule #onaircalendar td.today .num { text-decoration:underline; font-weight:bold; color:#333;}


@media (min-width:768px) and (max-width:1200px){
.todaySchedule { width:100%; }
.todaySchedule #datebar { width:100%; }
}


@media (max-width:767px){ 
.todaySchedule { width:100%; }
.todaySchedule #datebar { width:100%; }
.todaySchedule .tablediv { margin-bottom:20px;}
.todaySchedule #onaircalendar td span.btn a { display:block; float:none;}
}


/* ¼¼·Î Å×ÀÌºí */
.tablediv { width:100%; border-top:2px solid #113d8e; font-family:Malgun Gothic; }

table.sero { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-right:1px solid #ccc;  margin-bottom:20px;  font-family:Malgun Gothic;}
table.sero th,
table.sero td { padding:12px 0 12px 0; border-bottom:1px solid #aaa; border-left:1px solid #ccc; font-weight:normal; line-height:150%;  font-family:Malgun Gothic; }

table.sero thead th { background:#ebeff1; color:#333; font-weight:bold; vertical-align:middle;  border-left:none; }
table.sero tbody th { vertical-align:middle; background:#fbfbfb; }

table.sero td {  text-align:center; }
table.sero td.left { text-align:left; padding-left:15px;}

table.sero td .stxt { color:#999; padding-left:10px;  }

table.sero td span.col { color:#1757b7; }
table.sero td span.blt { padding:4px 0 4px 10px; background:url(/images/egovframework/com/scc/inc/blt_gray1.gif) no-repeat 0 12px; line-height:150%; }
table.sero td a { color:#000; text-decoration:none; }