/* 나눔폰트 끌어쓰기 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 

@charset "utf-8";
/* Reset CSS */
/* base  크로스 브라우징을위한 초기화*/
body { text-align:center;  margin:0 auto; font:0.75em Gulim, "굴림",Dotum, "돋움", sans-serif; color:#898989; background:#f8f8f8; background-repeat:repeat-x;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th,td{margin:0;padding:0}
h1, h2, h3, h4, h5,h6{font-weight:normal;font-size:100%}
ul, ol, li{list-style:none; overflow:hidden;}
fieldset, img{border:none}

/* a-style */
a{color:#333;text-decoration:none}
a:hover a:active{color:#2255cb;text-decoration:underline}
* { margin:0; padding:0; border:0; outline:0; vertical-align:top; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }


.whole { margin:0 auto; text-align:center; width:100%; position: relative; }
.whole_top_line1 { position: absolute; width:100%; height:29px; border-bottom:solid 1px #cacaca ;top:0px; z-index:20; background:#ffffff; background-repeat:repeat-x;}
.whole_top_line2 { position: absolute; width:100%; height:66px; top:29px; }
.whole_top_line3 { position: absolute; width:100%; height:53px; top:95px; background-image: url(/img/top_menu_bg.png); background-repeat:repeat-x; }
.top_head { margin:0 auto; text-align:center; width:1000px; position: relative; }
.top_button { margin:0 auto; text-align:center; width:1000px; height:29px; position: relative; }
.top_home_map { position: absolute; width:206px; height:29px; top:0px; left:3px; z-index:30;  } 
.top_home_map ul li { float:left; }
.top_text_line { position: absolute; width:242px; height:15px; top:6px; left:755px; z-index:30; }
.top_text_line ul li { float:left; margin-left:10px;  }
.top_text_line ul li span.top_text_line_font { font-size:11px; font-weight:bold; color:#8f8f8f; }
.top_text_line ul li a:link { font-size:11px; font-weight:bold; color:#8f8f8f; }
.top_text_line ul li a:vasited { font-size:11px; font-weight:bold; color:#8f8f8f; }
.top_text_line ul li a:hover { font-size:11px; font-weight:bold; color:#8f8f8f; }
.top_logo_line { margin:0 auto; text-align:center; width:1000px; height:66px; position: relative; background:#f8f8f8; background-repeat:repeat-x;  }
.top_logo_line_logo { width:340px; height:66px; position: absolute; top:0px; left:0px; z-index:10; }
.top_logo_line_login { width:299px; height:20px; position: absolute; top:24px; left:695px; z-index:10; background:#f8f8f8; background-repeat:repeat-x;  }
.top_logo_line_login ul { float:left; margin-right:3px; }
.top_logo_line_login ul li { float:left; height:20px; }
.top_logo_line_login ul li input { width:103px; height:20px; border:solid 1px #dfdfdf; background:#e6e6e6; background-repeat:repeat-x; z-index:30;}
.top_menu_line { width:1000px; height:53px; position: relative; z-index:30; }
.top_menu_line ul li { float:left; }
.top_menu_line ul li:hover { background-image: url(/img/top_menu_bg2.png); background-repeat:repeat-x; height:53px; z-index:30; z-index:50;}
.top_menu_line ul li:vasited { background-image: url(/img/top_menu_bg2.png); background-repeat:repeat-x; height:53px; z-index:30; z-index:50;}


.main_v { margin:0 auto; position: relative; width:1000px; }
.main_v img { border:solid 1px #436586; }

.main_body { margin:0 auto; position: relative; width:1000px; }
.main_body_menu { width:1000px; height:200px; top:0px; left:0px; }
.main_body_menu div {float:left; }
.main_body_menu div.main_body_menu_1 ul li { width:165px; height:49px; position: relative;}
.main_body_menu div.main_body_menu_2 {  position: relative; width:586px; height:200px; }
.main_body_menu div.main_body_menu_2 ul li img { border:solid 1px #7364ca; }

.main_body_gallery { width:235px; height:531px; z-index:20; position: absolute; top:0px; left:768px; }
.main_body_gallery ul {width:235px; height:137px; position: relative;}
.main_body_gallery ul li.main_body_gallery_box { position: relative; width:233px; height:135px; z-index:20; border:solid 1px #d0d0d0;}
.main_body_gallery ul li.main_body_gallery_img { position: absolute; top:4px; left:4px; width:225px; height:126px; z-index:10; }

.main_body_board { margin:0 auto; position: relative; width:1000px; }
.main_body_board div {float:left; }
.main_body_board div.main_body_board_box { width:375px; height:253px;}
.main_body_board_notice { width:375px; height:125px; background:#ffffff; background-repeat:repeat-x;  border:solid 1px #d0d0d0;}
.main_body_board_notice ul li {float:left; }
.main_body_board_notice ul li span.main_body_board_notice1 { width:271px; height:23px; text-align:left; padding-left:14px; display:inline-block; font-size:12px; color:#555555; }
.main_body_board_notice ul li span.main_body_board_notice2 { width:90px; height:23px; text-align:center; display:inline-block; font-size:12px; color:#555555; }

.main_body_board div.main_body_board_img { width:373px; height:252px; border:solid 1px #d0d0d0;}
.main_body_board div.main_body_board_img img { width:373px; height:252px;  }



.main_icon { margin:0 auto; position: relative; width:1000px; display:inline-block; }
.main_icon ul li { float:left; border:solid 1px #d0d0d0; }



.bottom { margin:0 auto; position: relative; width:100%; height:77px; display:inline-block; background:#ececec; background-repeat:repeat-x; }
.bottom_logo { margin:0 auto; position: relative; width:1000px; height:77px; background:#ececec; background-repeat:repeat-x; }
.bottom_logo img { position:relative; margin-left:-380px; }
.bottom_text span.bottom_text1 { position: absolute; top:25px; left:482px; font-size:12px; font-weight:bold;  color:#898989; }
.bottom_text span.bottom_text2 { position: absolute; top:41px; left:482px; font-size:12px; color:#bebcbc; }



.sub_main {  position: relative; margin:0 auto; width:1000px; height:1121px; }
.sub_main div { float:left; }
.sub_main div.sub_main_menu { position: relative; width:234px; height:1121px; background-image: url(/img/sub_menu_bg.png); background-repeat:no-repeat; z-index:10; }
.sub_main_left {margin-left:20px; width:178px; height:1121px; }
.sub_main div.sub_main_body { position: relative; width:762px; height:1121px; z-index:10; }
.sub_main_body_main { width:762px; height:1121px; z-index:10; }


/* 모바일 */

.mobile_whole { position: relative; margin:0 auto; width:100%; }
.mobile_logo { position: relative; width:100%; }
.mobile_logo img {width:100%;} 
.mobile_top_menu1 { position: relative; width:100%;  }

.mobile_top_menu { position: relative; width:100%;}
.nav { width:25%; float:left; }
.nav1 { width:25%; float:left; }
.mobile_top_menu1 ul li img { width:100%;  }
.mobile_top_menu1 ul li{  background-size:auto 100%;}
.mobile_top_menu1 ul {  background-size:auto 100%;border-bottom:1px solid white;}
.mobile_main_v { position: relative; width:100%; }
.mobile_main_v img {width:100%;} 

.mobile_bottom_menu { position: relative; width:100%; }
.mobile_bottom_menu ul li { width:20%; float:left; }
.mobile_bottom_menu ul li img { width:100%; }

.mobile_bottom { position: relative; width:100%; }
.mobile_bottom img { width:100%; }


.mobile_sub_v { position: relative; width:100%; }
.mobile_sub_v img { width:100%; }

.mobile_top_menu ul li img { width:100%; }

/* pc 버젼 */
.pc_index {text-align:center; width:100%; margin:0 auto; position: relative;}
.pc_index img {width:100%; margin:0 auto; text-align:center; }
.mobile_index { position: absolute; width:30.6%; height:73.5%; top:10.5%; left:34.7%; z-index:10; }
.mobile_pc_qr_code { position: absolute; width:4.6%; height:7.9%; top:74.7%; left:69%; z-index:10; }
.mobile_pc_qr_code img { width:100%; }

.nav ul{

display:none;

margin:0;
padding:0;
width:25%;
position:absolute;
top:48%;

z-index:50;
border:0px;


}

.nav1 ul{
display:none;

margin:0;
padding:0;
width:25%;
position:absolute;
top:98%;
z-index:50;
border:0px;
}

.nav ul li {background: url(/img/top_menu_bg2.png);}
.nav1 ul li {background: url(/img/top_menu_bg2.png);}
.nav:hover ul{display:block;}
.nav1:hover ul{display:block;}

.mobile_top_menu1 ul li:hover { background: url(/img/top_menu_bg2.png); height:100%; z-index:50; }