﻿@charset "UTF-8";



/* 서브 Layout */

#container {position:relative; min-height:1030px; .zoom:1}

#container:after {content:""; clear:both; display:block}

#contents {float:left; width:900px; min-height:869px; padding:55px 36px 115px}

.contents_top {position:relative; margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #e3e3e3}

.contents_top h2 {min-height:46px; line-height:46px; font-size:35px; font-family:sans-serif, serif; color:#292929; letter-spacing:-2px}

#contents.company h3, #contents.recruit h3 {background:url("../images/bullet.gif") no-repeat left 1px; padding-left:15px; font-size:16px;font-weight:bold; color:#313131; margin:25px 0 15px;}

#contents.company h3.h3_1, #contents.recruit h3.h3_1 {margin-top:0;}

#contents.company h3.bgn, #contents.recruit h3.bgn {background:none; padding-left:0;}



.dsp_full {display:block;}

.dsp_640 {display:none;}

.dsp_320 {display:none;}



/* 버튼 */

.btn_views {.zoom:1; display:block; max-width:95px; height:22px; border:1px solid #9aa2a8; background:url("../images/btn_vertical.gif") repeat-x; text-shadow:1px 1px 1px rgba(0,0,0,0.5)}

.btn_views:after {content:""; clear:both; display:block}

.btn_views span, .btn_views em {display:block; float:left; line-height:22px; height:22px}

.btn_views span {padding:0 13px; text-align:center; color:#fff; border-right:1px solid #7d868d}

.btn_views em {min-width:20px; border-left:1px solid #c1c6cb; background:url("../images/btn_err_right2.png") no-repeat 9px center}

.btn_request {text-align:center;}

.btn_request a {display:block; width:192px; height:20px; line-height:20px; margin:0 auto; padding:21px 0; color:#fff; font-family:'NanumBarunGothic'; font-size:17px; background:url("../images/btn_request.png") no-repeat left top}

.btn_request .btn_checked {display:inline-block; .display:inline; .zoom:1; width:153px; padding:15px 0; font-size:15px; color:#fff; background:url("../images/btn_checked.png") no-repeat}

.btn_request .btn_canceled {display:inline-block; .display:inline; .zoom:1; width:153px; padding:15px 0; font-size:15px; color:#fff; background:url("../images/btn_canceled.png") no-repeat}

.btn_calender {display:inline-block; .display:inline; .zoom:1; width:27px; height:24px; margin-right:10px; background:url("../images/ico_calender.png") no-repeat center center; vertical-align:middle}

.btn_calender span {position:absolute; left:0; top:0; overflow:hidden; width:0; height:0; opacity:0; filter:alpha(opacity=0)}

.btn_type1 {display:inline-block; .display:inline; .zoom:1; height:24px; line-height:24px; padding-left:16px; background:url("../images/bg_btn_check_left.png") no-repeat left top; vertical-align:middle}

.btn_type1 span {display:inline-block; .display:inline; .zoom:1; height:24px; line-height:24px; color:#fff;  padding-right:16px; background:url("../images/bg_btn_check_right.png") no-repeat right top}

.btn_locate {display:inline-block; .display:inline; .zoom:1; height:24px; padding-left:13px; border-left:1px solid #d6dadd; background:url("../images/bg_btn_locate_center.png") repeat-x}

.btn_locate span {display:inline-block; .display:inline; .zoom:1; height:24px; line-height:24px; padding-right:35px; background:url("../images/bg_btn_locate_right.png") no-repeat right top}

.btn_pop_check {text-align:center}

.btn_pop_check a {display:inline-block; .display:inline; .zoom:1; width:112px; height:16px; line-height:16px; margin:0 auto; padding:18px 0 18px; color:#fff; text-align:center; font-family:'NanumBarunGothic'; font-size:15px; background:url("../images/btn_popup_check.png") no-repeat left top}

.btn_pop_check .cancel {background:url("../images/btn_popup_cancel.png") no-repeat left top}

.btn_pop_search {display:inline-block; .display:inline; .zoom:1; height:22px; line-height:22px; padding:0 22px; color:#fff; text-align:center; border:1px solid #7a838a; background:url("../images/bg_addr2.gif") repeat-x; vertical-align:top}

.view {display:block; height:22px; line-height:22px; margin:0 auto; padding:0 23px; text-align:center; background:url("../images/bg_addr_search_off.png") repeat-x}



/* 제품소개 */

.visual_area {position:relative;margin-bottom:30px;overflow:hidden;}

/*.visual_area img {width:100%; }*/

.visual_area ul {width:1000%;}

.visual_area li {float:left;width:10%;}

.visual_area li img {width:100%;height:auto;}





.mark {.zoom:1; padding:3px 19px 3px; line-height:28px; background:#eff4f6; border:1px solid #e7e7e7; color:#505050; font-size:11px; text-align:center;}

.mark:after {content:""; clear:both; display:block}

.mark li {display:inline-block; margin:0 auto; padding:0 20px; font-size:11px; color:#505050; letter-spacing:-0.04em; background:url("../images/bg_bar_mark.gif") no-repeat left 8px}

.mark li.mark1 em, .spec .mark1 em {background:#f7c000}

.mark li.mark2 em, .spec .mark2 em {background:#f79700}

.mark li.mark3 em, .spec .mark3 em {background:#4d93d9}

.mark li.mark4 em, .spec .mark4 em {background:#a1444e}

.mark li.mark5 em, .spec .mark5 em {background:#03386d}

.mark li em, .spec dd em {display:inline-block; .display:inline; .zoom:1; width:12px; height:6px; margin-right:9px; vertical-align:middle}

.mark li span {display:inline-block; .display:inline; .zoom:1; vertical-align:middle}



.machine {.zoom:1; width:100%; /*height:294px;*/}

.machine:after {content:""; clear:both; display:block}

.machine li {float:left; width:33.33%; padding-bottom:20px}

.machine li > div {overflow:hidden; position:relative; height:294px; padding:0 5%; border-top:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; background:url("../images/bg.gif") repeat-x left top}

.machine li .ptit {position:relative; font-size:25px;font-family:'century gothic', Century Gothic; line-height:30px; margin:27px 0 5px; letter-spacing:-0.02em; color:#31383f;  font-weight:bold;}

.machine li .pimg {text-align:center}

.machine li .ptit.on {color:#0d5cab}

.machine li .ptit span {font-size:12px; color:#7d7d7d; display:block; font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal;}

.machine li.no_product {text-align:center}

.machine li.no_product > div {display:inline-block; .display:inline; .zoom:1; width:156px; height:140px; vertical-align:middle; background:url("../images/bg_blank.png") no-repeat center center}

.machine li.no_product > span {display:inline-block; .display:inline; .zoom:1; width:1px; height:100%; vertical-align:middle}



.visual_area2 {position:relative; height:377px; line-height:22px; margin-bottom:22px; border:1px solid #e9eaeb; background:url("../images/bg_product_img.gif") repeat-x}

.visual_area2 > img {display:block; position:absolute; left:8.7%; top:47px;}

.visual_area2 > div {padding:84px 9.5% 0 51%}

.visual_area2 > div strong {display:block}

.visual_area2 p {line-height:22px; color:#46494c}

.visual_area2 .visual_txt1 {padding-top:8px; padding-bottom:15px; font-size:11px; letter-spacing:0}

.visual_area2 .visual_txt2 {position:relative; padding-top:18px; font-family:"NanumBarunGothicBold"; font-size:17px}

.visual_area2 .visual_txt2:after {content:""; display:block; position:absolute; left:0; top:0; width:23px; height:1px; background:#a0a3a5}

.visual_area2 .visual_txt3 {padding-top:7px}

.visual_area2 .btn_views {margin-top:20px}



.product .contents_area, .product_view .contents_area {/*overflow:auto;*/}

.product.line_up .contents_area {overflow:visible;}

.product_view .contents_area img {width:auto !important;height:auto !important;}



.product_view .tech_title {height:22px; line-height:22px; font-size:10px; color:#6d6d6d}

.product_view ul.clear {margin-bottom:36px}

.product_view ul.clear > li {float:left; width:48%; margin-left:4%}

.product_view ul .box-sizing {padding:0 3.7% 16px; border:1px solid #eee}

.product_view ul.clear > li:first-child {margin-left:0; border:0; border-top:1px solid #d1d1d1}

.product_view ul strong {display:block; font-family:"NanumBarunGothicBold"; font-size:13px; color:#333}

.product_view ul .machine_title {line-height:23px; padding-top:16px; font-size:21px}

.product_view ul li p, .product_view ul li div p {font-size:13px; line-height:22px}

.product_view .tech1 {margin-bottom:17px}

.product_view .tech1 .machine_title {padding-bottom:60px;}

.product_view .tech1 .tech_img {padding:28px 0; text-align:center}

.product_view .tech1 .tech_img1 {margin-bottom:17px; text-align:center; border:1px solid #eee}

.product_view .tech1 .tech_img span {display:block}

.product_view .tech1 .box-sizing p {padding-top:6px}

.product_view .tech2 .machine_title {padding-bottom:74px; background:url("../images/bg_dotted.gif") repeat-x left bottom}

.product_view .tech2 p {padding:15px 0 50px}

.product_view .tech2 .box-sizing {padding:34px 3.7%; text-align:center}

.product_view .tech3 > ul > li {float:left; width:48%; margin-left:4%;}

.product_view .tech3 > ul > li:first-child {margin-left:0}

.product_view .tech3 > ul > li > div {border-top:1px solid #eee}

.product_view .tech3 > ul > li .tech_img {margin:47px 0 15px}

.product_view .tech3 > ul > li .tech_img span {display:block; border:1px solid #eee}

.product_view .tech3 > ul > li .tech_img span img {width:100%}

.product_view .tech3 > ul > li ul {color:#333}

/* 2015-09-07추가 */

.product_view table {max-width:100%;width:100% !important;}

/* 2015-09-07추가 끝 */



.more {position:absolute; top:0; right:0; width:24px; height:24px; background:url("../images/btn_more.gif") no-repeat}

.spec {position:absolute; top:257px; left:25px}

.spec dd {float:left; padding-right:10px; font-size:11px; color:#505050}



.pro_intro .sub_title {margin:32px 0 15px;}

.pro_intro_info > li {position:relative; margin-bottom:10px; padding-left:120px; font-size:13px; color:#676767}

.pro_intro_info > li .tit {display:inline-block; position:absolute; top:0; left:0; width:102px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; color:#292929; text-align:center}

.pro_intro_info > li > p {display:inline-block; *display:inline; *zoom:1}

.pro_intro_list > li {padding:0 0 10px 8px; background:url('../images/bul_dotted.gif') no-repeat 0 10px; font-size:13px; color:#676767}

.pro_intro_board {margin-bottom:40px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1}

.pro_intro_board tr th:first-child,

.pro_intro_board tr td:first-child {border-left:0}

.pro_intro_board th {padding:10px 0; border-left:1px solid #efefef; background:#f8f8f8; font-family:'NanumGothicBold'; font-size:13px; color:#5d5d5d}

.pro_intro_board td {padding:8px 0; border-left:1px solid #efefef; border-top:1px solid #efefef; color:#696969; text-align:center;}

.pro_intro_board td.left {padding-left:20px; border-left:1px solid #efefef !important; text-align:left}

.pro_intro_pic > li {float:left; width:31%; margin:0 3.4% 15px 0}

.pro_intro_pic > li.odd {margin-right:0}

.pro_intro_pic > li img {width:100%; /*border:1px solid #e2e2e2*/}

.pro_intro_pic > li p {margin-top:6px;height:12px; padding-bottom:4px; padding-left:12px; background:url("../images/bull03.gif") 0 4px no-repeat; font-size:11px; color:#696969; line-height:1em;}

.pro_intro_big img {width:100%}

.pro_intro .txt {font-size:13px;}

.pro_intro .fimg img {width:100%;}

.pro_intro .conT:after {clear:both; display:block; content:"";}

.pro_intro_info li.f_l {width:41%; text-align:left; padding-left:108px;}

.pro_intro_info li.f_r {width:32%; text-align:left; padding-left:108px;}

.pro_intro_info li.f_l {clear:both;}

.pro_intro_info li.f_l .tit, .pro_intro_info li.f_r .tit {width:102px;}

p.f_l, p.f_r {width:49%;}

p.f_l img, p.f_r img {max-width:431px; width:100%;}

 

.pro_mater_txt {margin-bottom:15px; font-size:14px; color:#333}

.pro_mater_txt li {padding-left:12px; background:url("../images/bullet5.gif") 1px 10px no-repeat; line-height:22px;}

.pro_mater_con {padding-left:8px; font-size:13px; color:#0d5cab}

.pro_mater_con dl > dt {margin-top:10px; color:#292929}

.pro_mater_con dl > dd {margin-top:5px; padding-left:7px; background:url('../images/ico_bullet2.gif') no-repeat 0 8px; color:#676767}

.pro_mater_pic > li {float:left; width:31%; margin:0 3% 30px 0; border:1px solid #e2e2e2}

.pro_mater_pic > li img {width:100%}

.pro_mater_pic > li:nth-child(3n) {margin-right:0}

.pro_mater_pic + h3 {margin-top:20px}

.pro_mater_pic li.last {margin-right:0;}



/* 인재채용 */

.talent {border:solid 1px #e8e8e8; padding:25px 0;}

.talent:after {clear:both; display:block; content:"";}

.talent img {float:left; margin:70px 0 0 6%; max-width:503px; width:70%;}



.talent .detxt {margin:0 20px 0 68%; font-size:13px; color:#676767;}

.talent .detxt dl {margin-bottom:40px;}

.talent .detxt dl:last-child {margin-bottom:0;}

.talent .detxt .tit {border-bottom:solid 1px #d1d1d1; font-size:17px; color:#333; font-family:'NanumGothicBold'; padding-bottom:5px;}

.talent .detxt .tit span {color:#0d5cab; font-size:10px; margin-left:5px;}

.talent .detxt .stxt {font-family:'NanumGothicBold'; border-bottom:dotted 1px #d1d1d1; padding-bottom:10px; margin-top:10px; letter-spacing:-0.04em;}

.talent .detxt ul li {background:url("../images/bullet5.gif") no-repeat left 8px; padding-left:8px; margin-top:5px;}

.promotion ul.txt li {background:url("../images/bullet5.gif") no-repeat left 8px; padding-left:8px; margin-top:5px; font-size:13px; letter-spacing:-0.04em;}

.promotion ul.hcp:after {clear:both; display:block; content:"";}

.promotion ul.hcp li {background:url("../images/line1.gif") no-repeat right 63px; padding-right:65px; float:left; padding-left:0; color:#333; font-family:'NanumGothicBold'; font-size:13px;}

.promotion ul.hcp li.last {background:none; padding-right:0;}

.promotion ul.hcp li p.c1 {background:url("../images/bg_circle1.gif") no-repeat center 55px; width:50px; height:31px; padding:25px 0 30px; text-align:center;}

.promotion ul.hcp li p.c2 {background:url("../images/bg_circle2.gif") no-repeat center 52px; width:50px; height:38px; padding:20px 0 35px; text-align:center; margin-left:-5px;}

.promotion ul.hcp li p.c3 {background:url("../images/bg_circle3.gif") no-repeat center 45px; width:51px; height:50px; padding:15px 0 30px; text-align:center;}

.promotion ul.hcp li p.c4 {background:url("../images/bg_circle4.gif") no-repeat center 38px; width:65px; height:64px; padding:10px 0 30px; text-align:center;}

.promotion ul.hcp li p.c5 {background:url("../images/bg_circle5.gif") no-repeat center 33px; width:73px; height:73px; padding:5px 0 28px; text-align:center;}

.promotion ul.hcp li p.c6 {background:url("../images/bg_circle6.gif") no-repeat center 30px; width:82px; height:82px; padding-bottom:30px; text-align:center;}

.promotion .job:after {clear:both; display:block; content:"";}

.promotion .job ul {width:19%; margin-right:1%; border-top:solid 1px #d1d1d1; float:left;}

.promotion .job ul.last {width:20%; margin-right:0;}

.promotion .job ul li.tit {border-bottom:dotted 1px #d1d1d1; width:100%; text-align:center; color:#0d5cab; font-size:15px; font-family:'NanumGothicBold'; background:none; padding:5px 0; margin-bottom:10px;}

.promotion .job ul li {background:url("../images/bullet5.gif") no-repeat 32% 8px; padding-left:36%; font-size:13px; margin-bottom:5px;}

.promotion .job ul li.hfl {width:25%; float:left; padding-left:25%; background-position:40% 8px;}

.promotion .job ul li.hfr {width:35%; float:left; padding-left:15%; background-position:21% 8px;}

.education .hwedu {margin-top:30px;}

.education .hwedu:after {clear:both; display:block; content:"";}



.hwedu ul {width:30%; float:left; margin-right:5%;}

.hwedu ul.last {margin-right:0;}

.hwedu ul li {background:url("../images/bullet5.gif") no-repeat left 8px; color:#676767; padding-left:8px; margin-bottom:5px; font-size:13px; letter-spacing:-0.04em;}

.hwedu ul li.fir {background:none; font-size:17px; font-family:'NanumGothicBold'; color:#292929; border-bottom:solid 1px #d1d1d1; padding-bottom:10px; margin-bottom:12px;}

.benefits {border:solid 1px #e8e8e8; padding:25px 0 35px;}

.benefits:after {clear:both; display:block; content:"";}

.benefits img {margin:20px 0 0 5%; max-width:455px; width:70%;}

.benefits ul {width:37%; float:right; margin-right:20px;}

.benefits ul li {background:url("../images/dot.gif") repeat-x left bottom; padding-bottom:10px; color:#676767; letter-spacing:-0.04em; margin-top:10px; font-size:12.5px;}

.benefits ul li.last {background:none;}

.benefits ul li span {color:#0d5cab; font-family:'NanumGothicBold';}

.procedures ul.circle {margin-top:22px;}

.procedures ul.circle:after {clear:both; display:block; content:"";}

.procedures ul.circle li {background:url("../images/line1.gif") no-repeat 83px 33px; padding-right:74px; float:left; padding-left:0;}

.procedures ul.circle li.last {background:none;}

.procedures ul.circle li p {background:url("../images/bg_circle.gif") no-repeat left top; color:#fff; font-size:13px; text-align:center; font-family:'NanumGothicBold'; width:83px; height:51px; padding:32px 0 0 0; letter-spacing:-0.04em;}

.procedures ul {margin-top:-8px;}

.procedures ul li {background:url("../images/bullet5.gif") no-repeat left 8px; padding-left:8px; color:#676767; font-size:13px; line-height:22px}

.r_btn {margin-top:20px; margin-left:5px;}

.r_btn a {vertical-align:top;}

.r_btn img {width:33%; max-width:297px;}

.r_btn img.c {max-width:303px; width:34%}

.agree {border:solid 1px #efefef; background:#f8f8f8; padding:20px;}

.agree div {height:90px; overflow-y:auto; border:solid 1px #e5e5e5; background:#fafafa; padding:15px; font-size:13px; color:#8e8e8e; letter-spacing:-0.04em; line-height:1.5;}

.agree div strong {display:block; color:#5e5e5e;}

.agree input {border:solid 1px #abafb4; margin:13px 0 0 0; vertical-align:top; border:none; background:none; vertical-align:top;}

.agree label {font-size:13px; color:#676767; margin:11px 0 0 10px; display:inline-block; letter-spacing:-0.04em;}

ul.psl li {background:url("../images/bullet2.gif") no-repeat left 8px; padding-left:10px; font-size:12px; color:#676767; margin:5px 0; letter-spacing:-0.04em;}

.fimg img {max-width:900px; width:100%;}

.faq {border-top:solid 1px #d1d1d1; border-bottom:solid 1px #ababab;}

.faq li .que {border-bottom:dotted 1px #e1e1e1; padding:13px 15px 13px; font-size:13px; position:relative; color:#333; font-family:'NanumGothicBold';}

.faq li .que a {color:#333;}

.faq li .que a.open {background:url("../images/btn_faqopen.gif") no-repeat right top; width:13px; height:8px; position:absolute; top:15px; right:20px; display:block; text-indent:-9999px;}

.faq li .que a.close {background:url("../images/btn_faqclose.gif") no-repeat right top; width:13px; height:8px; position:absolute; top:15px; right:20px; display:block; text-indent:-9999px;}

.faq li .que span.q {border-right:dotted 1px #9ebedd; padding-right:15px; font-size:18px; color:#91979d; font-family:'century gothic'; margin-right:10px; vertical-align:top;}

.faq li .ans {border-bottom:solid 1px #efefef; padding:15px; display:none;}

.faq li .ans span.a {font-size:18px; color:#91979d; font-family:'century gothic';}

.faq li .ans div {border-left:dotted 1px #9ebedd; margin:-20px 0 0 30px; padding:0 15px; color:#919191; line-height:1.7; font-size:13px;}

.faq li.last .ans {border-bottom:none;}

.recruit select {border:solid 1px #d4d3d3; padding:1.5px 1px; color:#969696;}

select.w80 {width:80px;}

.recruit input {background:url("../images/input_bg.gif") repeat-x left top; height:15px; padding:3px 0 4px 5px; border:solid 1px #d1d1d1; color:#767676; font-size:12px;}

input.chk, input.radio {border:none; background:none; vertical-align:top; padding:0;}

input.w60 {width:60px;}

input.w80 {width:80px;}

input.w150 {width:150px;}

input.w200 {width:200px;}

input.w300 {width:300px;}

textarea.txt {width:95.5%; height:120px; border:solid 1px #d9d9d9; resize:none; font-size:13px; padding:2%; color:#999; overflow-y:auto; background:#fafafa;}

textarea.txt1 {width:90%; height:80px; border:solid 1px #d9d9d9; resize:none; font-size:13px; padding:2%; color:#999; overflow-y:auto; background:#fafafa;}

a.vt {vertical-align:top; margin-left:5px;}

span.ps {font-size:12px; color:#676767; background:url("../images/bullet3.gif") no-repeat left 7px; padding-left:10px; margin-left:15px;}

span.psbl {font-size:11px; color:#0d5cab;}

span.psgry {font-size:11px; color:#969696; line-height:1.4;}

span.stgry {font-size:12px; color:#676767; display:block; margin-top:5px;}

span.stgry span.bl {color:#0d5cab;}

p.pic {background:#fafafa; border:solid 1px #d7d7d7; width:92px; height:105px; margin:0 0 0 25px;}

p.pic img{width:92px; height:105px;}



/* global-intro */

.global .introImg {width:45%;max-width:437px;}

.global .introImg img {width:100%;max-width:437px;} 

.global .introInfo {padding-left:45%;}

.global .introInfo dl {margin:0 0 25px 27px;}

.global .introInfo dt {background:url("../images/bullet.gif") no-repeat left 1px; padding-left:15px; font-size:16px;font-weight:bold; color:#313131; margin-bottom:15px;}

.global .introInfo dd {background:url("../images/bull02.gif") no-repeat left 9px;padding-left:8px;}



.global .introInfous {padding-left:45%;}

/*.global .introInfo dl {margin:0 0 25px 27px;}*/

.global .introInfous dl {margin:0 0 10px 27px;}

/*.global .introInfo dt {background:url("../images/bullet.gif") no-repeat left 1px; padding-left:15px; font-size:16px;font-weight:bold; color:#313131; margin-bottom:15px;}*/

.global .introInfous dt {background:url("../images/bullet.gif") no-repeat left 1px; padding-left:15px; font-size:16px;font-weight:bold; color:#313131; margin-bottom:5px;}

.global .introInfous dd {background:url("../images/bull02.gif") no-repeat left 9px;padding-left:8px;}



.global .infoTxt {clear:both;padding:15px 0 25px;}

.global .infoThumb li {float:left;width:48.5%;margin:0 2.5% 20px 0;}

.global .infoThumb li.last {margin:0;}

.global .infoThumb li img {width:100%;max-width:437px;/*max-width:161px;*/}

.global .infoThumb li span {display:block;font-size:11px;padding:4px 0 0 12px;background:url("../images/bull03.gif") no-repeat left 12px;}



.global .map {width:100%;height:362px;overflow:hidden;border:0;}

.global .f12 tr th {font-size:13px;color:#393939;}



.global .orImg {padding:48px 40px;border:1px solid #e9e9e9;text-align:center;}

.global .orImg img {height:auto;max-width:100%;}

.global .network h3 {font-size:14px;color:#313131;font-weight:bold;padding:0 0 12px 10px;background:url("../images/bull04.gif") no-repeat left 9px;}

.global .network .tbl {border-bottom:0;}

.global .network .tbl th.lth {border-right:0;}

.global .network .tbl td {color:#858585;padding:7px 8px 8px;word-break:break-all;}





/* 화천소개 */

.greet {margin-top:30px;}

.greet div:after {clear:both; display:block; content:""; margin-bottom:30px;}

.greet p.f_l, .greet p.f_r {font-size:12px;width:48%;text-align:justify;}

.greet p.sign {position:relative;margin-top:80px;border-top:1px solid #ccc;}

.greet p.sign .s01 {position:absolute;top:-10px;right:0;padding-left:10px;background:#fff;font-family:'century gothic', sans-serif;font-size:13px;font-weight:bold;}

.greet p.sign .s02 {position:absolute;top:22px;right:0;font-family:sans-serif, serif;font-size:19px;}

.greet .greyList {clear:both;padding-top:50px;}

.greet .greyList:after {clear:both; display:block; content:"";}

.greet .greyList li {width:48%;margin-bottom:15px;background:#eef1f3;}

.greet .greyList li span {display:block;padding:10px 25px 10px 38px;min-height:75px;background:url("../images/bull01.gif") no-repeat 20px 16px;}



ul.vli:after {clear:both; display:block; content:"";}

ul.vli.t2 {max-width:445px; margin:40px auto 0;}

ul.vli.t3 {max-width:672px; margin:60px auto 0;}

ul.vli li {float:left; background:url("../images/bg_vbox.gif") no-repeat center top; font-family:sans-serif, serif;letter-spacing:0;text-align:center; height:189px; min-width:197px;}

ul.vli.t2 li ul li, ul.vli.t3 li ul li {width:100%; float:none; height:auto; background:none; margin:0 0 5px 0;}

ul.vli li .tit {padding:14px 0;}

ul.vli li ul {margin-top:14px;}

ul.vli.t2 li {width:45%; margin:0 2.5%; background:url("../images/bg_vbox2.gif") no-repeat center top;}

ul.vli.t3 li {width:28%; margin:0 2%;}

ul.vli.t2 li li {width:auto !important;min-width:0;padding:0 26px;line-height:2;}







.pinfo {border:solid 1px #e8e8e8;}

.pinfo p.img img {width:100%;}

.pinfo .ptxt {color:#676767; font-size:12px; line-height:1.6; margin:25px 20px 25px; word-break:keep-all; letter-spacing:-0.04em;}

.pinfo .ptxt .btit {padding-bottom:10px; color:#0d5cab; font-size:20px;font-weight:bold;}

.pinfo .ptxt .btit span {padding-left:12px;font-weight:normal;font-size:14px;color:#414141;}

.pinfo .ptxt .btit span:before {content:"/ "}

.pinfo .ptxt .btit span.bl {display:block;padding:0;}

.pinfo .ptxt strong {color:#333;font-size:14px;font-weight:bold;margin-bottom:5px;}

.org {border:solid 1px #e8e8e8;}





.cert:after {clear:both; display:block; content:"";}

.cert .bigImg {position:relative;float:left;width:49%;max-width:430px;}

.cert .thumList {float:right;width:49%;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding-top:6.4%;}

.cert .bigImg li {width:100%;display:none;}

#contents.company .cert .bigImg li.img01, #contents.product .cert .bigImg li.img02 {display:block;}

.cert .bigImg li img {border:1px solid #d4d4d4;max-width:100%;height:auto;display:block;margin:auto;}

.cert .bigImg li span {display:block;padding:20px 0 0;font-size:15px;color:#696969;}

.cert .thumList li {position:relative;float:left;padding:0 5% 15% 0;width:30%;}

#contents.company .cert .thumList li.img03, #contents.company .cert .thumList li.img06,

	#contents.product .cert .thumList li.img04 {padding-right:0;}

.cert .thumList li a {position:relative;}

.cert .thumList li a img {max-width:100%;height:auto;border:1px solid #d7d7d7;} 

.cert .thumList li > span {display:block;height:13px;padding:13px 0 0 13px;background:url("../images/bullet6.gif") no-repeat 0 22px;font-size:11px;}



#contents.company .org h3 {margin:20px 0 15px 20px;}

.pmap {margin-top:30px;}

.pmap li {margin-top:30px;}

.pmap li:after {clear:both; display:block; content:"";}

.pmap img.fimg {float:left; max-width:435px; border:solid 1px #d1d1d1; width:49%;}

.pmap .maptxt {float:right; width:49%}

#contents.company .pmap .maptxt h3 {margin-top:0;}

p.bimg img {max-width:899px; width:100%;}



.cibox {border:solid 1px #e9e9e9; background:url("../images/bg_ci.gif") repeat-x left top; /*display:flex;*/ display:table;}

.cibox:after {content:""; clear:both; display:block}

.cibox .cimg {text-align:center; width:48%; /*align-self:center; -webkit-align-self:center;*/ display:table-cell; vertical-align:middle;}

.cibox .citxt {float:left; height:162px; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9; padding:19px 5% 20px; width:90%; line-height:1.68; word-break:keep-all; background:#fff;}

.cibox .citxt strong {font-family:'NanumBarunGothicBold'; font-size:18px; display:block; color:#313131; line-height:2.5;}

.cibox .citxt span {line-height:22px;letter-spacing:-1px;}

.cibox .citxt p.btn {margin-top:20px;}

.cibox .citxt a.mgl10 {margin-left:10px;}

.cst {margin-bottom:5px;}

.cst:after {clear:both; display:block; content:"";}

.clr {width:48%; float:left;}

.clr:last-child {width:48%; float:right;}

.clr .clci {border:solid 1px #f0f0f0; display:table; width:100%; text-align:center; padding:67px 0;}

.clr .clci div {display:table-cell;}

.clr .tit {position:relative;font-size:13px; color:#333; margin-top:15px; padding-bottom:15px; border-bottom:dotted 1px #dbdbdb; letter-spacing:-0.04em;}

.clr .tit.pdl46 {padding-left:46px;}

.clr .tit.pdl105 {padding-left:105px;min-height:36px;}

.clr .tit .blue {position:absolute;top:0;left:0;font-family:'NanumGothicBold'; color:#0d5cab; font-size:15px;display:inline-block;}

.clr .tit .blk {position:absolute;top:0;left:0;font-family:'NanumGothicBold'; color:#242424; font-size:15px;display:inline-block;}

.csb {margin-top:15px; height:100%; min-height:110px;}

.csb.bl {background:url("../images/img_cicl01.gif") no-repeat right top;}

.csb.blk {background:url("../images/img_cicl02.gif") no-repeat right top;}

.csb strong {display:block; font-size:13px; font-weight:bold;}

.csb dl {margin-top:10px;}

.csb dl dt, .csb dl dd {margin-top:10px; float:left;}

.csb dl dt {width:30%;clear:both;}

.csb dl dd {width:70%;}

.csb span {margin-right:8px;}

.csb span.c {color:#0093c3;}

.csb span.m {color:#dd00d5;}

.csb span.y {color:#cfb400;}

.csb span.k {color:#000;}

.csb span.r {color:#ff0000;}

.csb span.g {color:#04b500;}

.csb span.b {color:#000;}

.bgc:after {clear:both; display:block; content:"";}

.bgc .f_l, .bgc .f_r {width:48%;}

.bgc .f_l .box {border:solid 1px #f0f0f0; text-align:center;}

.bgc .f_l .box ul {padding:60px 0 10px; height:456px}

.bgc .f_l .box ul li {margin-bottom:54px;}

.bgc .f_r .box {border:solid 1px #f0f0f0; float:left; width:100%; margin-bottom:15px;}

.bgc .f_r .box.last {margin-bottom:0;}

.bgc .f_r .box .sht {float:left; margin:16px 15px 0 17px; font-size:15px; color:#474d6d; width:54%;}

.bgc .f_r .box.a2 .sht {color:#0d5cab;}

.bgc .f_r .box.a3 .sht {color:#717073;}

.bgc .f_r .box .sht strong.tit {display:block; font-family:'NanumGothic'; color:#444; padding-bottom:15px; margin-bottom:15px;}

.bgc .f_r .box .sht strong.tit span {display:block;}

.bgc .f_r .box img {border-left:solid 1px #f0f0f0; float:right;}



/* 투자정보 */

h4.title {background:url("../images/bullet.gif") no-repeat left 1px; padding-left:15px; font-size:18px; color:#313131; font-family:'NanumGothicBold'; margin:30px 0 15px; position:relative;}

h4.stit {background:urL("../images/bullet2.gif") no-repeat left 8px; font-size:15px; padding-left:10px; position:relative; font-weight:normal;}

h4.stit strong {font-family:'NanumGothicBold';}

h4 span.btn {position:absolute; top:0; right:0;}

h4 span.stxt, h5 span {font-size:13px; font-weight:normal;}

h4 span.blrtxt {color:#0d5cab; font-size:11px; position:absolute; right:0; bottom:3px;}

h5 {background:url("../images/bullet2.gif") no-repeat left 7px; padding-left:10px; font-size:15px; color:#313131; font-family:'NanumGothicBold'; margin:20px 0 15px; letter-spacing:-0.04em;}

h5 a {vertical-align:-5.5px; margin-left:10px;}

.search {margin-bottom:20px;}

.search .category {background:url("../images/search_bg.gif") no-repeat left top; width:88px; height:30px; border:solid 1px #d4d3d3; display:inline-block; vertical-align:top;}

.search .category a {font-size:13px; color:#767676; margin:6px 0 0 12px; display:block;}

.search .category ul {position:absolute; z-index:10; display:none; border:solid 1px #d4d3d3; margin:6px 0 0 -1px; padding-top:5px; background:url("../images/search_list_bg.gif") repeat-x left top; height:58px; width:88px;}

.search .category ul li {margin:5px 0;}

.search input {background:url("../images/input_bg.gif") repeat-x left top; height:19px; padding:5px 0 6px 5px; width:170px; border:solid 1px #d1d1d1; color:#767676; vertical-align:top;}

.search a.gry {background:url("../images/btn_bg.gif") repeat-x left top; height:17px; padding:5px 15px 8px;*padding:6px 15px; vertical-align:-1px;*vertical-align:-6px; text-align:center; color:#fff; display:inline-block; border-bottom:solid 1px #7a828a; border-left:solid 1px #9ba2a8; border-top:solid 1px #9ba2a8; border-right:solid 1px #848b93; font-size:13px;}

.search .gry {background:url("../images/btn_bg.gif") repeat-x left top; height:30px; padding:6px 15px 6px;*padding:6px 15px; vertical-align:-1px;*vertical-align:-6px; text-align:center; color:#fff; display:inline-block; border-bottom:solid 1px #7a828a; border-left:solid 1px #9ba2a8; border-top:solid 1px #9ba2a8; border-right:solid 1px #848b93; font-size:13px;width: 100px;}

.nlist {border-top:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1;}

.nlist li {padding:20px 0 20px 100px; border-bottom:dotted 1px #d1d1d1; position:relative;}

.nlist li.last {border-bottom:none;}

.nlist li span.no {display:block; padding:12px 20px; border-right:dotted 1px #9ebedd; font-size:18px; color:#91979d; margin-right:20px; position:absolute; top:20px; left:0;}

.nlist li .txt {margin-top:1px;}

.nlist li p.tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:20px;width:90%;}

.nlist li p.tit a {font-size:18px; color:#505050; font-family:'NanumGothicBold';}

.nlist li p.date {color:#9f9f9f; font-size:11px; margin-top:5px; font-family:'century gothic', sans-serif;}

.nlist li p.date span {background:url("../images/line.gif") no-repeat left 3.3px; padding-left:10px; margin-left:10px;}

.nlist span.ing {font-size:15px; color:#505050; margin-bottom:5px; position:absolute; top:34px; right:10px;}

.paging {clear:both; font-size:0; position:relative; text-align:center; width:100%; margin-top:35px;}

.paging a,

.paging .curr {background:url("../images/input_bg.gif") repeat-x left top; border:solid 1px #cbcfd4; display:inline-block; padding:6px 11px; position:relative; line-height:normal; font-size:12px; color:#91999f; vertical-align:middle; height:18px; margin-left:5px;}

.paging .curr {color:#fff; background:url("../images/btn_bg.gif") repeat-x left top; border-bottom:solid 1px #7a828a; border-left:solid 1px #878f97; border-top:solid 1px #9ba2a8; border-right:solid 1px #808890;}

.paging a.prev {margin-left:0;}

.paging a.btn {height:8px; padding:11px;}

.nview {}

.nview .top {position:relative; padding-left:110px;}

.nview span.no {position:absolute; top:4px; left:0; display:block; padding:12px 20px; border-right:dotted 1px #9ebedd; font-size:26px; color:#91979d; margin-right:20px;}

.nview p.date {font-size:11px; font-family:'century gothic', sans-serif; color:#9f9f9f; margin-bottom:5px;}

.nview p.date span {background:url("../images/line.gif") no-repeat left 3.3px; padding-left:10px; margin-left:10px;}

.nview p.tit {font-size:23px; color:#505050; font-family:'NanumGothicBold'; letter-spacing:-0.04em;}

.nvdetail {font-size:13px; color:#858585; line-height:1.7; padding:20px 0 30px 110px; border-bottom:dotted 1px #d1d1d1;}

.nvdetail img {display:block; margin:15px 0; width:100%;}

.file {padding:10px 0 10px 110px; position:relative;}

.file p {font-size:13px; font-family:'NanumGothicBold'; color:#767676; position:absolute; top:12px; left:0;}

.file p span {color:#0d5cab;}

.file ul:after {clear:both; display:block; content:"";}

.file ul li {float:left; margin-left:20px; background:url("../images/icon_file.gif") no-repeat left center; color:#858585; font-size:13px; padding-left:15px;}

.file ul li a {color:#858585;}

.vpg {margin-bottom:20px;}

.vpg li {position:relative; padding:20px 0 22px 100px; color:#858585; font-size:13px; border-bottom:solid 1px #d1d1d1;}

.vpg li.fir {border-bottom:dotted 1px #9ebedd; border-top:solid 1px #d1d1d1;}

.vpg li p {overflow:hidden; width:80%; height:20px; text-overflow:ellipsis; white-space:nowrap;}

.vpg li a {color:#858585;}

.vpg li strong {position:absolute; top:10px; left:0; padding:10px 20px 13px; border-right:dotted 1px #9ebedd; color:#767676;}

.vpg li span {position:absolute; top:22px; right:20px; font-size:11px; font-family:'century gothic', sans-serif; color:#9f9f9f;}

.netsch {background:#f8f8f8; border:solid 1px #e3e3e3; margin-bottom:20px; padding:15px 20px;}

.netsch strong {color:#333; font-size:13px; display:inline-block; line-height:32px;}

/*.netsch .search {background:url("../images/search_bg2.gif") no-repeat left top; border:solid 1px #d4d3d3; display:inline-block; vertical-align:top; width:137px; height:22px; margin-left:10px; position:relative;}

.netsch .search a {font-size:13px; color:#767676; margin:1px 0 0 5px; display:block;}

.netsch .search ul {background:#fafafa; margin:4px 0 0 -1px; border:solid 1px #d4d3d3; border-top:none; width:137px; z-index:10; position:absolute; padding:5px 0 2px; display:none;}

.netsch .search ul li {padding:0 2px 3px;}*/

.netsch select {border:solid 1px #d4d3d3; padding:2px 1px; margin-left:10px; color:#969696;}

.map {border:solid 1px #e7e7e7; width:898px; height:360px;}

.map img {width:100%;}



/* 테이블 */

.tbl {width:100%; border-top:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1; border-collapse:separate;*border-collapse:collapse; font-size:13px; letter-spacing:-1px}

.tbl.f12, .f12 tr th, .f12 tr td {font-size:12px}

.tbl.btn {border-top:none;}

.tbl th {text-align:center; border-bottom:solid 1px #d1d1d1; padding:7px 0 8px; vertical-align:middle;}

.tbl th.lth {border-right:solid 1px #efefef; background:#f8f8f8; border-bottom:solid 1px #efefef;}

.tbl th.lth2 {border-right:solid 1px #efefef; background:#fdfdfd; border-bottom:solid 1px #efefef;}

.tbl th.lth3 {border-right:solid 1px #efefef; background:none; border-bottom:solid 1px #efefef; color:#696969; font-weight:normal;}

.tbl th.tth {border-right:solid 1px #efefef; background:#f8f8f8;}

.tbl th.tth.last, .tbl th.tth2.last {border-right:none;}

.tbl th.tth2 {border-right:solid 1px #efefef; background:#f8f8f8; border-bottom:none; color:#5d5d5d; border-bottom:solid 1px #efefef;}

.tbl th.td {border-bottom:solid 1px #efefef; border-right:solid 1px #efefef; font-weight:normal; color:#676767;}

.tbl td {text-align:center; border-right:solid 1px #efefef; border-bottom:solid 1px #efefef; color:#676767; padding:7px 0 8px; vertical-align:middle;}

/*.tbl td img {max-width:91px; width:100%;}*/

.tbl .txt_l {text-align:left; padding-left:10px;}

.tbl .lth.txt_l {padding-left:15px;}

.tbl td.last {border-right:none;}

.tbl th.blue, .tbl td.blue {color:#0d5cab;}

.tbl tr.blast th {border-bottom:none;}

.tbl tr.blast td {border-bottom:none;}

.tbl th.blast, .tbl td.blast {border-bottom:none;}

.tbl td.pt0 {padding-top:0;}

.tbl td a {display:inline-block; vertical-align:-9px;}



/* 우측영역 */

.right_wing {position:absolute; right:11px; top:0; bottom:0; width:274px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:#ecf0f3}

.right_wing > ul {.zoom:1; border-top:1px solid #fff; border-bottom:1px solid #d1d7db}

.right_wing > ul:after {content:""; clear:both; display:block}

.right_wing > ul:first-child {border-top:0}

.right_wing .right_box1 {padding:30px 33px 2px; background:#ebeff2}

.right_wing .right_box1 .wing_box {height:120px; border:1px solid #d3d7dc}

.right_wing .right_box1 .wing_box a {display:block; overflow:hidden; height:120px}

.right_wing .right_box1 .wing_box img {width:100%; height:120px}

.right_wing .right_box1 .subject {padding:8px 0 18px; background:url("../images/fixarea_bg01.gif") no-repeat right 8px}

.right_wing .right_box1 .subject a {display:block;padding-right:22px;font-family:"NanumGothicBold",'Century Gothic',sans-serif;font-size:1.1em; color:#3d4049;line-height:1.1}

.right_wing .right_box1 .subject a span {display:block;margin-top:5px;font-weight:normal;,'Nanum Gothic','NanumGothicWeb';font-size:0.85em; color:#666}

.right_wing .right_box2 {padding:30px 33px 5px; background:url("../images/bg_right_wing2.gif") repeat-x}

.right_wing .right_box2 li {padding-bottom:25px; background:url("../images/fixarea_bg02.gif") no-repeat 0 0}

.right_wing .right_box2 .title {padding:9px 0 10px}

.right_wing .right_box2 .title a {font-weight:bold;font-size:1.15em; color:#3c3f48}

.right_wing .right_box2 .summ {line-height:1.3}

.right_wing .right_box3 {padding:23px 33px; background:url("../images/bg_right_wing3.gif") repeat-x}

.right_wing .right_box3 li {float:left; width:72px; height:23px; line-height:23px; letter-spacing:-0.5px; font-family:'Century Gothic',sans-serif; font-weight:bold}

.right_wing .right_box3 li a {display:block; height:100%; font-family:'Century Gothic'}

.right_wing .right_box3 li.last {width:120px; padding-left:15px; background:url("../images/fixarea_bg04.gif") no-repeat 0 center}

.right_wing .right_box4 {/*padding:25px 33px;*/padding:8px 20px; background:url("../images/fixarea_list_bg04.gif") repeat-x; border-bottom:1px solid #fff}

.right_wing .right_box4 li {border-top:1px solid #f3f5f7; border-bottom:1px solid #d0d4d7; background:url("../images/err_right_wing.png") no-repeat 96% center}

.right_wing .right_box4 li.m01 {border-top:0}

.right_wing .right_box4 li.m05 {border-bottom:0}

.right_wing .right_box4 li a {display:block; padding:7px 0 7px 8px;}



/* contents_top */

.contents_top .opt_tab {position:absolute; bottom:-1px;right:17px;}

.contents_top .opt_tab li {float:left;width:112px;height:35px; background:url("../images/depth3list_bg02.gif") repeat-x 0 5px;}

.contents_top .opt_tab li.first {background-image:url("../images/depth3list_bg01.gif");}

.contents_top .opt_tab li.last {background-image:url("../images/depth3list_bg03.gif");}

.company .contents_top .opt_tab li.last {width:128px;background-image:url("../images/depth3list_bg03_w128.gif");}

.contents_top .opt_tab li.on {background:url("../images/depth3list_bg01_on.gif") no-repeat left top;}

.company .contents_top .opt_tab li.last.on {background-image:url("../images/depth3list_bg01_on_w128.gif");}

.contents_top .opt_tab li a {display:block;height:35px;line-height:3; color:#fff;letter-spacing:0;text-align:center;text-shadow:1px 1px 1px #6e7881;}

.contents_top .opt_tab li.on a {color:#7d7d7d;text-shadow:none;}

.contents_top .opt_tab li a.lh_1 {padding-top:8px;height:27px;line-height:1;}

.contents_top .opt_tab li.on a.lh_1 {padding-top:5px;height:30px;padding-bottom:}



/* 탭 */

.tab {.zoom:1; margin-bottom:25px}

.tab:after {content:""; clear:both; display:block}

.tab li {float:left; overflow:hidden; height:35px; background:url("../images/tab_bg.gif") repeat-x 0 0}

.tab li a {display:block; height:33px; line-height:2; text-align:center; color:#626262; font-size:15px; border:solid 1px #ededed; border-left:0}

.tab li:first-child a {border-left:1px solid #ededed}

.tab li.on {background:url("../images/tab_bg_on.gif") repeat-x;}

.tab li.on a {border:1px solid #3a76b0; color:#fff; text-shadow:1px 1px 1px #6e7881}

.tab1 li {width:50%}

.tab2 li {width:33.33%}

.tab4 li {width:20%}

.tab5 li {width:20%}

.tab7 li {width:14.2%}

.tab7 li:first-child {width:14.6%}

.century li a {font-family:'Century Gothic'; font-weight:bold; font-size:16px}

.service_tab {.zoom:1; margin-top:30px}

.service_tab:after {content:""; clear:both; display:block}

.service_tab li {float:left; position:relative; width:25%; background:url("../images/bullet_off.gif") no-repeat right top}

.service_tab li:first-child span {background:url("../images/bullet_off.gif") no-repeat left top}

.service_tab li.on:after {content:""; display:block; position:absolute; left:-3px; top:0; width:3px; height:15px; background:#0d5cab}

.service_tab li.first_t.on:after {left:0}

.service_tab li span {display:block; width:100%}

.service_tab li span a {display:block; width:100%; text-align:center; height:15px; line-height:15px; color:#97a0a8; font-family:'Century Gothic'; font-size:16px; font-weight:bold}

.service_tab li.on span a {color:#0d5cab}

.service_tab li.on {background:url("../images/bullet2.gif") no-repeat right top}







/* sub_title */

.sub_title {display:block; position:relative; padding-left:16px; height:20px; line-height:20px; font-size:16px; font-weight:600; color:#313131; letter-spacing:-1px}

.sub_title:after {content:""; position:absolute; left:0; top:1px; display:block; width:5px; height:17px; background:#0d5cab}

.sub_title em {padding-left:10px; line-height:14px; font-size:13px; color:#676767}



.best {.zoom:1}

.best:after {content:""; clear:both; display:block}

.best li {float:left; position:relative; width:31.7%; line-height:0; margin-left:2.45%; padding-top:8px;}

.best li .best {position:absolute; left:10px; top:0;}

.best li:first-child {margin-left:0}

.best li img {width:100%; max-width:286px}

.best li a.more {position:absolute; top:auto; right:20px; bottom:15px; background:none}



.machine_visual {position:relative; height:auto; border:1px solid #e9e9e9;overflow:hidden;}

.machine_visual dl {display:none;}

.machine_visual img {max-height:100% !important;height:auto !important;max-width:100% !important;}

.machine_visual .btn_area {position:absolute; left:9.1%; top:75.7%; .zoom:1}

.machine_visual .btn_area:after {content:""; clear:both; display:block}

.machine_visual a {display:block; float:left; width:180px; height:30px; margin:0 5px 5px;}



.tech:after {content:""; clear:both; display:block}

.tech li {float:left; width:48.8%; margin-top:30px; margin-right:2.4%}

.tech li:nth-child(2n) {margin-right:0}

.tech li > span {display:block; padding-bottom:5px; font-family:NanumGothicBold; font-size:10px; color:#6d6d6d; line-height:22px;}

.tech li div {/*float:left;*/overflow:hidden;}

.tech li .info {display:block; min-height:225px; width:48%; float:left; border-top:solid 1px #d1d1d1; margin-right:2%; padding-top:15px; line-height:20px; letter-spacing:-0.05em}

.tech li strong {background:url("../images/dot.png") repeat-x left bottom; display:block; font-size:15px; line-height:22px; padding-bottom:20px; margin-bottom:10px;}

.tech li .img {margin-left:53%;}

.tech li .img img {width:100%; max-width:208px;}



/* table */

table {width:100%}

.machine_table th {border-top:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1; text-align:left; padding:8px 0 9px 30px; color:#333; font-size:13px;}

.machine_table td {border-bottom:solid 1px #efefef; border-left:solid 1px #efefef; color:#676767; padding:8px 0 9px 30px; font-size:13px;}

.machine_table td:first-child {border-left:none}



.machine_table1 {border-top:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1;}

.machine_table1 th {color:#333; padding:8px 0 9px; border-left:solid 1px #efefef; text-align:center;}

.machine_table1 td {color:#333; padding:8px 0 9px; border-top:solid 1px #efefef; border-left:solid 1px #efefef; text-align:center;}

.machine_table1 th:first-child, .machine_table1 td:first-child, .machine_table1 th.fir, .machine_table1 td.fir {border-left:0}



.machine_table2 {border-bottom:solid 1px #d1d1d1;}

.machine_table2 th {text-align:left; padding:8px 0 9px 2%; color:#292929; font-size:13px; border-bottom:solid 1px #efefef; vertical-align:top;}

.machine_table2 th.fir {background:#eff4f6; padding:30px 0 9px 2%; border-top:solid 1px #d1d1d1; font-size:15px;font-family:Century Gothic,'Century Gothic';font-weight:bold;}

.machine_table2 th.fir.bgn {background:none;}

.machine_table2 td {border-left:solid 1px #efefef; border-bottom:solid 1px #efefef; padding:8px 0 9px 1%; color:#676767; font-size:13px;}

.machine_table2 td.fir {padding-left:0; border-top:solid 1px #d1d1d1;}

.machine_table2 td.fir img {max-width:197px; width:100%;}

.machine_table2 th.fin, .machine_table2 td.fin {border-bottom:none;}

.machine_table2.tw_1024 {display:block;}

.machine_table2.tw_800 {display:none;}

.machine_table2.tw_640 {display:none;}



.software {.zoom:1}

.software:after {content:""; clear:both; display:block}

.software  li {float:right; width:47.7%; height:100%; margin-bottom:30px}

.software  li:first-child {float:left}

.software  li span {display:block; font-size:10px; color:#6d6d6d; font-family:'NanumGothicBold';}

.software  li div {padding-top:20px; border-top:solid 1px #d1d1d1;}

.software  li p.top {background:url("../images/dot.png") repeat-x left bottom; padding-bottom:15px;}

.software  li p.top img {display:inline-block; margin-right:10px;}

.software  li p.top strong {color:#0d5cab; font-size:16px; display:block;}

.software  li p.top span {display:inline-block; font-size:14px; color:#333; vertical-align:6px; line-height:20px; font-weight:normal;}

.software  li p.txt {color:#333; font-size:13px; margin:15px 0; word-break:break-all; min-height:55px; letter-spacing:-0.04em;}

.software  li p.sbimg img {width:100%; max-width:429px; border:solid 1px #eee;}



.product .kind {float:left; width:100%; margin-bottom:30px;}

.kind p.Ltit {border-top:solid 1px #d1d1d1; padding-top:15px; font-size:15px; color:#333; font-family:'NanumGothicBold'; width:23%; float:left;}

.kind p.Ltit span {display:block; font-size:10px; color:#6d6d6d; font-weight:normal;}

.kind .Rconm {float:right; border:solid 1px #d1d1d1; width:75%;}

.kind .Rcon {float:right; width:75%;}

.kind .Rcon2 {float:right; width:75%;}

.kind ul.mov {position:relative; height:234px; float:left; border-left:solid 1px #d1d1d1; width:437px;}

.kind ul.mov li {display:none;}

.kind ul.list {float:left; margin:15px 0 0 21px;}

.kind ul.list li {padding-left:13px; margin-bottom:26px;}

.kind ul.list li a {color:#333; font-size:14px; display:block;}

.kind ul.list li.on {background:url("../images/icon_arr.gif") no-repeat left 6px;}

.kind ul.list li.on a {color:#1664b2; font-family:'NanumGothicBold';}

.product .spinfo {margin-bottom:25px; overflow:hidden;}

.spinfo ul.spBimg {float:left; width:66%;}

.spinfo ul.spBimg li {display:none;}

.spinfo ul.spBimg img {width:100%; max-width:437px; border:solid 1px #f0f0f0;}

.spinfo ul.thum {float:right; width:34%;}

.spinfo ul.thum li {float:left; margin:13px 0 0 6%; line-height:0; width:44%; position:relative;}

.spinfo ul.thum li.fir {margin-top:0;}

.spinfo ul.thum li span.mask {display:block; position:absolute; left:1px; top:0; width:100%;}

.spinfo ul.thum li img {width:100%;}

.product .sptxt li {display:none;}



.businfo {.zoom:1}

.businfo:after {content:""; clear:both; display:block}

.busL {float:left; width:66%}

.busL li {display:none;}

.busL li img {max-width:592px; width:100%;}

.busR {float:right; width:31.33%}

.busR .txtbox {border:solid 1px #e7e7e7; padding:20px; color:#333; line-height:22px; margin-bottom:25px;}

.busR .txtbox strong {font-size:18px; display:block; margin-bottom:20px;}

.busR .bthum {.zoom:1}

.busR .bthum:after {content:""; clear:both; display:block}

.busR .bthum li {position:relative; width:47.87%; line-height:0; margin-bottom:18px}

.busR .bthum li img {width:100%}

.busR .bthum li span.mask {position:absolute; top:0; left:0; right:0; bottom:0}

.busR .bthum li.left {margin-right:10px;}





/* Line Up */

.line_up dl dt {.zoom:1}

.line_up dl dt:after {content:""; clear:both; display:block}

.line_up dl dt strong {float:left}

.line_up dl dt ul.mark {float:right; background:none; border:0; line-height:1em;}

.line_up dl dt ul.mark li, .line_up dl dd ul.mark li {float:left; padding:4px 11px; font-family:'NanumBarunGothic'; font-size:11px; color:#505050; letter-spacing:-0.04em; background:url("../images/bg_bar_mark.gif") left 4px no-repeat}

.line_up dl dt ul.mark li:first-child, .line_up dl dd ul.mark li:first-child {padding-left:0; background:none}

.line_up dl dt ul.mark li em, .spec dd em,

.line_up dl dd ul.mark li em, .spec dd em {display:inline-block; .display:inline; .zoom:1; width:12px; height:6px; margin:-2px 9px 0 0 ; vertical-align:middle}

.line_up dl dt ul.mark li span, .line_up dl dd ul.mark li span {display:inline-block; .display:inline; .zoom:1; vertical-align:middle}

.line_up dl dd ul.mark {/*position:absolute; right:7px; top:7px;*/float:right;padding-top:6px;max-width:650px;background:none; border:0; line-height:1em;}

.line_up dl dd {padding-bottom:31px}

.line_up dl dd:last-child {padding-bottom:29px}

.line_up dl dd > div {.zoom:1; position:relative; margin-top:10px; background:#eff4f6; border:1px solid #e9e9e9;background:#fff;}

.line_up dl dd > div:first-child {margin-top:13px}

.line_up dl dd > div:after {content:""; clear:both; display:block}

.line_up dl dd .line_tit {float:left;display:block;  /*border-bottom:1px solid #cfd2d5;*/}

.line_up dl dd .line_tit span {display:block; padding:0 25px; font-family:Century Gothic,'Century Gothic'; color:#393939; font-size:14px; line-height:31px;}

.line_up dl dd ul.det_list {clear:both;min-height:28px; padding:12px 0 12px 2.9%;border-top:1px solid #cfd2d5;background:#eff4f6;}

.line_up dl dd ul.det_list:after {content:""; clear:both; display:block}

.line_up dl dd ul.det_list > li {float:left; position:relative; overflow:visible; width:25%; height:26px; background:url("../images/icon_arr2.png") no-repeat left center}

.line_up dl dd ul.det_list > li > a {display:inline-block; .display:inline; .zoom:1; position:relative; height:26px; line-height:26px; padding:0 27px 0 9px; text-overflow:ellipsis; overflow:hidden; word-break:break-all; word-wrap:normal; white-space:normal}

.line_up dl dd ul.det_list > li > a:after {content:""; display:block; position:absolute; right:0; top:0; width:16px; height:26px; line-height:26px; background:url("../images/icon_pic.png") no-repeat right 7px}





.layer {display:none; position:absolute; z-index:100; left:75px; top:7px; border:1px solid #d5dbe0}

.layer:before {content:""; display:block; position:absolute; left:-8px; bottom:0; width:8px; height:234px; background:url("../images/bg_shadow_left.png") no-repeat left bottom}

.layer:after {content:""; display:block; position:absolute; right:-8px; bottom:0; width:8px; height:234px; background:url("../images/bg_shadow_right.png") no-repeat left bottom}

.layer > div {overflow:hidden; position:relative; z-index:200; width:203px; height:264px; padding:14px 17px 0; border:1px solid #fff; background:url("../images/bg_lineup_layer.gif") repeat-x}

.layer > div strong {line-height:25px; font-family:'NanumGothicBold'; font-size:30px; color:#31383f; font-family:'Century Gothic'}

.layer > div p {line-height:14px; padding:6px 0 20px; color:#7d7d7d}

.layer > div img {display:block; margin:0 auto}

.layer > span {display:block; position:absolute; left:-9px; bottom:-10px; width:257px; height:10px; background:url("../images/bg_shadow_bottom.png") no-repeat left bottom}

.layer .line_close {display:block; position:absolute; right:-34px; top:-1px; width:33px; height:33px; background:url("../images/btn_close.gif") no-repeat left top}

.layer .line_close span {display:block; overflow:hidden; position:absolute; left:0; top:3px; z-index:-10; width:1px; height:1px; opacity:0; filter:alpha(opacity=0)}

.layer ol.mark {position:absolute; left:0; right:0; bottom:18px; padding:0; text-align:center; border:0; background:none}

.layer ol.mark li {float:none; display:inline-block; display:inline; .zoom:1; padding:0 5px; background:none}

.layer ol.mark li span {line-height:11px}





/* The Next */

.the_next_visual {.zoom:1}

.the_next_visual:after {content:""; clear:both; display:block}

.the_next_visual > div {float:left; position:relative; width:74.44%; margin-right:2.22%}

.the_next_visual > div:hover:after {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); cursor:pointer}

.the_next_visual > div iframe {display:block; position:absolute; left:0; right:0; bottom:0; top:0; width:100%; height:100%; cursor:pointer}

.the_next_visual > div img {width:100%}

.the_next_visual dl {float:left; width:23.34%}

.the_next_visual dl dt {padding-bottom:14px; font-family:'NanumGothicBold'; line-height:18px; font-size:18px; color:#333}

.the_next_visual dl dd {line-height:18px; color:#797f84}

.the_next_list ul {.zoom:1; overflow:hidden}

.the_next_list ul:after {content:""; clear:both; display:block}

.the_next_list ul li {float:left; width:23.33%; margin-right:2.22%; padding-top:14px}

.the_next_list ul li.last {margin-right:0}

.the_next_list ul li a {display:block; position:relative; margin:0 0 9px}

.the_next_list ul li a:after {content:""; display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5)}

.the_next_list ul li a:hover:after {background:none}

.the_next_list ul li em {display:block; padding-bottom:2px; line-height:16px; font-size:13px; color:#636471}

.the_next_list ul li span {display:block; line-height:16px; color:#9f9f9f}

.the_next_list ul li img {width:100%}



/* 고객지원 - 교육신청 */

.custom_intro {padding:21px 0; border:1px solid #e7e7e7; background:#eff4f6}

.custom_intro p {line-height:22px; padding-top:6px; text-align:center; color:#676767; font-size:13px; letter-spacing:-1px}

.custom_intro p:first-child {line-height:30px; padding-top:0; color:#313131; font-size:22px; font-family:'NanumMyungjo'; letter-spacing:-2px}

.custom_intro .dp_1 {display:block;}

.custom_intro .dp_2 {display:none;}

.custom_intro2 {padding:19px 18%; border:1px solid #e7e7e7; background:#eff4f6}

.custom_intro2 p {line-height:30px; color:#313131; font-size:22px; font-family:'NanumMyungjo'; letter-spacing:-2px; text-align:center}

.customer .sub_title {margin-top:28px}

.customer .info_box {position:relative; padding:19px 2% 19px; border:1px solid #efefef; background:#f8f8f8}

.customer .info_box .info_list {overflow-y:scroll; min-height:19px; max-height:25px; padding:22px 2.9%; border:1px solid #d9d9d9; background:#fafafa}

.customer .info_box .box_line {margin-top:10px; .zoom:1}

.customer .info_box .box_line:after {content:""; clear:both; display:block}

.customer .info_box .box_line input {margin:0 9px 0 0; padding:0; vertical-align:middle}

.customer .info_box .box_line label {line-height:14px; vertical-align:middle; color:#676767; font-size:13px}

.customer .info_box .btn_views {position:absolute; right:2%; bottom:8px}



/* form table */

.info_table {border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1}

.info_table table th {padding:12px 0 12px 2.5%; line-height:15px; border-right:1px solid #efefef; border-left:1px solid #efefef; background:#f8f8f8; font-size:13px; text-align:left; color:#333; vertical-align:middle}

.info_table table th:first-child, .info_table table td:first-child {border-left:0}

.info_table table th, .info_table table td {border-top:1px solid #efefef}

.info_table table tr:first-child th, .info_table table tr:first-child td {border-top:0}

.info_table table td > div {padding:9px 20px; color:#b1b1b1;}

.info_table table td > .addr_detail {padding-top:3px}

.info_table table th label {vertical-align:middle}

.info_table table td label {display:block; position:absolute; left:-500px; top:-500px; width:0; height:1px; line-height:1px; font-size:0; color:transparent; opacity:0; vertical-align:middle}

.info_table table td span label {position:relative;left:0;top:0;width:auto;height:auto;font-size:12px;color:#999;opacity:1;display:inline;line-height:1;}

.info_table.iw_640 {display:none;}



/* input */

select {font-size:11px}

.info_form .info_select {width:100%; height:22px; line-height:22px; color:#b1b1b1;}

.inp_txt {display:inline-block; width:100%; height:20px; line-height:20px; border:1px solid #d9d9d9; background:url("../images/bg_inpt.gif") repeat-x}

.tel_code_box span {text-align:center}

span.telcode {margin-left:0; border:1px solid #d9d9d9}

.telcode {display:inline-block; width:63px; margin:0 5px}

.telcode select {width:63px; height:22px; color:#b1b1b1;}

.inp_txt.telcode {display:inline-block; width:63px}

.inp_txt.email {width:113px}

.inp_txt.addr {width:37.7%; margin-right:1.9%}

.inp_txt.days {width:113px}

.kinds_select {width:183px; height:22px; line-height:22px; border:1px solid #d9d9d9}

.kinds_select select {width:100%; height:100%}

.email {display:inline-block; .display:inline; .zoom:1; width:129px}

.email_select {display:inline-block; .display:inline; .zoom:1; width:130px; margin-left:11px; border:1px solid #d9d9d9}

.exp_list li {display:inline-block; .display:inline; .zoom:1; width:21%; margin-right:1.9%}

.exp_list li .inp_txt {width:100%}

.select1 {width:112px; border:1px solid #d9d9d9; margin-right:15px}

.select2 {width:68%; border:1px solid #d9d9d9}

.select3 {width:112px; border:1px solid #d9d9d9; margin-left:15px}





.sellect {width:144px; height:22px; border:1px solid #d9d9d9}

.sellect select {width:100%; height:22px; color:#b1b1b1;}

.textarea_box {height:142px; padding:10px 20px}

.textarea_box textarea {overflow-y:auto; width:100%; height:142px; padding:0; border:1px solid #d9d9d9}

.textarea_box2 {height:362px; padding:9px 20px 10px}

.textarea_box2 textarea {overflow-y:auto; width:98%; height:342px; padding:10px 1%; border:1px solid #d9d9d9}



.center .tab2, .center .tab5 {margin-top:30px}

.center_contents {display:none}

.center_contents.int1 {display:block}

.center_contents li {float:left; width:48.3%; margin-top:6px}

.center_contents li:first-child {margin-right:3.4%}

.center_intro {position:relative; border:1px solid #e3e3e3}

.center_intro .center_visual {float:left; width:65.5%}

.center_intro .center_visual img {width:100%}

.center_intro .center_exp {float:left; width:34.5%}

.center_intro .center_exp div {padding:30px 9.1% 0; border-left:1px solid #e3e3e3}

.center_intro .center_exp div strong {line-height:20px; font-size:20px; font-family:'NanumBarunGothicBold'; color:#333; letter-spacing:-1px}

.center_intro .center_exp div p {line-height:22px; padding-top:16px; color:#717171; font-size:13px}

.center_intro .center_exp .btn_locate {position:absolute; right:15%; bottom:9.8%}

.square_title {display:block; position:relative; margin-bottom:10px; padding-left:10px; font-size:16px; font-family:'NanumBarunGothicBold'; line-height:18px; color:#313131}

.square_title:after {content:""; display:block; position:absolute; left:0; top:6px; width:3px; height:3px; background:#313131}



.tabbox {display:none}

.tabbox.int1 {display:block}



/* 서비스 */

.service {max-width:897px; margin:30px auto 0}

.service .service_img {border:1px solid #eee}

.service .service_img img {width:100%}

.service_last {padding-left:2.6%; border:1px solid #eee; background:url("../images/bg_service_head.png") repeat-x}

.service_last .sub_title {margin:0 0 15px}

.service_last .service_tit {display:block; width:300px; height:23px; margin:19px 0 40px 23px; background:url("../images/service_txt_img.png") no-repeat; background-size:100%}

.service_last .service_tit span {opacity:0; filter:alpha(opacity=0)}

.service_last ul li {line-height:22px; font-size:14px; color:#333}

.service_last .service_list1 {padding-bottom:20px}

.service_last .service_list1 ul {float:left}

.service_last .service_list1 .name_card {display:block; float:right; overflow:hidden; width:237px; height:127px; margin-right:30px; background:url("../images/hwacheon_card.png") no-repeat; background-size:100%}

.service_last .service_list1 .name_card span {font-size:9px; opacity:0; filter:alpha(opacity=0); color:transparent}

.service_last .service_list2 ul.service_guide li {float:left; width:18.3%; margin-right:3.5%; background:url("../images/ico_right_err.png") no-repeat right center}

.service_last .service_list2 ul.service_guide li strong {display:block; line-height:21px; font-size:16px}

.service_last .service_list2 .service_guide strong {padding-bottom:8px; font-family:'NanumGothicBold'; color:#252525}

.service_last .service_list2 .service_guide {padding-left:1.6%}

.service_last .service_list2 .service_guide li {line-height:19px; font-size:12px; color:#252525}

.service_last .service_list3 {margin:30px 0 20px}

.service_last .service_list3 .sub_title {margin-bottom:8px}

.service_last .service_list3 p {padding-left:1.6%}

.bul_square li {position:relative; padding-left:8px; letter-spacing:-1px}

.bul_square li:after {content:""; display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background:#333}



.process p {line-height:22px}

.process .sub_title {margin-top:30px}

.process_box .process_map {display:block; width:100%; height:82px; margin-top:35px; background:url("../images/service_process_map.png") no-repeat; background-size:100%}

.process_box .process_cont {.zoom:1; padding:0 30px}

.process_box .process_cont:after {content:""; clear:both; display:block}

.process_box .process_cont li {float:left; width:20%; text-align:center}

.process_models {padding-top:10px}

.process_models p {padding-bottom:10px; font-size:13px; color:#676767}

.diagnosis p {padding:10px 0 20px}

.service_check dl {float:left; width:170px; margin-right:51px}

.service_check dl dt {width:100%; height:55px; margin-bottom:15px; padding-left:8px; background:url("../images/bg_dotted.gif") repeat-x left bottom}

.service_check dl dt em {display:block; height:41px; line-height:42px; padding-left:54px; font-family:'NanumGothicBold'; font-size:15px;  background:url("../images/ico_service.png") no-repeat left top}

.service_check dl dd {line-height:22px; padding-left:28px; font-size:13px; color:#676767; background:url("../images/bul_dotted.gif") no-repeat 20px 9px; letter-spacing:-1px}





/* A/S 접수 */

.as_box {.zoom:1}

.as_box:after {content:""; clear:both; display:block}

.as_box > div {float:left; width:47.7%}

.as_box div div p {line-height:18px; color:#3c7bb6; font-size:11px}

.as_box div div p:first-child {line-height:22px; padding-bottom:6px; color:#676767; font-size:13px}

.as_box .sub_title {margin-bottom:12px;}

.as_box div:first-child {margin-right:4.5%}

.as_box .as_care div {height:112px; padding-left:127px; background:url("../images/as_care.jpg") no-repeat 16px 5px}

.as_box .as_manner div {height:120px; padding-left:131px; background:url("../images/as_manner.jpg") no-repeat 18px 5px}



.simp_table {border-top:1px solid #d1d1d1; text-align:center; font-size:13px}

.simp_table thead th {height:35px; line-height:35px; color:#333; font-family:'NanumGothicBold'; border-right:1px solid #efefef; border-bottom:1px solid #d1d1d1; background:#f8f8f8;}

.simp_table thead th:last-child {border-right:0px;}

.simp_table tbody th, .simp_table tbody td {height:28px; line-height:28px; border-bottom:1px solid #efefef; border-left:1px solid #efefef}

.simp_table tbody th:first-child {border-left:0}

.simp_table tbody td {vertical-align:middle}

.simp_table tbody td.line_vert {line-height:20px}

.simp_table.simp2 tbody td {height:164px; padding:0 0 0 20px; text-align:left}

.simp_table.simp2 tbody td strong {display:block; line-height:18px; padding-top:8px; font-family:'NanumGothicBold'; color:#676767; letter-spacing:-1px}

.simp_table.simp2 tbody td p {line-height:18px; color:#676767; text-transform:capitalize; letter-spacing:0; word-break:break-word}

.simp_table.f12 tbody th {font-family:'NanumGothic'}

.ico_tel em {display:inline-block; width:8px; height:12px; margin-right:5px; background:url("../images/ico_tel.gif") no-repeat; vertical-align:middle}

.check_care {padding-left:8px; color:#676767}

.w148 {width:148px}

.name_tag {width:183px}



/* 교육정보 */

.edu_info h3 {margin-bottom:10px}

.center_link {.zoom:1}

.center_link:after {content:""; clear:both; display:block}

.center_link li {float:left; position:relative; width:31.8%; margin:0 0 0 2.2%; padding:0; vertical-align:top}

.center_link li:first-child {margin-left:0}

.center_link li img {display:block; width:100%; /*height:100%*/}

.center_link li .links {display:block; position:absolute; left:0; bottom:0; right:0; width:93%; height:30px; line-height:30px; padding-left:7%; color:#fff; background:url("../images/bg_btn_check_center.png") repeat-x left top}

.center_link li .links span {display:block; position:absolute; right:4.5%; top:10px; width:12px; height:11px; background:url("../images/ico_info.png") no-repeat left top}

.edu_process li {float:left; width:23%; margin:0 0 0 2.5%}

.edu_process li:first-child {margin-left:0}

.edu_process dl dt {height:49px; padding-top:15px; border-top:1px solid #d1d1d1; font-family:'NanumGothicBold'; font-size:15px; color:#333; background:url("../images/bg_dotted.gif") repeat-x left bottom}

.edu_process dl dd {min-height:188px; line-height:22px; padding-top:15px; font-size:13px}

.request_guide li {position:relative; line-height:21px; font-size:13px; padding-left:8px; color:#676767; vertical-align:middle; letter-spacing:-1px}

.request_guide li:after {content:""; display:block; position:absolute; left:0; top:9px; width:2px; height:2px; background:#676767}

.request_guide li em {font-family:'NanumGothicBold'}

.request_guide li .ico_tel {display:block}

.request_guide li .ico_tel em {height:14px; margin-left:5px}

.request_guide li .ico_tel span {margin-right:12px}



/* Contact Us */

.contact_us dl dd {margin-bottom:28px}

.contact_us table tbody td {height:auto; line-height:20px; padding:10px 0;}

.contact_us table tbody td:first-child {border-left:0}



/* footer */

.footer {margin-top:-6px; font-weight:bold}

.footer:before {content:""; display:block; width:100%; height:8px; background:url("../images/bg_footer_top.png") repeat-x}

.footer:after {content:""; clear:both; display:block}

.footer > div {.zoom:1; position:relative; padding:18px 0 18px 10px; background:url("../images/bg_footer_all.gif") repeat-x; background-size:contain}

.foot_logo {display:block; position:absolute; left:10px; top:22px; width:178px; height:21px; background:url("../images/logo_footer_sub.png") no-repeat}

.footer_info {padding-left:280px;padding-bottom:8px; .zoom:1}

.footer_info:after {content:""; clear:both; display:block}

.footer_info dl {position:relative;padding:0 290px 7px 0; line-height:13px; color:#6f7e8b; font-size:11px; .zoom:1; letter-spacing:0;}

.footer_info dl:after {content:""; clear:both; display:block}

.footer_info dl dt {float:left;}

.footer_info dl dt + dd {float:left;padding-left:10px;}

.footer_info dl dt + dd address {font-weight:bold;}

.footer_info dl dd.last {position:absolute;top:0;right:0;width:285px;letter-spacing:-1px;font-size:10px;}

.copyright {padding-left:280px; line-height:9px; color:#aab4bd; font-family:'Century Gothic', Arial; font-size:10px; word-break:break-all; letter-spacing:0;font-weight:normal;}

.copyright em {padding-right:9px;}



/* 홍보센터 */

.pr select {border:solid 1px #d4d3d3; padding:1.5px 1px; margin-right:10px; color:#969696}

.pr .sub_title {margin:30px 0 15px; }

.pr_view_sbj {position:relative; padding-left:70px}

.pr_view_sbj .info {min-height:50px; padding-left:20px; border-left:1px dotted #9ebedd}

.pr_view_sbj .info > ul > li {display:inline-block; *display:inline; padding:0 7px 0 10px; background:url('../images/bg_footer_info.gif') no-repeat left center; font-size:11px; color:#9f9f9f}

.pr_view_sbj .info > ul > li:first-child {padding-left:0; background:none}

.pr_view_sbj .num {position:absolute; top:17px; left:0; min-width:70px; font-size:21px; line-height:27px; color:#505050; text-align:center}

.pr_view_sbj .tit {margin:5px 0 0 0; padding:0; background:none; font-size:24px; color:#505050; line-height:25px}

.pr_view_con {padding:25px 23px 50px 92px; border-bottom:1px dotted #d1d1d1; font-size:12px; color:#797f84}

.pr_view_con img {max-width:100% !important;height:auto !important;}

.pr_view_file {position:relative; padding:20px 2px 20px 90px; border-bottom:1px solid #d1d1d1; font-size:13px}

.pr_view_file > dt {position:absolute; top:20px; left:3px; font-family:'NanumGothicBold'; color:#767676}

.pr_view_file > dt > span {color:#0d5cab;}

.pr_view_file > dd {display:inline-block; *display:inline; padding:0 30px 0 20px; background:url('../images/ico_file.gif') no-repeat 0 center; color:#858585}

.pr_view_date {border-bottom:1px solid #d1d1d1}

.pr_view_date > dl {position:relative; padding:9px 20px 9px 72px; font-size:13px}

.pr_view_date > dl:first-child {border-bottom:1px dotted #d1d1d1}

.pr_view_date > dl > dt {position:absolute; top:9px; left:0; min-width:70px; font-family:Verdana; color:#767676; text-align:center}

.pr_view_date > dl > dd > a {color:#858585}

.pr_view_date > dl > dd.tit {padding:0 70px 0 20px; border-left:1px dotted #9ebedd; font-family:Verdana;}

.pr_view_date > dl > dd.date {position:absolute; top:9px; right:20px; font-size:11px; color:#9f9f9f}



.pr_search {margin-bottom:20px; padding:15px 20px; border:1px solid #e3e3e3; background:#f8f8f8}

.pr_search .tit {margin-right:20px; font-family:'NanumGothicBold'; font-size:13px; color:#333}

.pr_search .sel_basic {width:140px}

.pr_search .ipt_basic {width:140px; height:15px; margin-right:10px; padding:3px 0 4px 5px; border:solid 1px #d1d1d1; background:url("../images/input_bg.gif") repeat-x left top; color:#767676}

.pr_search .btn_search {display:inline-block; height:17px; padding:2px 13px 3px; border-bottom:solid 1px #7a828a; border-left:solid 1px #9ba2a8; border-top:solid 1px #9ba2a8; border-right:solid 1px #848b93; background:url("../images/btn_bg.gif") repeat-x left top; color:#fff; text-align:center}



.pr_board {border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1}

.pr_board thead th {font-family:'NanumGothicBold'}

.pr_board thead th,

.pr_board tbody td {padding:13px 0; font-size:13px; color:#505050; text-align:center}

.pr_board tbody td {border-top:1px dotted #d1d1d1}

.pr_board tbody tr:first-child td {border-top:1px solid #d1d1d1}

.pr_board .tit {padding-left:10px; text-align:left}



.pr_list > ul {border-bottom:1px solid #d1d1d1;}

.pr_list > ul > li {position:relative; min-height:123px; padding:30px 0 30px 219px; border-top:1px dotted #d1d1d1}

.pr_list > ul > li:first-child {border-top:1px solid #d1d1d1}

.pr_list > ul > li .img {position:absolute; top:30px; left:0; overflow:hidden; width:195px; height:120px; border:1px solid #dbdbdb; background:url("../images/img_news_default.jpg") 50% 50% no-repeat;}

.pr_list > ul > li .img img {width:100%;}

.pr_list > ul > li .con > a {display:block; overflow:hidden; height:90px}

.pr_list > ul > li .tit {display:block; overflow:hidden; margin:0 0 15px 0; padding:0; background:none; font-size:18px; line-height:1.25; white-space:nowrap; text-overflow:ellipsis;color:#505050;}

.pr_list > ul > li .tit a {color:#505050 !important}

.pr_list > ul > li .txt {display:block; font-size:12px; color:#969696}

.pr_list > ul > li .btn {position:absolute; bottom:30px; right:0}

.pr_list > ul > li .info {margin-top:14px}

.pr_list > ul > li .info > li {display:inline-block; *display:inline; padding:0 7px 0 10px; background:url('../images/bg_footer_info.gif') no-repeat left center; font-size:11px; color:#9f9f9f}

.pr_list > ul > li .info > li:first-child {padding-left:0; background:none}



.pr_life > ul > li {position:relative; float:left; width:210px; min-height:125px; padding:30px 0 30px 220px; border-top:1px dotted #d1d1d1}

.pr_life > ul > li:first-child,

.pr_life > ul > li:first-child + li {border-top:1px solid #d1d1d1}

.pr_life > ul > li.odd {float:right}

.pr_life > ul > li.last {border-bottom:1px solid #d1d1d1}

.pr_life > ul > li .img {position:absolute; top:30px; left:0; overflow:hidden; width:197px; height:123px; border:1px solid #dbdbdb}

.pr_life > ul > li .img img {max-width:100%;}

.pr_life > ul > li > a {display:block; overflow:hidden; max-height:126px}

.pr_life > ul > li .tit {display:block; margin-bottom:9px; font-family:'NanumBarunGothicBold'; font-size:18px; color:#505050}

.pr_life > ul > li .sit {display:block; margin-bottom:27px; font-size:14px; color:#0d5cab}

.pr_life > ul > li .txt {display:block; font-size:13px; color:#969696}



.pr_media_top {position:relative}

.pr_media_top .img {float:left; width:74.5%; *width:74%}

.pr_media_top .img > img {max-width:100%; border:1px solid #dbdbdb}

.pr_media_top .img > iframe {width:100%;height:380px;}

.pr_media_top .info {float:right; width:22.5%; margin-left:3%}

.pr_media_top .tit {margin:0 0 10px 0; padding:0; background:none;  font-size:18px; color:#333333; line-height:20px}

.pr_media_top .txt {margin-bottom:20px; font-family:Verdana; color:#797f84}

.pr_media_top .date {font-size:11px; color:#9f9f9f}

.pr_media_top .other {position:absolute; bottom:0; right:0; width:22.5%}

.pr_media_top .other > li {float:left; width:47%; margin-top:10px}

.pr_media_top .other > li.odd {float:right}

.pr_media_top .other > li > a {display:inline-block; vertical-align:bottom}

.pr_media_top .other > li > a img {width:100%; border:1px solid #dbdbdb}

.pr_media_sbj {position:relative}

.pr_media_sbj .sel_media {position:absolute; top:-2px; right:0; width:125px; margin-right:0}

.pr_media_list > ul {border-bottom:1px solid #d1d1d1}

.pr_media_list > ul > li {float:left; width:24%; margin:0 1.33% 20px 0; white-space:nowrap}

.pr_media_list > ul > li.odd {margin-right:0}

.pr_media_list > ul > li .img {position:relative; margin-bottom:12px}

.pr_media_list > ul > li .img img {width:100%;height:auto !important;}

.pr_media_list > ul > li.on .img .pr_shadow,

.pr_media_list > ul > li a:hover .pr_shadow {display:none}

.pr_media_list > ul > li .tit {overflow:hidden; font-size:13px; color:#636471; text-overflow:ellipsis}

.pr_media_list > ul > li .date {font-size:11px; color:#9f9f9f}



.pr_shadow {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/bg_imgshadow.png') repeat 0 0; cursor:pointer}

.pr_btn .img img {max-width:100%; border:1px solid #dbdbdb}

.pr_btn .btn {margin-top:10px}

.pr_btn .btn a {margin-right:5px}



.pr_print {position:relative; min-height:510px; padding:0 0 28px 41%; border-bottom:1px solid #dbdbdb}

.pr_print_big {position:absolute; top:0; left:0; width:39%}

.pr_print_info {overflow:hidden; height:254px; margin-bottom:17px; padding:20px 30px; border:1px solid #f0f0f0}

.pr_print_info .year {display:block; margin-bottom:5px; font-size:30px; color:#333; line-height:27px}

.pr_print_info .tit {margin:0 0 2px 0; padding:0; background:none; font-weight:normal; font-size:22px; color:#333; line-height:22px}

.pr_print_info .data {margin-bottom:30px; font-size:10px; color:#6d6d6d}

.pr_print_info .txt {margin-bottom:35px; font-size:12px; color:#717171; line-height:20px}

.pr_print_info .btn a {display:inline-block; width:77px; height:22px; margin-right:8px; padding:2px 24px 0 0; background:url('../images/bg_btn_pdf.gif') no-repeat 0 0; font-family:'NanumGothicBold'; color:#737c83; text-align:center}

.pr_print_list > ul > li {position:relative; float:left; width:22.5%; margin-left:3.33%}

.pr_print_list > ul > li:first-child {margin-left:0}

.pr_print_list > ul > li .img img {width:100%}

.pr_print_list > ul > li.on .pr_shadow {display:none}



.pr_broc_big > dl {margin-bottom:20px; border:1px solid #ececec}

.pr_broc_big > dl > dt,

.pr_broc_big > dl > dd {float:left}

.pr_broc_big > dl > dt {width:21%; padding:17px 20px}

.pr_broc_big > dl > dt .year {display:block; margin-bottom:5px; font-family:'NanumGothicBold'; font-size:24px; color:#333; line-height:26px}

.pr_broc_big > dl > dt .tit {margin:0 0 20px 0; padding:0; background:none; font-weight:normal; font-size:18px; color:#333; line-height:19px}

.pr_broc_big > dl > dt .sit {font-size:10px; color:#6d6d6d}

.pr_broc_big > dl > dd .txt {margin-bottom:22px; padding-left:13px; background:url('../images/icon_arr2.png') no-repeat 0 5px; font-size:13px; color:#717171}

.pr_broc_big > dl > dd .btn {padding-left:13px}

.pr_broc_big > dl > dd .btn > a {display:inline-block; width:67px; height:22px; padding:2px 24px 0 0; background:url('../images/bg_btn_brocdown.gif') no-repeat 0 0; font-family:'NanumGothicBold'; color:#737c83; text-align:center;}

.pr_broc_big > dl > dd.img {width:49%; border-left:1px solid #ececec; border-right:1px solid #ececec}

.pr_broc_big > dl > dd.img img {width:100%}

.pr_broc_big > dl > dd.info {width:20%; padding:19px 10px 19px 2%}

.pr_broc_big.pw_640 {display:none;}



.pr_broc_list > ul > li {position:relative; float:left; width:23.5%; margin:0 2% 40px 0; padding-top:20px; border-top:1px solid #eee; white-space:nowrap}

.pr_broc_list > ul > li.odd {margin-right:0}

.pr_broc_list > ul > li .tit {overflow:hidden; margin-bottom:8px; padding-right:25px; font-family:'NanumGothicBold'; font-size:15px; color:#333; text-overflow:ellipsis}

.pr_broc_list > ul > li .sit {margin-bottom:25px; font-size:10px; color:#6d6d6d; line-height:11px}

.pr_broc_list > ul > li .btn {position:absolute; top:20px; right:0}

.pr_broc_list > ul > li .img img {width:100%; border:1px solid #eee}

.pr_broc_list + .paging {margin-top:0}



.pr_insight {min-height:0; padding-bottom:0; border-bottom:0}

.pr_insight .pr_print_info {height:253px}

.pr_insight .pr_shadow {left:1px}

.pr_insight .pr_print_list > ul > li a:hover .pr_shadow {display:none}



.pr_chair_img .pr_img1 {display:block;}

.pr_chair_img .pr_img2 {display:none;}

.pr_chair_info {position:relative; margin-top:30px; padding-left:268px}

.pr_chair_info .tit {position:absolute; top:0; left:0; padding-left:20px; border-left:11px solid #97a0a8; font-family:'NanumBarunGothic'; font-size:17px; color:#484c4f}

.pr_chair_info .tit > strong {display:block; margin-bottom:9px; font-family:'NanumBarunGothicBold'; font-size:22px}

.pr_chair_info .txt {font-size:13px; color:#676767}

.pr_chair_info .txt > strong {font-family:'NanumGothicBold'}



.pr_history {margin-bottom:20px; padding:20px; border:1px solid #e8e8e8}

.pr_history .sub_title {margin:0 0 20px 0}

.pr_history_list > li {float:left; width:48%; margin-bottom:10px; color:#3e4144; line-height:1em}

.pr_history_list > li.odd {float:right}

.pr_history_list > li .year {display:inline-block; margin-right:9px; padding-right:13px; border-right:1px dotted #abc6e2; font-size:13px; font-family:'NanumGothicBold'; color:#000}

.pr_history_list > li .month {display:inline-block; margin-right:12px; font-size:13px; font-family:'NanumGothicBold'; color:#0d5cab}

.pr_history_list > li .txt {display:inline-block; *display:inline; *zoom:1}

.pr_history_img {padding-bottom:20px; text-align:center}

.pr_history_img img {max-width:100%}



.pr_map {width:100%; border:1px solid #e8e8e8}

.pr_map_info {margin-top:20px; padding:20px 23px; border:1px solid #e3e3e3; background:#f8f8f8; font-size:13px; color:#969696}

.pr_map_info strong {font-family:'NanumGothicBold'; color:#000}



.pr_social_top {margin-bottom:30px; padding:22px 10px 21px; border:1px solid #e7e7e7; background:#eff4f6; font-family:sans-serif, serif;font-size:22px; color:#3e3e3e; line-height:30px; text-align:center; }

/*.pr_social_info {margin-bottom:26px}*/

.pr_social_info .img {margin-bottom:26px;float:left; width:65%; border:1px solid #e7e7e7}

.pr_social_info .img img {max-width:100%}

.pr_social_info .list {float:right; width:32%}

.pr_social_info .list .tit {margin:35px 0 12px 0; padding:0 0 10px 0; border-bottom:1px solid #d4d4d4; background:none; font-size:14px; color:#313131;font-weight:600;}

.pr_social_info .list .tit:first-child {margin:0 0 12px 0;}

.pr_social_info .list .con {font-size:12px; color:#676767}

.pr_social_info .list ul.con > li {margin-top:6px; padding:0 0 11px 12px; border-bottom:1px dotted #d1d1d1; background:url('../images/bul_dotted.gif') no-repeat 4px 9px; line-height:20px;}

.pr_social_info .list ul.con > li.last {padding-bottom:0; border-bottom:0}

.pr_social_info .list p.con {padding-left:12px; background:url('../images/bul_dotted.gif') no-repeat 4px 8px; line-height:20px;}

.pr_social_txt {font-size:13px; color:#676767; line-height:20px;}



.pr_bis_img {margin-bottom:30px}

.pr_bis_img img {width:100%}

.pr_bis_img .pr_bis_img1 {display:block;}

.pr_bis_img .pr_bis_img2 {display:none;}

.pr_bis_txt > ul > li {float:left; width:48%; margin:0 0 40px 2%;}

.pr_bis_txt > ul > li:nth-child(2n+1) {margin:0 0 40px 0;}

.pr_bis_txt > ul > li .box {}

.pr_bis_txt > ul > li .tit {padding-left:12px; border-left:10px solid #97a0a8; font-family:'NanumBarunGothicBold'; font-size:18px; color:#484c4f; line-height:18px}

.pr_bis_txt > ul > li .txt {margin-top:8px; font-size:13px; color:#676767; line-height:22px;}



/* 화천소개 */

.hc_history_box .hc_history_list.odd {float:right}

.hc_history_box.ord1990 > div {min-height:330px}

.hc_history_box.ord1980 > div {min-height:280px}

.hc_history_box.ord1970 > div {min-height:190px}

.hc_history_box.ord1960 > div {float:none; width:auto !important; min-height:0; margin-right:0}

.hc_history_list {float:left; width:42.5%; min-height:650px; background:#eff4f6; padding:20px 20px; border:1px solid #e7e7e7}

.hc_history_list > dl {position:relative; margin-top:20px; padding-left:53px}

.hc_history_list > dl:first-child {margin-top:0}

.hc_history_list > dl > dt {display:inline-block; position:absolute; top:0; left:0; margin:4px 9px 0 0; padding-right:13px; border-right:1px dotted #abc6e2; font-family:'NanumGothicBold'; font-size:13px; line-height:1em; color:#000}

.hc_history_list > dl > dd {position:relative; margin-top:9px; padding-left:28px}

.hc_history_list > dl > dt + dd {margin-top:0}

.hc_history_list .month {display:inline-block; position:absolute; top:0; left:0; margin-right:12px; font-size:13px; font-family:'NanumGothicBold'; color:#0d5cab}

.hc_history_list p.txt {display:inline-block; *display:inline; *zoom:1}

.hc_history_list ul.txt > li {margin-top:5px; white-space:break-all}

.hc_history_list ul.txt > li:first-child {margin-top:0}



.hc_history_top {margin-bottom:20px; border:1px solid #d8dcdf}

.hc_history_txt {float:left; width:25%; padding:27px 0 0 27px; color:#313131}

.hc_history_txt .tit {margin-bottom:25px; font-family:'Century Gothic'; font-weight:bold; font-size:36px; color:#313131}

.hc_history_txt .tit > span {font-weight:bold; color:#0d5cab}

.hc_history_txt .sit {margin-bottom:14px; font-family:sans-serif, serif; font-size:21px; line-height:25px}

.hc_history_txt .txt {font-size:16px}

.hc_history_vis {float:right; position:relative; overflow:hidden; width:69.8%; /*height:182px;*/ border-left:1px solid #d8dcdf}

.hc_history_vis .img > li {float:left; width:50%; /*height:182px*/}

.hc_history_vis .img > li img {width:100%; /*height:100%*/vertical-align:middle;}

.hc_history_vis .btn >  a {position:absolute; top:50%; margin-top:-15px}

.hc_history_vis .btn >  a.next {right:0}



.reason > .contents_top > h2 {height:auto}

.hc_reason > ul > li {float:left; overflow:hidden; width:47.5%; height:450px; margin-bottom:35px; border:1px solid #eee}

.hc_reason > ul > li.odd {float:right}

.hc_reason > ul > li .img {border-bottom:1px solid #eee}

.hc_reason > ul > li .img img {width:100%}

.hc_reason > ul > li .txt {padding:15px 20px; border-top:1px dotted #dbdbdb; font-size:13px; color:#676767; line-height:20px; letter-spacing:0.15px;}

.hc_reason > ul > li > dl {position:relative; padding:20px 10px 20px 82px}

.hc_reason > ul > li > dl > dt {display:inline-block; position:absolute; top:19px; left:20px; padding-right:15px; border-right:1px solid #97a0a8; font-family:'Century Gothic'; font-weight:bold; font-size:22px; color:#97a0a8; line-height:1em}

.hc_reason > ul > li > dl .tit {font-family:'Century Gothic'; font-weight:bold; font-size:20px; color:#0d5cab; letter-spacing:0.08px;}

.hc_reason > ul > li > dl .sit {font-family:Verdana; margin-top:9px; font-size:13px; color:#333;}



/* selectbox */

.sel_design {width:112px; height:32px; vertical-align:top}

.sbHolder {display:inline-block; *display:inline; *zoom:1; position:relative; z-index:10; margin-right:3px; border:solid 1px #dcdcdc; font-size:13px; font-weight:normal; height:30px; width:103px; background:url('../images/bg_select.gif') repeat-x; color:#666; text-align:left; vertical-align:top}

.sbSelector {display:block; overflow:hidden; padding:0 25px 0 10px; height:100%; font-size:13px; color:#767676; line-height:30px}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover{color:#666;text-decoration:none}

.sbToggle {display:block; position:absolute; right:0; top:0; width:24px; height:30px; background:url('../images/bg_select_arrow.gif') no-repeat left top; border-left:1px solid #dcdcdc; font-size:0; line-height:0}

.sbHolderDisabled {background-color:#efefef; border:solid 1px #cacaca}

.sbOptions {position:absolute; left:-1px; top:31px !important; overflow-y:auto; width:100%; z-index:1; margin:0; padding:0; border:solid 1px #dcdcdc; border-top:0}

.sbOptions li {background:#fff}

.sbOptions li.last a {border-bottom:0}

.sbOptions a {display:block; padding:3px 5px; border-bottom:dotted 1px #cacaca; font-size:11px; color:#969696; text-align:left}

.sbOptions a:link, .sbOptions a:visited {text-decoration:none}

.sbOptions a:hover {background:url('../images/bg_select.gif') repeat-x bottom left; color:#666}



/* 팝업 */

.pop_wrap {display:none}

.pop_wrap {position:absolute; top:34px; left:0; z-index:1000; background:#fff}

.pop_wrap .sub_title {margin:0 0 18px}

.pop_wrap .btn_type1 {display:block; width:97px; margin:20px auto 0}

.pop_inner {position:relative; border:6px solid #d9d9d9}

.pop_tit {padding:23px 10px 23px 40px; background:url('../images/bg_pop_tit.gif') repeat-x 0 bottom; font-family:'NanumBarunGothicBold'; font-size:26px; color:#464a4d}

.pop_box {padding:30px 40px; background:url('../images/bg_pop_box.gif') repeat-x 0 0}

.pop_btn {width:100%; padding:6px 0 2px; background:#d9d9d9; text-align:right}

.pop_btn > a {display:inline-block; padding-left:20px; font-size:13px; font-family:"NanumBarunGothicBold"; background:url('../images/ico_pop_close.png') no-repeat 0 2px; color:#484848; letter-spacing:0}

.personal_box {position:relative; padding:20px; border:1px solid #efefef; background:#f8f8f8;}

.personal_box > div {overflow-x:hidden; overflow-y:auto; height:140px; padding:18px 16px; border:1px solid #efefef; background:#fafafa}

.pop_wrap .btn_pop_check {margin-top:28px}

.pop_addr {position:relative; padding-top:15px}

.pop_addr ul li {position:relative; line-height:23px; padding-left:32px; font-size:13px; color:#676767}

.pop_addr ul li em {position:absolute; left:0; top:0; font-family:"NanumGothicBold"; color:#333}

.pop_addr ul li.prints {position:absolute; right:0; top:20px; width:85px; height:24px}

.pop_addr ul li.prints a {display:block; width:100%; height:100%; background:url("../images/btn_print.png") no-repeat}

.pop_addr ul li.prints span {display:block; width:0; height:0; line-height:0; opacity:0; filter:alpha(opacity=0)}

.sel_box {position:relative; padding:10px 4.8%; border:1px solid #efefef; background:#f8f8f8}

.sel_box li {height:24px; margin-top:10px; line-height:24px; font-size:13px; font-family:"NanumGothicBold"; color:#333}

.sel_box li:first-child {margin-top:0;}

.sel_box li em {margin-right:9px;}

.sel_box .select2 {display:inline-block; .display:inline; .zoom:1; width:39%; height:22px; line-height:22px}

.sel_box .select2 select {width:100%; height:100%; line-height:100%; color:#969696; font-size:11px}

.sel_box .btn_area {position:absolute; right:4.8%; top:10px; width:24%; margin:0; height:56px}

.sel_box .btn_area a {display:block; width:100%; height:56px; line-height:56px; text-align:center; color:#fff; border:1px solid #7f878f; background:url("../images/bg_btn_pop_search.gif") repeat-x}

.sel_table {overflow-y:auto; height:253px; margin-top:10px; border:1px solid #efefef}

.sel_table .tbl {border:0}

.sel_table .tbl th {height:40px; line-height:40px; padding:0; text-align:center; border-bottom:1px solid #efefef}

.sel_table .tbl td {padding:10px 0 11px; border-top:0}

.addr_search {.zoom:1; margin-bottom:13px}

.addr_search:after {content:""; clear:both; display:block}

.addr_search li {float:left; width:120px}

.addr_search li a {display:block; height:33px; line-height:33px; text-align:center; font-size:14px; font-family:"NanumBarunGothicBold"; color:#626262; border:1px solid #e3e3e3; background:url("../images/bg_addr_search_off.png") repeat-x}

.addr_search li.on a {border:1px solid #798189; color:#fff; background:url("../images/bg_addr_search_on.png") repeat-x}

.search_guide .tit {font-family:"NanumGothicBold"; font-size:13px; color:#333}

.search_guide p {line-height:23px; color:#676767}

.search_form {margin:25px 0 20px}

.search_form .inp_addr {width:52%; vertical-align:top}



.search_guide2 strong {display:block; line-height:22px; padding-top:10px; font-family:"NanumGothicBold"; font-size:13px; color:#676767}

.search_guide2 ul li {line-height:22px; font-size:12px; color:#676767}

.search_form2 {margin-top:15px; padding:18px 19px; border:1px solid #efefef; background:#f8f8f8}

.search_form2 ul:first-child li {float:left}

.search_form2 ul li {margin-top:10px}

.search_form2 ul li em {display:inline-block; .display:inline; .zoom:1; width:50px; font-family:"NanumGothicBold"; font-size:13px; color:#333}

.search_form2 .select_addr {display:inline-block; .display:inline; .zoom:1; width:113px; height:22px; line-height:22px; margin-right:20px; border:1px solid #d9d9d9}

.search_form2 .select_addr select {width:100%; height:100%; background:none}

.search_form2 .inp_addr {width:51%}

.search_form2 .btn_pop_search {display:inline-block}

.search_form2 li em label {display:block; position:static; left:0; top:0; width:100%; height:22px; line-height:22px; font-size:12px; color:#333; font-family:"NanumGothicBold"; opacity:1; vertical-align:middle}

.search_form2 .result_addr {overflow-y:auto; height:85px; margin-left:50px; padding:8px 7.2%; border:1px solid #efefef; background:#f8f8f8}

.result_addr table td {line-height:22px; width:80%; border:0}

.result_addr table td:first-child {width:20%}

.search_form3 {padding:18px 19px; border:1px solid #efefef; background:#f8f8f8}

.search_form3 .result_addr {overflow-y:auto; height:85px; margin-left:0; padding:8px 4%; border:1px solid #efefef; background:#f8f8f8}



.find_info {margin-bottom:13px; border-top:1px solid #bdbdbd; border-bottom:1px solid #bdbdbd}

.find_info tr td {text-align:left;padding-left:3.5%; border-right:0; border-left:1px solid #efefef}

.find_info tr td:first-child {font-family:"NanumGothicBold"; font-size:13px; color:#333; background:#f8f8f8; border-left:0;}

.find_info tr td .inp_txt {width:102px}

.find_info tr td > div {display:inline-block; .display:inline; .zoom:1; margin-right:12px; height:22px; border:1px solid #efefef}

.find_info tr td label {position:absolute; left:-500px; top:-100px; width:0; height:0; line-height:0; font-size:0; opacity:0; filter:alpha(opacity=0)}

.find_info tr td select {width:100%; height:100%; line-height:100%; margin:0; padding:0}

.find_info tr td .sel1 {width:98px}

.find_info tr td .sel2 {width:172px}

.find_info tr td .birth {width:98px; margin-left:12px}

.find_info tr td .email {width:78px}

.find_info tr td .email_select {width:98px; height:22px; margin:0 0 0 12px}

.find_guide {line-height:22px; font-size:13px}

.find_guide2 {padding:15px 0 0; line-height:22px; font-size:13px; text-align:center}

.find_guide2 em {font-size:13px; color:#0d5cab}



.last_alert {padding:18px; border:1px solid #efefef; background:#eff4f6}

.last_alert p {font-size:15px; color:#636363}



.pop-layer {display:none; position:absolute; top:40%; left:50%; height:auto; background-color:#fff; border:5px solid #3571B5; z-index:99; overflow:hidden;}

.pop-layer .pop-container {width:510px; padding:20px;}

.pop-layer .pop-container img {width:100%;}



a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}

a.cbtn:hover {border:1px solid #091940; background-color:#1f326a; color:#fff;}





/* 스마트 검색 */

.smt_search .cond_opt {position:relative; height:37px; border:1px solid #e7e7e7}

.smt_search .cond_opt dl:after {content:""; clear:both; display:block}

.smt_search .cond_opt dt {float:left; width:85px; margin-left:19px; display:block; font-family:'NanumGothicBold'; font-size:13px; line-height:37px; color:#333}

.smt_search .cond_opt dd {float:left; line-height:39px; vertical-align:middle}

.smt_search .cond_opt dd label {margin-right:30px; font-family:'NanumGothic'; color:#969696}

.smt_search .cond_opt dd input {margin:-2px 5px 0 0}

.smt_search .cond_opt .co_btn {position:absolute; right:20px; top:6px}

.smt_search .sch_value {clear:both; height:162px; border:1px solid #e3e3e3; border-top:0px; background:url("../images/bg_var_sch.gif") repeat-x; overflow:hidden;}

.smt_search .sch_value ul {margin:20px 0 0 20px}

.smt_search .sch_value ul:after {content:""; clear:both; display:block}

.smt_search .sch_value li {float:left; width:246px; height:50px; margin-right :60px;}

.smt_search .sch_value li:last-child {margin-right:0;}

.smt_search .sch_value li > p {position:relative; margin-bottom:3px; font-family:'NanumGothic'; color:#333}

.smt_search .sch_value li > p span {position:absolute; right:4px; top:0; font-family:Century Gothic; font-size:11px; color:#aeaeae}



.mb_slider {position:relative; height:20px; z-index:0;}

.mb_sliderBar {width:246px; height:20px; background:url("../images/bar_v.png") 0 50% no-repeat;}

.mb_sliderHandler {position:absolute; top:0; left:0; width:19px; height:20px; background:url("../images/sch_opt.png") no-repeat; cursor:default;}

.mb_sliderEnd,

.mb_sliderStart {display:block; overflow:hidden; position:abso	lute; width:1px; height:1px; font-size:1px; line-height:1px; opacity:0; filter:alpha(opacity=0)}

.mb_sliderRange {position:absolute; height:18px; margin:0; top:0; cursor:default;}

.mb_sliderZero {position:absolute; height:16px; margin:1px; top:0; cursor:default;}

.mb_sliderZeroLabel {background-color:#fff; z-index:-2;}

.mb_sliderValueLabel {width:30px; margin:20px 0 0 103px; background-color:#fff; border:1px solid #999; color:#aaa; text-align:center; z-index:-1;}



.smt_search .sch_value li dd {position:relative; padding-top:3px; line-height:1em;}

.smt_search .sch_value li dd p {font-family:Century Gothic; font-size:11px; color:#aeaeae}

.smt_search .sch_value li dd span {position:absolute; right:4px; top:3px; font-family:Century Gothic; font-size:11px; color:#aeaeae}



.rst_prdlist {.zoom:1; width:100%; margin-top:20px; /*height:294px;*/}

.rst_prdlist:after {content:""; clear:both; display:block}

.rst_prdlist li {float:left; width:439px; margin-right:22px; padding-bottom:22px;}

.rst_prdlist li:nth-child(2n) {margin-right:0px;}

.rst_prdlist li > div {overflow:hidden; position:relative; height:294px; padding:0 20px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; background:url("../images/bg.gif") repeat-x left top}

.rst_prdlist li .ptit {position:relative; font-size:30px; line-height:26px; margin-top:25px; letter-spacing:-0.02em; color:#31383f; font-family:Century Gothic; font-weight:bold}

.rst_prdlist li .ptit .rd_more {position:absolute; top:2px; right:-2px;}

.rst_prdlist li .pimg {float:left; width:244px; text-align:center;}

.rst_prdlist li .smp_info {float:left; width:150px; margin-top:26px;}

.rst_prdlist li .smp_info p {margin-top:4px; padding-left:8px; background:url("../images/bg_dotted2.gif") 0 7px no-repeat; font-family:Century Gothic; font-size:12px; color:#848d94; line-height:18px;}

.rst_prdlist li .ptit.on {color:#0d5cab}

.rst_prdlist li .ptit span {padding-left:4px; font-size:12px; color:#7d7d7d; display:block; font-family:"NanumGothicBold"; font-weight:normal}

.rst_prdlist li .spec {position:absolute; top:255px; left:125px;}



.rst_prdlist li.no_product {text-align:center}

.rst_prdlist li.no_product > div {display:inline-block; .display:inline; .zoom:1; width:156px; height:140px; vertical-align:middle; background:url("../images/bg_blank.png") no-repeat center center}

.rst_prdlist li.no_product > span {display:inline-block; .display:inline; .zoom:1; width:1px; height:100%; vertical-align:middle}



.contents_top .sbHolder {display:none}



/* brench */

.brench_intro {}

.brench_intro dl:after {content:""; clear:both; display:block}

.brench_intro dt {float:left; width:48.6%; margin-right:3%;}

.brench_intro dt img {width:100%; max-height:292px; border:1px solid #eee;}

.brench_intro dd {float:left; width:48.4%;}

.brench_intro dd p {border-left:10px; padding-left:5px; font-family:Verdana; font-size:18px; color:#313131; line-height:1em;}

.brench_intro dd li {padding-left:9px; background:url("../images/ico_bullet1.gif") 0 5px no-repeat; font-size:12px; color:#676767; line-height:20px;}

.brench_intro {}

.brench_intro {}

.brench_intro {}

.brench_intro {}

.brench_intro {}





@media all and (max-width:1024px) {

body {/*border:1px solid #0000ff; margin:0 -1px;*/}

#container {min-height:none}

#contents {float:none; width:auto; padding:70px 25px 90px}

.out_wrap {min-width:0}

.right_wing {display:none}

.service_check dl {width:32%; margin:0 0 0 2%}

.service_check dl:first-child {margin:0}



/* 제품소개 */

.contents_top > .opt_tab {display:none}



.spinfo ul.spBimg {float:left; width:66%;}

.spinfo ul.spBimg li {display:none;}

.spinfo ul.spBimg img {width:100%; max-width:437px; border:solid 1px #f0f0f0;}

.spinfo ul.thum {float:right; width:32%; margin-right:2%;}

.spinfo ul.thum li {float:left; margin:10px 0 0 6%; line-height:0; width:44%; position:relative;}

.spinfo ul.thum li.fir {margin-top:0;}

.spinfo ul.thum li span.mask {display:block; position:absolute; left:1px; top:0; width:100%;}

.spinfo ul.thum li img {width:100%;}



/* footer */

.footer > div {padding:25px 10px 18px}

.foot_logo {margin:0 15% 0 0}

.footer_info .info_in {padding-right:0;}

.footer_info dl dt {float:none;}

.footer_info dl dt + dd {float:none;padding:0;}

.footer_info dl dd.last {position:relative;right:auto;top:auto;width:auto;}

.footer_info dl {line-height:17px}

.copyright {padding-top:7px; line-height:13px;font-weight:normal}

.copyright em {font-weight:normal}



/* 홍보센터 */

.pr_life > ul {border-bottom:1px solid #d1d1d1}

.pr_life > ul > li {float:none; width:auto}

.pr_life > ul > li.odd {float:none}

.pr_life > ul > li.last {border-bottom:0}



.contents_top .sbHolder {display:inline-block; position:absolute; right:0; bottom:16px; width:138px;}

.tab {display:none;}



.pr_view_con {padding:25px 0 50px;}

	

.hc_history_txt {width:30%;}

.hc_history_vis {width:65%;}



}





@media all and (max-width:800px) {

body {/*border:1px solid #ff0000; margin:0 -1px;*/}

.machine li {width:50%}



.pro_intro_info li.f_l, .pro_intro_info li.f_r {float:none;padding-left:120px;width:auto;}

.pro_intro_info li.f_l .tit, .pro_intro_info li.f_r .tit {width:104px;}

	

/*.company .contents_area {overflow:hidden;}*/

.contents_area .bscroll {overflow-x:auto; max-width:735px; width:100%; padding-bottom:20px;}

.contents_area .bscroll .tbl {width:800px;}





.foot_logo {position:static; padding-bottom:22px;}

.footer_info {padding-left:0;height:100px;}

.footer_info dl dt + dd, .footer_info dl dd {float:left;}

.footer_info dl dd.last {padding-left:10px;}

.copyright {position:static; width:auto; padding:0;height:13px;}

	

	



/* 제품소개 */

.kind .Rconm {border:none;}

.kind ul.mov {float:none; height:265px; border:solid 1px #d1d1d1; width:100%;}

.kind ul.mov li iframe {width:100%; height:265px;}

.kind ul.list {float:none; margin:13px 0 0 2px; border:none;}

.kind ul.list:after {content:""; clear:both; display:block}

.kind ul.list li {float:left; padding-left:13px; margin:0 10px 0 0;}



.spinfo ul.spBimg {float:none; width:100%;}

.spinfo ul.spBimg img {max-width:493px; border:solid 1px #f0f0f0;}

.spinfo ul.thum {float:none; width:100%; margin-right:0;}

.spinfo ul.thum:after {content:""; clear:both; display:block}

.spinfo ul.thum li {margin:13px 0 0 6.8%; width:19.8%;}

.spinfo ul.thum li.fir {margin:13px 0 0 6.8%;}

.spinfo ul.thum li:nth-child(4n+1) {margin:13px 0 0 0;}

.spinfo ul.thum li span.mask {display:block; position:absolute; left:1px; top:0; width:100%;}



.machine_table2 th, .machine_table2 td {font-size:12px !important;}



/* 홍보센터 */

.pr_broc_big > dl {position:relative; margin-bottom:30px; border:none}

.pr_broc_big > dl > dt {width:31.8%; padding:17px 0; border-top:1px solid #d1d1d1;}

.pr_broc_big > dl > dd .txt {margin-bottom:21px; padding-left:0; background:none; line-height:22px;}

.pr_broc_big > dl > dd .btn {padding-left:0}

.pr_broc_big > dl > dd.img {float:right; width:66.2%; border:1px solid #d1d1d1;}

.pr_broc_big > dl > dd.info {position:absolute; left:0; bottom:0; float:none; width:27%; padding:0;}

.pr_broc_big.pw_640 {display:none;}



.pr_broc_list > ul > li {position:relative; float:left; width:32%; margin:0 2% 40px 0; padding-top:20px; border-top:1px solid #eee; white-space:nowrap}

.pr_broc_list > ul > li.odd {margin-right:2%;}

.pr_broc_list > ul > li:nth-child(3n) {margin-right:0;}



.pr_media_top .img, .pr_media_top .info {float:none;width:auto;}

.pr_media_top .info {margin:20px auto 35px;}

.pr_media_top .other {position:relative;width:auto;}

.pr_media_top .img > iframe {height:400px;}



.hc_history_txt {width:auto;float:none;}

.hc_history_vis {width:auto;float:none;}

	

.center_intro .center_exp .btn_locate {position:absolute; right:12%; bottom:9.8%}



/* table */

.machine_table2.tw_1024 {display:none;}

.machine_table2.tw_800 {display:block;}

.machine_table2.tw_640 {display:none;}

	

/**/

.pinfo .ptxt .btit span {display:block;padding:0;}

.pinfo .ptxt .btit span:before {content:"";} 





.cert .thumList {padding-top:6%;}

.cert .thumList li {padding-bottom:12%;}	

	

/* 기타 */

.hc_reason > ul > li {float:none !important; width:auto; height:auto}

}





@media all and (max-width:640px) {

/*body {border-top:1px solid #009900; border-bottom:1px solid #009900;}*/

/* selectbox */

.sel_design {width:112px; height:32px; vertical-align:top; display:block;}



.dsp_full {display:none;}

.dsp_640 {display:block;}

.dsp_320 {display:none;}



#container {min-height:0;}

#contents {padding:70px 3.9% 90px;min-height:0;}



.footer_info {height:125px;}

.footer_info dl dd.last {padding:0;clear:both;float:none;}



/* table */

.machine_table th {padding:8px 0 9px 0; text-align:center;}

.machine_table2.tw_1024 {display:none;}

.machine_table2.tw_800 {display:none;}

.machine_table2.tw_640 {display:block;}



.mark li {display:inline-block; margin:0 auto; padding:0 10px; font-size:11px; color:#505050; letter-spacing:-0.04em; background:url("../images/bg_bar_mark.gif") no-repeat left 8px;}



.tech li {width:48.3%; margin-right:3.4%}

.tech li div {float:none;}

.tech li .info {width:100%;height:40px;min-height:0; float:none; margin-right:0; line-height:22px;}

.tech li > div strong {background:none; display:block; padding-bottom:16px; margin-bottom:0;}

.tech li > div span {display:block;padding-top:10px; font-size:12px; font-weight:normal;}

.tech li .img {margin-left:0;}

.tech li .img img {max-width:285px;}





/* 제품소개 */

.visual_area2 {height:340px;}

.visual_area2 > img {left:6%; top:65px; max-width:240px;}

.visual_area2 > div {padding:79px 5% 0 53%}

.visual_area2 > div strong img {max-height:29px;}

.visual_area2 p {line-height:15px;}

.visual_area2 .visual_txt1 {padding-top:13px;}

.visual_area2 .visual_txt2 {padding-top:23px;}



.machine_visual {height:auto;/*background:url("../images/bg_product_subtop.png") center 0 no-repeat;*/}

.product .machine_visual {padding-bottom:85px;}

.product_view .machine_visual img.dsp_full {height:auto;display:block;}

.machine_visual dl {display:block; width:300px; margin:0 auto;}

.machine_visual dt {padding:4px 0 22px; text-align:center;}

.machine_visual dt strong {font-size:30px; line-height:30px; letter-spacing:-0.02em; color:#31383F; font-family:Century Gothic; font-weight:bold;}

.machine_visual dt span {font-size:12px; color:#7D7D7D; display:block; font-family:"NanumGothic"; font-weight:normal;}

.machine_visual dd {text-align:center;}

.machine_visual .btn_area {position:absolute; left:50%; top:auto;bottom:15px; width:180px;margin-left:-90px; .zoom:1;}

.machine_visual a {margin:0 0 5px;}

.contents_area {}

.product_view ul.clear > li {float:none; width:100%; margin-left:0}

.product_view .tech1 .tech_img1 {margin-bottom:17px; text-align:left; border:1px solid #eee}

.product_view .tech1 .tech_img span {display:block; padding-left:3%;}

.product_view .tech1 li > p {margin-bottom:28px; font-size:13px; line-height:22px;}

.product_view .tech2 .box-sizing {padding:34px 0px; text-align:center}

.product_view .tech3 > ul > li {float:none; width:100%; margin-left:0; margin-bottom:18px;}

.product_view .tech3 > ul > li > div li {font-size:13px; line-height:22px;}



	

.best li {float:left; position:relative; width:48.5%; line-height:0; margin-left:3%}

.best li:nth-child(3) {display:none;}

.best li img {max-width:286px}

.best li a.more {right:20px; bottom:13px;}



.kind p.Ltit {border-top:none; padding-top:0;}

.kind p.Ltit span {padding:7px 0 14px;}

.kind .Rconm {clear:both; float:none; border:none; width:100%;}

.kind .Rcon {float:right; width:100%;}

.kind .Rcon2 {float:right; width:75%; text-align:right;}

.kind ul.mov {height:315px; float:none; border:solid 1px #d1d1d1;}

.kind ul.mov li iframe {width:100%; height:315px;}

.kind ul.list {float:left; margin:15px 0 0 0;}

.product .spinfo {margin-bottom:20px;}

.spinfo ul.spBimg {float:none; width:100%;}

.spinfo ul.spBimg img {width:100%; border:solid 1px #f0f0f0;}

.spinfo ul.thum {float:none; width:100%; margin-right:0}

.spinfo ul.thum li {float:left; margin:13px 4.25% 0 0; line-height:0; width:16.6%; position:relative;}

.spinfo ul.thum li.fir {margin:13px 4.25% 0 0;}

.spinfo ul.thum li:last-child {margin:13px 0 0 0;}



.busL {float:none; width:100%}

.busL li img {max-width:590px; width:100%;}

.busR {float:right; width:100%}

.busR .txtbox {border:none; padding:20px 0 0; color:#333; line-height:22px; margin-bottom:25px;}

.busR .txtbox strong {font-size:18px; font-weight:bold; display:block; margin-bottom:20px;}

.busR .bthum li {position:relative; width:22.8%; line-height:0; margin:0 2.7% 18px 0}

.busR .bthum li:last-child {margin:0;}

.busR .bthum li img {width:100%}

.busR .bthum li span.mask {position:absolute; top:0; left:0; right:0; bottom:0}

.busR .bthum .f_r, .busR .bthum .f_l {float:left;}





.pro_mater_pic > li {width:48%; margin:0 2% 30px 0;}

.pro_mater_pic > li img {width:100%}

.pro_mater_pic > li:nth-child(3n) {margin-right:2%;}

.pro_mater_pic > li:nth-child(2n) {margin-right:0;}



.line_up dl dd ul.det_list > li {width:auto;margin-right:15px;}	

	

/* 홍보센터 */

	

.pr_media_top .img > iframe {height:320px;}



.pr_list > ul > li {min-height:83px; padding-left:147px}

.pr_list > ul > li .img {width:127px; height:79px}

.pr_list > ul > li .con > a {height:64px}

.pr_list > ul > li .tit {margin-bottom:5px; font-size:15px}

.pr_list > ul > li .info {margin-top:0}

.pr_list > ul > li .btn {display:none}



.pr_broc_big > dl {}

.pr_broc_big > dl > dt {float:none; width:100%; border:1px solid #d1d1d1;}

.pr_broc_big > dl > dt img {width:100%;}

.pr_broc_big > dl > dd.title {width:100%; margin-top:20px; padding:17px 0; border-top:1px solid #efefef;}

.pr_broc_big > dl > dd.title .year {display:block; margin-bottom:5px; font-family:'NanumGothicBold'; font-size:24px; color:#333; line-height:26px}

.pr_broc_big > dl > dd.title .sit {font-size:10px; color:#6d6d6d}

.pr_broc_big > dl > dd.info {position:relative; float:none; width:100%; padding:0;}



.pr_broc_list > ul > li {position:relative; float:left; width:40%; margin:0 0 40px 10%; padding-top:20px; border-top:1px solid #eee; white-space:nowrap}

.pr_broc_list > ul > li.odd {margin-left:0 0 40px 0;}

.pr_broc_list > ul > li:nth-child(2n+1) {margin-left:0;}



.pr_print {position:relative; padding:0 0 20px 0; border-bottom:1px solid #dbdbdb}

.pr_print:after {content:""; clear:both; display:block}

/*.pr_print_big {float:left; position:relative; width:48.3%}*/

.pr_print_big {width:auto;position:relative;}

/*.pr_print_big .img img {max-height:315px;}*/

.pr_print_big .img img {max-height:100%;}

.pr_print_info {/*float:right; width:47%;*/height:auto;min-height:120px; padding:0 0 30px; border:0;}

.pr_print_info .year {font-size:20px;}

.pr_print_info .btn {display:none;}

.pr_print_list {clear:both; width:100%; overflow:hidden;}

.pr_print_list ul:after {content:""; clear:both; display:block}

.pr_print_list li {position:relative; float:left; width:20.5%; margin-left:2.7%}

.pr_btn .btn a {display:none;}



.pr_chair_img img {width:100%;}

.pr_chair_img .pr_img1 {display:none;}

.pr_chair_img .pr_img2 {display:block;}

.pr_chair_info {padding-left:0}

.pr_chair_info .tit {position:relative; margin-bottom:20px; padding-left:29;}

.pr_chair_info .tit > strong {display:inline; padding-right:5px; line-height:1em;}



.pr_bis_img .pr_bis_img1 {display:none;}

.pr_bis_img .pr_bis_img2 {display:block;}

.pr_bis_txt > ul > li {float:none; width:100%; margin:0 0 20px 0%;}

.pr_bis_txt > ul > li:nth-child(2n+1) {margin:0 0 20px 0;}



.pr_social_info .img {float:none; width:99.8%; border:1px solid #e7e7e7; overflow:hidden;}

.pr_social_info .list {float:none; width:100%}



.pr .contents_area .sbHolder {/*display:none;*/display:block;margin-bottom:6px;}

	

/* A/S 접수 */

.as_box > div {float:none; width:100%}



/* 고객지원 - 교육신청 */

.custom_intro {padding:21px 0; border:1px solid #e7e7e7; background:#eff4f6}

.custom_intro p {line-height:22px; padding-top:6px; text-align:center; color:#676767; font-size:13px; letter-spacing:-1px}

.custom_intro p.bigtxt {line-height:30px; padding-top:0; color:#313131; font-size:22px; font-family:'NanumMyungjo'; letter-spacing:-2px}



/* 교육정보 */

.edu_process li {width:48.3%; margin:0 0 0 3.4%}

.edu_process li:nth-child(2n+1) {margin:0;}

.edu_process dl dd {min-height:133px; padding-top:15px;}





/* 인재채용 */

.talent {border:none; padding:0;}

.talent img {float:none; margin:30px 0 0 0; max-width:588px; width:100%; border:solid 1px #e8e8e8}

.talent .detxt {width:100%; margin:0 20px 0 0;}

.talent .detxt:after {content:""; clear:both; display:block}

.talent .detxt dl {float:left; width:45.2%; margin:30px 9.4% 0 0;}

.talent .detxt dl:nth-child(2n) {margin:30px 0 0 0;}



.promotion .job ul {width:28.8%; min-height:170px; margin:0 0 0 6.8%}

.promotion .job ul:nth-child(3n+1) {margin:0;}



.education .hwedu {margin-top:30px;}

.education .hwedu:after {clear:both; display:block; content:"";}

.fimg img {max-width:590px; width:100%;}



.hwedu ul {width:48%; margin-right:4%; min-height:200px;}

.hwedu ul.last {margin-right:0;}

.hwedu ul:nth-child(2n) {margin-right:0;}

.hwedu ul li.fir {padding-left:0;}



.benefits {border:none;}

.benefits div {height:442px; border:1px solid #ededed; width:99.8%; text-align:center}

.benefits img {float:none; margin:30px 0 0 0; max-width:590px; width:80%;}

.benefits ul {width:100%; float:none; margin:20px 0 0;}



p.bimg img {max-width:590px; width:100%;}



.cibox {border:none; background:none;}

.cibox .cimg {position:relative; width:99.8%; height:200px; display:block; border:1px solid #e8e8e8; background:url("../images/bg_ci.gif") repeat-x left top;}

.cibox .cimg img {position:absolute; left:50%; top:50%; margin:-15px 0 0 -115px;}

.cibox .citxt {float:none; width:99.8%; height:auto; padding:19px 0 20px; border:solid 1px #e8e8e8; border-top:none; line-height:1.68; word-break:keep-all; background:#fff;}

.cibox .citxt strong {padding:0 3.2%;}

.cibox .citxt span {display:block; padding:0 3.2%;}

.cibox .citxt p.btn {margin:20px 0 0 3.2%;}



.clr {width:100%; float:left;}

.clr:last-child {width:100%; float:left; margin-top:20px;}

.clr .clci {border:solid 1px #f0f0f0; display:table; width:99.8%; text-align:center; padding:67px 0;}

.csb dl dt {width:22.3%;}

.csb dl dd {width:77.7%;}

.bgc:after {clear:both; display:block; content:"";}

.bgc .f_l, .bgc .f_r {width:100%; float:none;}

.bgc .f_r {margin-top:20px;}

.bgc .f_r .box .sht {float:left; margin:16px 15px 0 17px; font-size:15px; color:#474d6d; width:65%;}

.bgc .f_r .box .sht strong.tit {border-bottom:dotted 1px #dbdbdb;}

.bgc .f_r .box .sht strong.tit span {display:inline; padding-left:5px;}





/* global-intro */

.global .introImg {width:auto;}

.global .introInfo {clear:both;padding:20px 0 0 !important;}

.global .introInfo dl {margin-left:0;}

	

	

/* 화천소개 */

.greet p.f_l, .greet p.f_r {float:none;width:auto;}

.greet p.sign {margin-top:45px;}

.greet .greyList {padding-top:90px;}

.greet .greyList li {float:none !important;width:auto;}

.greet .greyList li span {min-height:0;}

ul.vli.t2 {margin-top:0;}

ul.vli.t2 li, ul.vli.t3 li {float:none; width:100%; text-align:center; margin-bottom:40px;}

ul.vli.t2 li ul {width:198px;margin:14px auto 0;}

	

.hc_history_box .hc_history_list.odd {float:none;width:auto;}

.hc_history_box.ord1990 > div {min-height:0}

.hc_history_box.ord1980 > div {min-height:0}

.hc_history_box.ord1970 > div {min-height:0}

.hc_history_box.ord1960 > div {float:none; width:auto !important; min-height:0; margin-right:0}

.hc_history_list {float:none; width:auto; min-height:0; border-bottom:none;}

.hc_history_list:last-child {padding:20px 20px; border:1px solid #e7e7e7; border-top:none;}



.hc_history_vis {float:right; position:relative; overflow:hidden;/* width:49.6%; height:182px;*/ border-left:1px solid #d8dcdf}

/*.hc_history_vis .img > li {float:left; width:100%;}*/



.pmap img.fimg {float:none; width:100%;}

.pmap .maptxt {float:none; max-width:435px; width:100%}

#contents.company .pmap .maptxt h3 {margin-top:10px;}



.org {border:solid 1px #e8e8e8;}

.org img {width:100%;}

#contents.company .org h3 {margin:20px 0 0 20px;}



.cert .thumList li > span {padding-top:7px;line-height:1.4;background-position:0 13px;}



/* the next */

.pr_media_list > ul > li {width:48.5%;margin-right:3%;}

.pr_media_list > ul > li:nth-child(even), .pr_media_list > ul > li.odd {margin-right:0;}

}





@media all and (max-width:580px) {

}





@media all and (max-width:560px) {

	



/* global-intro */

.global .infoThumb:after {clear:both;display:block;content:"";}

/*.global .infoThumb li {width:30%;margin-right:5%;}*/

.global .infoThumb li.last2 {margin-right:0;}

	

.contents_top {margin-bottom:20px}

.machine li {float:none; width:auto}

.footer_info dl dd {float:none}

}







@media all and (max-width:480px) {

.mark {padding-top:7px; padding-bottom:7px}

.mark li.mark1, .mark li.mark2, .mark li.mark3, .mark li.mark4, .mark li.mark5 {float:none; width:auto; line-height:21px}



.nvdetail {padding:25px 23px 50px 20px;}	

	

/* 기타 */

.hc_reason > ul > li > dl {padding:15px 10px 15px 60px}

.hc_reason > ul > li > dl > dt {top:13px; left:10px; padding-right:8px;}





.cert .bigImg {float:none;width:auto;margin-bottom:50px;}

.cert .thumList {width:100%;}



.pr_media_top .img > iframe {height:250px;}

/*.pr_media_list > ul > li {float:left; width:48%; margin:0 2% 20px 0;}

.pr_media_list > ul > li:nth-child(2n) {margin-right:0;}*/	



/*2015-09-10 추가*/

.product .tech .dsp_640 {display:block;}

.product .tech li {width:auto;margin-right:0;float:none;} 

.tech li .info {height:auto;}

/*2015-09-10 추가끝*/



}





@media all and (max-width:360px) {

/* 홍보센터 */

.pr select {margin-right:2px}

/*.search {text-align:center}

.search input {width:100px}*/

.sel_design , .sel_design + .sbHolder {width:90px}

}





@media all and (max-width:420px) {

/*body {border:1px solid #336600; margin:0 -1px;}*/

.dsp_full {display:none;}

.dsp_640 {display:none;}

.dsp_320 {display:block;}



.info_table table td > div {padding:9px 5px;}



.hc_history_txt {float:none; width:auto; padding:27px 0 20px 27px;}

.hc_history_vis {float:none; width:100%; border-left:none}

.hc_history_list {width:auto; padding:20px 2.8%;}

.hc_history_list > dl {padding-left:45px}

.hc_history_list > dl > dt {margin:4px 5px 0 0; padding-right:8px;}

.hc_history_list > dl > dd {position:relative; padding:0 5px 0 28px;}





/* 고객지원 - 교육신청 */

.custom_intro .dp_1 {display:none;}

.custom_intro .dp_2 {display:block;}



.customer .info_box {padding:19px;}

.customer .info_box .info_list {max-height:56px;}

.customer .info_box .btn_views {position:relative; left:0; bottom:0; margin-top:14px;}



.edu_process li {float:none; width:100%; margin:0;}



/* 인재채용 FAQ */

.faq li .que {position:relative; padding:13px 35px 13px 58px;}

.faq li .que span.q {position:absolute; left:18px; top:11px; line-height:21px;}



.btn_request a:last-child {margin-top:10px;}



.greet p.f_l {float:left; width:100%;}

.greet p.f_r {float:left; width:100%; margin-top:10px;}

.greet p.f_r.sign {margin-top:30px;}







}







.hc_history_list > ul{

	position: relative;

    margin-top: 20px;

    padding-left: 53px;

}



.hc_history_list > ul > li{

    display: inline-block;

    position: absolute;

    /*top: 0;*/

    left: 0;

    margin: 4px 9px 0 0;

    padding-right: 13px;

    border-right: 1px dotted #abc6e2;

    font-family: 'NanumGothicBold';

    font-size: 13px;

    line-height: 1em;

    color: #000;

}



.hc_history_list > ul > div{

	position: relative;

    /* margin-top: 9px; */

    padding-left: 28px;

}



.hc_history_list .month{

	top:none;

}