/* Layout */

body{background:url(../../img/layout/bg.gif); padding:0; margin:0;}

#wrap{}

#container{margin:0 auto;width:1024px;padding:0;overflow:hidden }

/* right */
#right{padding-top:20px;float:right;text-align:center; position:relative; height:764px}
.logo{padding:33px 0 20px 3px;}
.infoarea{width:200px;height:219px;margin:7px 0 16px 0;background:url(../../img/layout/bg_name.png) no-repeat; position:relative}
.level{position:absolute;top:15px;left:35px;}
.class{ position:absolute; top:0px; right:0px;}
.logout{ position:absolute;top:55px;left:120px; z-index:10;}
.namearea{position:relative; background:url(../../img/layout/dotline.png) repeat-x left top;top:99px;padding:16px 5px 0 5px; line-height:190%}
.clssarea,.clssarea2{position:relative;text-align:center;}
.clssarea ul{padding:24px 5px 10px 5px; background:url(../../img/layout/dotline.png) repeat-x left bottom; margin-bottom:11px; }
.clssarea li{display:inline-block; margin:0 6px 0 7px; position:relative }
.clssarea li.rubric{ background:url(../../img/level/bg_bottle.png) no-repeat 0 0; width:23px; height:36px; display:inline-block; zoom:1; *display:inline;padding:38px 4px 5px 4px}
.clssarea li span{display:block;text-align:center;}
.clssarea li._t{ background-position: 0 0}
.clssarea li._f{ background-position: -31px 0;}
.clssarea li._l{ background-position: -62px 0;}
.clssarea li._p{ background-position: -93px 0;}
.clssarea li._t span{position:absolute;bottom:15px;left:0;color:#90311b; z-index:100; width:23px; text-align:center}
.clssarea li._f span{position:absolute;bottom:15px;left:0;color:#b89b00;z-index:100; width:23px; text-align:center}
.clssarea li._l span{position:absolute;bottom:15px;left:0;color:#55770e;z-index:100; width:23px; text-align:center}
.clssarea li._p span{position:absolute;bottom:15px;left:0;color:#1d7e9f;z-index:100; width:23px; text-align:center}
.grapht{background-color:#fe633f;position:absolute;bottom:3px;left:4px;width:23px;}
.graphf{background-color:#ffd700;position:absolute;bottom:3px;left:4px;width:23px}
.graphl{background-color:#8dc417;position:absolute;bottom:3px;left:4px;width:23px}
.graphp{background-color:#2cb6e5;position:absolute;bottom:3px;left:4px;width:23px}

.clssarea2 ul{margin-top:11px}
.clssarea2 li{ margin:4px 0}
.clssarea p{ display:inline;margin:2px}
.btnarea{position: absolute; bottom:11px;text-align:center; width:200px}
.btnarea li{ margin:6px 0 0 0;display: inline-block; width: 100%;}
h5.title{text-align:left; position:relative; top:10px; left:10px}
h5.title span{ position: absolute;display:inline; right:20px}

/* container */
#contents{width:740px;height:758px;padding:20px 30px 0 30px; background:url(../../img/layout/bg_contents.png) no-repeat; position:relative;font-family:"VAGRounded BT",'NanumGothic','나눔고딕','돋움'}

/* TOP */
.titlearea{background:url(../../img/contents/dotline.gif) repeat-x left bottom; padding-bottom:10px;position:relative;}
.titlearea p.subtxt{ margin:24px 0 9px 0;}
.titlearea p.btn_type3{ position: absolute;right:10px; bottom:10px}
.titlearea h2 .icon{position:relative; top:4px}
.titlearea h2 span{position:relative; top:8px}

/* footer */
#footer{width:100%; height:12px; background-color:#514b42; padding:8px; text-align:center;font-size:11px; color:#bfbfbf;}
#footer .kor {font-family:'NanumGothic','나눔고딕','돋움'; font-weight:bold; }

.referarea{ font-family:"VAGRounded BT",'NanumGothic','나눔고딕','돋움'; line-height:160%; float:left; margin-left:10px; width:100%}
.referarea li{padding-left:10px; line-height:1.6; background:url(../../img/contents/dotorange.png) no-repeat 0 9px; text-align:left}

/* table_round */
.round1_l{background:url(../../img/contents/scheduler/th_tl_gray.gif) no-repeat; width:10px; height:11px; position: absolute; left:0;top:0}
.round1_r{background:url(../../img/contents/scheduler/th_tr_gray.gif) no-repeat; width:10px; height:11px; position: absolute; right:0;top:0}
.round2_l{background:url(../../img/contents/scheduler/th_tl_brown.gif) no-repeat; width:10px; height:11px; position: absolute; left:0;top:0}
.round2_r{background:url(../../img/contents/scheduler/th_tr_brown.gif) no-repeat; width:10px; height:11px; position: absolute; right:0;top:0}
.round3_l{background:url(../../img/contents/scheduler/th_tl_pink.gif) no-repeat; width:10px; height:11px; position: absolute; left:0;top:0}
.round3_r{background:url(../../img/contents/scheduler/th_tr_pink.gif) no-repeat; width:10px; height:11px; position: absolute; right:0;top:0}
.round4_l{background:url(../../img/contents/scheduler/th_tl_mint.gif) no-repeat; width:10px; height:11px; position: absolute; left:0;top:0}
.round4_r{background:url(../../img/contents/scheduler/th_tr_mint.gif) no-repeat; width:10px; height:11px; position: absolute; right:0;top:0}
.pop_round_l{background:url(../../img/pop/pop_bg_tl.png) no-repeat left top; width:15px; height:15px; position:absolute; left:0; top:-15px}
.pop_round_c{ background-color: #68c9d3;width:415px; height:15px; position:absolute; left:15px; top:-15px}
.pop_round_r{background:url(../../img/pop/pop_bg_tr.png) no-repeat right top; width:15px; height:15px; position:absolute; right:0; top:-15px}
.pop_round_bl{background:url(../../img/pop/pop_bg_bl.png) no-repeat left bottom; width:14px; height:14px; position:absolute; left:-1px; bottom:-14px}
.pop_round_bc{ background-color:#fff;width:417px; height:13px; position:absolute; left:13px; bottom:-14px; border-bottom:1px #67c9d3 solid}
.pop_round_br{background:url(../../img/pop/pop_bg_br.png) no-repeat right bottom; width:14px; height:14px; position:absolute; right:-1px; bottom:-14px}
  
.sub_tabarea{position:relative; width:740px;}
.sub_tabarea li{display:inline-block; float:right; margin-left:2px}
.sub_tabarea li.class_c{ background:url(../../img/contents/element/tab_class_c.gif) no-repeat;position:absolute; top:-1px; right:10px;width:139px; height:34px}
.sub_tabarea li.class_s{ background:url(../../img/contents/element/tab_class_s.gif) no-repeat;position:absolute; top:-1px; right:10px;width:139px; height:34px}
.sub_tabarea li.class_e{ background:url(../../img/contents/element/tab_class_e.gif) no-repeat;position:absolute; top:-1px; right:10px;width:139px; height:34px}
.sub_tabarea li.class_p{ background:url(../../img/contents/element/tab_class_p.gif) no-repeat;position:absolute; top:-1px; right:10px;width:139px; height:34px}

/* Form */
form.jqtransformdone label{	margin:0 12px 0 0;;display:block;text-align:right; color:#5ac4d0; font-size:22px; vertical-align:middle; }

/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }

/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }

/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }

/* Inputs  */
.jqTransformInputWrapper {background: transparent url(../../img/contents/input_text_left.gif) no-repeat left top;height:25px;padding:0;display: inline-block; zoom:1;*display:inline; vertical-align:middle; margin:0 }
.jqTransformInputInner {background: transparent url(../../img/contents/input_text_right.gif) no-repeat right top;padding: 0px;margin: 0px; padding-top:5px;}
.jqTransformInputInner div {height: 20px;margin:0px 0px 0px 8px;}
.jqTransformInputInner div input {font-size:15px;line-height: 16px;vertical-align: middle;height:18px;color:#404040;border: none;padding: 0p;margin: 0;background:transparent; font-family:"VAGRounded BT",'NanumGothic','나눔고딕','돋움';}

/* IE6 */
* html .jqTransformInputInner div input {padding: 2px 0 0 0;margin: 0 0 0 -8px;	height:21px;}
/* Ie7 */
*+ html .jqTransformInputInner div input {padding: 2px 0 0 0;margin-left:-10px;	height:18px;}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -25px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -25px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -50px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -50px ;}
.jqTransformSafari .jqTransformInputInner div {position: relative;overflow: hidden;	margin:0px 8px;}
.jqTransformSafari .jqTransformInputInner div input {background-color: none;position: absolute;top: -10px;left: -2px;height: 31px;padding-left: 4px;}

/* Textarea */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{font-size: 12px;line-height: 16px;}
table.jqTransformTextarea td{font-size: 1px;line-height: 1px;width: 5px;height: 5px;margin: 0;padding: 0;}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{/*border: 1px solid red;*/}
table.jqTransformTextarea textarea{margin: 0;padding: 0;border: 0;background: none;}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(../../img/contents/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(../../img/contents/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(../../img/contents/textarea_tr.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(../../img/contents/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(../../img/contents/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(../../img/contents/textarea_mr.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(../../img/contents/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(../../img/contents/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(../../img/contents/textarea_br.gif) no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(i../../img/contents/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(../../img/contents/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}
table.jqTransformTextarea .jqTransformSafariTextarea div {position: relative;overflow: hidden;border: 0px solid red;}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{background: none;position: absolute;top:-10px;left:-10px;padding: 10px 10px 10px 10px;resize: none;}

/* Radios */
.jqTransformRadioWrapper {float:left;display:block;margin:0px 4px;}
.jqTransformRadio {background: transparent url(../../img/contents/radio.gif) no-repeat center bottom;	vertical-align: middle;	height: 16px;width: 16px;display:block;/*display: -moz-inline-block;*/}

/* Checkboxes */
span.jqTransformCheckboxWrapper{float:left;display:block;margin:0px 4px;}
a.jqTransformCheckbox {	background: transparent url(../../img/contents/radio.gif) no-repeat center top;	vertical-align: middle;	height: 16px;width: 16px;display:block;/*display: -moz-inline-block;*/}

/* Checked - Used for both Radio and Checkbox */
a.jqTransformChecked { background-position: center bottom;}

/* Selects */
.jqTransformSelectWrapper{position:relative;height:23px;background: url(../../img/contents/select_left.gif) no-repeat 0 0;float:left;margin-right:5px; width:75px !important}
.jqTransformSelectWrapper div span{font-size: 14px;position: absolute;white-space: nowrap;height: 18px;line-height: 15px;padding: 5px 0 0 0px;overflow: hidden;	cursor:pointer;left:4px;width:75px !important}
.jqTransformSelectWrapper a.jqTransformSelectOpen{display:block;position:absolute;right:0px; top:2px;width: 28px;height: 19px;background: url(../../img/contents/select_right.gif) no-repeat right center}
.jqTransformSelectWrapper ul {position:absolute;width:75px !important;top:23px;left:0px;list-style: none;background-color:#fff;border:1px #ccc solid;display:none;margin: 0px;padding:0px;overflow:none;z-index:101}
.jqTransformSelectWrapper ul a {display: block;padding: 5px;text-decoration: none;color:#333;background-color:#fff;font-size: 12px; text-align:left}
.jqTransformSelectWrapper ul a.selected{background:#ededed;color:#333}
.jqTransformSelectWrapper ul a:hover,.jqTransformSelectWrapper ul a.selected:hover{background:#67c9d3;color: #fff}

.jqTransformHidden {display:none}

/* login */
#login_contents{position:relative;background:url(../../img/layout/bg_login.png) no-repeat; width:406px; height:307px; padding:60px 0 10px 0; margin:0 auto; top:150px; text-align:center}
#login_contents td{ height:40px}
#login_contents p{text-align:center}
#login_contents table{margin-top:40px;width:310px; text-align:left; padding:0 55px; display:inline-block;*display:inline; zoom:1}
#login_contents table label{ text-align:left; color:#888577; font-size:12px; cursor:pointer}
.login_footer{ position:absolute;bottom:72px; left:0;width:406px; font-family:"VAGRounded BT",'NanumGothic','나눔고딕','돋움'; font-size:11px;white-space:nowrap; letter-spacing:-1px; text-align:center}

/* feedback */
.bgth_rbox{ background-color:#000; width:3px; height:3px; background-position:right top}
.fbbg_lt{background:url(../../img/pop/feedbackbg_left.gif) no-repeat left top;width:35px; height:70px; position:absolute; top:0; left:0; z-index:1001}
.fbbg_rt{background:url(../../img/pop/feedbackbg_right.gif) no-repeat right top;width:35px; height:70px; position:absolute; top:0; right:0;z-index:1001}
.fbbg_r{background:url(../../img/pop/fbbg_right.png) repeat-y;position:absolute; top:0; right:-8px;z-index:1000; width:8px; height:100%}
.fbbg_l{background:url(../../img/pop/fbbg_left.png) repeat-y;position:absolute; top:0; left:-8px;z-index:1000; width:8px; height:100%}

/* error */
#error_wrap{font-family:"VAGRounded BT",'NanumGothic','나눔고딕','돋움';}
#error_contents{background: url(../../img/error/errorbg_top.png) no-repeat left top; width:510px;margin:0 auto; top:225px; text-align:left; position:relative}
#error_contents a{ position:absolute; right:15px; top:-10px; font-weight:bold; color:#777362}
#error_contents a:hover{ text-decoration:underline}
#error_contents h3{ font-size:16px; color:#f3746f; font-weight:bold;padding:0 0 0 30px; vertical-align:middle}
#error_contents h3 span{ background: url(../../img/error/top_icon12.png) no-repeat; padding:26px 0 0 65px; height:30px; display:inline-block}
.error_box p.dotline{ background:url(../../img/error/dotline.gif) repeat-x left top;}
.error_box{background: url(../../img/error/errorbg_mid.png) repeat-y left top; line-height:25px;width:450px; padding:10px 30px 65px 30px}
.error_box table{ margin-left:30px}
.error_box p.logo{ position:absolute; right:0; bottom:0}
.error_footer{background: url(../../img/error/errorbg_bottom.png) repeat-y left top; text-align:center; height:20px}
.error_footer img{ display:block; position:absolute; right:25px; bottom:25px}
.error_footer span{ position:relative;top:35px; font-family:Tahoma, Geneva, sans-serif; font-size:11px}

.custominfo img{margin-top:10px}