/* CSS Document */



html,body,table,tr,td,th,caption,ul,li,ol,input,select,textarea,div,p,a,img,dl,dt,dd,h1,h2,h3{margin: 0; padding:0; font-size:12px;}
ul,li,ol{ list-style:none}
img {border: 0}
table {border-collapse: collapse;border-spacing: 0;}

a:link{ color:#666; text-decoration:none}
a:visited{ color:#666; text-decoration:none}
a:hover{ color:#000; text-decoration:none}
a:active{ color:#000; text-decoration:none}
a:focus { outline:none}

/*inc*/

.al{ text-align: left}
.ac{ text-align: center}
.ar{ text-align: right}

.vt{ vertical-align:top}
.vm{ vertical-align:middle}

.fl{ float:left}
.fr{ float:right}
.cl{ clear:both}

.pr{ position:relative}
.pa{ position:absolute}

.di{ display:inline-block}
.db{ display:block}

/*layout*/


/********·Î°í ¹× Å¾ ¸Þ´º css*******/
#header{ width:100%; background:url(../images/inc/hearder_bg.gif) repeat-x left top; height:90px}

#header h1{ width:705px; float:left; text-align:right; margin-top:10px;}
#header h1 img{ vertical-align:top;}
#header .home{ width:240px; float:right; padding-top:40px}
#header .home li {display:inline-block; *display:inline; zoom:1;}
#header .home li img{ vertical-align:middle;}

#header  .gnb_wrap{ background:url(../img2/menu_bg.png) repeat-x; height:40px; position:absolute;  z-index:3; left:0; top:70px; width:100%; min-width:1100px;}
#header  .gnb{ width:1070px; margin:0 auto; position:relative; *display:inline; zoom:1;}
#header  .gnb .m1{ position: absolute;}
#header  .gnb .m1 .list,.list_add{display:inline-block; *display:inline; zoom:1; position:relative}

#header  .gnb .m1 .list ul{ position:absolute; left:10px; top:73px; display:none; background:url(../img2/sub_bg.png) repeat-y}
#header  .gnb .m1 .list ul li img{ vertical-align:top;}
/********·Î°í ¹× Å¾ ¸Þ´º css*******/





/*-----------------------¸ÞÀÎ¹è³Ê µ¹¾Æ°¡´Â ¼Ò½º ¹× html------------------------*/
/*mainvisual*/
#main_visual_wrap {position:relative; min-width:1100px; top:29px; width:100%; height:565px; overflow:hidden;}
#main_visual {position:absolute; top:0; left:50%; margin-left:-960px;}
.pagination {position:absolute; top:27px; right:335px; height:9px; z-index:1;}
.pagination li {float:left; width:12px; height:12px; background:url('../images/slide_dot.png') 0 0 no-repeat; line-height:0; font-size:0; margin:0 0 0 3px; cursor:pointer;}
.pagination li.current {background:url('../images/slide_dot.png') -12px 0 no-repeat;}
.slideshow {position:relative; width:1920px; height:565px;}
.slideshow .slideleft {position:absolute; top:250px; left:470px; z-index:2;}
.slideshow .slideright {position:absolute; top:250px; right:470px; z-index:2;}
.slideshow .slider {position:relative; width:1920px; height:565px; overflow:hidden; margin:0 auto;}
.slideshow .slider ul {position:absolute; top:0; left:0;}
.slideshow .slider ul li {float:left; width:1920px; height:565px;}
/*-----------------------¸ÞÀÎ¹è³Ê µ¹¾Æ°¡´Â ¼Ò½º ¹× html------------------------*/










/*-----------------------¸ÞÀÎ ÄÁÅØÃ÷ ½ÃÀÛ html------------------------*/
#main_contents {position:relative; width:1072px; padding:0px 0 0px 0; margin:0 auto; }
#m_contents {position:relative; width:1072px; padding:330px 0 0px 0; margin:0 auto;}


#tab {position:relative; float:left; width:485px; height:205px; background:url(../img/tab_bg.jpg) no-repeat;  margin-left:20px;}
.mbbs{clear:both;}
.mbbs .tit {width:100%; height:35px; }
.mbbs .tit ul li {float:left; height:35px; cursor:pointer;}
.mbbs .list {clear:both; padding:17px 25px 0 25px;}
.mbbs .list  ul li{ position:relative; height:23px; .height:20px; padding-right:70px; padding-left:10px; background:url(../img/icon_red.jpg) no-repeat 0 7px; line-height:15px;}
.mbbs .list  ul li a{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mbbs .list  ul li em{ position:absolute; right:0; top:0; }

#iconlink {position:relative; float:right; width:141px; height:188px; height:205px; padding:9px 17px 8px 17px; background:url(/img/icon_bg.jpg) no-repeat; }
#iconlink ul li {height:40px; padding:3px 0 4px 0; }
#iconlink ul a {color:#0f0f0f;}

#photo {position:relative; clear:both; width:948px; height:178px; padding:21px; background:url(/img/photo_bg.jpg) no-repeat; margin-top:20px;}
#photo h2 {height:27px;}
#photo .btn {position:absolute; top:20px; right:20px; }
#photo ul li {float:left; text-align:center; margin-right:20px;}
#photo ul .last {margin-right:0;}
#photo ul li p {line-height:30px;}

#ban {position:relative; clear:both; width:100%; height:85px; margin-top:20px; }
#ban ul li {float:left; font-size:0; line-height:1;}


/*°øÁö»çÇ× ¸ÞÀÎ°Ô½ÃÆÇ */
#notice {float:left; width:320px; height:180px; margin-top:0px;  }
#notice .tit {clear:both; width:300px; height:32px; border-bottom:1px solid #959595; }
#notice .tit ul li {float:left;}
#notice .tit ul .btn {float:right;}
#notice .img {clear:both; width:300px; height:120px;}
#notice .list {clear:both; width:300px; margin-top:5px;}
#notice .list ul  {clear:both;}
#notice .list ul li {float:left; height:22px;}
#notice .list ul .date {float:right;}
/*°øÁö»çÇ× ¸ÞÀÎ°Ô½ÃÆÇ */


/*FAQ ¸ÞÀÎ°Ô½ÃÆÇ */
#faq {float:left; width:320px; height:180px; margin-left:18px; margin-top:0px;  }
#faq .tit {clear:both; width:300px; height:32px; border-bottom:1px solid #959595;}
#faq .tit ul li {float:left; }
#faq .tit ul .btn {float:right; }
#faq .img {clear:both; width:300px; height:120px;}
#faq .txt {clear:both; width:300px; margin-top:20px;}
#faq .list {clear:both; width:300px; margin-top:5px;}
#faq .list ul  {clear:both;}
#faq .list ul li {float:left; height:22px;}
#faq .list ul .date {float:right;}
/*FAQ ¸ÞÀÎ°Ô½ÃÆÇ */


#icon ul{float:left; width:30px; height:150px;}
#main_tel{float:left; width:50px; height:50px;}
/*-----------------------¸ÞÀÎ ÄÁÅØÃ÷ ½ÃÀÛ html------------------------*/





/* footer */
#footer_wrap{height:107px; background:#494949 repeat-x; width:100%; min-width:1100px;}

#footer{position:relative;width:1072px; height:60px; margin:0 auto;  background:#494949 repeat-x; }
#footer .f_m {position:relative; float:left; height:27px; padding-top:25px;  background:#494949 repeat-x;}
#footer .f_m ul li{ float:left; padding:0 10px; line-height:15px;  background:#494949 repeat-x;}
#footer .f_m ul .first {padding:0 10px 0 0; background:none;  background:#494949 repeat-x;}
#footer .sitelink {float:right; padding-top:20px; margin-left:-130px; height:100%; background:#494949 repeat-x;}
#footer .f_logo {position:absolute; left:0; width:200px; height:47px;top:60px;  background:#494949 repeat-x;}
#footer .address {float:left; margin-top:55px; margin-left:-200px;}
#footer .address_01 {float:left; margin-top:81px; margin-left:-464px;}





#contents .visual_sub{border-bottom:1px solid #ccc; width:100%; height:220px;z-index:-1; position:relative; overflow-x:hidden}
#contents .visual_sub .img{left:50%; margin-left:-1000px; position:absolute}
#contents .visual_sub .slogan{ position:absolute; left:50%; top:100px; margin:0 0 0 -460px; z-index:10000; display:none}

#contents .visual_main{ border-bottom:1px solid #ccc; display:block; width:100%; z-index:-1; position:relative; height:380px; overflow-x: hidden}
#contents .visual_main div div{ left:50%; margin-left:-1000px}
#contents .visual_main .slogan{position:absolute; left:50%; top:190px; z-index:10000; margin:0 0 0 -460px; display:none}

#contents .con_main{ position:relative; margin-bottom:20px}
#contents .con_main .cont_area{ padding:20px 0 0 0; overflow:hidden;}
#contents .con_main .cont_area .main_board{ width:290px; float:left}
#contents .con_main .cont_area .main_board .tab{ background: url(../images/main/board_tab_line.gif) repeat-x left bottom;overflow:hidden}
#contents .con_main .cont_area .main_board .tab .menu{ float:left; width:241px;}
#contents .con_main .cont_area .main_board .tab .menu img{ vertical-align:top; margin-left:-1px}
#contents .con_main .cont_area .main_board .tab .menu img:first-child{ margin-left:0}
#contents .con_main .cont_area .main_board .tab .more{ float:right; width:40px; padding-top:10px;}
#contents .con_main .cont_area .main_board .bo2,.bo3,.more2,.more3{ display:none}
#contents .con_main .cont_area .main_board .bo_m1,.bo_m2,.bo_m3,.more1,.more2,.more3{ cursor:pointer}
#contents .con_main .cont_area .main_board .board_con{ padding-top:9px;}
#contents .con_main .cont_area .main_board .board_con li{ background:url(../images/icon/main_board.gif) no-repeat 3px center; padding:3px 0 3px 13px; letter-spacing:-1px; overflow:hidden; vertical-align:top}
#contents .con_main .cont_area .main_board .board_con .txt{width:220px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis; float:left }
#contents .con_main .cont_area .main_board .board_con .txt a:hover{ text-decoration:underline}
#contents .con_main .cont_area .main_board .board_con .date{ width:42px; color:#999; float:right; text-align:right; letter-spacing:0; padding-right:2px}
#contents .con_main .cont_area .main_board .tab img{ margin-right:1px; vertical-align:top}

#contents .con_main .cont_area .info_img{ margin:20px 0 0 0}

#contents .con_main .cont_area .main_album{ width:350px; margin:0 30px 0 39px; float:left; overflow:hidden}
#contents .con_main .cont_area .main_album .album_tit{ overflow:hidden; width:310px;margin:0 auto}
#contents .con_main .cont_area .main_album .album_tit .tit_left{ float:left; width:51px; }
#contents .con_main .cont_area .main_album .album_tit .tit_right{ float:right; width:40px; margin:5px 0 }
#contents .con_main .cont_area .main_album .album_con{ overflow:hidden; white-space:nowrap; width:350px}
#contents .con_main .cont_area .main_album .album_con .album_btn{ width:20px; float:left; margin-top:95px}
#contents .con_main .cont_area .main_album .album_con .album_img{float:left; overflow:hidden; background:url(../images/main/album_bg.gif) no-repeat; padding:12px 0 0 6px; width:304px; height:200px}
#contents .con_main .cont_area .main_album .album_con .album_img li{ float:left; margin:0 0 6px 6px; border:1px solid #dddddd}
#contents .con_main .cont_area .main_album .album_con .album_img li:hover{border:1px solid #9a0a14}

#contents .con_main .cont_area .main_album img{ vertical-align:top}

#contents .con_main .cont_area .main_right{ width:291px; float:left;}
#contents .con_main .cont_area .main_right .right_top{ overflow:hidden}
#contents .con_main .cont_area .main_right .right_top .right_link{ float:left; overflow:hidden}
#contents .con_main .cont_area .main_right .right_top .right_link li{ float:left;margin-left:-1px}
#contents .con_main .cont_area .main_right .right_top .right_link li:first-child{ margin-left:0}
#contents .con_main .cont_area .main_right img{ vertical-align:top; }
#contents .con_main .cont_area .main_right .right_top .right_msg{ float:left; width:130px}
#contents .con_main .cont_area .main_right .right_top .right_msg .msg_con{ background:url(../images/main/right_msg_con_bg.gif) no-repeat right bottom; width:131px; height:84px; padding-top:6px}
#contents .con_main .cont_area .main_right .right_top .right_msg .msg_con li{background:url(../images/icon/main_board.gif) no-repeat 6px center; padding:3px 0 3px 13px; letter-spacing:-1px; overflow:hidden; vertical-align:top;width:110px;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
#contents .con_main .cont_area .main_right .right_top .right_msg .msg_con li a:hover{ text-decoration:underline}

#contents .main_department{ margin:0 0 12px -8px; overflow:hidden}
#contents .main_department li{ float:left; margin:0 0 8px 8px}

#contents .main_banner{ padding:19px 0; border-top:1px solid #e2e2e2; background:#f4f4f4; margin-top:1px}
#contents .main_banner .banner_box{ background:#fff; border:1px solid #e2e2e2; height:70px; margin-top:-1px; overflow:hidden}
#contents .main_banner .banner_box .banner_tit{ width:65px; margin:29px 13px 0 22px; float:left}
#contents .main_banner .banner_box .banner_con{ width:898px;float:left; overflow:hidden}
#contents .main_banner .banner_box .banner_con .banner_btn{ float:left; width:39px; margin-top:12px}
#contents .main_banner .banner_box .banner_con .banner_img{ float:left; width:820px; overflow:hidden}
#contents .main_banner .banner_box .banner_con .banner_img li{ float:left; border:1px solid #e2e2e2; margin-top:13px; width:125px; height:43px; margin-left:11px}
#contents .main_banner .banner_box .banner_con .banner_img li:first-child{margin-left:0}

#contents .doc {overflow:hidden; margin:20px 0 80px 0;}

#contents .doc .lnb{ float:left; width:200px;}
#contents .doc .lnb h2{ background:url(../images/lnb/tit_bg.gif) no-repeat;height:91px; text-align:center}
#contents .doc .lnb h2 img{ vertical-align: top; margin:42px 0 0 -10px}
#contents .doc .lnb .menu{ background:url(../images/lnb/menu_bg.gif) repeat-y; padding:18px 0 18px 0}
#contents .doc .lnb .menu li:hover,.lnb .menu .over{ background:url(../images/lnb/over_bg.png) no-repeat}
#contents .doc .lnb .menu li img{ vertical-align:top; margin-left:12px}
#contents .doc .lnb .qlink img{ vertical-align:top}

#contents .doc .page{ float:left; width:770px; margin-left:30px}
#contents .doc .page .title{ border-bottom:1px solid #dddddd; height:45px}
#contents .doc .page .title h3{ float:left; width:240px; padding-top:11px}
#contents .doc .page .title .rot{ float:right; width:500px; text-align:right; padding-top:20px; letter-spacing:-1px; padding-right:5px}
#contents .doc .page .title .rot .icon{ vertical-align: middle}
#contents .doc .page .title .rot .sec{ padding:0 7px; color:#a3a3a3}
#contents .doc .page .title .rot .rot1{ color:#a3a3a3}
#contents .doc .page .title .rot .rot2{ color:535353; font-weight:bold}

#contents .doc .page .cont{ margin-top:40px;min-height:300px}




.box{ margin:0 auto; width:1100px;position:relative}
.box2{ margin:0 auto; width:1080px;position:relative}

.mg_con{ margin-top:40px}
.page_btn{margin:30px 0 50px 0; text-align:center}
.page_btn a+a{ margin-left:10px}
.page_btn input{ margin:0 5px}

.color1{ color:#999}
.color2{ color:#0090cc}
.color3{ color:#eea301}

.btn_st1{ background:#ffffff; padding:5px 20px; font-weight:bold; font-size:11px; letter-spacing:-1px; color:#0090cc; border:1px solid #dddddd; cursor:pointer}

/*member*/
.login{ background:url(../images/member/login_bg.jpg) no-repeat; height:262px; position: relative; width:100%}
.login .lo_box{ position:absolute; right:40px; top:78px; width:310px}
.login .lo_box .txt_box{ position:absolute; width:100%; float:left}
.login .lo_box .txt_box input{ border:1px solid #cccccc; display:block; padding:3px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:-1px; width:200px; float:left}
.login .lo_box .lo_btn{position:absolute; left:218px}
.login .link_box{ position:absolute; right:40px; bottom:30px}
.login .link_box a+a{ margin-left:10px}


.privacy .pri_box{ height:205px; padding:15px; border:1px solid #dddddd; letter-spacing:-1px; }
.privacy .pri_box .txt{ background:#f9f9f9; height:150px; overflow-y:scroll; padding:15px; border:1px solid #dddddd; color:#666;line-height:18px}
.privacy .pri_box .btn{ padding-top:10px; text-align:right}
.privacy .pri_box .btn input{ vertical-align:middle; margin-left:10px}


.find01{background:url(../images/member/id_bg.jpg) no-repeat; height:175px; position: relative; width:100%}
.find01 .id_box{ position:absolute; right:40px; top:78px; width:368px}
.find01 .id_box .txt_box{ position:absolute; width:100%; float:left; left:56px}
.find01 .id_box .find_tt{position:absolute; left:0; top:7px}
.find01 .id_box .find_btn{position:absolute; left:276px}
.find01 .id_box .txt_box input{ border:1px solid #cccccc; display:block; padding:3px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:-1px; width:200px; float:left}


.find02{background:url(../images/member/pw_bg.jpg) no-repeat; height:195px; position: relative; width:100%; margin-top:40px}
.find02 .pw_box{ position:absolute; right:40px; top:78px; width:368px}
.find02 .pw_box .txt_box{ position:absolute; width:100%; float:left; left:56px}
.find02 .pw_box .find_tt{position:absolute; left:0; top:7px}
.find02 .pw_box .find_btn{position:absolute; left:276px; top:15px}
.find02 .pw_box .txt_box input{ border:1px solid #cccccc; display:block; padding:3px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:-1px; width:200px; float:left}


.login .lo_box .btn_login,.find .id_box .btn_login,.find .pw_box .btn_login{ background:#0f1271; color:#fff; letter-spacing:0; width:129px; padding:5px 0; cursor:pointer}

/*mypage*/
.input_import{font-size:11px; color:#b9000a}
.input_help{font-size:11px; color:#777777; padding-top:7px}
.pic_help{font-size:11px; color:#777777; width:40%; float:left; position:absolute; top:15px}


/*page*/
.box_st1 {background:url(../images/inc/box1_middle.gif) repeat-y; color:#696969; line-height:17px; letter-spacing:-1px}
.box_st1 .bg_top{ background:url(../images/inc/box1_top.gif) no-repeat left top; height:22px}
.box_st1 .bg_bottom{ background:url(../images/inc/box1_bottom.gif) no-repeat left bottom; height:22px}
.box_st1 .bg_middle{ margin:0 22px;}
.box_st1 .bg_middle p{ margin-bottom:17px}

.table_st1{ border-collapse:collapse; border-top:1px solid #38adff;}
.table_st1 caption{ text-align:left}
.table_st1 th{ color:#505050; background:#f3f3f3; border:1px solid #dcdddd}
.table_st1 td{ color:#505050; border:1px solid #dcdddd; padding:10px 30px 8px 30px; line-height:18px; word-break:keep-all; word-wrap:break-word;letter-spacing:-1px; word-spacing:1px}
.table_st1 td p{ text-indent:-8px; padding-left:10px}

/*»çÀÌÆ®¸Ê*/
.sitemap{margin-left:-66px}
.sitemap .dp1{display:inline-block; *display:inline; zoom:1;margin-left:66px; width:140px; margin-bottom:30px; vertical-align:top}
.sitemap .dp1 li{ float:none; margin-left:0; border-bottom:1px dashed #ccc}
.sitemap img{ vertical-align:top}

/*ÇÐ»çÀÏÁ¤*/
.calendar{ border-collapse:collapse; margin-top:-1px;}
.calendar td{ border:1px solid #dddddd; height:90px;vertical-align:top; color:#666;}
.calendar th{ border:1px solid #dddddd; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:30px; background:#f4f4f4}
.calendar .sun{ background:#fff7f8; color:#FF0000}
.calendar .sat{ background:#f7fcff; color:#0066CC}
.calendar .day_box{ height:90px; width:90%; margin:0 auto; padding:5px; overflow:hidden; cursor:pointer}
.calendar .day_box:hover{ background:#4b4b4b; color:#fff}
.calendar .day_box .date{ float:left; font-weight:bold; font-size:13px; width:20px; font-family:Arial, Helvetica, sans-serif}
.calendar .day_box .tt{ font-size:11px; letter-spacing:-1px; line-height:14px; height:80px;}

.calendar_month{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold; letter-spacing:-1px; padding-bottom:10px}
.calendar_month .btn_cal{ margin:0 10px; font-size:16px; font-weight:bold; color:#ccc; vertical-align:middle; background:#fff; border:none; cursor:pointer; padding:2px 0 4px 0; width:20px}

/*±³¼öÁø¼Ò°³*/
.professor{ background:#f4f4f4; padding:20px; border-top:1px solid #9dc3dd; border-bottom:1px solid #dddddd;}
.professor .tit{font-weight:bold; letter-spacing:-1px; font-size:14px; background:url(../images/icon/icon1.png) no-repeat left 2px; padding:0 0 10px 15px; border-bottom:1px dashed #ccc; 
 margin-bottom:12px; overflow:hidden; position:relative}
.professor .tit .btn_more,.professor .tit .btn_cl{ position:absolute; top:-2px; right:0; background:#fff; border:none; padding:2px 5px; border:1px solid #ebebeb; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#999; font-size:11px; cursor:pointer}
.professor .cont1 { border-top:none}
.professor .cont1 th{ text-align:left; color:#666; letter-spacing:-1px; padding-left:20px}
.professor .cont1 td{ color:#666;}
.professor .cont1 .photo{ background:#fff; padding:5px; text-align:center;}
.professor .cont1 .photo img{ width:97px}
.professor .cont2 caption{ text-align:left; color:#666; padding:20px 0 5px 0; color:#666; font-weight:bold}
.professor .cont2 td{ color:#666; background:#fff; border:1px dotted #dddddd; padding:5px 5px 5px 10px}
.professor .cont2, .professor .tit .btn_cl{ display:none}
.professor_sec{ height:25px}


/*ÁýÇàºÎ ¹× Á¶Á÷µµ*/
.bor_bcbcbc{border:solid 1px #dddddd; width:100px; height:115px}
.organiz{ font-size:14px; font-weight:bold;}
.line{ border-top:solid 1px #dddddd}
.chart_tt{font-weight:bold; text-align:left; color:#777777; padding-bottom:10px}
.sub_tt{font-weight:bold; text-align:left; color:#666666}
.division{font-weight:bold}


/* È¸Ä¢ ¹× ±ÔÁ¤ */
.encyclic .encyclic_box{ padding:15px; border:1px solid #dddddd; letter-spacing:-1px;}
.encyclic .encyclic_box .txt{ background:#f9f9f9; height:150px; overflow-y:scroll; padding:15px; border:1px solid #dddddd; color:#666;line-height:18px}
.encyclic .encyclic_box .txt .txt_tt{color:#081b52; font-weight:bold; font-size:13px}

.title14     {font-size:14px; color:#9a0a14; font-weight:bold; font-family:"µ¸¿ò";  letter-spacing:-1px;}
.title12     {font-size:12px; color:#db868c; line-height:180%; font-weight:bold; font-family:"µ¸¿ò";}

/*ÆË¾÷*/
.pop_body{ background:#f9f9f9; min-height:350px; padding:0 0 20px 0;}
.pop_body .pop_member{margin:5%;}
.pop_body .pop_member .pop_tit{font-size:13px; font-weight:bold; color:#4b4b4b; padding:10px 0}
.pop_body .pop_member .pop_tit img{ vertical-align:middle}
.pop_body .pop_member .pop_tt{ background:#fff; color:#777777; padding:10px; border:1px solid #dddddd; line-height:15px}
.pop_body .pop_member .pop_table{ margin:20px 0; border-bottom:1px solid #999;  border-collapse:collapse}
.pop_body .pop_member .pop_table th{ background:#666; padding:8px; color:#fff;border-bottom:2px solid #ccc;}
.pop_body .pop_member .pop_table td{ background: none; padding:8px; color:#666; border-top:1px dashed #ccc; text-align:center}
.pop_body .pop_member .pop_btn{ width:100px; padding:6px 0; letter-spacing:-1px;color:#fff; font-weight:bold; background:#9a0a14; border:none; cursor:pointer}











/**************¼­ºê css *************************/


/* ÀÎ»ç¸» */ 
.greeting_con{position:relative; overflow:hidden; }
.greeting_con h4{padding-bottom:20px;}
.greeting_txt{}
.greeting_img{padding:0px 0;}
.greeting_ceo{font-weight:600; color:#888; font-size:16px; letter-spacing:-0.5pt; padding-top:20px;}
 span.ceo_name{font-weight:600; color:#333; font-size:22px; letter-spacing:-1pt;}
/* ÀÎ»ç¸» */ 



.box_title{margin-top:10px; height:50px; border-bottom:2px solid #B8BFC0;} /* background: url("/img2/bg_title.jpg") no-repeat top center;*/
.title{float:left; margin-top:0px; margin-left:0px;font-family:NanumGothic,³ª´®°íµñ, NG, sans-serif;  color:#fff; font-weight:600;  font-size:28px; color:#262626; letter-spacing:0px;}
.path{float:right; margin-top:15px; margin-right:5px; color:#6d6d6d;}




#contents{clear:both; position:relative; margin:0 auto; width:1100px; overflow:hidden;background-color:#fff;}

.lnb {float:left; width:230px; padding:0 0 80px 0; margin-top:10px; }
.lnb h2 {height:100px; padding:40px 0 0 0; text-align:center; font-family:NanumGothic,³ª´®°íµñ, NG, sans-serif;  color:#fff; font-weight:600; line-height:30px; font-size:30px; letter-spacing:0pt; background-color:#00A6A7}
.lnb ul{position:relative; overflow:hidden;}
	
.lnb li a:link, .lnb li a:visited{font-size:14px; font-weight:600; color:#333; display:block; border-bottom:1px solid #ddd; height:41px; line-height:41px; text-indent:18px; letter-spacing:-0.5pt;}
.lnb li a:hover{display:block; color:#0D5D5D; font-weight:700; text-decoration: none; background:#F0F1F6 url('../img/sub/left_up.gif') 175px 16px no-repeat;}
.left_linktop{display:block; color:#0D5D5D !important; font-weight:700 !important; text-decoration: none; background:#F0F1F6 url('../img/sub/left_up.gif') 175px 16px no-repeat !important;}


    
/*°í°´Áö¿ø*/
.sub_bn{margin-top:100px; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f9f9f9; padding:18px 16px 25px 18px;}
.sub_bn h3{font-size:18px; font-family:PT Sans, NanumGothic, ³ª´®°íµñ, NG, Tahoma, Geneva, sans-serif; font-weight:800; color:#333; letter-spacing:-0.7pt;}
.sub_bn p.num{font-size:25px; color:#176dbd; padding:8px 0 5px 0; font-family:PT Sans, NanumGothic, ³ª´®°íµñ, NG, Tahoma, Geneva, sans-serif; font-weight:bold}
.sub_bn ul{position:relative; overflow:hidden;}
.sub_bn li{position:relative; font-family: NanumGothic, ³ª´®°íµñ, NG, Tahoma, Geneva, sans-serif; font-size:12px; font-weight:100; color:#888; padding:0 0 0 45px; line-height:17px;}
.sub_bn li span.cs_tit{position:absolute;font-family: NanumGothic, ³ª´®°íµñ, NG, Tahoma, Geneva, sans-serif; font-size:12px; color:#888; font-weight:600; left:0; top:0; line-height:17px;}

	
/*depth_3*/
.lnb ol.depth_3{border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:11px 0 10px 18px; background-color:#f9f9f9}
.depth_3 dd a:link, .depth_3 dd a:visited{display:block; font-size:12px; height:22px;}
.depth_3 dd a:hover{display:block; color:#00a9bd; text-decoration:none}
.depth_linktop{color:#00a9bd !important; font-weight:bold !important; }
.depth_linktop:hover{text-decoration:none}


.contentArea{float:left; width:820px; overflow:hidden; margin-left:50px;}
.company_top{background:url('../img/sub/subtop_company.jpg') right top no-repeat;}
.product_top{background:url('../img/sub/subtop_product.jpg') right top no-repeat;}
.online_top{background:url('../img/sub/subtop_online.jpg') right top no-repeat;}
.customer_top{background:url('../img/sub/subtop_customer.jpg') right top no-repeat;}
.other_top{background:url('../img/sub/subtop_other.jpg') right top no-repeat;}
.contentArea .tit_area{width:100%; padding:64px 0 0 0; overflow:hidden; }
.contentArea p.location {font-size:12px; color:#777; padding-bottom:10px}
.contentArea p.location a:link, .tit_area p.location a:visited{ font-size:12px; color:#777; }
.contentArea p.location a:hover{ font-size:12px; color:#222;}
.contentArea p.location img{vertical-align:middle; margin-bottom:2px;}
.contentArea h3 {color:#333; font-weight:600; font-size:35px; letter-spacing:-2pt; line-height:36px;}	

.contents_in {position:relative; clear:both; margin:40px 0 100px 0; width:820px; *zoom:1; overflow:hidden; font-family:PT Sans, NanumGothic, ³ª´®°íµñ, NG, Tahoma, Geneva, sans-serif; letter-spacing:0pt; font-weight:400; line-height:26px;}



/******** °øÅëCSS ********/
.point_txt01{color:#333; font-weight:700;}
.point_txt02{color:#0c77ca; letter-spacing:-1pt; font-weight:700; line-height:32px;}
.point_txt03{color:#0cb6ca; letter-spacing:-1pt; font-weight:700; line-height:32px;}

.tpad_15{padding-top:15px}
.tpad_30{padding-top:30px;}
.bpad_5{padding-bottom:5px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}

.rmar_35{margin-right:35px}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333;}
.table_style th{color:#333; text-align:left; padding:9px 0 9px 12px; border-bottom:1px dashed #ddd; font-size:13px; background-color:#f9f9f9}
.table_style td{ border-bottom:1px dashed #ddd; padding:9px 0 9px 12px; text-align:left;}
.table_style td.cen{padding:8px 0 8px 0; text-align:center}
.table_style td.tit{color:#333; font-weight:bold; padding:9px 0 9px 0; text-align:center}

.cont_tit{font-size:20px; letter-spacing:-1pt; color:#333; font-weight:700;}

.contents_in h4{font-size:26px; letter-spacing:-2pt; font-weight:700; line-height:34px; color:#434b4e}
.contents_in h5{font-size:15px; font-size:15px; letter-spacing:-1pt; font-weight:100; color:#777}
.contents_in h3{letter-spacing:-1pt; font-weight:700;}






	
	

