@charset "utf-8";
/* CSS Document */

/*defalt*/
* { margin:0; padding:0; font-size:12px; color:#777777; font-family:"dotum","Tahoma", gulim,  dotum, dotum, AppleGothic, dotum; }

/* CSS DESIGN SET */
html { width:100%; height:100%; }
html>/**/body { width:100%; height:100%; margin:0px; overflow-y:scroll; }
body { width:100%; height:100%; position:relative; margin:0px;  padding:0px; line-height:140%; }
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,legend,div,blockquote,pre,form,fieldset,input,a,button,select { margin:0px;  padding:0px; list-style: none; line-height:140%;  background-color:transparent; }
img, fieldset { border:none; }
img, fieldset { border:none; }
ol, ul { list-style:none; }
textare a{ resize:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
a:link, a:visited, a:active { color:#777777; text-decoration:none; cursor:pointer; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
a:hover, a:focus { color:#222222; text-decoration:none; cursor:pointer; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
em, cite, address { font-style:normal; }
input { padding:2px; margin:0 0 3px 0; vertical-align:middle; border:#d5d5d5 1px solid; overflow:hidden;}
input[type=image] { border:none; margin:-4px 0 0 0; vertical-align:middle; }
input[type=checkbox] { border:none; margin:-4px 0 0 0; vertical-align:middle; }
input[type=radio] { border:none; margin:-4px 0 0 0; vertical-align:middle; }
textarea { padding:4px; margin:0px; border:#d5d5d5 1px solid; }

/*layout*/
#wrap { position:absolute; width:100%; height:100%; background:url(/image/bg.jpg) top center no-repeat; }
#wraper { position:relative; width:980px; margin:0 auto; }


/*topbar*/
#top_bar { position:relative; width:100%; height:30px; min-width:980px; background:url(/image/top_bar_bg.jpg) repeat-x; }
#top_bar .left { position:absolute; width:110px; height:14px; margin:8px 0 0 20px; }
#top_bar .center { position:absolute; width:40px; height:30px; left:50%; margin-left:-20px; }
#top_bar .right { position:relative; height:11px; float:right; margin:8px 20px 0 0; }
#top_bar .right li { position:relative; float:left; }
#top_bar .right_bar { display:block; width:13px; height:11px; background:url(/image/top_btn_bar.jpg) center no-repeat; }

/*top*/
#top { position:relative; width:980px; height:160px; }
#top .logo_banner { position:absolute; top:10px; left:15px; }
#top .logo { position:absolute; top:10px; left:437px; }
#top .search_box { position:relative; float:right; width:250px; height:25px; top:25px; right:15px; }
#top .search { position:relative; width:200px; height:25px; float:left; }
#top .input_search { border:#f06024 2px solid; width:190px; height:15px; padding:3px; display:inline-block; *display:inline; *zoom:1; margin-top:-2px; }
#top .search_btn { position:relative; width:46px; height:25px; float:left; margin:0 0 0 4px; }
#top .text { position:relative; height:12px; margin:5px 0 0 0; font-size:11px; color:#906437; text-decoration:underline; margin-right:7px; float:left; }
#top .free { position:absolute; width:38px; height:21px; margin:70px 0 0 485px; z-index:100; background:url(/image/free.png) no-repeat; }
#top .menu { position:absolute; top:70px; width:980px; height:90px; background:url(/image/menu_bg.jpg) no-repeat; }
#top .menu li { position:relative; float:left; margin:8px 0; }
#top .menu0 { padding-left:15px; }

#top .menu .sub0 { position:absolute; width:900px; height:90px; top:53px; left:65px; * margin:-8px 0 0 -840px; display:none; }
#top .menu .sub0 li { position:relative; float:left; margin:0 15px 0 0; font-size:11px; font-weight:bold; }
#top .menu .sub1 { position:absolute; width:900px; height:90px; top:53px; left:65px; * margin:-8px 0 0 -840px; display:none; }
#top .menu .sub1 li { position:relative; float:left; margin:0 15px 0 0; font-size:11px; font-weight:bold; }
#top .menu .sub2 { position:absolute; width:765px; height:90px; top:53px; left:200px; * margin:-8px 0 0 -840px; display:none; }
#top .menu .sub2 li { position:relative; float:left; margin:0 15px 0 0; font-size:11px; font-weight:bold; }
#top .menu .sub3 { position:absolute; width:700px; height:90px; top:53px; left:265px; * margin:-8px 0 0 -840px; display:none; }
#top .menu .sub3 li { position:relative; float:left; margin:0 15px 0 0; font-size:11px; font-weight:bold; }
#top .menu .sub4 { position:absolute; width:600px; height:90px; top:53px; left:365px; * margin:-8px 0 0 -840px; display:none; }
#top .menu .sub4 li { position:relative; float:left; margin:0 15px 0 0; font-size:11px; font-weight:bold; }
#top .menu .sub5 { position:absolute; width:750px; height:90px; top:53px; left:215px; * margin:-8px 0 0 -840px; display:none; }
#top .menu .sub5 li { position:relative; float:left; margin:0 15px 0 0; font-size:11px; font-weight:bold; }
#top .menu .sub6 { position:absolute; width:365px; height:90px; top:53px; left:600px; * margin:-8px 0 0 -840px; display:none; }
#top .menu .sub6 li { position:relative; float:left; margin:0 15px 0 0; font-size:11px; font-weight:bold; }
#top .menu .sub7 { position:absolute; width:165px; height:90px; top:53px; left:800px; * margin:-8px 0 0 -840px; display:none; }
#top .menu .sub7 li { position:relative; float:left; margin:0 15px 0 0; font-size:11px; font-weight:bold; }


/*left*/
#main_left { position:relative; float:left; width:200px; height:100%; margin:0 20px 20px 15px; }
.login_box { position:relative; width:200px; height:130px; background:url(/image/login_box.jpg); z-index:500; }
.login_box .form1 { position:absolute; width:111px; height:19px; margin:20px 0 0 20px; display:inline-block; *display:inline; *zoom:1; }
.login_box .form1 input { width:105px; height:13px; padding:2px; background:#fff; border:#e5e5e5 1px solid; font-size:11px; margin:0; }
.login_box .form2 { position:absolute; width:111px; height:19px; margin:43px 0 0 20px; display:inline-block; *display:inline; *zoom:1; }
.login_box .form2 input { width:105px; height:13px; padding:2px; background:#fff; border:#e5e5e5 1px solid; font-size:11px; margin:0; }
.login_box .form3 { position:absolute; width:175px; height:19px; margin:70px 0 0 20px; font-size:11px; color:#999999; display:inline-block; *display:inline; *zoom:1; }
.login_box .btn1 { position:absolute; width:44px; height:44px; margin:20px 0 0 138px; *display:inline; *zoom:1; }
.login_box .btn2 { position:absolute; width:120px; height:20px; margin:100px 0 0 20px; font-size:11px; color:#656565; letter-spacing:-1px; *display:inline; *zoom:1; }
.login_box .btn3 { position:absolute; width:50px; height:20px; margin:100px 0 0 135px; font-size:11px; color:#f16228; font-weight:bold; letter-spacing:-1px; *display:inline; *zoom:1; }
.login_box .btn3 a { font-size:11px; color:#f16228; font-weight:bold; line-height:17px; }

.icon_box { position:relative; height:130px; margin:10px 0 0 0 ; }
.icon_box dd { float:left; }

.login_box2 { position:relative; width:200px; height:130px; background:url(/image/login_box2.jpg); z-index:500; }
.login_box2 .btn1 { position:absolute; width:160px; height:44px; margin:20px 0 0 20px; *display:inline; *zoom:1; }
.login_box2 .btn2 { position:absolute; width:120px; height:20px; margin:100px 0 0 20px; font-size:11px; color:#656565; letter-spacing:-1px; *display:inline; *zoom:1; }
.login_box2 .btn3 { position:absolute; width:50px; height:20px; margin:100px 0 0 105px; font-size:11px; color:#f16228; font-weight:bold; letter-spacing:-1px; *display:inline; *zoom:1; }

.left_banner1 { position:relative; height:60px; margin:5px 0 0 0; }
.left_banner2 { position:relative; height:65px; margin:5px 0 0 0; }
.left_banner_tea { position:relative; height:40px; margin:5px 0 0 0; }
.system_box { position:relative; height:100px; margin:20px 0 0 0; }

.cscenter { position:relative; height:150px; margin:20px 0 0 0; }
.cscenter dd { float:left; }


/*main*/
#main_top1 { position:relative; float:left; width:490px; height:180px; margin:0 0 15px 0; }
#main_top2 { position:relative; float:left; width:240px; height:180px; margin:0 0 15px 0; }


#main_center { position:relative; float:left; width:470px; margin:0 20px 20px 0; }
.class_box { position:relative; height:150px; margin:0 0 20px 0; }
.data_box { position:relative; height:135px; margin:0 0 20px 0; }
.community_box { position:relative; height:140px;  margin:0 0 10px 0; }
.center_banner { position:relative; height:55px; margin:0 0 0 0; }
.center_banner dd { float:left; }

.center_banner_ { position:relative; margin:20px 0 0 0; }
.center_banner_ dd { float:left; }


#main_right { position:relative; float:left; width:240px; margin:0 0 20px 0; }
.notice_box  { position:relative; height:155px; margin:0 0 20px 0; }
.leveltest_box { position:relative; height:70px; margin:0 0 5px 0; }
.qna_to_box { position:relative; height:120px; margin:0 0 5px 0; }
.right_banner1 { position:relative; height:60px; margin:0 0 0 0; }
.right_banner2 { position:relative; height:60px; margin:0 0 20px 0; }
.photo_box { position:relative; height:135px; margin:0 0 0 0; }

.data_board .date { font-size:11px; color:#999; }
.com_board .date { font-size:11px; color:#999; }

#sub { position:relative; float:left; width:730px; height:100%; min-height:500px; }
.left_menu { position:relative; width:200px; margin:15px 0 40px 0; }
.left_menu dt { position:relative; width:200px; height:70px; margin:0 0 5px 0; }
.smenu_start { margin:5px 0 0 0; }
.smenu_end { margin:0 0 10px 0; }

.sub_top { position:relative; width:730px; height:170px; margin:0 0 10px 0; }
.sub_tit { position:relative; width:730px; height:33px; border-bottom:#bbb 2px solid; }
.sub_tit .icon { position:absolute; float:left; width:14px; height:20px; margin:7px 5px 0 10px; background:url(/image/page_tit_icon.jpg) no-repeat;}
.sub_tit .tit { position:absolute; float:left; height:20px; margin:7px 0 0 29px; }
.sub_tit .navi { position:relative; float:right; margin:10px 10px 0 0; font-size:11px; }
.sub_tit .navi span { font-size:11px; color:#f05f28; font-weight:bold; }

.sub_contents { position:relative; width:690px; margin:50px 20px; }

.btn_print { position:absolute; width:96px; height:40px; margin:10px 0 0 557px; }
.map_text { position:relative; margin:30px 0 0 0; }

.memo { font-size:11px; margin:10px; }
.table_rounding { margin:0 0 10px 0; }
.table_rounding .tit {  text-align:center; color:#337c89; font-weight:bold; vertical-align:middle;  }
.table_rounding .text { padding:0 15px;  }
.table_rounding li { margin:5px 0; list-style-type:circle; margin-left:15px; }
.table_rounding .strong { font-weight:bold; }
.table_rounding .small { font-size:11px; }
.table_rounding a { text-decoration:underline; color:#FF6600; margin-left:15px; }
.btn_center { text-align:center; }

.tit_img { margin:5px 0;}
.table_blue { margin:0; padding:0; border-collapse:collapse; border:#c4deed 1px solid; margin:0 0 0 0; }
.table_blue caption { visibility:hidden; }
.table_blue tr { margin:0; }
.table_blue th { margin:0; padding:13px; color:#fff; background:#78ace6; border:#c4deed 1px solid; }
.table_blue td { margin:0; padding:13px; color:#777; border:#c4deed 1px solid; }
.table_blue li { margin:5px 0; list-style-type:circle; margin-left:15px; }
.table_blue .strong { font-weight:bold; }
.table_blue .small { font-size:11px; }
.table_blue .center { text-align:center; }
.table_blue a { text-decoration:underline; color:#FF6600; margin-left:15px; }


/*footer*/
.footer { position:relative; width:970px; height:125px; margin:0 5px 0 5px; }
.footer_btn { position:relative; width:930px; height:14px; margin:0 5px 0 5px; padding:14px 20px 13px 20px; background:url(/image/footer_bg.jpg) repeat-x; float:left; }
.footer_btn dd { position:relative; float:left; height:14px; }
.footer_btn .footer_bar { position:relative; display:block; width:25px; height:14px; background:url(/image/footer_bar.jpg) center no-repeat; }
address { position:relative; width:840px; height:55px; padding:20px; float:left; }

/*quick*/
#quickMenu { position:absolute; width:40px; left:50%; margin:120px 0 0 510px; top:0; }


/*selectbox*/
.familysite { position:relative; width:144px; height:19px; float:right; margin-top:-3px; *margin:-20px -20px 0 0; }
.familysite p { cursor:pointer; width:144px; height:19px; background:url(/image/sel_family.jpg) no-repeat 0 0; text-indent:-5000px; }
.familysite .active { background:url(/image/sel_family_on.jpg) no-repeat 0 0; }
.familysite .family-option { position:absolute; bottom:18px; right:0; display:none; width:144px; }
.familysite ul { padding:5px; border:1px solid #dbdbdb; border-bottom:1px solid #f5f5f7; background:#f5f5f7; }
.familysite ul a, .familysite ul a:link { display:inline-block; font-size:11px; }
.familysite ul a:hover { background:#cccccc; }


.cus_ul {position:relative; /*width:973px;*/width:100%; height:35px; padding: 0 0 0 7px; margin: 0 0 -1px;border-bottom:1px solid #4b89c9;}
.cus_ul li {float:left; margin-right:2px;}
.cus_ul li a {vertical-align:middle; background: url("/images/t_faq_off.png") no-repeat left top; padding-left:19px; display:inline-block;}
.cus_ul li a span { background: url("/images/t_faq_off.png") no-repeat right top; color:#464646; height:34px; padding:0 19px 0 0;font-weight:bold;  cursor:pointer; display:block; font-size:13px;line-height:34px;  letter-spacing:-1px; white-space:nowrap;}
.cus_ul li a.on, .cus_ul li a:hover, .cus_ul li a:visited { text-decoration:none;height:35px; background: url("/images/t_faq_on.png") no-repeat left top; color:#4b89c9;}
.cus_ul li a.on span, .cus_ul li a:hover span {height:35px;  background: url("/images/t_faq_on.png") no-repeat right top; color:#4b89c9;}

/* °£°Ý */
.mtm11 {margin-top:-11px !important;}
.mtm37 {margin-top:-37px !important;}
.mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px;}
.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px ;}
.mt21 {margin-top:21px;}
.mt22 {margin-top:22px !important;}
.mt25 {margin-top:25px;}
.mt28 {margin-top:28px !important;}
.mt30 {margin-top:30px;}
.mt33 {margin-top:33px;}
.mt35 {margin-top:35px;}
.mt45 {margin-top:45px;}
.mt46 {margin-top:46px !important;}
.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}
.mt98 {margin-top:98px !important;}
.mt112 {margin-top:112px;}
.mr4 {margin-right:4px;}
.mr6 {margin-right:6px;}
.mr10 {margin-right:10px;}
.mr14 {margin-right:14px;}
.mr17 {margin-right:17px;}
.mr39 {margin-right:39px;}
.ml5 {margin-left:5px;}
.ml4 {margin-left:4px;}
.ml7 {margin-left:7px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px !important;}
.ml14 {margin-left:14px;}
.ml19 {margin-left:19px !important;}
.ml20 {margin-left:20px !important;}
.ml22 {margin-left:22px;}
.ml25 {margin-left:25px;}
.ml26 {margin-left:26px;}
.ml28 {margin-left:28px;}
.ml40 {margin-left:40px;} /* 20130813 */
.ml60 {margin-left:60px;}
.ml64 {margin-left:64px;}
.ml103 {margin-left:103px;}
.mr0 {margin-right:0 !important;}
.mb4 {margin-bottom:4px;}
.mb7 {margin-bottom:7px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb11 {margin-bottom:11px;}
.mb23 {margin-bottom:23px;}
.mb28 {margin-bottom:28px;}
.mb80 {margin-bottom:80px;}