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

PYH CSS RESET

*******/

@media screen and (max-width:1950px) {
	.main-con { margin:0 auto; } 
}

@media screen and (max-width:1850px) {


/*main-------------------------------------------*/
.main-con {width:auto;padding:15px 10px;padding-right:1.8%;}
.main-con div.quick-menu {top:15px;left:auto;right:10px;}
#video-cf {height:234px;}
.portfolio-con .img img {height:100%;}

.main-con-new { margin-right:80px; } 

.main-portfolio .portfolio-btn .portfolio-tit {font-size:14px;}
.portfolio-btn-list li {margin-top:18px;}
.portfolio-btn-list li.on .tit a {height:65px;padding:23px 0;}
.portfolio-btn-list li .tit a {bottom:0px;}
.portfolio-btn-list li .img {height:65px;}
.main-portfolio .portfolio-btn {padding:15px;}
.main-portfolio .portfolio-btn {height:560px;}

.main-con > div {height:550px; overflow:hidden; }
.main-nn {padding:18px; }
.main-nn .h-tit .tit {padding-bottom:7px;font-size:15px;}
.news-list li img {height:104px !important;}

.main-mo {width:;}
.main-mo .office {padding:18px;}
.main-mo .office > .tit {padding-bottom:10px;font-size:15px;}
.office-list li .tit {font-size:12px;}
/*//main-------------------------------------------*/


.main-portfolio .portfolio-con .img { max-height:100%; } 

/*content*/
.sub-content {margin-bottom:50px;}

/*login*/
.login-form {width:60%;}
}





