@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); * { font-family: 'Nanum Gothic', 돋움, Dotum, Arial; } body {font-size:12px;font-family:'Nanum Gothic';} input,select,textarea {font-size:12px;font-family:'Nanum Gothic',gulim;} select {font-size:12px;font-family:dotum;} label {cursor:pointer;} a {text-decoration:none;color:#000;} a:hover {color:#666;} .wrap {margin:auto;} #header {} #content {padding:0;min-height:500px;} #footer {} /* CSS Document */ @font-face {font-family:NanumGothic; src:url(NanumGothic.eot);} @font-face {font-family:NanumGothic; src:url(NanumGothic.ttf);} @font-face {font-family:NanumMyeongjo; src:url(NanumMyeongjo.eot);} @font-face {font-family:NanumMyeongjo; src:url(NanumMyeongjo.ttf);} body {font-size:12px;font-family:'Nanum Gothic';color:#333;line-height:160%;margin:0px;} /* 메뉴 롤오버*/ a.rollover img { border-width:0px; display:inline; } a.rollover img.rollover { display:none; } a.rollover:hover { position:relative; } a.rollover:hover img { display:none; } a.rollover:hover img.rollover { display:inline; } a {text-decoration:none;} img {border:0px;} p,ul,li, dl, dt, dd, h1, h2 { margin:0px; padding:0px; list-style:none; } ul,li, dl, dt, dd { list-style:none; } hr {border:1px solid #fff;} #skipnav {display:none;} h1 {position:absolute;} html* h1 {position:absolute;margin-top:0px;} #tops, #mimg {width:980px;margin:auto;} #tops {height:84px;} #tpmenus {height:32px;width:100%;text-align:right;} #tpmenus a {display:inline-block;padding:0.5em 0.5em 0.25em 0.5em;color:#777;} #Nav { width:580px; height:52px; padding:0px;float:right; margin:0; } #Nav a.rollover {display:inline-block;} #Nav .s1 {display:inline-block;border:0px solid #f00;float:left;} .Navsub1, .Navsub2, .Navsub3, .Navsub4, .Navsub5 {position:absolute;background:url(./image/black.png) repeat;width:180px !important;padding:0em 0em 1em 0em;z-index:500;} .Navsub1 {margin-left:-40px;} .Navsub2 {margin-left:-50px;} .Navsub3 {margin-left:-50px;} .Navsub4 {margin-left:-50px;} .Navsub5 {margin-left:-86px;} #Nav ul li a {color:#fff;letter-spacing:0px;display:block;padding:0.75em 1.25em 0 1.25em;} #Nav ul li a:hover {color:#faec4b;} #mimg {height:330px;width:100%;overflow:hidden;z-index:1;} .mimg1 {background:url(./image/mimg1.jpg) #333 top center no-repeat;z-index:1;} .w980 {position:absolute;z-index:200;width:99.9%;height:1px;left:0;} div.wth {margin:auto;width:980px;overflow:hidden;height:330px;margin-top:-330px;z-index:210;} div.wth div {background:url(./image/black.png) repeat;width:260px;height:330px;z-index:100;} div.wth div span {display:block;padding:1em;} div.wth div a {display:block;color:#8e8d8d;font-size:1.25em;padding:0.5em 1em;font-family:Arial;} div.wth div a:hover {color:#d7c442;} div.wth div a.on {color:#d7c442;} div.wth .psub1 {display:block;position:absolute;margin-left:240px;margin-top:-4em;width:200px;background:url(./image/black.png) repeat;font-size:0.9em;} div.wth .psub1 a {} div.wth .psub2 {display:block;position:absolute;margin-left:200px;margin-top:-4em;width:200px;background:url(./image/black.png) repeat;} div.won {height:1px;text-align:center;border:1px solid #fff;width:99.9%;margin:auto;z-index:10;position:absolute;left:0;} div.won div {height:30px;margin:-40px auto 0 auto;text-align:center;width:980px;border:0px solid #f00;} #subimg1 {height:130px;background:url(./image/simg1_bg.jpg) repeat-x;width:100%;overflow:hidden;z-index:1;} div.simg {width:980px;margin:auto;overflow:hidden;} #subimg2 {height:130px;background:url(./image/simg2_bg.jpg) repeat-x;width:100%;overflow:hidden;z-index:1;} #subimg3 {height:130px;background:url(./image/simg3_bg.jpg) repeat-x;width:100%;overflow:hidden;z-index:1;} #subimg4 {height:130px;background:url(./image/simg4_bg.jpg) repeat-x;width:100%;overflow:hidden;z-index:1;} #subimg5 {height:130px;background:url(./image/simg5_bg.jpg) repeat-x;width:100%;overflow:hidden;z-index:1;} #subimg6 {height:130px;background:url(./image/simg4_bg.jpg) repeat-x;width:100%;overflow:hidden;z-index:1;} #subimg7 {height:130px;background:url(./image/simg4_bg.jpg) repeat-x;width:100%;overflow:hidden;z-index:1;} #mcontents {margin:auto;width:980px;} #mbody {width:980px;margin-top:20px;} .mbans {width:980px;margin:auto;overflow:hidden;margin-bottom:20px;font-family:'Nanum Gothic';} .mbans li {float:left;width:240px;border:1px solid #d5d5d5;margin-right:4px;height:110px;font-size:1.1em;} .mbans li.mbans1 {background:url(./image/mban_1.jpg) left -1em;} .mbans li.mbans2 {background:url(./image/mban_2.jpg) left -1em;} .mbans li.mbans3 {background:url(./image/mban_3.jpg) left -1em;} .mbans li.mbans4 {margin:0px;} .mbans li strong {display:block;text-align:center;font-size:1.4em;font-weight:bold;margin:0.6em 0 0 0;} .mbans li span {display:block;width:100px;margin:10px 0 0 120px;} .mbans li.mbans4 span {display:block;padding:0.1em 0 0 0em;text-align:center;width:100%;margin:0;font-family:Arial;font-size:12px;} .mbans li.mbans4 span.tel {font-size:1.5em;font-family:Arial;font-weight:bold;margin-top:0.25em;} .mbans li.mbans4 span.tel b {color:#f00;} .mbans li.mbans4 span.fax {font-size:1.15em;color:#555;font-weight:bold;} #mbbs {width:980px;margin-bottom:20px;height:135px;} #mbbs div {width:487px;height:135px;background:#f1f1f1;} .mbbsimg {float:left;} .more {float:right;} #mbbs div {float:left;height:135px;} #mbbs div.mgn {margin-left:5px;} #mbbs div ul {width:300px;margin-left:160px;} .notice {width:295px;margin-top:10px;} .notice li {line-height:20px;padding:0.25em 0 0.25em 0.5em;} .notice li span {color:#999;font-size:12px;font-family:Arial;display:inline-block;padding-left:1em;} .notice strong {font-size:1.25em;font-weight:bold;} .notice li.line {border-bottom:1px dotted #999;} .notice a {color:#555555;} div.linkban {display:block;margin-bottom:20px;} div.linkban img {margin-right:4px;} #footer {width:100%;margin:auto;background:#e7e7e7;padding-bottom:1em;min-height:65px;clear:both;} #footer img {float:left;margin-right:2em;} #footer div {width:980px;margin:auto;padding-top:1em;} #footer span {color:#8b8989;text-align:right;} #sbody {width:100%;background:#fff;margin-top:15px;} #scontents {width:1000px;margin:auto;} #snav {width:206px;min-height:420px;float:left;} #snav span {height:95px;display:block;z-index:10;margin-top:-65px;position:absolute;background:url(./image/stit_bg.jpg) no-repeat;width:206px;} #snav span strong {display:block;margin:1em auto;font-size:2em;text-align:center;} #snav ul {margin-top:20px;} #snav li {padding:5px 10px;border-bottom:1px solid #e5e5e5;font-size:1.1em;} #snav li a {color:#777;display:block;padding-left:1em;} #snav li a.on {background:url(./image/point_on.gif) left 40% no-repeat;color:#ed2a23;border-radius:3px;border-bottom:0px;} #snav li a:hover {background:url(./image/point_on.gif) left 40% no-repeat;color:#ed2a23;} .snavsub1 {display:block;position:absolute;margin-left:180px;margin-top:-1.5em;width:180px;border:2px solid #999;padding:0.5em 1em;background:#fff;z-index:100;} .snavsub2 {display:block;position:absolute;margin-left:193px;margin-top:-2.2em;width:180px;border:2px solid #999;padding:0.5em 1em;background:#fff;z-index:110;} .snavsub1 a {padding:0.1em 0;} #sbody {width:730px;min-height:450px;margin-left:250px;} #sbody .stit {padding:0.5em 0 0 1.5em;background:url(./image/point.gif) left 0.15em no-repeat;height:1.5em;font-size:2em;text-align:left;} .loca {text-align:right;float:right;color:#999;font-size:12px;background:url(./image/icon_loca.gif) left 40% no-repeat;padding-left:1.5em;} .loca span {color:#000;} .stxt {margin:20px 0 0px 0;} .gubun {} .gubun table {border-collapse:collapse;border:1px solid #999;margin-top:-1px;} .gubun1 {width:124px;text-align:center;background:#345297;color:#fff;padding:0.25em;} .gubun2 {width:606px;} .gubun2 a {display:inline-block;padding:0.5em 0;background:#f6f6f6;border:1px solid #fff;text-align:center;min-width:200px;margin:0;float:left;} .gubun2 a:hover {color:#fff;background:#345297;} .gubun2 a.on {background:#f6f6f6;color:#da1d1d;font-weight:bold;} .dlist {margin:1em 0;} .dlist table {border-collapse:collapse;border:1px solid #ccc;width:100%;} .dlist table th {border-top:3px solid #345297;background:#eee;padding:0.5em 1em;text-align:center;} .dlist table td {padding:0.5em 1em;text-align:center;border-bottom:1px dotted #ccc;} .dlist table .d1 {width:20%;} .dlist table .d2 {width:60%;} .dlist table .d3 {width:10%;} .dlist table .d4 {width:10%;} .dlist table span {display:block;text-align:left;} .fleft {float:left;} .mgn0 {margin:0px !important;} #greeting {font-size:1.1em;line-height:160%;} #greeting span {display:block;font-weight:bold;font-size:1.5em;} #greeting p {padding:1em 0;} #greeting table {border-collapse:collapse;width:100%;} #greeting table td {border-bottom:1px solid #ddd;padding:0.25em;} #greeting table .line {border-top:3px solid #345297;} #greeting table .oa {text-align:center;;background:#eee;font-weight:bold;} #sca table {border-collapse:collapse;border:1px solid #999;margin-top:-1px;} #sca table th, #sca table td {border:1px solid #ddd;padding:0.25em;} #sca table th {border-top:3px solid #345297;background:#f6f6f6;text-align:center;} #sca table .sca_bg1 {background:#5eb9bf;} #sca table .sca_bg2 {background:#345297;color:#fff;} .p2_img1 {float:right;border-bottom:15px solid #fff;border-left:10px solid #fff;} #sca h2 {font-size:2em;margin-bottom:0.5em;} .ctit {font-size:1.5em;margin:1.5em 0 0.25em 0;font-weight:bold;display:block;} #sca dt {font-weight:bold;margin-top:0.5em;font-size:1.2em;} #sca li {list-style:disc;margin-left:1.5em;} #sca {margin-bottom:2em;}