@charset "euc-kr";
/* CSS Document */

/* ³ª´®°íµñ À¥ÆùÆ® Àû¿ë */
@font-face {
    font-family:'NG';
    src: url(../font/NanumGothic.eot);
	src:local(¡Ø), url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff');	
}

@font-face {
	font-family:'NGB';
    src: url(../font/NanumGothicBold.eot);
	src: local(¡Ø), url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff');
}

@font-face {
	font-family:'NGE';
    src: url(../font/NanumGothicExtraBold.eot);
	src: local(¡Ø), url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff');
}
/* // ³ª´®°íµñ À¥ÆùÆ® Àû¿ë */



html{height:100%;}
body{
	margin:0; padding:0; line-height:24px; font-size:15px; 
	font-family:'NG'; src:url(../font/NanumGothic.eot); 
					  src:url(../font/NanumGothic.woff); 
					  src:url(../font/NanumGothic.ttf);
}

/* All ¸ðµç µð¹ÙÀ̽º¿¡ °øÅëÀ¸·Î Àû¿ëµÇ´Â ½ºÅ¸ÀÏ */
section, menu, article, aside, footer, header, figure, figcation, nav, details, canvas, audio, video, output, hgroup {display:block}
.skip{display:none}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em{margin:0; padding:0}
dl,ul,ol{list-style:none; padding:0; margin:0;}
fieldset,img {border:none; margin:0; padding:0;}
input { border:1px solid #d5d5d5; vertical-align:middle; font-size:12px; padding:5px; font-family:"µ¸¿ò", Arial; }
input.search { border:1px solid #d8d7d7; vertical-align:middle; font-size:12px; padding:9px; font-family:"µ¸¿ò", Arial; color:#a599b2; }

select { margin:0; padding:0; border:1px solid #abadb3; height:27px; vertical-align:middle; }
div { padding:0; margin:0; }
p { margin:0; padding:0; }
a:link { text-decoration:none; }
a:hover { text-decoration:none; }
a:visited { text-decoration:none; }
caption { width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1; }
table {border-spacing:0;border-collapse:collapse;empty-cells:show; border:none; margin:0; padding:0; }
table tr td {margin:0; padding:0;}
textarea { border:none; }
/* All ¸ðµç µð¹ÙÀ̽º¿¡ °øÅëÀ¸·Î Àû¿ëµÇ´Â ½ºÅ¸ÀÏ */

.top_area { width:1024px; margin:0 auto; padding:10px; position:relative; }
.top_area p { position:absolute; right:10px; top:30px; color:#6d6d6d; font-size:14px; }
.top_area p .name { color:#0da7be; }
.top_area p .top_menu_line { color:#CCC; font-size:11px; margin:0 8px; }

.gnb_wrap { background:#1fc6df; padding:14px 0; position:relative; }
.gnb_wrap ul { width:1024px; margin:0 auto; font-family:'NGB'; color:#fff; overflow:hidden; }
.gnb_wrap ul:after { content:""; display:block; clear:both; }
.gnb_wrap ul li.leftno { float:left; font-size:23px; background:url(../images/gnb_line.jpg) no-repeat right top; padding:0 23px 0 8px; }
.gnb_wrap ul li { float:left; font-size:23px; padding:0 10px; background:url(../images/gnb_line.jpg) no-repeat right top; line-height:26px; }
.gnb_wrap ul li.rightno { float:left; font-size:23px; background:none; padding:0 0 0 43px; }
.gnb_wrap ul li a { color:#fff; }
.gnb_wrap ul li a:hover { color:#ffe16f; }

.gnb_wrap .gnb_sub { position:absolute; top:53px; left:0; display:block; width:100%; background:url(../images/gnb_sub_bg.png) repeat; padding:10px 0 0 0; color:#fff; font-size:13px; height:40px; }
.gnb_wrap .gnb_sub a { color:#555; }
.gnb_wrap .gnb_sub a:hover { color:#F60; }
.gnb_wrap .gnb_sub p span { margin-right:20px; }
.gnb_wrap .gnb_sub .submenu01 { width:624px; margin:0 auto; padding-left:400px; }

.main_icon { border-bottom:1px solid #34bbcf; padding:25px 0; text-align:center; }
.main_icon img { margin:0 6px; }

.subimg_top { width:1024px; margin:18px auto; }
.subimg_top1 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop1.jpg) no-repeat center top; height:240px;  }
.subimg_top2 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop2.jpg) no-repeat center top; height:240px;  }
.subimg_top2_2 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop2_2.jpg) no-repeat center top; height:240px;  }
.subimg_top2_3 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop2_3.jpg) no-repeat center top; height:240px;  }
.subimg_top2_4 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop2_4.jpg) no-repeat center top; height:240px;  }
.subimg_top3 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop3.jpg) no-repeat center top; height:240px;  }
.subimg_top4 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop4.jpg) no-repeat center top; height:240px;  }
.subimg_top5 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop5.jpg) no-repeat center top; height:240px;  }
.subimg_top6 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop6.jpg) no-repeat center top; height:240px;  }
.subimg_top7 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop7.jpg) no-repeat center top; height:240px;  }
.subimg_top8 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop8.jpg) no-repeat center top; height:240px;  }
.subimg_top8_1 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop8_1.jpg) no-repeat center top; height:240px;  }
.subimg_top8_2 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop8_2.jpg) no-repeat center top; height:240px;  }
.subimg_top8_3 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop8_3.jpg) no-repeat center top; height:240px;  }
.subimg_top8_4 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop8_4.jpg) no-repeat center top; height:240px;  }
.subimg_top8_5 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop8_5.jpg) no-repeat center top; height:240px;  }
.subimg_top9 { margin:0 auto 30px; background:#9cccdb; background:url(../images/subtop9.jpg) no-repeat center top; height:240px;  }

.contents_wrap {width:1024px; margin:0 auto; position:relative;}
.contents_wrap:after { content:""; display:block; clear:both; }

.main_con_top { border-bottom:1px solid #cdcdcd; padding:0; overflow:hidden; }
.main_con_top:after { content:""; display:block; clear:both; }

.main_con_top .rolling_ban { float:left; width:663px; height:223px; border-right:1px solid #cdcdcd; padding:30px 30px 30px 0; }
.main_gallery { float:left; padding:30px; width:270px; height:223px; }
.main_gallery ul { }
.main_gallery ul li { border-bottom:1px solid #cbcbcb; margin:0; padding:0; }

.main_con_bt { padding:0; }
.main_con_bt:after { content:""; display:block; clear:both; }

.main_course { float:left; border-right:1px solid #cdcdcd; width:269px; height:165px; padding:30px; }
.main_con_tit { font-family:'NGB'; font-size:20px; padding-bottom:10px; }
.main_con_tit span { color:#23ade6; }

.main_notice { float:left; border-right:1px solid #cdcdcd; width:303px; height:165px; padding:30px; }
.main_notice ul li { padding:6px 0 7px; font-size:14px; line-height:14px; }
.main_notice ul li a .noti_txt { display:inline-block; width:225px; color:#222; }
.main_notice ul li a:hover .noti_txt { display:inline-block; width:225px; color:#222; }
.main_notice ul li a .noti_day { display:inline-block; width:60px; color:#7b7b7b; }
.main_notice ul li a:hover .noti_day { display:inline-block; width:60px; color:#7b7b7b; }

.main_counsel { float:left; width:269px; height:165px; padding:30px; }

.lnb { float:left; margin:0 0 50px 0; }
.lnb .lnb_tit { width:170px; height:111px; background:url(../images/lng_title_bg.jpg) no-repeat; text-align:center; }
.lnb .lnb_tit table tr td { width:170px; height:111px; color:#fff; font-size:23px; font-family:'NGB'; }
.lnb .lnb_menu {margin-top:10px;}
.lnb .lnb_menu li { border-bottom:1px solid #e7e7e7; }
.lnb .lnb_menu li a { display:inline-block; padding:10px 0 10px 5px; color:#484848; font-size:14px; width:165px; }
.lnb .lnb_menu li a.active { display:inline-block; padding:10px 0 10px 5px; color:#fff; font-size:14px; background:#1fc6df; }
.lnb .lnb_menu li a:hover { display:inline-block; padding:10px 0 10px 5px; color:#fff; font-size:14px; background:#1fc6df; }

.section { float:left; margin-left:40px; padding-bottom:40px; width:814px; color:#676666; }
.section:after { content:""; display:block; clear:both; }
.sub_tit { padding:0 0 20px 0; font-family:'NGB'; font-size:24px; color:#000; }
h1 { display:block; padding:0 0 20px 0; font-family:'NGB'; font-size:24px; color:#37b3c5; }
h2 { display:block; padding:30px 0 10px 0; font-family:'NGB'; font-size:18px; color:#000; }

.level_list { margin-top:10px; border:2px solid #d9d9d9; padding:20px; line-height:24px; }
.level_list strong { color:#f90; }

.board_list { width:814px; font-size:13px; }
.board_list tr th { padding:5px 0; background:#f0f0f0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
.board_list tr td { padding:5px 0; border-bottom:1px solid #dfdfdf; text-align:center; color:#444; }
.board_list tr td a { color:#444; }
.board_list tr td a:hover { color:#ff6600;; }
.board_list tr td img { vertical-align:middle; margin-left:6px; }
.board_list tr td.tl { text-align:left; }

.list_num { text-align:center; padding:10px 0; font-size:13px; color:#CCC; }
.list_num a span { color:#444; display:inline-block; padding:0 4px; }
.list_num a span.now { color:#000; font-family:'NGB'; }
.board_list_srh { background:#f0f0f0; padding:8px 0; text-align:center; }

.board_view { width:814px; font-size:13px; }
.board_view tr th { text-align:left; padding:5px 0 5px 10px; background:#f0f0f0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; }
.board_view tr td { padding:5px 0 5px 10px; border-bottom:1px solid #dfdfdf;}
.view_con {min-height:250px; vertical-align:top; padding:50px 0 50px 20px;}

.gallery_list { width:814px; }
.gallery_list tr td { vertical-align:top; border-bottom:1px solid #d3d3d3; padding:20px 0 10px; }
.gallery_list tr td a {color:#333; text-decoration:none;}
.gallery_list tr td a:hover {color:#333; text-decoration:none;}
.gallery_list tr td .gallery_tit { margin-bottom:6px; font-family:'NGB'; }
.gallery_list tr td span { font-size:13px; line-height:20px; }
.gallery_list tr td .up_day { text-align:right; font-size:12px; margin-top:5px; }

.input_request { width:814px; font-size:13px; }
.input_request tr th { border-bottom:1px solid  #dfdfdf; text-align:left; padding:12px 0 12px 12px; background:url(../images/input_line.jpg) #f5f5f5 no-repeat right 15px;}
.input_request tr th.in_txt { font-weight:normal; background:none; background:#f5f5f5; }
.input_request tr th.top { border-top:2px solid #dfdfdf; }
.input_request tr td { border-bottom:1px solid #dfdfdf; padding:12px 0 12px 12px; background:url(../images/input_line.jpg) no-repeat right 15px;}
.input_request tr td.in_txt { background:none; }

.input_cowork { width:814px; font-size:13px; }
.input_cowork tr th { border-bottom:1px solid  #dfdfdf; text-align:left; padding:12px; background:url(../images/input_line.jpg) no-repeat right 15px;}
.input_cowork tr th.in_txt { font-weight:normal; background:none; }
.input_cowork tr th.top { border-top:2px solid #dfdfdf; }
.input_cowork tr td.top { border-top:2px solid #dfdfdf; }
.input_cowork tr td { border-bottom:1px solid #dfdfdf; padding:12px 0 12px 12px; background:url(../images/input_line.jpg) no-repeat right 15px;}
.input_cowork tr td.in_txt { background:none; }

.member { width:814px; font-size:13px; }
.member tr th { border-bottom:1px solid  #dfdfdf; text-align:left; padding:12px 0 12px 12px; background:url(../images/input_line.jpg) no-repeat right 15px;}
.member tr th.in_txt { font-weight:normal; background:none; background:#f5f5f5; }
.member tr th.top { border-top:2px solid #dfdfdf; }
.member tr td.top { border-top:2px solid #dfdfdf; }
.member tr td { border-bottom:1px solid #dfdfdf; padding:12px 0 12px 12px;}
.member tr td span { color:#f60; font-size:12px; margin-left:10px;}

.join_guide_w { padding:20px; border:1px solid #dfdfdf; width:774px; height:250px; overflow:auto; font-size:12px; margin-top:30px; }
.member_agree { border-bottom:1px solid #dfdfdf; background:#f2f2f2; padding:5px; width:806px; font-size:12px; }

.login_wrap { width:463px; margin:30px auto; }
.login_tit { padding:0 0 20px 0; text-align:center; }
.login_wrap ul li { margin-bottom:20px; }
.login_wrap ul li input { width:431px; border:1px solid #dcdcdc; padding:16px; font-size:16px; }
.login_wrap ul li span { color:#ccc; margin:0 10px; }
.login_wrap ul li a { color:#666; }
.login_wrap ul li a:hover { color:#666; }
.join_question { text-align:center; width:463px; margin:0 auto 100px; }
.join_question b { color:#333; font-size:18px; }
.btn_area { margin-top:20px; text-align:right; }
.btn_join { margin-top:20px; text-align:center; }
.essential {padding:0 0 6px 0; text-align:right; font-size:12px;}

.mem_guide_w { border-bottom:1px solid #c9c9c9; overflow:hidden; width:100%; height:43px; }
.mem_guide_w:after { content:""; display:block; clear:both; }
.mem_guide_w li {float:left; margin-right:5px;}

.tabmenu { width:100%; overflow:hidden; margin-top:10px; }
.tabmenu:after { content:""; display:block; clear:both; }
.tabmenu span { float:left; display:block; margin-right:1px; margin-bottom:-2px; background:#ccc; border:1px solid #CCC;   }
.tabmenu span.active { float:left; display:block; margin-right:1px; margin-bottom:-2px; background:#fff; border:1px solid #CCC; border-bottom:1px solid #fff; font-weight:bold; }
.tabmenu span a { display:block; padding:6px 20px;  color:#222; margin-bottom:-2px; }
.class_map01 { margin-bottom:10px; }
.class_map01:after { content:""; display:block; clear:both;}


.clarm_main_map { width:196px; float:left; margin-right:10px; line-height:18px; }
.clarm_main_map li { font-size:12px; font-weight:normal; }
.clarm_main_map li.tit { padding:12px 6px; text-align:center; color:#fff; background:#666; font-weight:bold; font-size:16px; color:#ffca05; }
.clarm_main_map li.tit p { text-align:left; font-weight:normal; font-size:12px; padding:5px 0; border-top:1px solid #fff; font-weight:normal;  margin-top:5px; color:#fff;}
.clarm_main_map li.s_text { padding:6px; font-size:12px; border:1px solid #CCC; margin-top:10px; font-weight:bold;  }
.clarm_main_map li.s_text a { color:#666; }
.clarm_main_map li.s_text a:hover { color:#666; }
.clarm_main_map li.s_text a:visited { color:#666; }

.clarm_main_map li.depth3_text { padding:0 0 3px 0; font-size:12px; font-weight:normal; }
.clarm_main_map li.depth3_text ul { margin-top:6px;}
.clarm_main_map li.depth3_text ul li { padding:4px 0 4px 10px; border-bottom:1px dashed #ccc; }
.clarm_main_map li.depth3_text ul li a { color:#666; }
.clarm_main_map li.depth3_text ul li a:hover { color:#666; }
.clarm_main_map li.depth3_text ul li a:visited { color:#666; }

.clarm_main_mapr { width:196px; float:left; margin-right:0px;  line-height:18px;}
.clarm_main_mapr li.tit { padding:12px 6px; text-align:center; color:#fff;background:#666; font-weight:bold; font-size:16px; color:#ffca05; }
.clarm_main_mapr li.tit p { text-align:left; font-weight:normal; font-size:12px; padding:5px 0; border-top:1px solid #fff; font-weight:normal;  margin-top:5px; color:#fff;}
.clarm_main_mapr li.s_text { padding:6px; font-size:12px; border:1px solid #CCC; margin-top:10px; font-weight:bold;  }
.clarm_main_mapr li.s_text a { color:#666; }
.clarm_main_mapr li.s_text a:hover { color:#666; }
.clarm_main_mapr li.s_text a:visited { color:#666; }

.clarm_main_mapr li.depth3_text { padding:0 0 3px 0; font-size:12px; font-weight:normal; }
.clarm_main_mapr li.depth3_text ul { margin-top:6px;}
.clarm_main_mapr li.depth3_text ul li { padding:4px 0 4px 10px; border-bottom:1px dashed #ccc; }
.clarm_main_mapr li.depth3_text ul li a { color:#666; }
.clarm_main_mapr li.depth3_text ul li a:hover { color:#666; }
.clarm_main_mapr li.depth3_text ul li a:visited { color:#666; }

.class_ucc { width:380px; border:1px solid #ccc; padding:10px; float:left; }

.footer { }
.ft_menu { background:#575757; padding:8px 0; font-size:13px; color:#fff; }
.ft_menu p { width:1024px; margin:0 auto; text-align:center; }
.ft_menu p a { color:#fff; }
.ft_menu p a:hover { color:#ffca64; }
.ft_menu_line { color:#7e7d7d; margin:0 10px; }

.ft_info { background:#7f8286; padding:36px 0; color:#fff; }
.ft_info img { position:absolute; left:0; top:5px; }
.ft_info p { width:724px; margin:0 auto; color:#fff; padding-left:300px; position:relative; }