@charset "utf-8"; @import url(http://fonts.googleapis.com/earlyaccess/hanna.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); @import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css); html { overflow-y: scroll; } html, body {width:100%; height:100%; list-style:none; font-family:'Nanum Gothic',Malgun Gothic,dotum,sans-serif; font-size:12px; color:#444444; word-wrap:break-word; } img { border:0; margin:0; padding:0;font-size:0; vertical-align:middle; } table { border-collapse:collapse; border:0;} table, th, td, div, ul, dl, ol, li, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } *:first-child+html img { border:0; line-height:0; margin:0; padding:0; font-size:0; } td { font-size:12px; } body { margin:0; padding:0; } ul, li { list-style: none; margin:0; padding:0; } .clear { clear:both; font-size:0; margin:0; padding:0; line-height:0} caption, legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /*** 기본효과 ***/ img{border:none;} .png24 {tmp:expression(setPng24(this));} /*** head ***/ #wrap{width:100%; margin:auto; position:relative} #header{width:100%; height:90px; border-bottom:2px solid #133980;} #head{width:1050px; margin:auto;} #m_logo{width:110px; padding:25px 0 0 0; float:left;} #lnb_container{ width:870px; float:right; height:38px;} /*** main ***/ #main_visual_bg{width:100%; height:485px; background-image:url(/js/main_visual/image/main_visual_bg___.jpg); background-position:center; position:absolute; z-index:-1; min-width:1000px;} #main_visual{width:100%; height:485px; min-width:1000px; position:absolute; z-index:-1;} #main_container {clear:both; width:1050px; margin:auto; height:150px; top:640px; position:absolute; left:50%; margin-left:-525px} #main_container:after {content:""; display:block; clear:both} #contents01 {float:left; width:230px; padding:10px;} #contents01 p.more {position:absolute; top:12px; left:225px;} #contents02 {margin-left:10px; float:left; width:233px; padding:10px 8px;} #contents03 {margin-left:5px; float:left; width:212px; padding:10px 5px;} #contents03 ul {overflow:hidden} #contents03 ul li {float:left; margin-left:4px;} #contents03 ul li.nono {/*margin-left:-2px*/} #contents04 {margin-left:8px; float:left; width:275px; padding:10px 7px;} #notice_box{width:230px; padding-top:22px; height:80px;} /*** sub ***/ #sub_visual_bg{width:100%; height:175px; min-width:1000px; background-image:url(/image/sub/sub_img.jpg); position:absolute; background-position:center; z-index:-1; left:0; border-bottom:30px solid #e1e1e1;} /* #sub_visual{width:1000px; height:110px; margin:auto;} */ #sub_container{width:1000px; margin:auto; margin-top:175px} #tit_navi{font-family:'Nanum Gothic'; font-size:11px; color:#6e6e6e; float:right; padding-top:7px; padding-right:10px;} /**#lnb_con{width:200px; float:left; margin-bottom:auto; padding-top:65px; background-color:#fff; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;} **/ #lnb_con{width:200px; float:left; margin-bottom:auto; padding-top:55px;} #left_tit{margin-bottom:2px;} #sub_cs{margin:20px 0; #margin-top:10px; #padding-bottom:20px;} #right_container, #title, #page{width:760px; float:right;} #right_container{ padding:35px 0 0 0;} #page{ padding:50px 0 30px 0} #page_btn{} #page_btn ul li{float:left; margin-left:10px; width:360px; line-height:40px; text-align:center; border:1px solid #b8b8b8; font-weight:bold; margin-bottom:20px; } #page_btn ul li a{font-family:'Nanum Gothic'; font-size:16px; color:#6c6c6c; text-decoration:none; } #page_btn ul li a:hover{ background-color:#0756a2; color:#fff; display:block;} #page_btn ul li a.on{background-color:#0756a2; color:#fff; display:block;} .map_detail {width:725px; margin:auto; border:1px solid #bdbdbd; padding:15px 15px 10px 15px; margin-top:0px; margin-bottom:30px; background-color:#FFFFFF} .map_add{width:725px; padding: 15px 0 15px 0px; font-size:17px; color:#4f4f4f; line-height:28px;} .img_space{padding-bottom:20px;} /*** foot ***/ /* #footer_bg{ clear:both; width:100%; height:100px; background-color:#ebebeb; padding:15px 0; } #f_con{width:1000px; margin:auto;} #f_logo{font-family:'Nanum Gothic'; font-size:15px; color:#0756a2; font-weight:bold;} #f_add{font-family:'Nanum Gothic'; font-size:12px; color:#5c5b5b; line-height:30px; font-weight:bold;} .copy{font-family:'Nanum Gothic'; font-size:10px; color:#5c5b5b; font-weight:bold;} #f_add a.f_add{font-family:'Nanum Gothic'; font-size:13px; color:#4b4b4b; line-height:17px; text-decoration:none;} */ /* main foot */ #main_footer{clear:both; width:100%; height:114px; background-color:#ebebeb; position:absolute; top:800px} #main_footer>.main_f_txt {clear:both; width:1050px; height:100px; margin:auto; position:absolute; left:50%; top:0; margin-left:-525px} #main_footer>.main_f_txt>h5 {font-size:20px; font-weight:bold; position:absolute; left:5px; top:30px;} #main_footer>.main_f_txt>p {position:relative; left:152px; font-size:12px; font-weight:600; color:#646464} #main_footer>.main_f_txt>p>a {color:#646464; text-decoration:none;} #main_footer>.main_f_txt>p>a:hover{text-decoration:underline} #main_footer>.main_f_txt>p>span {margin:0 10px} #main_footer>.main_f_txt>p.mT35 {margin-top:30px} #main_footer>.main_f_txt>p.copy {margin-top:10px; font-size:11px; color:#8b8b8b; font-weight:700;} /* sub foot */ #footer{clear:both; width:100%; height:114px; background-color:#ebebeb; position:absolute; top:100%} #footer>.f_txt {clear:both; width:1050px; height:100px; margin:auto; position:absolute; left:50%; top:0; margin-left:-525px} #footer>.f_txt>h5 {font-size:20px; font-weight:bold; position:absolute; left:5px; top:30px;} #footer>.f_txt>p {position:relative; left:152px; font-size:12px; font-weight:600; color:#646464} #footer>.f_txt>p>a {color:#646464; text-decoration:none;} #footer>.f_txt>p>a:hover {color:#646464; text-decoration:underline;} #footer>.f_txt>p>span {margin:0 10px} #footer>.f_txt>p.mT35 {margin-top:30px} #footer>.f_txt>p.copy {margin-top:10px; font-size:10px; color:#8b8b8b; font-weight:700;}