@media screen and (max-width:1599px) {


/*main-------------------------------------------*/
.main {background:#edeef2;}
.main-con {max-width:1000px;margin:0 auto;padding:30px 0;}
.main-con > div {float:none;width:100%;height:auto;margin-left:0;}
#video-cf {height:310px;}
.main-portfolio .portfolio-con .img {overflow:hidden; max-height:520px; }
.main-portfolio .portfolio-con .img img { width:100%; height:100% !important; vertical-align:baseline; }

.main-portfolio { width:100%; margin-bottom:12px;}
.main-portfolio .portfolio-btn {height:520px;}
.main-portfolio .portfolio-btn .portfolio-tit {padding-bottom:17px;}
.portfolio-btn-list li {margin-top:12px;}
.portfolio-btn-list li .img {height:65px;}
.main-portfolio .portfolio-con { width:calc(100% - 250px); }

.main-nn {width:50%; max-height:310px; padding:17px 18px 0px 18px; box-sizing:border-box; }

/*.notice-list li:nth-last-child(-n+1) {display:block;}*/
.notice-list li:nth-last-child(-n+1) {display:none;}

.main-con div.quick-menu {top:30px;left:50%;right:auto;margin-left:410px;}
.news-list .img img {height:137px !important;}

.main-mo { width:50%; margin-right:10px; margin-bottom:0px; } 
.main-mo .office {padding:25px;}
.main-mo .movie { height;100%; } 
.main-mo .movie img {width:100%;}
.office-list .img {text-align:center;}


.main-con-new { display:flex;flex-direction:column; margin-right:100px; } 
.main-nm { width:100%; } 
.main-nm-con { display:flex; flex-direction:row; overflow:hidden;}

/*//main-------------------------------------------*/

/*login*/
.login-form {width:50%;}
}




@media screen and (max-width:1040px) {

/*main-------------------------------------------*/
.m-menu {display:block;}
.topbar {width:100%;padding-right:10px;box-sizing:border-box;}
.gnb-area {width:100%;height:60px;padding:8px 0;box-sizing:border-box;}
.logo-area {float:none;margin-top:0;padding-left:10px;text-align:left;}
.logo-area img {height:40px;}
.main-sub-menu > li {width:16.6%;}

.mb-menu .m-submenu {margin-top:10px;}
.gnb-area {border-bottom:2px solid #153158;}
.main-menu {display:none;}
.header-wrap {top:88px;}
.main-sub-menu {border-right:none;}
.header-area {max-width:100%;}
.main-menu li {float:none;margin-left:0;}
.main-menu li a {font-size:14px;line-height:22px;}
.main-con {max-width:900px;}
.main-con div.quick-menu {display:none;}
.main-mo .office {padding:25px 30px;}
    {height: auto;    padding: 33px 0;} 

.main-portfolio .portfolio-con { width:calc(100%); }

/*//main-------------------------------------------*/

/*content-------------------------------------------*/
/*comm*/
.sub-content {width:100%;padding:0 10px;box-sizing:border-box;}
.tab-area li a {font-size:13px;}
/*//content-------------------------------------------*/

/*login*/
.login-rows li input[type=text], .login-rows li input[type=password] {width:100%;}
.login-rows li.lgn {padding-left:0;}
.login-rows li.lgn input {position:static;width:100%;height:auto;font-size:14px;line-height:40px;}
}




@media screen and (max-width:1024px) {
.portfolio-btn-list li.on .tit a {height:auto;padding:33px 0;}
.certification-list li {min-height:255px;}
}




@media screen and (max-width:980px) {

/*
#video-cf {height:257px;} 
*/

/*content------------------------------------------*/
.sub-content {margin-bottom:0px;}

.cus3 .float-l {float:none;width:100%;}
.cus3 .float-r {float:none;width:100%;text-align:center;}
.contact-box li {width:30.3%;}

/*bus*/
.bus .box-btn-con {min-height:0;padding:20px 20px 10px;}
.bus .box-btn {float:none;width:100%;}
.bus .box-con-area {float:none;width:100%;margin-top:10px;margin-bottom:10px;}
.bus .box-con-area:first-child .box-con {display:block;}
.bus .box-con-area .box-con {position:static;display:none;}
.bus .box-con-img {width:100%;}
.bus .box-con-img img {width:100%;height:auto;}


/*board*/
.qna .form-area {padding-left:160px;}
/*//content------------------------------------------*/
}





@media screen and (max-width:915px) {

/*main------------------------------------------*/

.main-con {padding:10px;}
.main-con > div {width:100%;}
.portfolio-con img {width:100%;}
.main-portfolio .portfolio-btn {height:auto;width:100%;}
.main-portfolio .portfolio-btn .portfolio-tit {padding-bottom:15px;}
.portfolio-btn-list {overflow:hidden;margin:0 -0.5%;}
.portfolio-btn-list li {float:left;width:15.59%;margin:0 0.5%;margin-top:0;}
.portfolio-btn-list li .img {height:100%; max-height:85px; }
.main-portfolio .portfolio-con {position:relative;left:0;width:100%;display:none; }
.main-portfolio .portfolio-con.on {display:block; opacity:1;z-index:9}

/*
.main-portfolio .portfolio-con {opacity:0;position:absolute;top:0;left:14.6%;width:85.5%;}
*/


.portfolio-btn-list li.on .tit a {width:100%;height:100%;padding:33% 0;}
.portfolio-btn-list li .tit a {bottom:0;}

.main-nn {overflow:hidden;float:none;width:100%;height:auto;}
.main-nn .news-list li { ;}
.main-nn .notice-con {float:none;width:100%;padding-left:0;}
.notice-con {padding-left:25px;}

.main-mo {overflow:hidden;float:none;width:100%;height:auto;margin-top:0px;margin-left:0;}
/*
.main-mo > div {float:none;width:49%;box-sizing:border-box;}
.main-mo .office {float:right;margin-top:0;padding:30px;}
*/

.main-con div.quick-menu {display:none;}

.qna .form-area label {padding-left:15px;}
.qna .form-area {padding-left:18%;}
.qna .textarea-h label {height:100%;}

/*footer*/
.footer-addr {max-width:100%;padding:15px 10px;padding-left:10px;background:none;font-size:11px;text-align:center;line-height:15px;}
.footer-addr select {position:static;display:block;margin:0 auto;margin-top:15px;}
/*//main-------------------------------------------*/


/*content------------------------------------------*/
/*cpy*/
.cpy2 .float-l {width:100%;}
.cpy2 .float-r {width:100%;margin-top:20px;text-align:center;}
.history-table {width:100%;}
.cpy6 .factory-map {float:none;width:100%;text-align:center;}
.cpy6 .factory-info {overflow:hidden;float:none;width:100%;margin-top:30px;}
.cpy6 .factory-btn {float:right;position:static;margin-top:20px;}
.cpy6-bxslider li {height:auto;}
#cpy6-bxpager a {width:18.7%;height:auto;}

/*pk*/
.pk1 .pk-list li {height:250px;}

/*cus*/
.customer-recruit .hr-info {margin-bottom:70px;}

/*board*/
.form-row {min-width:100%;padding-left:170px;}
.form-row.textarea-area {padding-left:170px;}
/*//content------------------------------------------*/

}





@media only all and (max-width:860px) {

/*content*/

/*cpy*/
.certification-list li {width:13.5%;min-height:240px;}
.certification-list .img {min-height:155px;}
.cpy .table-wrap .left {width:47%;}

}





@media only all and (max-width:768px) {

/*main------------------------------------------*/
.main .bx-wrapper .bx-pager {display:none;}
.header-wrap.web-menu {display:none;}
.mb-menu {height:auto !important;}
.main-sub-menu > li {float:none;width:100%;min-height:0;padding:10px 0;border-top:1px solid #ececec;text-align:center;}
.main-sub-menu > li:first-child{border-top:none;}
.main-sub-menu > li > a {margin-bottom:0;font-size:14px;}
.mb-menu .m-submenu {display:none;}
.m-submenu {margin-top:10px;}
.main-mo .office {padding:18px;}
/*
.main-nn .news-list li {width:22.7%;}
*/

#footer {padding:0}
.footer-addr .colorfff {font-size:12px;}
/*//main------------------------------------------*/

/*login*/
.login-area {padding:25px;}
.login-form {width:80%;}


/*content------------------------------------------*/
h2.tit {font-size:35px;}
.slogan p {font-size:22px;}
.slogan p.mgt50 {margin-top:0;}
.comm-desc {font-size:13px;}
.history-table th {font-size:13px;}
.history-table td {font-size:13px;}
.article .tit {font-size:17px;}
.article .tit .st {font-size:11px;}


/*form, table, qna*/
.table-btns {margin-bottom:30px;}
.qna .go-right input[type=button] {width:100px;padding:10px 20px;font-size:13px;}


/*cpy*/
.certification-list li {width:17%;margin-bottom:0;}
.certification-list .comm-desc {margin-top:0;}
.certification-list .img {min-height:175px;}
.history-table col:first-child{width:11% !important;}
.cpy3 .float-l .table-wrap th {height:auto;padding:10px 0;padding-left:15px;}
.cpy3 .float-l .table-wrap td {height:auto;padding:10px 0;padding-left:15px;}
.cpy5-top .float-l {float:none;width:100%;margin-bottom:15px;text-align:center;}
.cpy5-top .float-r {float:none;width:100%;padding-left:0;}
.cpy5 .down_btn .btn_sqr {margin-left:0;width:48.9%;}
.cpy6 .table-wrap .left {width:25%;}
.cpy6 .factory-btn a {width:100px;padding:5px 10px;font-size:13px;}
.cpy6 .table-wrap th {padding-left:10px;}
.cpy6 .bx-controls-direction {display:none;}

/*bus*/
.con-div.profit {border-top:1px solid #bababa;}
.profit-con .profit-info .tit {padding-bottom:12px;}
.news-list .img img {height:auto;}
.profit-con .table-wrap th {padding:7px 0;}
.profit-list {margin:0;}
.profit-view .profit-slider {float:none;width:100%;}
.profit-view #bx-pager a {height:auto;}
.profit-view .profit-info {float:none;width:100%;margin-top:30px;}
.profit-view .profit-btn {position:static;float:right;margin-top:10px;}
.profit-view .profit-btn a {width:100px;}
.profit-list {border-top:1px solid #b8b8b5;border-bottom:none;}
.profit-list li {float:none;width:100%;padding:30px 0;box-sizing:border-box;}
.porofit-big li img {width:82%;margin:0 auto;}
.profit-con .profit-left .img {height:auto;}
.profit-con .profit-left .img img {height:auto;}

/*pk*/
.pk1 .tab-menu-pk {margin:-0.1%;}
.pk1 .tab-menu-pk li {width:19.8%;margin:0.1%;}
.pk1 .pk-list li {height:290px;}


/*pr*/
.pr2 .con-div.mgt50 {margin-top:30px;}
.pr2 .float-l {float:none;width:100%;margin-bottom:30px;}
.pr2 .float-r {float:none;width:100%;}
.marketing-notice .bbs_photo .bbs_section .thumbnail a img {height:130px;}

.pr-box {width:100%;height:auto;padding:20px;box-sizing:border-box;}
.pr-box a:first-child{margin-top:0;}
.pr-box a {display:inline-block;margin-top:10px;}
.pr-box .mov {position:static;width:100%;margin:0 auto;}
.pr-box .mov .video {width:100%;height:auto;margin:0;margin-left:0;}
.pr-box .mark {display:none;}
.pr-box img {margin-top:0;}

.tab-area.three {margin:-0.5%;}
.tab-area.three li {width:32.1%;margin:0.5%;}
/*//content------------------------------------------*/

}





@media only all and (max-width:767px) {

.tab-area.six {margin:-0.5%;}
.tab-area.six li {width:32.3%;margin:0.5%;line-height:40px;}
.tab-area.four li {width:32.3%;margin:0.5%;line-height:40px;}
.tab-area.two li {width:49%;margin:0.5%;line-height:40px;}
.tab-area {margin:-0.5%;}
.tab-area li {width:32.3%;margin:0.5%;line-height:40px;letter-spacing:-2px;}
.tab-area li a {font-size:12px;line-height:35px;}
.tab-area.three li {width:32.3%;}

.sub-topimg2 {display:none;}
.sub-topimg3 {display:none;}
.sub-topimg4 {display:none;}
.sub-topimg5 {display:none;}
.sub-topimg6 {display:none;}

/*cus*/
.hr-info-diagram {text-align:center;margin:-5px;}
.hr-info-diagram img {float:none;display:inline-block;margin:5px;}
.hr-info-diagram .arrow {display:none;}

/*cpy*/
.cpy3 .float-l {float:none;width:100%;}
.cpy3 .float-r {float:none;width:100%;margin-top:20px;}
.certification-list li {width:30%;margin-bottom:10px;}
.cpy4 .float-l {float:none;width:100%;text-align:center}
.cpy4 .float-r {float:none;width:100%;padding:10px;}

/*pr*/
.bbs_photo .bbs_section .thumbnail a img {height:auto;}
}


/* thk 추가 */

@media only all and (max-width:640px) {
	.main-nm-con { flex-direction:column; } 
	.main-mo { margin-bottom:15px; }
	.main-nn { padding:18px;max-height:revert; margin-bottom:15px; }
	.notice-list li:nth-last-child(-n+1) {display:block;}
	.news-list .img img { width:100%; } 
} 


@media (max-width:767px) {



}





@media (min-width:315px) and (max-width:767px) {

/*main*----------------------------------------------*/
/*
.main-nn .news-list li {width:22.58%;}
*/
/*
.news-list .img img {height:auto !important;}
*/

.news-list li .txt {font-size:11px;}

.footer-addr {font-size:10px;}
.footer-addr .colorfff {font-size:11px;}
/*//main*----------------------------------------------*/

/*content-----------------------------------------------*/
.sub-content {padding:40px 10px;}
.sub-tab-area {margin:0 0 20px;}
.sub-topimg {display:none;}
.article .bread {position:static;margin-top:10px;}


/*porofit*/
.con-div.profit {border-top:none;}
/*.profit-slider .bx-viewport {height:auto !important;}*/
.bx-wrapper img {width:100%;}
.profit-con .profit-left .img {height:auto;}
.porofit-big li img {width:100%;margin:0 auto;}

/*cpy*/
.slogan p {font-size:15px;line-height:22px;letter-spacing:-1px}
.slogan p.mgt50 {margin-top:20px;}
.slogan p br {display:none;}
.cpy6 #cpy6-bxpager a {width:31.7%;}
.con-div.certification {padding:15px;}
.certification-list .comm-desc {margin-top:10px;}
.certification-list li {min-height:350px;}

/*pk*/
.pk1 .pk-list li {height:360px;}
.profit-list li {margin-bottom:0;padding:30px 0;}

/*cus*/
.cb-con .tit {margin-bottom:10px;font-size:14px;}

/*site map*/
.sitemap-list > li {width:31%;}

/*//content-----------------------------------------------*/

}





@media only all and (max-width:600px) {


/*main*-----------------------------------------------*/
.main-nn .news-list li {width:47.4%;}
.portfolio-btn-list li {width:32.3%;margin-bottom:5px;}
.main-mo > div {float:none;width:100%;}
.main-mo .office {margin-top:10px;}
/*//main---------------------------------------------*/

/*content--------------------------------------------*/
.well-list li:first-child{margin-top:0;}
.well-list li {float:none;width:100%;margin-top:10px;text-align:center;}

.bbs_photo .bbs_section {width:50%;min-height:233px;}

.certification-list li {min-height:300px;}
.cpy5 .download-list {margin:0;}
.cpy5 .download-list > li {float:none;width:100%;margin:0;margin-bottom:30px;}
.cpy5 .down_btn .btn_sqr {width:48.5%;}

.profit-view .profit-slider li {height:auto;}
.profit-view .profit-slider li img {height:330px;}
.profit-view #bx-pager a {width:21.5%;height:60px;}
.profit-view #bx-pager a img {height:60px;width:100%;}
.profit-view .profit-btn a {width:75px;padding:10px;font-size:13px;}
.profit-view .bx-controls-direction {display:none;}
.profit-view .profit-info .tit {font-size:14px;}
.bus .box-btn-con {padding:10px;padding-bottom:0;}
.bus .box-btn li {background-position-y: 17px;}
.bus .box-btn li a {font-size:13px;}
.bus .tel-box img {height:35px;}
.pk1 .tel-box img {height:35px;}
.pk1 .tab-menu-pk {margin:-1px;}
.pk1 .tab-menu-pk li {width:48.8%;margin:1px;}
.pk1 .pk-list li {float:none;width:100%;height:auto;margin:0;margin-bottom:10px;padding:20px;font-size:13px;line-height:22px;box-sizing:border-box;}
.pk1 .pk-headline {margin-bottom:10px;font-size:15px;}
.pk1 .pk-list {margin:0;}
.pk1 .pk-list .num1 {background-size:40px;}
.pk1 .pk-list .num2 {background-size:40px;}
.pk1 .pk-list .num3 {background-size:40px;}
.pk1 .pk-list .num4 {margin-bottom:0;background-size:40px;}


.pr-box .mov {width:100%;}


.comn-desc {font-size:13px;line-height:20px;}
.hr-table td {font-size:13px;}
.hr-table th {font-size:13px;} 

.contact-box {margin:0;}
.contact-box li {float:none;width:100%;margin:0;margin-bottom:20px;}


/*form*/
.qna .form-area {padding:10px 0;padding-left:0;}
.qna .form-area label {position:static;display:block;width:auto;margin-top:0 !important;padding:0 0 10px 0;padding-left:0;background:none;border-top:none !important;}
.qna select {width:100%;}
.form-small {width:25%;}
.form-middle {width:47%;}
.form-area.last .form-middle {width:44%;}

/*site map*/
.sitemap-list > li {width:48%;}
/*//content--------------------------------------------*/
}





@media (max-width:414px) {

.main-nn .news-list li {width:47.2%;}
.tab-area.three li {width:49%;}
.tab-area li {width:49%;}
.tab-area.six li {width:49%;}
.tab-area.four li {width:49%;}
.tab-area.two li {width:49%;}
.certification-list li {min-height:195px;}
.certification-list .img {min-height:150px;}
.bbs_photo .bbs_section {min-height:185px;}
.portfolio-con .tit {top:10px;left:10px;font-size:14px;}

.profit-view .profit-slider li {height:auto;}
.profit-view .profit-slider li img {height:180px;}
.profit-view #bx-pager a {width:20.5%;height:45px;}
.profit-view #bx-pager a img {height:60px;width:100%;}
.marketing-notice .cell01-col,
.marketing-notice .cell01 {display:none;}
.marketing-notice .cell02 {padding-left:5px;}
.marketing-notice .cell02-col {width:80%;}
.marketing-notice .cell03-col {width:22% !important;}
.marketing-notice .cell04-col,
.marketing-notice .cell04 {display:none;}
.standard-view-content {font-size:13px;}

/*content*/
.bg-tit {font-size:16px;}
.cpy6 .table-wrap td {padding-left:10px;}
.cpy6 .table-wrap .left {width:29%;}
.ceo li {float:none;width:100%;margin-bottom:20px;}
.ceo li p {margin-top:10px;font-size:13px;}
.history-table th {padding:10px 0;}
.ci-headline {font-size:16px;}
.history-table col:first-child {width:15% !important;}
.bus .tel-box {padding:10px;}
.pk1 .tel-box {padding:10px;}
.profit-con .profit-left {float:none;width:100%;margin-bottom:20px;}
.profit-con .profit-info {float:none;width:100%;}
.certification-list .comm-desc {overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap;}
.table-total {display:none;}
.customer-recruit .hr-table col:first-child{width:30% !important;}

.marketing-notice .bbs_photo .bbs_section .thumbnail a img {height:100px;}

/*login*/
.login-area {padding:20px;}
.login-form {width:100%;}

/*site map*/
.sitemap-list > li {width:100%;min-height:auto;margin:1%;margin-bottom:45px;}
}





@media (max-width:320px) {

.certification-list li {min-height:165px;}
.certification-list .img {min-height:115px;}
}