@charset "euc-kr";
/*----------------------------------------------
version: 1.0
author :  Astrum Creative Group (ACG)
              - Son mi jin (alcaxy@astrum.co.kr)
-----------------------------------------------*/

/* = HTML Elements Default Properties
--------------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html, body { height: 100%; color:#808080; }
html { overflow-x: auto; overflow-y: scroll; font: 12px/17px µ¸¿ò, Dotum, Verdana, sans-serif; }
ul, ol { list-style: none; }
object { outline: none; }
hr { display: none; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; line-height: 16px; }
a:link, a:visited { color: #999999; text-decoration: none; }
a:hover, a:active { color: #195d56; text-decoration: none; }
input, select, textarea, label { vertical-align: middle; }
caption { display: none; }
form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: none 0 transparent; }
legend { display: none; }
img { border: 0 none; vertical-align: top; }
table { width: 100%; border-collapse: collapse; }
table tr td { word-break: break-all; }
table tr th img, table tr td img { vertical-align: middle; }
em { font-style: normal; }
html html body { color:#808080; } 
/* table tr td font { color:#808080; }
html body table tr td .article font { color:#808080 !important; }*/ /* ¿¡µðÅÍ¿ë */
html html table tr th img, table tr td img { vertical-align: top; }
/* = Form Elements Setting
--------------------------------------------------------------------------------------------*/
input.input_text { height: 14px; padding: 3px 4px 2px 6px; border: 1px solid #b9c9c7; border-right: 1px solid #cbd7d5; border-bottom: 1px solid #cbd7d5; font-size: 12px; font-family: Dotum, Verdana, sans-serif; background-color: #fff; color: #999999; } /* ie6, ie7, ie8 */
input.input_read { background: #fafafa; }
select.selectb { padding: 2px 4px 0 6px; border: 1px solid #b9c9c7; border-right: 1px solid #cbd7d5; border-bottom: 1px solid #cbd7d5; font-size: 12px; font-family: Dotum, Verdana, sans-serif; background-color: #fff; color: #999999; }
textarea { padding: 2px 4px 1px 2px; border: 1px solid #b9c9c7; border-right:1px solid #b9c9c7; border-bottom:1px solid #b9c9c7; font: 12px/16px Dotum, Verdana, sans-serif; color: #b3b3b3; background-color: #fff; }

span.selectbox_title { display: inline-block; padding: 0 0 0 0; background: url(/images/common/form/combo01_right.gif) right top no-repeat;  text-align: left; }
* html span.selectbox_title { display: inline-block; padding: 0 0 0 0; background: url(/images/common/form/combo01_right.gif) right top no-repeat; }
span.selectbox_title strong { display: inline-block; overflow: hidden; width: 100%; height: 16px; padding: 4px 0 2px 10px; font-size:12px;  font-weight:normal; color: #999999 !important; background: url(/images/common/form/combo01_left.gif) left top no-repeat; }
* html span.selectbox_title strong, *:first-child+html span.selectbox_title strong { padding: 4px 10px 2px 10px; }
span.selectbox_title_focus strong { color:#999999 !important; }
div.selectbox_option { overflow: hidden; border: 1px solid #cbd7d5; background: #fff; }
* html div.selectbox_option { padding-right: 10px; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #cbd7d5; scrollbar-3dlight-color: #ffffff; scrollbar-shadow-color: #cbd7d5; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #a1b7b4; }
div.selectbox_option div.scroll { overflow: auto; }
div.selectbox_option a:link,
div.selectbox_option a:visited,
div.selectbox_option a:active { display: block; overflow: hidden; height: 13px; padding: 3px 0px 2px 9px; font-size: 12px; line-height: 16px; text-decoration: none; color: #999999; white-space: nowrap; }
div.selectbox_option a.on,
div.selectbox_option a:hover { color: #999999; background:#fff; }

/* = Common Layout Setting
--------------------------------------------------------------------------------------------*/
#skip_nav { position:relative;}
#skip_nav a { display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; white-space:nowrap;}
#skip_nav a:focus,
#skip_nav a:active { height:auto; width:100%; padding:5px; margin-bottom:10px;}

#header { z-index: 100; position: relative; width:100%; height: 182px; margin: 0 auto; background: #fff url('/images/common/header/bg_header.gif') repeat-x ; left top;}
#header #header_area { position: relative; width: 940px; margin: 0 auto; font-size: 0; line-height: 0; }
#header #header_area h1 { z-index: 100; position: absolute; left: 0; top: 20px; font-size: 0; line-height: 0; }

/* gnb °øÅë - Áö¿ª css ÂüÁ¶ */
#header #header_area #gnb { z-index: 10; position: relative; padding: 33px 0 0 0; margin: 0 0 0 65px;  font-size: 0; line-height: 0;}
#header #header_area #gnb li { display: inline-block; vertical-align: top; } /* ie6, ie7 */
#header #header_area #gnb li a.newlogo {margin: 0 0 0 -65px;}
#header #header_area #gnb li a.gnb_menu { display: block; overflow: hidden; background: url(https://img.jongroeclass.co.kr/img23/sprite_gnb.gif) no-repeat; }
#header #header_area #gnb .snb { position: absolute; left: -68px; top: 97px; }
#header #header_area #gnb .snb li { padding: 0 0 0 13px; margin: 0 12px 0 0; background: url(/images/common/header/gnb_section.gif) no-repeat left 2px; }
#header #header_area #gnb .snb li.first { background: none; }
*html #header #header_area #gnb li, *html #header #header_area #gnb .snb li { display: inline !important; }
*:first-child+html #header #header_area #gnb li, *:first-child+html #header #header_area #gnb .snb li { display: inline !important; }
#header #header_area .member { z-index: 100; position: absolute; top: 10px; right: 210px; font-size: 0; line-height: 0; }
#header #header_area .member a { display: inline-block; vertical-align: top;}
#header #header_area .member .join { padding: 0 0 0 5px; margin: 0 0 0 7px;background: url(/images/common/header/member_section.gif) no-repeat left top; }
#header #header_area #more_jongro { z-index: 10; position: absolute; right: 0; top: 9px; }
#header #header_area .eclass { z-index: 10; position: absolute; right: 125px; top: 10px; }



/* footer */
#footer { z-index: 1; position: relative; width: 100%; height: 180px; padding: 100px 0 0; background: #fff url('/images/common/footer/bg_footer.gif') repeat-x 0 100px;  }
#footer #footer_area { position: relative; width: 940px; padding: 74px 0 0; margin: 0 auto; color: #808080; }
#footer #footer_area a { color: #808080; }
#footer #footer_area #location { position: absolute; top: 20px; width: 90%; height: 12px; font-size: 0; line-height: 0; }
#footer #footer_area .campaign { text-align:center; position: absolute; top: 90px; left: 0px; width:175px; height:45px; border-right:1px solid #DCDCDC; }
#footer #footer_area .campaign img{margin-top:0;}

/* »çÀÌÆ® ¸Ê */
#footer #footer_area .sitemap li { float: left; width: 180px; font-size: 0; line-height: 0; }
#footer #footer_area .sitemap li ul { margin: 7px 0 0; }
#footer #footer_area .sitemap li ul li { font-size: 12px; line-height: 19px; }
#footer #footer_area address { position: absolute; top: 90px; left: 187px; font-size: 0; line-height: 0; }
#footer #footer_area address p{margin-bottom:4px;}
#footer #footer_area .utility { float: left; width: 210px; margin: -3px 0 0; }
#footer #footer_area .utility li { padding: 0 0 0 7px; line-height: 21px; font-weight: bold; background: url('/images/common/sprite_blt.gif') no-repeat left -93px; }

/* Æйи® »çÀÌÆ® */
#footer #footer_area .jongro_family { float: left; width: 180px; margin: -3px 0 0; line-height: 21px; }
#footer #footer_area .jongro_family a { display: inline-block; padding: 0 0 0 7px; font-weight: bold; background: url('/images/common/sprite_blt.gif') no-repeat left -92px; vertical-align: top;  }

/* = Sub Layout Setting
--------------------------------------------------------------------------------------------*/
#container { min-height: 100%; margin: -182px 0 -280px; } /* ie6 */
#content_area { position: relative; width: 940px; padding: 182px 0 280px; margin: 0 auto; background: url('/images/common/bg_aside.gif') repeat-y 741px top; }
#content_area:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; } /* ie6, ie7 */

#content_area #wide_content { clear: both; width: 940px; background-color: #fff; }
#content_area #content { /* overflow: hidden;*/ position: relative; float: left; width: 690px; }
#content_area #aside { position: relative; float: right; width: 180px; padding: 0 0 0 20px; color: #999999; }
#wide_container { width: 940px; margin: 0 auto; }

/* = Global Style Setting
--------------------------------------------------------------------------------------------*/
/* clear element */
.clear_self:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; } /* ie6, ie7 */
.clear { clear: both !important; }

/* display value */
.disinline { display: inline !important; }
.disblock { display: block !important; }
.disinblock { display: inline-block !important; } /* ie6, ie7 */
.disnone { display: none !important; }
.select_inline { display: inline; margin: 0 1px 0 0; vertical-align: top; } /* ie6, ie7 */

/* align value */
.txt_c { text-align: center !important; }
.txt_l { text-align: left !important; }
.txt_r { text-align: right !important; }
.txt_j { text-align: justify !important; }
.vt { vertical-align: top !important; }
.vm { vertical-align: middle !important; }
.vb { vertical-align: bottom !important; }

/* font value */
.fn { font-weight: normal !important; }
.fb { font-weight: bold !important; }
.fs11 { font-size: 11px !important; }
.lh21 { line-height: 21px; }
.fc01 { color: #adadad !important; }
.fc02 { color: #739490 !important; }
.fc03 { color: #e06e36 !important; }
.lw01 { letter-spacing: -1px !important; }
.ws01 { word-spacing: -1px !important; }

/* hidden label */
.hideLabel { position: absolute; left: -5000px; width: 0; }

/* float value */
.fl { float: left !important; display: inline !important; }
.fr { float: right !important; display: inline !important; }

/* ir */
.ir span{ position:absolute; z-index:-1; visibility:hidden; }

/* png24 */
.png24 { tmp:expression(setPng24(this)); }

/* = Print Style Setting
--------------------------------------------------------------------------------------------*/
@media print{
  #header, #aside, #footer { display: none; }
}

/* = 2Â÷  ¼öÁ¤
--------------------------------------------------------------------------------------------*/
#header #header_area .member { z-index: 100; position: absolute; top: 40px; right: 134px; font-size: 0; line-height: 0; }
#header #header_area .member a { display: inline-block; vertical-align: top; }
#header #header_area .member .join { padding: 0 0 0 8px; margin: 0 0 0 7px; background: url(/images/common/header/member_section.gif) no-repeat left top; }
#header #header_area #more_jongro { z-index: 10; position: absolute; right: 0; top: 39px; }
#header #header_area .eclass { z-index: 10; position: absolute; right: 125px; top: 40px; }

#header #header_area #gnb .snb { position: absolute; left: -68px; top: 92px; } /* modify 2nd top: 97px;  -> top: 92px; */ 


.examNotice{color:#FF721D;font-weight:bold;margin-top:10px;font-size:11px;}
.seocho_half{background:url(/images/common/seochobg_03.gif) no-repeat left top; height:81px; position:relative;}
.seocho_half .txt{position:absolute; top:20px; left:25px;}
.seocho_half .btn{position:absolute; top:23px; left:285px;}

.recruitinfo{background:url(/images/common/seochobg_03.gif) no-repeat left top; height:81px; position:relative; margin-bottom:9px;}
.recruitinfo .txt{position:absolute; top:20px; left:25px;}
.recruitinfo .btn{position:absolute; top:23px; left:285px;}

.recruitinfoex{background:url(/images/common/seochobg_03.gif) no-repeat left top; height:81px; position:relative; margin-bottom:9px;}
.recruitinfoex .txt{position:absolute; top:12px; left:25px;}
.recruitinfoex .btn{position:absolute; top:23px; left:285px;}

.essay{background:url(/images/common/seochobg_03.gif) no-repeat left top; height:81px; position:relative;}
.essay .txt{position:absolute; top:20px; left:25px;}

.info_half li{background: url(/images/common/blt_square03.gif) no-repeat 0px 5px; padding-left:10px;}

#content .recruitment{color:#E06E36;}
#content .lectures{color:#E06E36;}

.contArea{text-align:left;}
.explantionTable .first img{vertical-align:middle;}

.strong{color:#E06E36;}

.Thema{border-top:2px solid  #739490; }
.Thema thead th{padding:10px 0; background:#F9FAFA; border-bottom:1px solid #B9C9C7; color:#3C6461;  border-right:1px solid #EDF1F1;}
.Thema tbody th{padding:8px 0; background:#F9FAFA; border-bottom:1px solid #B9C9C7; color:#3C6461; border-right:1px solid #EDF1F1;}
.Thema tbody td{padding:20px 0; border:1px solid #E0E7E6; text-align:center;}
.Thema .end{border-right:none;}
.Thema .first{border-left:none;}
.Thema tbody td.line01{padding:8px 0; background:#F9FAFA; border-bottom:1px solid #B9C9C7; color:#3C6461; border-top:1px solid #B9C9C7;}
.Thema tbody td.line{padding:8px 0; background:#F9FAFA; border-bottom:1px solid #B9C9C7; color:#3C6461; border-top:1px solid #B9C9C7; border-right:none;}