0byt3m1n1

Path: /home/onesung/css/ [ Home ]
File: common_new_20240423.css
* { padding: 0; margin: 0; }
img { border: 0; }

@font-face {
  font-family: NanumSquareWeb;
  src: local(NanumSquareR),
       local(NanumSquare),
       url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(NanumSquareR.woff) format('woff'),
       url(NanumSquareR.ttf) format('truetype');
  font-style: normal;
  font-weight: normal;
  unicode-range: U+0-10FFFF;
}


@font-face {
  font-family: NanumSquareR;
  src: url(NanumSquareR.eot); /* IE ?¸í™˜??ë³´ê¸° */
  src: url(NanumSquareR.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */
       /*url(../font/NanumSquareR.woff2) format('woff2'),*/ /* WOFF2 ì§€??ë¸Œë¼?°ì? */
       /*url(../font/NanumSquareR.woff) format('woff'),*/ /* ëª¨ë˜ ë¸Œë¼?°ì? */
       url(NanumSquareR.ttf) format('truetype'),
       url(NanumSquareR.otf);
}

@font-face {
  font-family: NanumBarunGothic;
  src: url(NanumBarunGothic.eot); /* IE ?¸í™˜??ë³´ê¸° */
  src: url(NanumBarunGothic.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */
       /*url(../font/NanumSquareR.woff2) format('woff2'),*/ /* WOFF2 ì§€??ë¸Œë¼?°ì? */
       /*url(../font/NanumSquareR.woff) format('woff'),*/ /* ëª¨ë˜ ë¸Œë¼?°ì? */
       url(NanumBarunGothic.ttf) format('truetype'),
       url(NanumBarunGothic.otf);
}


body{font-family: "NanumSquareR",NanumSquareR,"NanumBarunGothic",NanumBarunGothic,NanumSquareWeb, sans-serif;}
table{border-collapse:collapse;}
td, th{padding:0;word-break:break-all;}
p, div, th, td, select{margin:0;padding:0; }
optgroup label{font-style:normal;font-weight:normal;}
form, p, blockquote, dl, dd, dt{margin:0;padding:0;}
ul, li, ol{list-style:none;margin:0;padding:0;}
fieldset{margin:0;padding:0;border:0;}
img, input.type-image{border:0 none; vertical-align: middle; }
input, select, textarea{vertical-align: middle;color:#a1a0a0; }
hr,legend,caption {display:none;}
label {cursor:pointer; }
a { selector-dummy : expression(this.hideFocus=true); text-decoration: none; }



/* Header */
.header { width: 100%; height: 77px; position: relative; z-index: 10;  }
.top { width: 1020px; height: 95px; margin: 0 auto; }

.logo { width: 288px; float: left; margin-left:6px; }
.logo a { display: block; height: 77px; text-indent: -999px; background: url(/images/new/logo.png) no-repeat; }

.header-bg { width: 100%; height: 77px; background: url(/images/new/bg-gnb.png) repeat-x;}
.header-wrap { position:relative; width:1280px; height:100%; margin:0 auto; overflow:hidden;}

.gnb-wrap { float:left; width: 565px; margin: 0 0 0 87px; }
.gnb { padding-top: 34px; }
.gnb:after { content: ""; display: block; clear: both;  }
.gnb li { float: left; }
.gnb li:after { content: ""; display: block; clear: both;  }

.gnb-01 { width: 68px; text-align: left; }
.gnb-02 { width: 97px; text-align: left; }
.gnb-03 { width: 114px; text-align: left; }
.gnb-04 { width: 98px; text-align: left; }
.gnb-05 { width: 97px; text-align: left; }
.gnb-06 { width: *; text-align: left; }

.gnb li a { font-size: 17px; line-height: 17px; letter-spacing: -2px; color: #fff; padding-bottom: 28px;  }
.gnb li a:hover { color: #e60012; }
.gnb li a.current { color: #e60012; }

.rnb-wrap { float: right; text-align: right; margin-right: 4px; }
.rnb:after { content: ""; display: block; clear: both;  }
.rnb li { float: left; }
.rnb li:after { content: ""; display: block; clear: both;  }
.rnb li a { color: #fff; font-size: 13px; }

.rnb-01 { width: 50px; text-align: left; margin-top: 35px; padding: 0 11px 0 0; border-right:solid 1px #fff;	}
.rnb-02 { width: 48px; text-align: center; margin-top: 35px; padding: 0 11px; border-right:solid 1px #fff;	}
.rnb-03 { width: 50px; text-align: left; margin-top: 35px; padding: 0 0 0 11px;	}
.rnb-04 { width: 34px; text-align: center; padding-top: 25px; padding-left: 33px;}
.rnb-05 { width: 34px; text-align: center; padding-top: 25px; }
.rnb-06 { width: 34px; text-align: center; padding-top: 25px; }

.rnb-04 a { width: 30px; text-align: center; text-indent: -999px; }
.rnb-05 a { width: 30px; text-align: center; text-indent: -999px; }
.rnb-06 a { width: 30px; text-align: center; text-indent: -999px; }

/*
.sub-menu { position: absolute; width: 100%; background-color: #fff;  border-bottom: solid 1px #d1dee3; z-index: 1; display: none; }
.sub-menu .close { cursor: pointer; font-size:17px; }
.sub-wrap { position: relative; width: 553px; margin: 0 0 0 688px; }
.gnb-2depth { padding: 10px 0 15px; }
.gnb-2depth:after { content: ""; display: block; clear: both;  }
.gnb-2depth li { float: left;  }
.gnb-2depth li:after { content: ""; display: block; clear: both;  }
.gnb-2depth li a { color: #252525; font-size: 17px; line-height: 26px; padding-bottom: 15px; letter-spacing:-2px; }
.gnb-2depth li a:hover { color: #e60012; }
.gnb-2depth li a.current { color: #e60012; }
.gnb-2depth li span { display: block; }
*/

.sub-menu { position: absolute; width: 100%; z-index: 1; display: none; }
.gnb-2depth li { position: absolute; float: left; background-color: #fff; padding: 12px 0 11px 21px; display: none; }
.gnb-2depth li:after { content: ""; display: block; clear: both;  }
.gnb-2depth li a { color: #252525; font-size: 17px; line-height: 31px; padding-bottom: 15px; letter-spacing:-2px; }
.gnb-2depth li a:hover { color: #e60012; }
.gnb-2depth li a.current { color: #e60012; }
.gnb-2depth li span { display: block; }

.sub01 { width: 123px; margin: 0 0 0 667px; }
.sub02 { width: 169px; margin: 0 0 0 734px; }
.sub03 { width: 196px; margin: 0 0 0 831px; }
.sub04 { width: 174px; margin: 0 0 0 946px; }
.sub05 { width: 124px; margin: 0 0 0 1044px; }
.sub06 { width: 124px; margin: 0 0 0 1142px; }

.close { text-align: center; line-height: 32px; padding-bottom: 10px; }



/* Visual */
.main-visual { width: 100%; height: 450px; }
.visual-wrap { width: 1280px; margin: 0 auto; position: relative; }

.sliderbutton { width:23px; position: absolute; z-index: 2; }
.sliderbutton img {cursor:pointer}
.sliderbutton.arrow-l { top: 200px; left: 66px; }
.sliderbutton.arrow-r { top: 200px; right: 66px; }

#slider {float:left; position:relative; overflow:auto; width:1280px; height:450px; }
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:1280px; height:450px; padding-right:1px}

.pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px; display: none; }
.pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
.pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
li.current {border:1px solid #ccc; background:#888}



/* Main Cont */
.container { width: 1280px; margin: 0 auto; position: relative; }

.title { width: 100%; border-bottom: solid 4px #dbdcdd; font-size: 23px; color: #000; margin-bottom: 5px; }
.title:after { content: ""; display: block; clear: both;  }
.title .notice {position: absolute;padding: 7px 0 5px 0; top: 60px;}
.line-b { display: inline-block; border-bottom: solid 4px #0062b0; }
.line-g { display: inline-block; border-bottom: solid 4px #490308; }
.title .more { display: inline-block; font-size: 14px; padding-right: 3px; line-height: 30px; color: #464646; }

.main-notice { width: 430px; height: 298px; float: left; padding-top: 69px; padding-left:34px; padding-right:40px; padding-bottom:26px;}

.main-list { padding: 14px 3px 0 1px; }
.main-list li { display: block; line-height: 26px; padding-bottom: 6px; }
.main-list li:after { content: ""; display: block; clear: both;  }
.main-list li a { color: #363636; font-size: 14px; letter-spacing: -1px; }
.main-list li .dot { display: block; width: 320px; float: left; background: url(/images/new/ico-dot.gif) no-repeat 0 10px; padding-left: 12px;  }
.main-list li .list-date { display: block; float: right; text-align: right; }
.main-list li .ellipsis { width:320px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  }

/* Footer */
.foot-wrap { width: 100%; }
.foot-cont { width: 1280px; margin: 0 auto; text-align: center; }

.foot-tel { background-color: #383e48; height: 48px; }
.tel-txt { font-size: 18px; color: #fff; line-height: 48px; }
.tel-txt .point { color: #ed1c24; }
.tel-txt .time { font-size: 14px; padding-left: 10px; }

.foot-menu { border-bottom: solid 2px #510e13; background: url(/images/new/bg-bottom1.png) repeat-x; }
.foot-list { padding: 21px 0 21px 0; }
.foot-list li { display: inline-block; padding-left: 22px; margin-right: 22px; }
.foot-list li.first { background: none; padding-left: 0; }
.foot-list li.last { margin-right: 0; }
.foot-list li a { color: #707070; font-size: 16px; font-family:'NanumBarunGothic', 'NanumSquare'; letter-spacing: -1px; }
/*.foot-list li a { color: #7f7f7f; font-size: 15px; letter-spacing: -1px; font-weight: bold; } */

.foot-address {  height: 127px; background-color: #ffffff; }
.foot-logo { position: relative; width: 285px; float: left; padding-left: 190px; padding-top: 52px; }
.add-copy { position: absolute; padding: 33px 0 62px 525px; width: 895px; color: #363636; font-size: 13px; line-height: 18px; text-align: left; }
.add-copy span { color: #707070; padding: 0 10px; }



/* align */
.align-FL { float: left; }
.align-FR { float: right; }
.align-c { text-align: center; }
.block-clear:after { content: ""; display: block; clear: both;  }
.pd-l40 { padding-left: 40px; }
.pd-t40 { padding-top: 40px; }
.pd-t10 { padding-top: 10px; }
.mg-b10 { margin-bottom: 10px; }
.mg-r40 { margin-right: 40px; }

.w100 { width: 100px; }
.w900 { width: 900px; }



/*------------------------------------------------------*/
.latest{
	position: relative;
	left: 0;
}

.banner-block{
	position: absolute;
	/*top: 447px;
	left: 475px;*/
	right: 0px;
	width: 776px;
}

.banner-block div{
	overflow: hidden;
}