/*메뉴 선택*/
.menu_group>li:nth-child(4)>div{color: #fcb737 !important;}
.m_menu>div:nth-child(4)>div:nth-child(1){color: #fcb737 !important;}

/* 품질경영 */
.rule>h3{margin-bottom: 50px; font-size: 1.25rem; font-weight: 700; color: #797d82;}
.rule>div{border: 1px solid #fcb737; margin-bottom: 100px;}
.rule>div>div:nth-child(1){width: 97%; margin: -4px auto 0; background: #fff; height: 4px;}
.rule>div>div:nth-child(3){width: 97%; margin: 0 auto -4px; background: #fff; height: 4px;}
.rule_cont>li{width: 50%; float: left; font-size: 1rem; color: #797d82; text-align: left; padding: 20px 0;}
.rule_cont>li>span{ position: relative; top: -2px; margin-right: 20px; font-weight: 700;color:#fbb634; }
.rule_cont>li:nth-child(1),.rule_cont>li:nth-child(3),.rule_cont>li:nth-child(5),.rule_cont>li:nth-child(7){padding-left: 15%;}
.rule_cont>li:nth-child(7){width: 100%;}
.rule_cont>li:nth-child(2),.rule_cont>li:nth-child(4),.rule_cont>li:nth-child(6){padding-left: 5%;}


/* 프로세스 접근방법 */
.process>div:nth-child(2)>img:nth-child(2){display: none;}
.process>div:nth-child(2)>img:nth-child(3){display: none;}
.process>h3{ font-size: 1.25rem; font-weight: 700; color: #797d82;}
.process>div:nth-child(2){margin-top: 5%;}
.process>div:nth-child(3)>div{width: 100%; float: unset;}
.process>div:nth-child(3){margin: 100px 0 ;}

.process_plan{height: 100px; padding-left: 280px;}
.process_plan>div{float: left;}
.process_plan>div:nth-child(1){line-height: 100px; width: 70px; color:#fcb737; font-weight: 700; text-align: left;}
.process_plan>div:nth-child(2){height: 100%; width: 3px; background:#fcb737;}
.process_plan>div:nth-child(3){text-align: left; margin-left: 30px; color:#797d82; line-height: 33px; font-size: 1rem;}

.process_act{padding-left: 280px;}
.process_act>div{ height: 20px; margin: 10px 0;}
.process_act>div>div{float: left; height: 100%;}
.process_act>div>div:nth-child(1){width: 70px;color:#fcb737; font-weight: 700; text-align: left;}
.process_act>div>div:nth-child(2){width: 3px; height: 100%; background:#fcb737;}
.process_act>div>div:nth-child(3){margin-left: 30px; color:#797d82; font-size: 1rem;}

.process_table {text-align:center; width:100%; }
.process_table ul {display:inline-block;}
.process_table ul li {width:100%; margin:15px 0;}
.process_table ul li table {}
.process_table ul li table th {color:#fcb737; text-align:center; width:100px;font-size: 1rem; font-weight:500;}
.process_table ul li table td {text-align:left; border-left:3px solid #fcb737; padding-left:30px;font-size: 1rem; color:#aaa; line-height:1.5rem;}




/* 품질방침 */
.policy>h3{margin-bottom: 50px; padding-top:100px; font-size: 1.5rem; font-weight: 500; color: #797d82;}
.policy>p:nth-child(3){font-size: 1rem; color: #797d82; margin-bottom: 100px; font-weight: 500;}

.policy_list{padding-bottom: 100px;}
.policy_list>li{ font-size: 1.25rem; font-weight: 300; color: #797d82; padding: 12px 0; border: 2px solid#fcb737; width: 60%; margin: 0 auto 20px;}


/*인증서*/
.certification>h3{margin-bottom: 50px; margin-top: 100px; font-size: 1.5rem; font-weight: 700; color: #797d82;}

.namstoke{margin:50px auto; width: 100%; height: 1px; background: #e9e9e9;}

.certification_name{padding-bottom: 100px;}
.certification_name>li{color:#797d82; font-size: 1.25rem; line-height: 1.5rem; display: none}
.certification_name>li:nth-child(1){display: block}

#safe>p:nth-child(2){font-size: 1rem; line-height: 1.3rem; color: #797d82; font-weight: 500; padding-bottom: 100px;}
.safe_list>li{ border-bottom: 1px solid #ccc; width: 90%; margin: 0 auto; text-align: left; margin-bottom: 15px; padding-bottom: 3px; font-size: 1rem; color: #797d82;}
.safe_list>li>span{color:#fcb737; font-weight: 900; margin-right: 20px; position: relative; top: -3px;}
.carousel-item img{height: 450px; width: auto;}

/*윤리경영*/

.ethicstab>li{width: 25%; float: left; font-size: 1rem; padding: 12px 0; border-right: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; color: #797d82; cursor: pointer; background: #fff;box-sizing: border-box;}
.ethicstab.w20p>li{width: 20%;}
.ethicstab>li:nth-child(1){border-left: 1px solid #c6c6c6;}
.ethics_list{padding: 40px; text-align: left; color: #797d82;}
.ethics_list>li>p{margin-bottom: 20px; line-height: 2rem; font-size: 1rem;}
.ethics_list>li>p.tmtt {margin-bottom:5px; margin-top:20px; color:#333; font-weight:500;font-size: 1.2rem;}
.ethics_list>li{display: none;}
.ethics_list>li:nth-child(1){display: block;}
.ethics_list>li:nth-child(1)>p>span{font-size: 1rem; color: #fcb737; position: relative; top: -2px;}
.num_list>div{float: left; margin-bottom: 10px;}
.num_list>div:nth-child(1){font-size: 1rem; width: 2rem; height: 2rem; line-height: 2rem; background: #fcb737; text-align: center; color: #fff; border-radius: 50%; }
.num_list>div:nth-child(2){font-size: 1rem; width: calc(100% - 2rem); line-height: 2rem; padding-left:20px;}

.ethicstab2>li{width: 50%; float: left; font-size: 1.25rem; padding: 12px 0; border-right: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; color: #797d82; cursor: pointer; background: #fff;box-sizing: border-box;}
.ethicstab2>li:nth-child(1){border-left: 1px solid #c6c6c6;}
.ethics_list2{padding: 40px; text-align: left; color: #797d82;}
.ethics_list2>li>p{margin-bottom: 20px; line-height: 2rem; font-size: 1rem;}
.ethics_list2>li>p.tmtt {margin-bottom:5px; margin-top:20px; color:#333; font-weight:500;font-size: 1.2rem;}
.ethics_list2>li{display: none;}
.ethics_list2>li:nth-child(1){display: block;}
.ethics_list2>li:nth-child(1)>p>span{font-size: 1rem; color: #fcb737; position: relative; top: -2px;}
.num_list2>div{float: left; margin-bottom: 10px;}
.num_list2>div:nth-child(1){font-size: 1rem; width: 2rem; height: 2rem; line-height: 2rem; background: #fcb737; text-align: center; color: #fff; border-radius: 50%; }
.num_list2>div:nth-child(2){font-size: 1rem; width: calc(100% - 2rem); line-height: 2rem; padding-left:20px;}


dl.tmdl {width:100%; display:inline-block; margin-top:20px;}
dl.tmdl dt {float:left; width:30%; margin-right:5%; text-align:center;}
dl.tmdl dt:last-child {margin-right:0;}
dl.tmdl dt p {text-align:left;}
dl.tmdl dt p.p1 {line-height: 2rem; font-size: 1.2rem; color:#151515; margin-bottom:5px;}
dl.tmdl dt p.p2 {line-height: 1.6rem; font-size: 0.9rem; font-weight:400; margin-bottom:15px; letter-spacing:-1px;}

table.tmtb {width:100%; border-bottom:1px solid #ccc;}
table.tmtb th {width:50%; text-align:center; padding:10px 0; font-size:1.1rem;background:#fcb737; color:#151515;letter-spacing:-1px;}
table.tmtb td {width:50%; padding:15px;line-height: 1.8rem; font-size: 0.95rem; font-weight:400; letter-spacing:-1px; text-align:left;    vertical-align: top; color:#777;}
table.tmtb td:first-child {border-right:1px solid #ccc;}

.tmbtni {width:100% !important; text-align:center !important; padding:0 !important; margin-top:80px !important;}
.tmbtni a {display:inline-block; color:#151515; background:#fcb737; text-align:center; width:320px; padding:15px 0; border-radius:100px;}
.tmbtni a:hover {background:#151515; color:#fff;}





/*사회공헌*/
#concentration{width: 100%; margin-top: 10%; background-image: url(../images/rhdgjs.jpg); background-size: 100%; background-attachment: fixed; background-position: bottom; background-repeat: no-repeat; padding-bottom: 10%; background:#f1f2f2;}
/*#concentration p{color: #000; font-size: 1rem; margin-bottom: 2%; text-align: left; line-height: 1.25rem; padding-left: 20px;}*/
.concentrationbox{}
.concentrationbox h3{font-size: 1.875rem; color:#fcb737; font-weight: 500;}
.concentrationbox>div{text-align: left; padding-left: 20px; font-size:1.5rem; color: #858689; margin-top: 3%;}


dl.csrdlbx {display:inline-block; width:100%; text-align:Center; padding:50px 0;}
dl.csrdlbx dt {display:inline-block; text-align:center;}
dl.csrdlbx dt .csrabx {display:block; background:#ffb340; color:#fff; font-weight:500; border-radius:50px; padding:5px 15px; margin-top:15px; font-size:16px; letter-spacing:-0.5px;}
dl.csrdlbx dt .csrabx span {font-size: 20px; vertical-align: sub;}




/*반응형*/


@media (max-width:1200px){
    :root{font-size: 15px;}
    .rule>h3{margin-bottom: 5%;}
    .rule>div{margin-bottom: 10%;}
    .process>div:nth-child(3){margin: 10% 0;}
    .process_plan{padding-left: 80px;}
    .process_act{padding-left: 60px;}
    .policy>h3{padding-top: 10%; margin-bottom: 5%;}
    .policy>p:nth-child(3){margin-bottom: 10%;}
    .policy_list{padding-bottom: 10%;}
    .certification>h3{margin-top: 10%; margin-bottom: 5%;}
    .certification_name{padding-bottom: 10%;}
    .namstoke{margin: 5% auto}
    #safe>p:nth-child(2){padding-bottom: 10%; width: 95%; margin: 0 auto;}
    .ethics_list{padding: 20px;}
}

@media (max-width:1024px){
    :root{font-size: 14px;}
    .rule_cont>li{padding: 15px 0}
    .rule_cont>li:nth-child(1), .rule_cont>li:nth-child(3), .rule_cont>li:nth-child(5), .rule_cont>li:nth-child(7){padding-left: 20%;}
    .rule>div>div:nth-child(1),.rule>div>div:nth-child(3){width: 95%}
    /* .process>div:nth-child(3)>div{width: 100%;height: 70px; margin-top:30px;} */
    .process_plan,.process_act{padding-left: 30%;}
    .policy_list>li{width: 80%;}
    .ethicstab>li{width: 50%;}
    .ethicstab>li:nth-child(1),.ethicstab>li:nth-child(3){border-left: 1px solid #c6c6c6;}
    .ethicstab>li:nth-child(3),.ethicstab>li:nth-child(4){border-top: 0px;}
}

@media (max-width:768px){
    :root{font-size: 13px;}
    .rule_cont>li{padding: 10px 0}
    .rule_cont>li:nth-child(1), .rule_cont>li:nth-child(3), .rule_cont>li:nth-child(5), .rule_cont>li:nth-child(7){padding-left: 10%;}
    .rule>div>div:nth-child(1),.rule>div>div:nth-child(3){width: 90%}
    .process_plan,.process_act{padding-left: 5%;}
    .process_plan>div:nth-child(1){width: 50px; height:70px; line-height:70px;}
    .process_act>div>div:nth-child(1) {width: 50px; line-height:20px;}
    .process_plan>div:nth-child(3){margin-left: 20px; line-height:22px;}
    .process_act>div>div:nth-child(3){margin-left: 20px;}
    .policy_list>li{width: 100%; margin-bottom: 10px}
    .safe_list>li{width: 85%;}
    .ethics_list{padding: 20px 10px;}
    .num_list>div:nth-child(2){padding-left: 10px;}
    .ethics_list>li>p{margin-bottom: 10px;}
    .carousel-item img{height: 350px; width: auto;}
    .process>div:nth-child(2)>img:nth-child(1){display: none;}
    .process>div:nth-child(2)>img:nth-child(2){display: block;}
    .process>div:nth-child(2)>img:nth-child(3){display: none;}
    #safe>p:nth-child(2) br{display: none;}
    
    
    dl.tmdl { margin-top:10px;}
    dl.tmdl dt {float:unset; width:100%; margin-right:0%; margin-bottom:20px; text-align:center;}
    dl.tmdl dt:last-child {margin-right:0;}
    dl.tmdl dt p {text-align:left;}
    dl.tmdl dt p.p1 {line-height: 2rem; font-size: 1.2rem; color:#151515; margin-bottom:5px;}
    dl.tmdl dt p.p2 {line-height: 1.6rem; font-size: 0.9rem; font-weight:400; margin-bottom:15px; letter-spacing:-1px;}
    
    table.tmtb {width:100%; border-bottom:1px solid #ccc;}
    table.tmtb th {width:50%; text-align:center; padding:10px; font-size:1.1rem;background:#fcb737; color:#151515;letter-spacing:-1px;}
    table.tmtb td {width:50%; padding:10px 5px;line-height: 1.8rem; font-size: 0.95rem; font-weight:400; letter-spacing:-1px; text-align:left;    vertical-align: top;}
    table.tmtb td:first-child {border-right:1px solid #ccc;}
    
    .tmbtni {width:100% !important; text-align:center !important; padding:0 !important; margin-top:40px !important;}
    .tmbtni a {display:inline-block; color:#151515; background:#fcb737; text-align:center; width:240px; padding:15px 0; border-radius:100px; font-size:16px;}
    .tmbtni a:hover {background:#151515; color:#fff;}

    
    .process_table ul li table th {width:60px;font-size: 1rem; font-weight:500;}
    .process_table ul li table td {padding-left:15px;}


    dl.csrdlbx dt img {width:100px;}
    dl.csrdlbx dt .csrabx { padding:5px 15px; margin-top:15px; font-size:14px; }
    dl.csrdlbx dt .csrabx span {font-size: 18px; vertical-align: sub;}

}


@media (max-width:480px){
    :root{font-size: 12px;}
    .rule_cont>li{width: 100%;padding-left: 30% !important; }
    .process_plan,.process_act{padding-left: 5%;}
    .process_plan>div:nth-child(2),.process_act>div>div:nth-child(2){}
    .safe_list>li{width: 95%; margin-bottom: 10px;}
    .safe_list>li>span{margin-right: 10px;}
    .ethicstab>li{width: 50%;}
    .ethicstab>li:nth-child(1),.ethicstab>li:nth-child(3),.ethicstab>li:nth-child(5){border-left: 1px solid #c6c6c6;}
    .ethicstab>li:nth-child(3),.ethicstab>li:nth-child(4),.ethicstab>li:nth-child(5),.ethicstab>li:nth-child(6){border-top: 0px;}
    .ethicstab>li:nth-child(4){border-left: 0px;}
    .carousel-item img{height: 300px; width: auto;}
    .process>div:nth-child(2)>img:nth-child(1){display: none;}
    .process>div:nth-child(2)>img:nth-child(2){display: none;}
    .process>div:nth-child(2)>img:nth-child(3){display: block;}
    
    .process_plan>div:nth-child(1), .process_act>div>div:nth-child(1){width: 55px; line-height:20px;}
    .process_plan>div:nth-child(1) {height:70px; line-height:70px;}
    #concentration{background-size: cover; background-position: center;}
    #concentration p{padding-left: 0px;}
    #concentration p br{display: none;}
}

@media (max-width:399px){
    :root{font-size: 12px;}
    .process_plan, .process_act{padding-left: 0px;}
    .process_act>div>div:nth-child(3){margin-left: 0px;}
}