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

@media screen and (-webkit-min-device-pixel-ratio:0) {
    body, html {margin:0; padding:0 }
}

body {margin:0; padding:0; width:100%; height:100%; background-color:#FFFFFF; min-height:100%;}


.warp {width:100%; height:100%; margin:0 auto;}

/* top_navi_zone */
#header {width:100%; overflow:visible;}
#header .header_wrap{position:relative; width:100%; height:145px; overflow:visible; z-index:90; background:url(images/bg_top.gif) top center repeat-x;}
#header .header_wrap .top_navi_zone {width:1000px; left:50%; margin-left:-500px; position:relative;}
#header .header_wrap .dot {position:relative; width:100%; height:33px;}
					 .dot ul {width:320px; right:0; float:right;}
					 .dot li {float:left; margin:0; padding:0; margin-right:-5px;}
.top_navi_zone h1 a {position:absolute; display:inline; width:136px; height:70px; top:44px; margin-left:44px; clear:both;}
#gnb {position:absolute; float:left; margin:0; width:1000px;}
.gnb .depth2{position:absolute; left:0; top:80px; display:none;}
.gnb .depth2.idx1{position:absolute; display:none; left:600px;}
.gnb .depth2.idx2{display:none; left:225px;}
.gnb .depth2.idx3{display:none; left:40px;}
.gnb .depth2.idx4{display:none; left:95px;}
.gnb .depth2 > li{width:auto; padding:0; position:relative;}
.gnb .depth2 li{clear:both;}



.gnb li.on .depth2{display:block;}
.gnb li.on .depth2 li.on{background:#d70845;}
.gnb li.on .depth2 li.on .depth3{opacity:1;display:block\9;}

	.top_navi_zone li.menu01 {float:left; width:134px;}
	.top_navi_zone li.menu02 {float:left; width:134px;}
	.top_navi_zone li.menu03 {float:left; width:170px;}
	.top_navi_zone li.menu04 {float:left; width:138px;}
	.top_navi_zone li.menu05 {float:left; width:138px;}
	
	
.contents_area {position:relative; width:1000px; height:790px; left:50%; margin-left:-500px; clear:both;}
	.contents_area .contents_left {position:relative; width:213px; height:634px; float:left;}
	.contents_area .contents_left li.btn_join {width:106px; margin:0; padding:0; float:left;}
	.contents_area .contents_left li.btn_login {width:107px; float:left}
	.contents_area .contents_center {position:relative; width:432px; height:689px; float:left;}
	.contents_area .contents_right {position:relative; width:317px; height:689px; float:left; margin-left:33px;}
	.contents_area .contents_right .banner_infomation {width:304px; height:178px;}
	.contents_area .contents_right .main_notice {width:304px; height:120px; padding:5px 0;}
	.contents_area .contents_right .main_news {width:304px; height:135px; padding:10px 0;}
	.contents_area .contents_right .main_gallery {width:304px; height:133px;}
	.contents_area .contents_right .main_gallery .gallery_area {margin-top:10px;}
	.contents_area .contents_right .main_banner {width:316px; height:384px;}
	.contents_area .contents_right .main_banner li.main_banner01 {width:74px; height:90px; float:left;}
	.contents_area .contents_right .main_banner li.main_banner02 {width:77px; height:90px; float:left; margin-left:0px;}
	.contents_area .contents_right .main_banner li.main_banner03 {width:79px; height:90px; float:left; margin-left:0px;}
	.contents_area .contents_right .main_banner li.main_banner04 {width:74px; height:90px; float:left; margin-left:0px;}

	.contents_area .contents_right .main_banner li.main_banner05 {width:74px; height:102px; float:left;}
	.contents_area .contents_right .main_banner li.main_banner06 {width:77px; height:102px; float:left; margin-left:0px;}
	.contents_area .contents_right .main_banner li.main_banner07 {width:79px; height:102px; float:left; margin-left:0px;}
	.contents_area .contents_right .main_banner li.main_banner08 {width:74px; height:102px; float:left; margin-left:0px;}
	
	.contents_area .contents_right .main_banner li.main_banner09 {width:74px; height:87px; float:left;}
	.contents_area .contents_right .main_banner li.main_banner10 {width:77px; height:87px; float:left; margin-left:0px;}
	.contents_area .contents_right .main_banner li.main_banner11 {width:79px; height:87px; float:left; margin-left:0px;}
	.contents_area .contents_right .main_banner li.main_banner12 {width:74px; height:87px; float:left; margin-left:0px;}
	
	.contents_area .contents_right .main_banner li.main_banner13 {width:74px; height:87px; float:left;}
	.contents_area .contents_right .main_banner li.main_banner14 {width:77px; height:87px; float:left; margin-left:0px;}
	.contents_area .contents_right .main_banner li.main_banner15 {width:79px; height:87px; float:left; margin-left:0px;}

/* rollbanner_zone */
.rollbanner_zone {position:relative; width:432px; height:50px; clear:both; margin-top:10px; margin-bottom:10px; padding:0;}
	.rollbanner_zone ul {float:left; display:inline; width:432px; height:50px;}
	
	
/* sub_visual_zone */
.sub_visual_zone {position:relative; width:100%; height:204px; background:url('/images/bg_subvisual.jpg') repeat-x; clear:both;}
	.sub_visual_zone .sub_visual {position:relative; width:1000px; height:204px; left:50%; margin-left:-500px;}


/* footer */
.footer {width:100%; height:70px; border-top:1px solid #bebebe; padding-top:20px; padding-bottom:20px;clear:both;}
	.footer .contactus {position:relative; width:1000px; height:41px; left:50%; margin-left:-500px;}
		.footer .contactus ul {position:relative; width:1000px; height:41px; clear:both; float:left;}
		.footer .contactus li.footer_logo {position:absolute; float:left; width:114px; height:41px; margin-left:51px;}
		.footer .contactus li.footer_address {position:absolute; float:left; width:495px; height:41px; clear:both; margin-left:208px;}
		.footer .contactus li.footer_ssems {position:absolute; float:left; width:36px; height:63px; clear:both; margin-left:950px;}

		
/* left_page01 */
.sub_contents {position:relative; width:100%; height:100%; margin-top:30px; min-height: 100%; height: auto !important; height:100%; margin: 0 auto;}	
.sub_contents .left_page {position:relative; width:1000px; left:50%; margin-left:-500px;}	
.sub_contents .left_page .leftmenu {position:relative; float:left; width:213px; height:100%;}
.sub_contents .left_page .leftmenu li.left_title {position:relative; padding-bottom:20px;}
.sub_contents .left_page .page {position:relative; float:left; width:750px; margin-left:37px;}
	.sub_contents .left_page .page .page_title {padding-bottom:20px;}
	.sub_contents .left_page .page .page_cts {margin-bottom:50px;}


/* font */
.view_title {font-family:gulim; line-height:17px; font-size:12pt;}
.view_list_gray {font-family:gulim; line-height:17px; font-size:9pt; color:#888;}
.view_list {font-family:gulim; line-height:17px; font-size:9pt;font-family:Verdana, Geneva, sans-serif;}
.view_list_blue {font-family:gulim; line-height:17px; font-size:9pt;font-family:Verdana, Geneva, sans-serif; color:#005ba8;}
.view_list_white {font-family:gulim; line-height:17px; font-size:9pt; color:#FFF}
.nanum { font-family:나눔고딕; line-height:17px; font-size:9pt;}
.nanum_gray { font-family:나눔고딕; line-height:17px; font-size:9pt; color:#777;}
.nanum_11_B { font-family:나눔고딕; line-height:17px; font-size:11pt; font-weight:bold;}
.nanum_B { font-family:나눔고딕; line-height:17px; font-size:12pt; font-weight:bold;}
.nanum_Big { font-family:나눔고딕; line-height:17px; font-size:13pt; font-weight:bold; color:#333;}
.view_list1 {color:#176199;font-weight:bold;font-family:gulim; line-height:17px; font-size:9pt;}
.view_list2 {color:#0060ff;font-weight:bold;font-family:gulim; line-height:17px; font-size:9pt;}
.view_list3 {color:#00C;font-weight:bold;font-family:gulim; line-height:17px; font-size:11pt;}
.view_list4 {color:#5c5c5c;font-weight:bold;font-family:gulim; line-height:17px; font-size:9pt;}
.view_list5 {color:#ff0000;font-weight:bold;font-family:gulim; line-height:17px; font-size:9pt;}
.view_list6 {color:#ffffff;font-weight:bold;font-family:gulim; line-height:17px; font-size:9pt;}
.view_list7 {color:#333333;font-weight:bold;font-family:Verdana, Geneva, sans-serif; line-height:17px; font-size:9pt;}
.view_list8 {color:#d4496f;font-weight:bold;font-family:dotum; line-height:17px; font-size:11pt; LETTER-SPACING: -1px}
.view_list9 {color:#cc0000;font-weight:bold;font-family:gulim; line-height:17px; font-size:9pt; LETTER-SPACING: -1px}
.view_list10 {color:#f97535;font-family:gulim; line-height:17px; font-size:9pt;}

/* table */

.bt_blue {border-top:1px solid #acd0ef;}
.bb_blue {border-bottom:1px solid #acd0ef;}
.btb_blue {border-top:1px solid #acd0ef; border-bottom:1px solid #acd0ef;}


/* COMMON */
html,body {height:100%; margin:0; padding:0; background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td, span { margin:0; padding:0; }
body { color:#141414; font-family:"Malgun Gothic", Dotum, Gulim, sans-serif; line-height:1em; -webkit-text-size-adjust:none; word-wrap:break-word; word-break:break-all; font-size:12px; }
table { border-collapse:collapse; border-spacing:0; }
a, a:link {text-decoration:none; font-family:"Malgun Gothic", Dotum, Gulim, sans-serif; color:#555;} /* 2012.07.11 애플고딕 삭제 */
a:hover {color:#999999;}
fieldset,img { border:0; vertical-align : bottom;}
address,caption,cite,code,dfn,em,strong,th,var, i { font-style:normal; font-weight:normal;}
strong { font-weight:bold; }
button { margin:0; padding:0; border:none; font-family:"Malgun Gothic", Dotum, Gulim, sans-serif; cursor:pointer; font-size:15px; } 
li { list-style:none; }
caption,th { text-align:left; }
legend {position:absolute; top:-99999em; left:-99999em;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
hr { display:none; }
div.hr {clear:both; width:100%; height:2px; border-bottom:1px solid #EEEBEA;}
div.hr {display:none;}

textarea { -webkit-appearance:none; -webkit-border-radius:0; resize:none;}
input[type="checkbox"] { background-color:#fff; width:16px; height:16px; }
input:checked[type="checkbox"] { background-color:#fff; -webkit-appearance:checkbox; }
input[type="button"], input[type="text"], input[type="image"] {-webkit-appearance:none;-webkit-border-radius:0;}
.clear {clear:both; float:none; width:0; height:0; margin:0; padding:0; font:0/0 arial;}
.hide {display:none;}
legend { color:#000; }
label { cursor:pointer; }