

.sub_title { font-family:'Titillium'; text-align:center; font-size:36px; background:url(../../img/sub_title_bu.png) no-repeat 50% 100%; font-weight:600; padding-bottom:25px; padding-top:80px; margin-bottom:80px;}

/*SUB1*/

.ceo_intro {margin-bottom:120px;}
.ceo_intro .ceo_intro_header {background:url(../../img/01_01_bg.png) no-repeat 50% 50%; height:505px; margin-bottom:5px;}
.ceo_intro .ceo_intro_header .wp {position:relative; width:1100px; margin:0 auto; height:505px;}
.ceo_intro .ceo_intro_header .wp .t1 {position:absolute; left:0; top:150px; font-size:35px; font-weight:600; color:#fff; font-family:'Titillium';}
.ceo_intro .ceo_intro_header .wp .t2 {position:absolute; left:0; top:200px; font-size:35px; font-weight:600; color:#fff; font-family:'Titillium';}
.ceo_intro .ceo_intro_header .wp .t3 {position:absolute; left:0; top:358px; text-align:right; font-size:16px; width:613px; padding-right:30px;  color:#d7d7d7; border-bottom:1px solid rgba(255, 255, 255, 0.5); padding-bottom:5px; font-weight:600;}
.ceo_intro .ceo_intro_header .wp .t3 span {font-size:20px; color:#fff; padding-left:10px; font-weight:300;}
.ceo_intro .ceo_intro_header .wp span {font-weight:200;}
.ceo_intro .ceo_intro_body {position:relative; width:1100px; margin:0 auto; }
.ceo_intro .ceo_intro_body p {margin-bottom:30px; font-size:18px; text-align: justify; text-align-last: left; -moz-text-align-last: left;}
.ceo_intro .ceo_intro_body p:last-child {margin:0;}
.ceo_intro .ceo_intro_body .pic {position:absolute; left:0; top:0; width:369px; height:446px; background:#eee;}


.company_intro {}
.company_intro .company_intro_header {background:url(../../img/01_02_pic2.png) no-repeat 50% 50%; height:442px; margin-bottom:90px;}
.company_intro .company_intro_header .wp {position:relative; width:1240px; margin:0 auto; height:442px; text-align:center;}
.company_intro .company_intro_header .wp h3 {padding-top:50px; font-size:25px; color:#fff; text-align:center;}
.company_intro .company_intro_header .wp .t1 {position:absolute; left:300px; top:120px; }
.company_intro .company_intro_header .wp .t2 {position:absolute; right:300px; top:120px; }
.company_intro .company_intro_header .wp .sep {position:absolute; left:50%; top:120px; width:1px; height:320px; border-right:1px solid rgba(255, 255, 255, 0.3);}
.company_intro .company_intro_header .wp h4 {font-size:40px; font-family:'Titillium'; text-align:center; font-weight:600; color:#fff; margin-bottom:10px; }
.company_intro .company_intro_header .wp p {font-size:14px; font-weight:300; color:#fff; width:285px; text-align: justify; text-align-last: left; -moz-text-align-last: left;}
.company_intro .company_intro_body {position:relative; width:1100px; margin:0 auto 150px; text-align:center;}
.company_intro .company_intro_body h3 {font-size:25px;}
.company_intro .company_intro_body h4 {font-size:25px;}
.company_intro .company_intro_body .pic {position:absolute; left:0; top:112px; width:340px; height:414px; background:#eee;}
.company_intro .company_intro_body p.t1 {font-size:16px; height:400px; padding-left:400px; margin:70px 0; font-weight:400; text-align: justify; text-align-last: left; -moz-text-align-last: left;}
.company_intro .company_intro_body p.t2018 {padding-top:50px; padding-bottom:50px; font-size:65px; font-family:'Titillium'; font-weight:500;  }
.company_intro .company_intro_body p.t2018 span {}



.business_box {position:relative; top:-50px; margin-bottom:100px;}
.business_box>p {text-align:center; font-size:18px; margin-bottom:70px;}

.wind_tower_box {background:url(../../img/wind_bg.png) no-repeat 50% 50%; height:635px; }
.steel_structure_box {background:url(../../img/wind_bg.png) no-repeat 50% 50%; height:635px; }
.energy_box {background:url(../../img/wind_bg.png) no-repeat 50% 50%; height:635px; }

.business_box .wp {position:relative; width:1100px; margin:0 auto; height:635px;}
.business_box .wp .title {position:absolute; left:0; top:130px; width:550px; height:409px;}
.business_box .wp .title h3 {position:absolute; left:0; top:49px; color:#fff; font-size:40px; font-family:'Titillium';}
.business_box .wp .title p {position:absolute; left:0; top:186px; width:500px; color:#fff; font-size:16px;
text-align: justify; text-align-last: left; -moz-text-align-last: left;}

.business_box .wind_tower_box .wp .title .bg {position:absolute; left:0; top:93px; width:550px; height:76px; background:url(../../img/wind_bg2.png) no-repeat 100% 0;}
.business_box .steel_structure_box .wp .title .bg {position:absolute; left:0; top:117px; width:550px; height:52px; background:url(../../img/steel_bg2.png) no-repeat 100% 0;}
.business_box .energy_box .wp .title .bg {position:absolute; left:0; top:93px; width:550px; height:76px; background:url(../../img/energy_bg2.png) repeat-x 0 0;}

.business_box .wp .pic_list {position:absolute; left:550px; top:30px; width:552px; height:575px}
.business_box .wp .pic_list .pic_view {height:355px; background:#000000; overflow:hidden; text-align:center; border:6px solid #fff; margin-bottom:10px}
.business_box .wp .pic_list .pic_view img {width:100%; height:100%}
.business_box .wp .pic_list .pic_slist {background:rgba(0, 0, 0, 0.6); height:200px;}
.business_box .wp .pic_list .pic_slist ul {list-style:none; padding:0; margin:0;}
.business_box .wp .pic_list .pic_slist ul li {position:relative; float:left; width:184px; height:100px;}
.business_box .wp .pic_list .pic_slist ul li .cover {z-index:1; cursor:pointer; position:absolute; left:0; top:0;  width:184px; height:100px; background:rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.business_box .wp .pic_list .pic_slist ul li .cover:hover {background:rgba(0, 0, 0, 0);}
.business_box .wp .pic_list .pic_slist ul li.on .cover {display:block;  width:180px; height:96px; border:2px solid #fff; background:rgba(0, 0, 0, 0); }
.business_box .wp .pic_list .pic_slist ul li img {width:184px; height:100px;}




.notice_box {position:relative; top:-50px; margin-bottom:30px;}
.notice_box>p {text-align:center; font-size:18px; margin-bottom:60px;}
.notice_box a {color:#000000}


.search_box { width: 1100px; height: 45px; margin: 0 auto 40px; font-size: 16px; }
.search_box .result_txt { width: auto; margin: 0 0 0 0; float: left; line-height: 45px; }
.search_box .search { height: 100%; float: right; font-size: 16px; }
.search_box .search > span { height: 100%; margin-right: 20px; color: #ef4629; font-weight:600; float: left; line-height: 45px; }
.search_box .search .select_box { width: 130px; height: 45px; margin-right: 10px; float: left; }
.search_box .input_box { width: 355px; height: 100%; float: left; }
.search_box .input_box label { line-height: 45px; }
.search_box .btn_set { width: 85px; height: 100%; float: left; }
.search_box .btn_set input {font-size:16px;}

.result_txt { width: 1100px; margin: 0 auto 20px; font-size: 17px;  text-align: left; }
.result_txt span { margin-left: 5px; color: #ef4629; position: relative; font-weight:600;}
.result_txt span::after { content: ""; width: 100%; height: 1px; background: #f14531; position: absolute; bottom: 0; left: 0; } 


.select_box { width: 100%; padding: 0 30px 0 0; padding-right: 0 \0/IE9; border: 1px #d2d2d2 solid; box-sizing: border-box; background: #fff; position: relative; background: url("../../img/select_bg.png") right center no-repeat; background-color: #fff; }
.select_box select { width: 100%; height: calc( 100% - 2px ); padding-right: 30px; font-size:16px; border: none; position: relative; z-index: 2; background-color: transparent; position: absolute; left: 0; top: 0; }
.select_box.col2 { width: calc( 50% - 5px ); }
.select_box.col2:nth-child(even) { float: right; }
select {padding-left: 15px;box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;}
select::-ms-expand { display:none; }




.input_box { border: 1px #d2d2d2 solid; box-sizing: border-box; position: relative; z-index: 1; background: #fff; }
.input_box input { width: 100%; height: 100%; display: block; padding: 0 20px; font-size:16px; box-sizing: border-box; border: none; background-color: transparent; }
.input_box input:focus { outline: none; }
.input_box label { height: 100%; box-sizing: border-box; position: absolute; z-index: -1; top: 0; left: 20px; text-align: left; color: #aaa; line-height: 37px; }




.line_orange { border-top: 2px #de6613 solid !important; }

.con_box { width: 1100px; margin:  0 auto; }

table.default { width: 100%; font-size:16px; text-align:center; border-collapse:collapse;}
table.default th, table.default td { vertical-align: middle; line-height: 1.4; }
table.default td.title { text-align: left; }
table.default td.title a { width: 600px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
table.default tr { height: 62px; border-bottom: 1px #dfdfdf solid; }
table.default thead tr, table.default tbody th { height: 65px; background: #fbfbfb; }
table.default tr i.icon_notice { width: 24px; height: 25px; display: block; margin: 0 auto; background: url('../img/sub/icon_notice.gif') no-repeat; }
table.default td.no_data { padding: 30px 0; line-height: 1.6;}
table.default td.subj a {text-align:left; display:block;} 

.paging { width:1100px; margin: 50px auto 0;  padding:0; font-size: 0; text-align:center;}
.paging li.first, .paging li.prev { margin-right: 5px; border: 1px #b7b7b7 solid; }
.paging li a { width: 100%; height: 100%; display: block; }
.paging li strong { color: #ef4629; }
.paging li.first { background: url(../../img/paging_first.png) 50% 50% no-repeat; }
.paging li.prev { background: url(../../img/paging_prev.png) 50% 50% no-repeat;}
.paging li.last, .paging li.next { margin-left: 5px; border: 1px #b7b7b7 solid; }
.paging li.next { background: url(../../img/paging_next.png) 50% 50% no-repeat;}
.paging li.last { background: url(../../img/paging_last.png) 50% 50% no-repeat;}
.paging li { width: 33px; height: 33px; box-sizing: border-box; display: inline-block; line-height: 33px; font-size: 15px; }

.sticker { width: 80px; height: 34px; font-family:'Titillium'; display: inline-block; text-align: center;  font-weight:600; line-height: 32px; color: #de6613; font-size: 15px; position: relative; z-index: 1; }
.sticker::after { content: ""; width: 78px; height: 32px; border-radius: 17px; box-sizing: border-box; border: 1px #de6613 solid; position: absolute; top: 0; left: 0; z-index: -1;  background: #fff; }


.btn { width:100%; height: 100%; box-sizing: border-box; display: block; float: left; text-align: center; font-weight:600;}
.btn.orange { background: #de6613; border: none; color: #fff; }




.view .info dl, .view .file dl, .view .nav dl { height: 65px; display: table; }
.view .info dt, .view .file dt, .view .nav dt { height: 100%;  padding-right: 40px; display: table-cell; vertical-align: middle; position: relative;}
.view .info dt::after, .view .file dt::after, .view .nav dt::after { content: ""; width: 1px; height: 16px;background: #d2d2d2; position: absolute; right: 20px; top: 24px; display: block; }
.view .info dd, .view .file dd, .view .nav dd { display: table-cell; vertical-align: middle; }
.view img { max-width: 1030px; }
.view > div { padding: 0 25px; box-sizing: border-box; font-size:16px;}
.view .title { width: 100%; padding: 35px 25px; border-bottom: 1px #333 solid; background: #fbfbfb; display: table; text-align: left; }
.view .title p { padding-left: 30px; display: table-cell; vertical-align: middle; font-size: 26px; }
.view .title span.sticker { display: table-cell; vertical-align: middle; text-align: center; }
.view .title span.sticker::after { margin-top: -16px; top: 50%; }

.view .info::after { content: ""; display: block; clear: both; }
.view .writer { float: left; margin-right: 50px; }
.view .date { float: left; margin-right: 50px; }
.view .count { float: right; }
.view .content { padding: 50px 35px;  border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; text-align: left; line-height: 1.6 ; }
.view .nav { padding: 0 0 0 0; border-top: 1px #333 solid; border-bottom: 2px #333 solid; background: #fbfbfb; }
.view .nav dl { width: 100%; padding: 0 35px; box-sizing: border-box; text-align: left; }
.view .nav dl:last-child { border-top: 1px #d3d3d3 solid ; }
.view .nav dt { width: 85px; box-sizing: border-box; }
.view .nav dd { width: calc( 100% - 85px ); }
.view .nav a { float: left; }
.view .nav span { float: right; }

.view .btn_set {margin: 50px auto 0 auto; text-align:center;}
.list_btn{ display: inline-block; width: 180px; height: 60px; border: 1px #ef4629 solid; color:#ef4629 !important; font-size: 18px; line-height: 60px; }




.history_box {width: 1100px; margin:  0 auto;}
.history_wp {margin-top:55px; margin-bottom:120px;}
.history_wp:after {content:''; display:block; clear:both;}
.history_wp .text {font-size:30px; color:#222; font-weight:600; line-height:36px; text-align:center; margin-bottom:50px;}
.history_wp .cont {width:50%; float:left; padding-right:120px; text-align:right; position: relative; z-index:2; box-sizing:border-box}
.history_wp .cont.pt180 {padding-top:180px !important;}
.history_wp .cont.line:before {content:''; display:inline-block; border-right:1px solid #dadada; position:absolute; left:-1px; top:0; height:57px; z-index:9; }
.history_wp .cont + .cont {padding-top:80px;}
.history_wp .cont.flRight {padding-left:120px; text-align:left; border-left: 1px solid #222222; padding-right:0; z-index:1;}
.history_wp .cont.flRight ul li span {margin-left:44px; margin-right:0;}
.history_wp .cont.flRight ul li strong {width:35px;  float:left;}
.history_wp .cont.flRight ul li span { float:left;}
.history_wp .cont.flRight h4:after {content:''; display:inline-block; background:url(../../img/history_line.png) no-repeat 0 0; position:absolute; left:-132px; bottom:0; width:106px; height:21px; 
transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }
.history_wp .cont.flRight:after {border-right:none;}
.history_wp .cont h4 {font-size:78px; font-weight:200; line-height:70px; position:relative;}
.history_wp .cont h4:after {content:''; display:inline-block; background:url(../../img/history_line.png) no-repeat 0 0; position:absolute; right:-132px; bottom:0; width:106px; height:21px; z-index:10;}
.history_wp .cont ul {margin-top:42px; padding:0;}
.history_wp .cont ul li { overflow:hidden; font-size:16px; color:#444444; font-weight:300; margin-top:14px;}
.history_wp .cont ul li:first-child {margin:0;}
.history_wp .cont ul li strong {font-size:16px; color:#959595; vertical-align:top; float:right;}
.history_wp .cont ul li span {margin-right:44px; vertical-align:top; float:right; width:346px}
.history_wp .cont img {margin-top:35px; width:430px; height:170px; background:#dadada}


.flLeft{float:left;}
.flRight{float:right !important;}

.history_tab {}
.history_tab ul {padding:0; margin:0; list-style:none; text-align:center;}
.history_tab ul li {display:inline-block;}
.history_tab ul li a {display:block; color:#585858; font-size:22px; padding:15px 70px; border:1px solid #e6e6e6; margin-right:8px; text-decoration:none;}
.history_tab ul li a:hover {border:1px solid #082559;}
.history_tab ul li.on a {color:#000; border:1px solid #082559; background:#082559; color:#fff;}
.history_tab ul li:last-child a {margin:0;}

.location_box {width: 1100px; position:relative; top:-50px;margin:  0 auto;margin-bottom:30px;}
.location_box>p {text-align:center; font-size:18px; margin-bottom:60px;}

.location_line {width:850px; margin:0 auto 40px ; position:relative; padding-left:250px; padding-bottom:40px;  border-bottom:1px solid #b1b1b1}
.location_line h3 {font-family: 'Titillium'; position:absolute; left:0; top:0; font-size:25px; font-weight:600; color:#de6613}
.location_line h3 span {font-size:14px; font-family:'NotoSansKR'; display:block; line-height::16px; color:#888888}
.location_line table {margin-top:25px;}
.location_line table.default tr {height:50px}
.location_line table.default thead tr, table.default tbody th {height:50px}


.contact_box {width: 1100px; position:relative; top:-50px;margin:  0 auto;margin-bottom:30px;}
.contact_box>p {text-align:center; font-size:18px; margin-bottom:60px;}

.contact_line {width:850px; margin:0 auto 40px ; position:relative; padding-left:250px; padding-bottom:40px;  border-bottom:1px solid #b1b1b1}
.contact_line h3 {font-family: 'Titillium'; position:absolute; left:0; top:0; font-size:25px; font-weight:600; color:#de6613}
.contact_line h3 span {font-size:16px; margin-left:20px; color:#888888}
.contact_line table {margin-top:25px;}
.contact_line table.default tr {height:50px}
.contact_line table.default thead tr, table.default tbody th {height:50px}
.contact_line table.default td {text-align:left; padding-left:20px;}
.contact_line table.default td span {display:inline-block; width:62px; text-align:center; border:1px dashed #de6613; border-radius:14px; color:#de6613; font-family:'Titillium'; font-size:14px; margin-right:5px; padding:3px 7px}


.energy_line {width:850px; margin:  0 auto 60px ; position:relative; padding-left:250px; padding-bottom:60px;  border-bottom:1px solid #b1b1b1}
.energy_line .title {font-family: 'Titillium'; position:absolute; left:0; top:0; font-size:25px; font-weight:600; color:#de6613}
.energy_line .cont {font-size:16px; margin-bottom:20px;}
.energy_line .pic2 {overflow:hidden;}
.energy_line .pic2 img {width:49%; height:250px; background:#eee; float:left;}
.energy_line .pic2 img:last-child {float:right;}

.energy_line .pic3 {overflow:hidden;}
.energy_line .pic3 img {width:32%; height:250px; background:#eee; float:left; float:left; margin-right:1%;}
.energy_line .pic3 img:first-child {width:33%; }

.recruit_box {position: relative; top: -50px; margin-bottom: 30px;}
.recruit_box>p {    text-align: center; font-size: 18px; margin-bottom: 60px;}

.recruit_line {width:850px; margin:0 auto 40px ; position:relative; padding-left:250px; padding-bottom:40px;  border-bottom:1px solid #b1b1b1}
.recruit_line .title {font-family: 'Titillium'; position:absolute; left:0; top:0; font-size:25px; font-weight:600; color:#de6613}
.recruit_line table.default td {text-align:left; padding-left:31px;}

.step_list {list-style:none; padding:0; margin:0; overflow:hidden;}
.step_list li {overflow:hidden; margin-bottom:15px;}
.step_list li .step {font-family: 'Titillium'; float:left; border:1px dashed #de6613; font-weight:600; width:170px; margin-right:30px; border-radius:30px; text-align:center; font-size:14px; padding:5px;}
.step_list li .step span {display:block; color:#de6613; font-size:14px;  font-family:'Titillium';}
.step_list li .cont {float:left; width:630px; font-size:14px; text-align:left; }
.step_list li:last-child {margin:0;}
.recruit_btn_set {text-align:center; margin:30px 0 0;}
.step_btn {display:inline-block; height:60px; line-height:60px; border-radius:30px; background:#de6613; font-weight:600; font-size:18px; padding:0 20px; color:#ffffff !important; text-decoration:none;}


.snc_txt {font-family:'Titillium' !important; font-size:inherit !important; padding:0 !important; margin:0 !important; color:inherit !important;}


/* border 상하좌우 + 상단테두리강조 */
table.t1{margin:3px 0;border:0; width:100%; border-collapse:collapse;border-top:2px solid #9e9e9e;border-bottom:1px solid #d0d0d0;border-right:1px hidden #fff;background:#fff;}
*+html table.t1{border-right:1px solid #fff;}
* html table.t1{border-right:1px solid #fff;}
table.t1 tr{text-align:left;}
table.t1 th, table.t1 td{border:1px solid #d0d0d0;border-width:1px 1px 0 0;padding:17px 21px 15px; font-size:14px; color:#675431}
table.t1 th{background:#f6f6f6;font-weight:normal; text-align:left;}
table.t1 thead th, table.t1 tfoot th{border-width:0 1px 1px 0;border-color:#cd9;background:#f6f6f6;color:#000;vertical-align:middle;}
.tac td,.tac th{text-align:center !important;}
table.t1 .s {font-size:12px;}

/* border 상하좌우 + 상단테두리강조 */
table.t2{margin:3px 0;border:0; width:100%; border-collapse:collapse;border-top:2px solid #9e9e9e;border-bottom:1px solid #d0d0d0;border-right:1px hidden #fff;background:#fff;}
*+html table.t2{border-right:1px solid #fff;}
* html table.t2{border-right:1px solid #fff;}
table.t2 tr{text-align:center; border-bottom:1px solid #d0d0d0;}
table.t2 td{padding:17px 21px 15px; font-size:14px; color:#675431}
table.t2 th{background:#f6f6f6;font-weight:normal; text-align:center; padding:17px 21px 15px; font-size:14px; color:#675431}
table.t2 thead th, table.t2 tfoot th{border-width:0 1px 1px 0;border-color:#cd9;background:#f6f6f6;color:#000;vertical-align:middle;}
table.t2 td a{color:#000;}
table.t2 td.subject {text-align:left;}

/* border 상하좌우 + 상단테두리강조 */
table.t3{margin:3px 0;border:0; width:100%; border-collapse:collapse;border-top:2px solid #9e9e9e;border-bottom:1px solid #d0d0d0;border-right:1px hidden #fff;background:#fff;}
*+html table.t3{border-right:1px solid #fff;}
* html table.t3{border-right:1px solid #fff;}
table.t3 tr{text-align:left;}
table.t3 th, table.t3 td{border:1px solid #d0d0d0;border-width:1px 1px 0 0;padding:11px 21px 9px; font-size:14px; color:#675431}
table.t3 th{background:#f6f6f6;font-weight:normal; text-align:center;}
table.t3 thead th, table.t3 tfoot th{border-width:0 1px 1px 0;border-color:#d0d0d0;background:#f6f6f6;color:#000;vertical-align:middle;}
table.t3 td.cost {text-align:right}
table.t3 td.num {text-align:right}


/* 페이지내비게이션:div */
div.pagenav{clear:both;width:100%;margin:20px auto 0;text-align:center;}
div.pagenav *{line-height:1.25;text-decoration:none !important;}/* mobile, utf-8, NanumGothic 이면 line-height:1 */
div.pagenav span{display:inline; margin-right: 5px;}
div.pagenav span a{display:inline-block;height:1em;padding:5px 7px;border:1px solid #ccc;background:#fff;color:#666;white-space:nowrap;overflow:hidden;}
div.pagenav span.on a,
div.pagenav span a.on{border-color:#b55c9e;background:#b55c9e;color:#fff;font-weight:bold}
div.pagenav span.pprev a,
div.pagenav span.pnext a,
div.pagenav span.pfirst a,
div.pagenav span.plast a{border-color:#ccc;background:#fff;color:#666;}
div.pagenav span a .ic{display:block;}
/* 불릿글 */
div.pagenav span.pprev a .ic{margin:0 2px 0 0;padding:0 0 0 9px;background:url(../../img/pprev.png) no-repeat 0 30%;}
div.pagenav span.pnext a .ic{margin:0 0 0 2px;padding:0 9px 0 0;background:url(../../img/pnext.png) no-repeat 100% 30%;}
/* 불릿만 */
div.pagenav span.pfirst a .ic{width:10px;margin:0 2px 0 0;background:url(../../img/pfirst.png) no-repeat 0 30%;overflow:hidden;text-indent:-9999px;}
div.pagenav span.plast a .ic{;width:10px;margin:0 0 0 2px;background:url(../../img/plast.png) no-repeat 100% 30%;overflow:hidden;text-indent:-9999px;}
* html div.pagenav span.pfirst a .ic,
* html div.pagenav span.plast a .ic{display:inline-block;letter-spacing:-9999px;text-indent:0;}



/* div형 제목바 */
.board div.title{display:block; border-top:2px solid #9e9e9e; border-bottom:1px solid #d0d0d0}
.board div.title h3{font-weight:normal; font-size:18px; padding:15px 0; padding-left:35px;}


/* 내용 div 유동 - [IE] 배치오차. 전체 width:380px;미만시 IE보정 필요 */
.board div.view{clear:both;width:100%;margin:0 auto /* .67em */;border-bottom:0 solid #e4e4e4;}
.board div.view .info {background:#f9f9f9; font-size:14px}
.board div.view .info dl{width:100%;margin:0;padding:0;overflow:hidden;}
.board div.view .info dl dt{display:inline;float:left;width:12.8%/* IE보정 */;margin:0;padding:8px 1% 4px 3.5%;border-bottom:1px solid #ccc;background:url(../../img/view_dt_bg.gif) no-repeat 1em 0;color:#457;line-height:1.25;text-align:left;}
.board div.view .info dl dd{display:inline;float:left;width:80%/* 폭수정 */;margin:0;padding:8px 1% 4px 1.5%;border-bottom:1px solid #ccc;background:url(../../img/view_dd_bg.gif) no-repeat;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis /* CSS3[IE,SF,CR] */;-o-text-overflow:ellipsis /* [OP] */;}
.board div.view .info dl dd img{vertical-align:middle;margin:0 0 4px;}
.board div.view .info dl.attach{position:relative;top:-1px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.board div.view .info dl.attach dt,
.board div.view .info dl.attach dd{border:0;}
.board div.view .info dl.attach dd ul{list-style:none;margin:0;padding:0;}
.board div.view .info dl.attach dd ul li{margin:0 4px 4px 0;padding:0;white-space:nowrap;}
.board div.view .info dl.attach dd img{vertical-align:middle;margin:-3px 0 2px;}
.board div.view .substance{min-height:136px;height:auto !important;height:136px; min-height:350px; padding:1.8em 35px 2em;word-wrap:break-word; font-size:14px;}
/*.board div.view .info dl.col4 dt{}
.board div.view .info dl.col4 dd{width:30%;}*/
.board div.view object{vertical-align:top;}

.board .btn_list {margin-bottom:20px; overflow:hidden;}
.board .btn_list a {float:right; padding:7px 20px; background:#7a3f63; font-size:16px; color:#fff;}


/* 이전글다음글 유동 - [IE] 배치오차 */
.board dl.go{clear:both;width:100%;margin:1em auto;padding:0;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd; font-size:14px}
.board dl.go dt{display:inline;float:left;width:12.8%/* IE보정 */;margin:0;padding:6px 1% 4px 3.5%; background:#f9f9f9;font-weight:normal;line-height:1.25;text-align:left;}
.board dl.go dt.next{background:#f9f9f9 url(../../img/go_dt_prevbg.gif) no-repeat 0 3px;}
.board dl.go dt.prev{padding-top:7px;background:#f9f9f9 url(../../img/go_dt_nextbg.gif) no-repeat;}
.board dl.go dd{display:inline;float:left;width:80%/* 폭수정 */;margin:0;padding:6px 1% 4px 1.5%;line-height:1.25;}
.board dl.go dd.prev{padding-top:7px;background:url(../../img/board/go_dd_bg.gif) repeat-x;}
.board dl.go a {color:#000}

.photo_list{ width:100%; overflow:hidden ; padding-top:25px; margin:0 auto; border-top:2px solid #9e9e9e;   border-bottom:1px solid #d0d0d0;}
.photo_list ul {width:825px; margin:0 auto; padding:0;  list-style:none;}
.photo_list li{ width:230px; float:left; margin-right:20px; margin-left:20px; margin-bottom:25px}
.photo_list  .tdr_no{ margin-right:20px}
.photo_list dt{  color: #333;  font-size: 15px;    margin-top: 10px;}
.photo_list dt a{display:block; width:100%; color: #333;  font-size: 15px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.photo_list dd {  color: #666;  font-size: 12px; margin:0}

.view_cont {  position: relative;  padding: 50px 30px;  font-size: 14px;  line-height: 22px;  color: #666;}
.view_cont img {/*max-width:600px ; max-height:600px*/}

.exhibition_list {position:absolute; left:50%; top:142px; margin-left:-220px; width:440px; height:263px; overflow:hidden;}
.exhibition_list ul {position:absolute; left:0; top:0; width:3520px; margin:0; padding:0; list-style:none;}
.exhibition_list ul li {position:relative; float:left;}
.exhibition_list ul li .name {position:absolute; right:0; top:0; background:rgba(0,0,0,.8); padding:5px 8px; color:#fff}
.exhibition_list ul li img {width:440px; height:263px; vertical-align:middle}

.stock_title {font-size:22px; overflow:hidden; margin-top:20px;}
.stock_title span {float:right; font-size:14px; font-weight:normal}
.stock_list table {width:100%;  border:1px solid #d3d3d3; text-align:center; border-top:2px solid #7692aa; border-collapse: collapse; margin-top:22px;}
.stock_list table thead th {padding:7px 0; background:#fff; border-right:1px solid #c8d6e1}
.stock_list table tbody th {padding:7px 0; background:#f0f5f9 !important; border-bottom:1px solid #c8d6e1; border-right:1px solid #c8d6e1}
.stock_list table thead tr {border-bottom:1px solid #bac8d4 !important}
.stock_list table tr { border-bottom:1px solid #eaeaea}
.stock_list table tr.summary {background:#dcf0f8 !important}
.stock_list table tbody tr.summary th {background:#dcf0f8 !important;}
.stock_list table tr:nth-child(2n-1) {background:#fafafa;}
.stock_list table tr:last-child {border-bottom:none;}
.stock_list table td {padding:8px 10px 7px; text-align:right;}
.stock_list table td:first-child {text-align:center}

.stock_list table.board tbody td{text-align:center}
.stock_list table.board tbody td.subject {text-align:left;}
.stock_list table.board tbody td .em {color:#f0a015}
.stock_list table.board tbody td.subject a {color:#266af6; text-decoration:none}
.stock_list table.board tbody td.subject a:hover {text-decoration:underline}

