@charset "UTF-8";
/*******

PYH CSS RESET

*******/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;}
img,fieldset,iframe {;border:0;}
img {max-width:100%;vertical-align:middle;}
ul,ol,li {list-style:none;}
a {text-decoration:none;color:#666;}
.tac {text-align:center;} .tal {text-align:left;} .tar {text-align:right;}
.blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;}
.dotum {font-family:'돋움','돋움체';}
.ls0 {letter-spacing:0;}
strong {font-weight:600;}


#wrap {width:100%;height:100%;font-family:'Open Sans','맑은 고딕','malgun gothic';font-size:14px;color:#666;letter-spacing:-1px;}

/*header*/
#header {overflow:hidden;}
.topbar-wrap {background:#f9f9f9;}
.topbar {width:1000px;height:30px;margin:0 auto;font-size:10px;color:#999;text-align:right;}
.topbar a {font-size:10px;color:#999;line-height:30px;letter-spacing:0;}
.topbar span {padding:0 5px;}
.topbar .hide {position:relative;top:1px;}
.gnb-area {position:relative;width:1000px;height:85px;margin:0 auto;}
.logo-area {float:left;margin-top:20px;}
.logo-area a img {vertical-align:top;}
.main-menu {float:right;overflow:hidden;margin-top:20px;}
.main-menu li {float:left;margin-left:25px;}
.main-menu li.on a {font-weight:600;}
.main-menu li a {font-size:16px;color:#666;line-height:62px;}
.main-menu li a:hover {font-weight:600;}
.main-menu .manager-menu {margin-left:25px;}
.main-menu .manager-menu a {padding:2px 7px;background:#7fb3d4;border:1px solid #6e9ebe;border-radius:2px;font-size:13px;color:#fff;box-sizing:border-box;}
.header-wrap {display:none;position:absolute;top:115px;width:100%;background:#fff;border-top:1px solid #ddd;border-bottom:2px solid #153158;z-index:9999;}
.header-area {max-width:1000px;margin:0 auto;}
.main-sub-menu {overflow:hidden;border-right:1px solid #ddd;}
.main-sub-menu > li {float:left;width:16.666% ;min-height:210px;padding:15px 0;padding-left:15px;border-left:1px solid #ddd;box-sizing:border-box;}
.main-sub-menu > li > a {display:block;margin-bottom:15px;font-weight:600;font-size:15px;color:#111;}
.main-sub-menu > li li {padding-top:5px;}
.main-sub-menu > li li:first-child{padding-top:0;}
.main-sub-menu > li li a {font-size:13px;color:#999;}
.main-sub-menu > li li a:hover {font-weight:600;color:#014fa2;}
.m-menu {display:none;position:absolute;top:15px;right:15px;}
.m-menu button {width:25px;height:20px;background:url(../../images/m_menu.png) no-repeat 0;background-size:100% 100%;text-indent:-9999px;border:none;}
.mb-menu {display:none;}
.mb-menu .main-sub-menu span {font-weight:600;font-size:14px;color:#666;}

/*container*/
#container {position:relative;overflow:hidden;}
.main-con div.quick-menu {float:none;height:auto;position:absolute;top:30px;left:50%;margin-left:840px;;}
.main-section-area {clear:both;overflow:hidden;}
.main-section {float:left;box-sizing:border-box;}
.section-title {position:relative;font-size:20px;font-weight:600;color:#556176;letter-spacing:0;}

/*main*/
.main {max-width:1920px;margin:0 auto;}
.main .bx-wrapper .bx-pager {display:block;bottom:10px;z-index:99;}
.main-con { position:relative;overflow:hidden;max-width:1920px; padding:30px;background:#edeef2;box-sizing:border-box;}

.main-con-new { display:flex; max-width:1920px; margin-right:100px; } 
/*
.main-con > div {float:none;height:590px;margin-left:10px;box-sizing:border-box;}
.main-con > div:first-child{margin-left:0;}
*/

.main-portfolio {position:relative;width:78%; margin-right:10px; }
.main-portfolio .portfolio-con {opacity:0;position:absolute;top:0;left:14.6%;width:85.5%;}
.main-portfolio .portfolio-con .img {overflow:hidden; max-height:630px; }
.main-portfolio .portfolio-con .img img { width:100%; height:100%; -webkit-transition: all 5s;-moz-transition: all 5s;-ms-transition: all 5s;-o-transition: all 5s;transition: all 5s;-webkit-transform:scale(1.2);-ms-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.main-portfolio .portfolio-con.on {opacity:1;z-index:9}
.main-portfolio .portfolio-con.on .img img {-webkit-transform: scale(1); -ms-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);}




.main-portfolio .portfolio-btn {width:14.6%;height:630px;padding:20px;background:#0072bf;box-sizing:border-box;}
.main-portfolio .portfolio-btn .portfolio-tit {padding-bottom:20px;font-weight:600;font-size:16px;color:#fff;letter-spacing:0;}
.portfolio-btn-list li { overflow:hidden; } 
.portfolio-btn-list li.on .tit a {position:absolute;left:0;width:100%;height:78px;padding:30px 0;/*20160129 방소정*//*padding:25px 0;/20160128 윤지명*/background:#004ea2;z-index:1;box-sizing:border-box;}
.portfolio-btn-list li:first-child{margin-top:0;}
.portfolio-btn-list li {display:block; position:relative;margin-top:15px;}
.portfolio-btn-list li .pbl-con {position:relative;}
.portfolio-btn-list li .tit a {display:block;position:absolute;bottom:0;width:100%;padding:10px 0;background:rgba(0, 0, 0, 0.5);font-weight:600;/*font-size:11px;*/font-size:10px;/*20160129 방소정*/color:#fff;text-align:center;z-index:2;}
.portfolio-btn-list li .img {/*height:70px;*/height:78px;}/*20160128 윤지명*/
.portfolio-con {position:relative;}
.portfolio-con .tit {position:absolute;top:30px;left:30px;font-size:20px;color:#efefef;}
.portfolio-con .img img {height:630px;}

.main-nm { width:22%; }

.main-nm-con { display:flex; flex-direction:column; overflow:hidden;}
.main-nn { width:100%; padding:19px;background:#fff;box-sizing:border-box;}
.main-nn .h-tit .tit {overflow:hidden;padding-bottom:10px;font-weight:600;font-size:16px;color:#556176;letter-spacing:0;}
.main-nn .h-tit .tit .more {float:right;padding-top:5px;font-weight:400;font-size:12px;color:#333;text-align:right;}
.main-mo { margin-bottom:10px; }
.news-list {overflow:hidden;margin:-1%;}
.news-list li {float:left;width:47.3%;margin:1%;/*margin-bottom:10px; 20160129 방소정*/margin-bottom:5px;border:1px solid #ddd;}
.news-list li .txt {padding:5px 0;font-size:12px;color:#666;text-align:center;:}
.notice-con {margin-top:20px;}
.notice-list {/*margin-top:15px;*/margin-top:0px;}
.notice-list li {position:relative;overflow:hidden;padding-left:10px;padding-right:70px;background:url(../../images/blit_m.gif) no-repeat 0 10px;/*line-height:25px;*//*line-height:30px;/*0160128 윤지명*/line-height:28px;/*20160129 방소정*/}
.notice-list li a {overflow:hidden;display:block;white-space:nowrap;font-size:13px;color:#666;text-indent:-3px;text-overflow:ellipsis;}
.notice-list li span {position:absolute;right:0;font-size:12px;letter-spacing:0;}
.main-mo > div {margin-top:0px;}
.main-mo > div:first-child{margin-top:0;}
.main-mo .office {padding:30px;background:#fff;}
.main-mo .office > .tit {overflow:hidden;padding-bottom:10px;font-weight:600;font-size:16px;color:#111;letter-spacing:0;}
#video-cf {width:100%;height:285px;background:#000;}
.office-list {overflow:hidden;margin:0 -1%;}
.office-list li {float:left;width:48%;margin:0 1%;margin-top:5px;}
.office-list li .tit {margin-top:10px;font-size:17px;color:#111;text-align:center;letter-spacing:-2px;}

/* main-section4 */
.main-client {position:relative;height:79px;padding:0 30px;line-height:80px;}
.main-client-title {position:absolute;top:0;left:35px;width:85px;font-size:15px;font-weight:bold;color:#222;line-height:80px;}
.main-client-slider {overflow:hidden;padding-left:130px;}
.main-client-slider ul {margin-top:15px;line-height:0;}

/* footer */
#footer {margin:0 auto;padding:40px 15px;border-top:1px solid #ddd; background:#5d5d64;}
#footer .hide {display:inline;}
/*.footer-addr {position:relative;width:820px;margin:0 auto;padding-left:180px;background:url(../../images/logo_footer.gif) no-repeat 0px 25px;font-size:12px;color:#ccc;line-height:18px;letter-spacing:none;}*/
.footer-addr {position:relative;max-width:1000px;margin:0 auto;padding-left:180px;background:url(../../images/logo_footer.gif) no-repeat 0px 25px;font-size:12px;color:#ccc;line-height:18px;letter-spacing:0px;box-sizing:border-box;}/*박소연주임 추가*/
.footer-addr .hide a {color:#ccc;}
.footer-addr span {letter-spacing:0;}
.footer-addr select {position:absolute;top:0;right:0;width:150px;padding:4px 0px;border:1px solid #ddd;font-family:'맑은 고딕';font-weight:600;color:#666;}
.footer-addr .colorfff {font-size:14px;}


/*customer*/
.customer-form {}
.form-area {padding:8px 0;border-bottom:1px solid #ddd;}
.form-area.last {margin-bottom:15px;}
.form-area label {display:inline-block;width:15%;font-size:14px;font-weight:bold;color:#333;}
.form-area label span {padding-left:5px;font-weight:bold;color:#c00;}
.form-long {width:80%;}
.form-middle {width:20%;}
.form-small {width:10%;}
.txt-area {width:99%;}
.txt-area textarea {width:98%;height:200px;padding:1%;resize:none;}
.btn-fileadd {display:inline-block;width:75px;height:24px;border:0;background:#666;font-size:13px;font-weight:600;color:#fff;}
.btn-filedel {display:inline-block;width:77px;height:26px;border:1px solid #ccc;background:#fff;font-size:13px;font-weight:600;color:#666;}
.btn-submit {display:inline-block;width:115px;height:28px;border:0;background:#0076c1;font-size:15px;font-weight:600;color:#fff;}
.btn-reset {display:inline-block;width:115px;height:28px;border:0;background:#999;font-size:15px;font-weight:600;color:#fff;}
.hr {/*margin-top:100px;*/margin-top:20px;}/*20160203 윤지명*/
.hr-table {table-layout:fixed;width:100%;padding:0;border-spacing:0;border-bottom:1px solid #c0c0c0;border-top:2px solid #c0c0c0;background:#fbfbfb;}
.hr-table th {padding:10px 15px;border-bottom:1px solid #c0c0c0;font-size:14px;font-weight:600;color:#222222;text-align:left;}
.hr-table tr.nobd * {border-bottom:0px;}
.hr-table td {padding:10px 0;border-bottom:1px solid #c0c0c0;line-height:20px;}
.hr-process {padding-left:30px;}
.well {margin-top:60px;}
.well-img {text-align:center;margin-top:30px;}
.well-list {overflow:hidden;}
.well-list li {float:left;width:33.3%;}
.comn-desc {/*margin:20px 0;*/margin:20px 0 50px;font-size:15px;color:#666;line-height:25px;}/*20160203 윤지명*/
.hr-info {margin-top:60px;}
.hr-process {overflow:hidden;text-align:center;}
.hr-process img {float:left;}
.hr-info-diagram {overflow:hidden;margin-top:20px;text-align:center;}
.hr-info-diagram img {float:left;}
.hr-info-diagram .arrow {padding:0 5px;}
.hr-info-title {margin-top:30px;margin-bottom:5px;font-size:14px;font-weight:600;color:#222;}
.hr-info-desc {margin-left:8px;}

/*company*/
/*.ceo-greeting {line-height:22px;}
.ceo-greeting b {color:#0076c1;}
.ceo-sign {text-align:right;}
.operation {margin-bottom:80px;}
.history-table {table-layout:fixed;position:relative;top:-38px;width:70%;margin:0 auto;padding:0;border-spacing:0;}
.history-table th {padding:10px 0;border-bottom:1px dotted #ccc;font-family:'Open Sans';font-size:20px;font-weight:600;color:#222;text-align:left;}
.history-table td {border-bottom:1px dotted #ccc;}
.summary {overflow:hidden;margin-bottom:30px;}
.summary-img {float:left;width:45%;margin-right:5%;}
.summary-table {float:left;table-layout:fixed;width:50%;padding:0;border-spacing:0;}
.summary-table th {padding:10px 0;border-bottom:1px dotted #ccc;font-size:13px;color:#333;text-align:left;}
.summary-table td {padding:10px 0;border-bottom:1px dotted #ccc;font-size:13px;}
.license {overflow:hidden;}
.license .article-title {margin-bottom:30px;}
.li-lists {overflow:hidden;margin-top:50px;padding:30px 10px 0 10px;border-top:2px solid #71716c;border-bottom:2px solid #71716c;background-color:#f9f9f9;}
.lis {float:left;width:25%;margin-bottom:25px;font-weight:600;text-align:center;cursor:pointer;}
.lis div {min-height:40px;}
.lis img {display:inline-block;margin-bottom:10px;}
.map-addr {line-height:35px;}
.map-addr a {display:inline-block;float:right;width:160px;height:35px;background:#71716c;font-size:15px;font-weight:600;color:#fff;text-align:center;line-height:35px;}
#map-canvas {width:100%;height:296px;margin-top:15px;border:2px solid #71716c;border-width:2px 0 2px 0;}
.map-title {font-family:'맑은 고딕';}
.map-info {margin-top:30px;line-height:33px;}
.map-info li span {display:inline-block;min-width:84px;padding-left:23px;font-weight:600;color:#222;}
span.bg-tel {background:url(../../images/bg_tel.gif) no-repeat 0 7px;}
span.bg-fax {background:url(../../images/bg_fax.gif) no-repeat 0 7px;}
span.bg-subway {background:url(../../images/bg_subway.gif) no-repeat 0 7px;}*/

/* marketing */
.pdf-area {overflow:hidden;}
.pdf-area a {float:right;}
.pdf-area a:first-child {float:left;}
.client-list {overflow:hidden;margin-left:-14px;}
.client-list li {display:inline-block;min-width:200px;width:31%;height:80px;margin-bottom:15px;margin-left:14px;border:1px solid #ddd;text-align:center;line-height:78px;box-sizing:border-box;}

/* form */
.ipt {display:inline-block;font-size:12px;vertical-align:middle}
td.tal {text-align:left;} td.tac {text-align:left;} td.tar {text-align:left;}
select {height:29px;padding:5px 3px;border:1px solid #ddd;vertical-align:top;font-family:'맑은 고딕','malgun gothic';font-size:12px;outline:none;}
input {font-family:'맑은 고딕','malgun gothic';}
input.disable {background-color:#ccc;}
input[type=text] {display:block;width:100%;height:29px;padding:5px;border:1px solid #ddd;vertical-align:top;outline:none;box-sizing:border-box;background-color:#fff;}
input[type=password] {display:block;width:100%;height:29px;padding:5px;border:1px solid #ddd;vertical-align:top;outline:none;box-sizing:border-box;background-color:#fff;}
input[type=radio] {display:inline-block;position:relative;top:-1px;vertical-align:middle;}
input[type=checkbox] {display:inline-block;position:relative;top:-1px;vertical-align:middle;}
input[type=button] {font-family:'맑은 고딕';cursor:pointer;-webkit-appearance: none;}
textarea {border:1px solid #ddd;font-family:'맑은 고딕','malgun gothic';background-color:#fcfcfc;}
button {font-family:'맑은 고딕';cursor:pointer;}
/* 페이지 네비 */
.page-navi {/*margin-top:15px;*/margin-top:30px;text-align:center;}/*20160119 김유화 수정*/
.page-navi a {display:inline-block;width:24px;height:24px;border:1px solid #eaeaea;font-size:13px;color:#333;text-align:center;line-height:24px;}
.page-navi a.on {border:1px solid #c1c1c1;}
.page-navi a img {vertical-align:top;}
/* 기본공통테이블 - 일반형 게시판 (ipo소식,청구기업) */
.standard-table {table-layout:fixed;width:100%;padding:0;border-spacing:0;text-align:center;}
.standard-table tr th {padding:10px 0;background-color:#104771;font-size:14px;color:#fff;}
.standard-table.small tr th {font-size:13px;}
.standard-table.small tr td {font-size:12px;}
.standard-table tr td {overflow:hidden;padding:10px 0;border-bottom:1px solid #ddd;font-size:13px;color:#8b8b8b;text-overflow:ellipsis;white-space:nowrap;}
.standard-table tr td a {color:#333;}
.standard-table tr td span.noanswer {display:inline-block;padding:2px 5px;border:1px solid #ddd;font-size:11px;color:#666;}
.standard-table tr td span.answer {display:inline-block;padding:2px 5px;border:1px solid #888;background-color:#aaa;font-size:11px;color:#fff;}
/* 테이블 상단영역 */
.table-top {overflow:hidden;margin-bottom:20px;}
.table-top button {display:block;height:28px;padding:0 10px;border:0;background-color:#555;font-size:12px;color:#fff;}
.table-top input[type=button] {display:block;height:29px;padding:0 10px;border:0;background-color:#555;font-size:12px;color:#fff;}
.table-total {float:left;font-size:13px;color:#333;line-height:28px;}
.table-search {float:right;}
.table-top.bd {padding:16px 10px;border:1px solid #ddd;}
/* 테이블 버튼들 */
.table-btns {margin-top:10px;text-align:right;line-height:26px;}
.table-btns span {display:inline-block;width:62px;height:30px;border:1px solid #ddd;text-align:center;line-height:30px;}
.table-btns span a {display:block;font-size:11px;color:#555;}
/*  게시물 상세페이지 - 모든게시판 공통 */
.standard-view-title {margin-bottom:10px;font-size:22px;font-weight:bold;color:#333;line-height:24px;}
.standard-view-meta {font-size:14px;color:#444;}
.standard-view-like {height:16px;margin:10px 0;padding-left:10px;padding-top:10px;padding-bottom:12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#eee;line-height:16px;}
.standard-view-content {font-size:16px;color:#666;line-height:25px;letter-spacing:-1px;}
.standard-view-share {width:auto;height:60px;margin:30px 0;border:1px solid #ddd;line-height:60px;text-align:center;}
.standard-view-attch {height:34px;padding:0 10px;background-color:#f1f1f1;font-size:12px;line-height:34px;}
.standard-view-attch a {color:#333;}

/* privacy */
.privacy {margin-bottom:70px;}
.privacy-con {overflow-x:hidden;overflow-y:auto;width:100%;height:140px;padding:15px;border:1px solid #ddd;font-size:13px;color:#666;box-sizing:border-box;}
.privacy-radio {overflow:hidden;margin-top:15px;}
.privacy-radio li {float:left;margin-left:20px;font-size:13px;color:#666;}
.privacy-radio li:first-child{margin-left:0;}
.privacy .radeo-lbl {vertical-align:middle;}
.btn-modify {padding-left:29px;background:url(../../images/img_modify.gif) no-repeat 9px 8px;}
.privacy .ti-desc.top {padding-top:0;}
.privacy .ti-desc {padding-top:10px;}


/* FORM */
.form-area {margin:0 auto}
.form-row {position:relative;width:100%;padding:5px 0;padding-left:180px;border-top:1px solid #ddd;line-height:30px;font-size:13px;color:#666;}
.form-row.bd-t {border-top:1px solid #999;}
.form-row.bd-t .lbl {margin-top:-1px;border-top:1px solid #0076c1;}
.form-row .lbl {position:absolute;top:0;left:0;width:13.5%;height:43px;padding:6px 0;padding-left:45px;background:#fafafa;font-weight:600;font-size:14px;color:#111;box-sizing:border-box;}
.form-row .ipt.full {width:100%;}
.form-row .ipt.middle {width:50%;}
.form-row .ipt.small {width:25%;}
.form-row .slt {height:30px;padding:5px;border:1px solid #333;}
.form-row .comm-btn {display:inline-block;height:30px;background:red;}
.form-row.textarea-area {padding:10px 0 0;padding-left:180px;}
.form-row.textarea-area .lbl {height:422px;}
.form-row.last {padding-top:40px;padding-left:0;text-align:center;}
.form-row.last .btn {display:inline-block;width:180px;height:50px;padding:10px 0;border:1px solid #ccc;text-align:center;box-sizing:border-box;}
.form-row-file .btn.btn-default {padding:5px 10px;background:#999;border:none;font-size:12px;color:#fff;letter-spacing:-2px;line-height:22px;}

/* qna */
.qna .form-area.bd-t {border-top:1px solid #999;}
.qna .form-area.bd-t label {border-top:1px solid #0076c1;}
.qna .form-area {position:relative;width:100%;padding:5px 0;padding-left:180px;box-sizing:border-box;}
.qna .form-area label {position:absolute;top:0;left:0;width:16%;padding:15px 0;padding-left:50px;height:auto;background:#fafafa;box-sizing:border-box;}
.qna .textarea-h label {height:246px;}
.qna .form-area.last .btn-filedel {border:1px solid #999;color:#666;}
.qna input[type=button] {height:auto;padding:6px 0;border:1px solid #666;font-weight:400;font-size:12px;color:#fff;}
.qna .go-right input[type=button] {width:170px;height:auto;padding:15px 20px;border:1px solid #0076c1;font-weight:600;font-size:16px;color:#fff;}
.qna .go-right input.btn-reset {background:#fff;border-color:#ccc;color:#333;}


/*bx slider*/
.bx-wrapper .bx-controls-direction a {width:40px;height:70px;margin-top:-30px;}
.bx-wrapper .bx-next {right:0;background:url(../../images/btn_next.png) no-repeat 0;}
.bx-wrapper .bx-prev {left:0;background:url(../../images/btn_prev.png) no-repeat 0;}
.bx-wrapper .bx-next:hover {right:0;background:url(../../images/btn_next.png) no-repeat 0;}
.bx-wrapper .bx-prev:hover {left:0;background:url(../../images/btn_prev.png) no-repeat 0;}