@import url("../css/animation.css");
/*공통*/
body.pc header.pc{display: block;    height: 374px;    background: #fff;border-bottom:1px solid #dadada;}
#header .header__top{display:none;}
.sub-visual { overflow:hidden; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; height:100vh; height:50rem;}
.sub-visual:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;-webkit-animation: bgMove 2s ease-in-out both;
    -moz-animation: bgMove 2s ease-in-out both;
    -ms-animation: bgMove 2s ease-in-out both;
    -o-animation: bgMove 2s ease-in-out both;
    animation: bgMove 2s ease-in-out both;}

.sub-visual.bg-CCL:after {background:url("../images/sub/common/sub_visual_CCL.jpg")no-repeat center/cover;}
.sub-visual.bg-CCL_support:after {background:url("../images/sub/common/sub_visual_CCL_support.jpg")no-repeat center/cover;}
.sub-visual.bg-CCL_support2:after {background:url("../images/sub/common/sub_visual_CCL_support2.png")no-repeat center/cover;}
.sub-visual.bg-CCL_support3:after {background:url("../images/sub/common/sub_visual_CCL_support3.png")no-repeat center/cover;}
.sub-visual.bg-news:after {background:url("../images/sub/common/sub_visual_news.jpg")no-repeat center/cover;}

.sub-visual.bg-blog:after {
    background: url(../images/sub/common/sub_visual_blog.jpg)no-repeat center/cover;
}



.sub-visual.bg-about_esg:after {background:url("../images/sub/common/sub_visual_about_esg.jpg")no-repeat center/cover;}
.sub-visual.bg-esg_winwin:after {background:url("../images/sub/common/sub_visual_ESG_winwin.jpg")no-repeat center/cover;}
.sub-visual.bg-intro_ci::after {background:url("../images/sub/common/sub_visual_intro_ci.jpg")no-repeat center/cover;}
.sub-visual.bg-global_network::after {background:url("../images/sub/common/sub_visual_global_network.jpg")no-repeat center/cover;}
.sub-visual .sub-tit{font-size:4.8rem;line-height:5.4rem;display:block; position:relative; z-index:9; width:100%; color:#fff; font-weight:700; text-align:center;}
.breadcrumb { position:absolute;bottom: 3rem; z-index:9;max-width: 100%;  text-align:right;right: 3.6rem;}
.breadcrumb li { display:inline-block; position:relative; padding-left:2.929em;}
.breadcrumb li:after { content:"\e93e"; position:absolute; left:0.8rem; top:1px; font-family: 'xeicon',sans-serif;opacity:1;color:#fff;font-size: 1.2rem;vertical-align: middle;line-height: 2.5rem; }
.breadcrumb li:first-child { padding-left:0;}
.breadcrumb li:first-child:after { display:none;}
.breadcrumb li a { font-size:1.6rem; color:#fff; font-weight:500;opacity:0.8;line-height:2.6rem;letter-spacing:-0.2px; text-transform: capitalize;}
.breadcrumb li a:hover { text-decoration:underline; text-underline-position: under; }
.breadcrumb li:last-child a{opacity:1;font-weight:900;}

.in-file{overflow: hidden; text-align: left; text-overflow: ellipsis; width: 125px; white-space: nowrap; font-size:14px; letter-spacing: -0.6px;}

.slt_comm{position: relative;line-height: 2.2rem;color: #222;width: 14rem;border: 1px solid #414141;background: url(../images/slt_comm_arrow.png) no-repeat center top;background-repeat: no-repeat;background-position: 91% center;cursor: pointer;font-size: 1.5rem;letter-spacing: -0.5px;font-weight: 700;    display: flex; align-items: center;padding: 0 0 0 1.6rem;text-align: left;background-color: #fff;border-radius: 5px;height:4.5rem;}
.slt_comm.view{border-radius:5px 5px 0 0;}
.slt_comm ul{position: absolute;top: 43px!important;left: -1px;border-radius:0 0 0.5rem 0.5rem;cursor: pointer; width: 14rem;border: 1px solid #414141; z-index: 99;}
.slt_comm ul li{ border-bottom: 1px solid #d8d8d8;color: #222;line-height: 4.5rem;padding: 0 1.6rem;font-size: 1.5rem;background:#fff;font-weight:500;}
.slt_comm ul li:last-child{border-bottom: none;    border-radius: 0 0 .5rem .5rem;}

.slt_comm ul li:hover{background:#005eb8;color:#fff}

.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.pd0{padding: 0px !important;}

.selectBox * { box-sizing: border-box; }
.selectBox {position: relative;width: 180px;height: 56px;border-radius: 3px 0 0 3px; border: 1px solid #CBCBCB; cursor: pointer;border-right:0;}
.selectBox .label {display: flex;align-items: center;width: inherit;height: inherit;border: 0 none;outline: 0 none;padding-left: 15px;background: transparent;cursor: pointer;font-size: 1.6rem;font-weight: 700;color: #444;}
.selectBox .label:after{content: "";width: 5.6rem;height: 5.6rem;border: 1px solid #cbcbcb;border-radius: 0 3px 3px 0;background: url(../images/file_dw_arrow.png);background-repeat: no-repeat;display: flex; background-position: center;position: absolute;right: -56px;top: -1px;cursor: default;}
.selectBox.active .label:after{content: "";cursor:none;background: url(../images/file_dw_arrow_wh.png);background-color:#005EB8;background-repeat: no-repeat; background-position: center;cursor: default;}
.selectBox .in-file a{width: 5.6rem;height: 5.6rem;position: absolute;top: -1px;right: -5.6rem;background: url(../images/file_dw_arrow_wh.png);background-color: #005eb8;background-repeat: no-repeat;background-position: center;z-index:1;border-radius: 0 3px 3px 0;}
.selectBox .optionList {position: absolute;top: 59px;left: 0;width: 100%;background:#fff;color: #444;list-style-type: none;padding: 0;border-radius: 3px;overflow: hidden;max-height: 0;border:none;z-index: 1;}
.selectBox.active .optionList{border:1px solid #005eB8;}
.selectBox .optionList::-webkit-scrollbar {width: 10px;margin-right:3px;}
.selectBox .optionList::-webkit-scrollbar-track {background: transparent; }
.selectBox .optionList::-webkit-scrollbar-thumb {background: #888; border-radius: 5px;}
.selectBox .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}
.selectBox.active .optionList {max-height: 350px; OVERFLOW-Y: unset; BACKGROUND: #e7e7e7;}
.selectBox .optionItem {width:100%;border-bottom: 1px solid #ccc;min-height:5rem; BACKGROUND:#FFF; line-height: 18px; padding-top:6px; padding-bottom:6px; transition: .1s;font-size:1.6rem;letter-spacing:-0.2px;font-weight: 400;color: #444;text-align:left;display:flex;padding-left:1.4rem;align-items: center;}
.selectBox .optionItem:hover {background: #005EB8;color:#fff;}
.selectBox .optionItem:last-child {border-bottom: 0 none;}
.selectBox > .label:before{content: ""; background: url(../images/select_arrow.png); position: absolute; right: 1.5rem; display: block; width: 2.3rem; height: 2rem;}
.selectBox.active > .label:before{content: ""; background: url(../images/select_arrow.png); position: absolute; right: 1.5rem; display: block; width: 2.3rem; height: 2rem;transform:rotate(180deg);}

.selectBox .optionItem .in-file{overflow: unset;text-align: left;width: 165px;white-space: unset;font-size: 14px;letter-spacing: -0.6px;text-overflow: unset;}
.selectBox .optionItem .in-file a{height: 0;}
.news_peditor a{word-wrap: break-word; color:#005EB8;}

.tbl_over-x::-webkit-scrollbar{height:4px;}
.tbl_over-x::-webkit-scrollbar-thumb{background:#101B28;border-radius:5px;}
.tbl_over-x::-webkit-scrollbar-track{background:#ebebeb;}

/*CCL제품소개*/
.CCL_product, .news, .esg, .intro_ci, .global_network{background:#fff!important;}
.depth3_nav{width: 100%;text-align: center;border-bottom:1px solid rgba(17,17,17,.2)}
.depth3_nav ul{}
.depth3_nav ul li{display: inline-block;font-size: 1.8rem;line-height: 7rem; margin: 0 2rem;padding: 0 2rem;color:#111}
.depth3_nav ul li.on{font-weight: bold;color:#000}
.sub_cont_wrap{max-width:140rem;margin:0 auto;}


/*News List*/
.news_list_wrap{width:111.6rem;padding:5rem 0;margin:0 auto;}
.Search_block{text-align: center;}
.slt_st02{position: relative;line-height: 2.2rem;color:#444;width: 11.16rem;border: 1px solid #e6e6e6;background: url(../images/select_arrow.png) no-repeat center top;background-repeat: no-repeat;background-position: 84% center;cursor: pointer;font-size: 1.6rem;vertical-align: middle;letter-spacing: -.1px;font-weight: 700;display:inline-block;padding: 1.6rem 0 1.6rem 1.6rem;text-align: left;}
.slt_st02 ul{ position: absolute;top: 58px!important;left: 0;width: 100%;border: 1px solid #005eb8;  border-radius: .3rem;cursor: pointer;}
.slt_st02 ul li{ border-bottom: 1px solid #e6e6e6;color: #444;line-height: 5rem;padding: 0 1.6rem;font-size: 1.6rem;letter-spacing: -1px;background:#fff;}
.slt_st02 ul li:last-child{border-bottom: none;}
.slt_st02 ul li:hover{background:#005eb8;color:#fff}
.hide {display: none;}
.Search_block > .input_search{width: 39.5rem;height: 5.6rem;border: 1px solid #e6e6e6;font-weight: 500;font-size: 1.6rem;padding-left: 2rem;margin-left:-0.3rem;margin-right: -5.6rem;border-left:none;}
.Search_block > .input_search::placeholder{font-size:1.6rem;font-weight: 500;color:#444;opacity:0.6;}
.Search_block > .input_search:-moz-placeholder{font-size:1.6rem;font-weight: 500;color:#444;opacity:0.6;}
.Search_block > .input_search:-ms-input-placeholder{font-size:1.6rem;font-weight: 500;color:#444;opacity:0.6;}
.invisible{display:none;}
.Search_block > .btn_search{background: #005EB8;height: 5.6rem;width: 5.6rem;position: absolute;}

.news_wrap{max-width:111.6rem;margin:0 auto;}
.news_wrap > .news_list{}
.news_wrap > .news_list > li{border-top: 1px solid #e1e1e1;padding: 4rem 0;}
.news_wrap > .news_list > li:last-child{border-bottom:1px solid #e1e1e1;}
.news_wrap > .news_list > li > a{display:flex;flex-direction: row;}
.news_wrap > .news_list > li > a  > div{height: 18rem;overflow: hidden;display:flex;max-width: 33rem; border: 1px solid #dfdfdf; min-width: 243px; width: 243px; overflow: hidden;}
.news_wrap > .news_list > li > a  > div > img{object-fit: cover;object-position:center;transform:scale(1); transition-timing-function: ease-out;transition-duration: .3s; }
.news_wrap > .news_list > li > a  > div > img:hover{transform:scale(1.1); transition-timing-function: ease-in;transition-duration: .6s;}
.news_wrap > .news_list > li > a > ul {margin-left: 3.8rem;padding-right:3.1rem;    width: 80%;}
.news_wrap > .news_list > li > a > ul > li{}
.news_wrap > .news_list > li > a > ul > .list_cont_tit{color:#222;font-weight: 700;font-size: 2.2rem;line-height: 2.8rem;width:71.7rem; -webkit-box-orient: vertical;}
.news_wrap > .news_list > li > a > ul > .list_cont_tit p{ max-width:71.7rem;display:inline-block;word-break: keep-all;text-overflow: ellipsis; overflow: hidden;white-space: nowrap; -webkit-box-orient: vertical;}
.news_wrap > .news_list > li > a > ul > .list_cont_tit p:after{display:block;content: '';border-bottom: solid 2px #222;  transform: scaleX(0);  transform-origin: 0% 50%; transition:transform 250ms ease;}
.news_wrap > .news_list > li > a > ul > .list_cont_tit p:hover:after{transform: scaleX(1); }
.news_wrap > .news_list > li > a > ul > .list_cont_txt{color:#555;font-weight:400;font-size:1.6rem;line-height: 2.4rem;margin-top:1.5rem; text-overflow: ellipsis;-webkit-line-clamp: 4;-webkit-box-orient: vertical; word-break: break-all; overflow: hidden; display: -webkit-box;}
.news_wrap > .news_list > li > a > ul > .list_cont_date{font-weight: 300;font-size:1.5rem;line-height:1.8rem;margin-top:1.3rem;color:#777;}
.news_wrap > .paging{padding: 8rem 0 9.2rem 0;text-align: center;}
.news_wrap > .paging > ul{}
.news_wrap > .paging > ul > li{display: inline-block;font-size: 1.5rem;line-height: normal;font-weight: 500;margin: 0 0.6rem;width: 3.6rem;height: 3.6rem; line-height: 3.6rem;}
.news_wrap > .paging > ul > li a{color:#222;}
.news_wrap > .paging > ul > li a:hover{color:#085197}
.news_wrap > .paging > ul > li:first-child{margin-right: 0;}
.news_wrap > .paging > ul > li:first-child a img{margin-right: 12px;vertical-align:middle;margin-top:-3px;}
.news_wrap > .paging > ul > li:last-child{margin-left: 0;}
.news_wrap > .paging > ul > li:last-child a img{margin-left:12px;transform:rotate(180deg);vertical-align:middle;margin-top:-3px;}
.news_wrap > .paging > ul > li.on{font-weight:700;border:1px solid #085197; width:3.6rem;height:3.6rem;}
.news_wrap > .paging > ul > li.on a{color:#085197;}
/*news page*/
.news_wrap > .news_page{padding:5rem 0 8rem 0;}
.news_wrap > .news_page > ul{}
.news_wrap > .news_page > ul > li{border-top:1px solid #e1e1e1;}
.news_wrap > .news_page > ul > li:last-child{border-bottom:1px solid #e1e1e1;}
.news_wrap > .news_page > ul > .news_pttl{padding:2.8rem 3rem 3.7rem 3rem;}
.news_wrap > .news_page > ul > .news_pttl > ul > li.page_tit{font-size:3rem;color:#222;line-height:normal;font-weight:700;line-height:4.2rem;}
.news_wrap > .news_page > ul > .news_pttl > ul > li.page_date{margin-top:.7rem;font-weight:300;font-size:1.6rem;line-height:normal;color:#777;line-height:2rem;}
.news_wrap > .news_page > ul > .news_peditor{padding:3rem;}
.news_plink{padding:3rem 3.4rem 2.5rem 3rem;}
.news_plink > ul {display:flex;flex-direction: row;justify-content: space-between;}
.news_plink > ul > li:nth-child(1){font-size:1.6rem;font-weight:700;line-height:normal;line-height: 2.2rem;}
.news_plink > ul > li:nth-child(1) > a:hover{color:#005EB8;}
.news_plink > ul > li:nth-child(1) > a{color:#222}
.news_plink > ul > li:nth-child(2) > a{color:#444}
.news_plink > ul > li:nth-child(2) > a:hover{font-weight:700;}
.news_plink > ul > li:nth-child(1) > img{margin-left:3rem;}
.news_plink.prev > ul > li:nth-child(1) > a > img{transform:rotate(180deg);margin:0px 0px 0.3rem 2.8rem;}
.news_plink.next > ul > li:nth-child(1) > a > img{margin:0px 0px 0.3rem 2.8rem;}
.news_plink > ul > li:nth-child(2){font-size:1.6rem;line-height: normal;font-weight:500;margin-left:5.8rem;flex: 1 1 0;line-height:2.1rem;white-space: pre;text-overflow: ellipsis;overflow: hidden;}
.news_plink > ul > li:nth-child(3){font-size:1.5rem;line-height:normal;font-weight:300;margin-left:3rem;line-height:1.8rem;color:#555 }
.news_wrap > .news_page > a.list_btn{width:12rem;height:5.8rem;border:1px solid #bbb;background:#fff;display: block;text-align: center;font-size: 1.6rem;color: #333;font-weight: 700; margin: 0 auto;line-height: 5.8rem; margin-top: 4.9rem;-webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
    .news_wrap > .news_page > a.list_btn:hover{background:#005eb8;color:#fff;}
.sub_tab{text-align: center;border-bottom: 1px solid rgba(17,17,17,.2);width: 100%;display: flex;justify-content: center;box-sizing: border-box;height: 7rem;}
.sub_tab li{display:inline-block;font-size:1.8rem;padding: 0 2.2rem;font-weight: 400;color: #111;MARGIN: 0 1rem;height: 7rem;line-height: 7rem;opacity: 0.6;}
.sub_tab li a{color:#111;box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
.sub_tab li a:hover{color:#005EB8;font-weight:700;box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
.sub_tab .tabs.current{border-bottom:2px solid #111;font-weight: 700;line-height: 7rem;padding: 0 2.4rem;opacity: 1;}
.sub_tab .tabs.current a{color:#111}
.sub_cont{display:none;}
.sub_cont.current{display:inherit}
.sub-visual.bg-about_esg h2{display:none;}
.sub-visual.bg-about_esg h2.onon{display:block;}
.sub_tab2{text-align: center;border-bottom: 1px solid rgba(17,17,17,.2);width: 100%;display: flex;justify-content: center;box-sizing: border-box;height: 7rem;}
.sub_tab2 li{display:inline-block;font-size:1.8rem;padding: 0 2.2rem;font-weight: 400;color: #111;MARGIN: 0 1rem;height: 7rem;line-height: 7rem;opacity: 0.6;}
.sub_tab2 li a{color:#111;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
.sub_tab2 li a:hover{color:#005EB8;font-weight:700;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.sub_tab2 .tabs.current{border-bottom:2px solid #111;font-weight: 700;line-height: 7rem;padding: 0 2.4rem;opacity: 1;}
.sub_tab2 .tabs.current a{color:#111}

/*ESG 전략*/
.esg_cont_wrap{width:111.6rem;margin:0 auto;padding:8rem 0;}
.strategy_bf{font-size:3.6rem;color:#222;line-height:5.2rem;letter-spacing:-.6px;font-weight: 700;width:81.8rem;word-break: keep-all;}
.strategy_sf{font-size:1.8rem;color:rgba(34,34,34,0.85);line-height:3.3rem;font-weight:300;margin-top:3.2rem;}
.stategy_cont{display:flex;flex-direction: row;justify-content: space-between;margin-top: 11.3rem;}
.stategy_cont > p{font-size:3.2rem;line-height:3rem;font-weight:700;color:#222;}
.stategy_chart{width:79.4rem}
.stategy_chart li{display:flex;flex-direction: column;}
.stategy_chart li ul{display: flex}
.stategy_chart li ul li{border-radius:.5rem;display:inline-block;margin:.5rem;width:100%;display:table-cell;}
.stategy_chart li.blue ul li{background:#e2f1ff;height:6.6rem;font-size:1.4rem;line-height:3rem;color:#555;font-weight:700;display: flex;justify-content: center; align-items: center;letter-spacing: -0.8px;}
.stategy_chart li:last-child.blue ul li{font-size:1.4rem;line-height:3rem;letter-spacing:-1.2px;font-weight:500;}
.stategy_chart li.blue ul li:first-child{height: 6.6rem;background: #005EB8;color: #fff;font-size: 1.7rem;line-height:1.8rem;font-weight:700;flex: 12rem 0 0;letter-spacing:-1px;display: flex;justify-content: center;align-items: center;text-align: center; margin-left: 0;}

.stategy_chart li.green ul:last-child li:first-child, .stategy_chart li.green ul:last-child li{height:13.5rem;}
.stategy_chart li.green ul:last-child li {display:flex;font-size:1.3rem;line-height:2rem;letter-spacing: -0.8px;font-weight:500;color:#555}
.stategy_chart li.green ul:first-child li{font-size:1.6rem;color:#111;line-height:1.8rem;letter-spacing:-0.6px;font-weight:700;display: flex;align-items: center;justify-content: center;}
.stategy_chart li.green ul li:first-child{background:#159575;height: 6.6rem;color: #fff;font-size: 1.7rem;line-height:1.8rem;flex: 12rem 0 0;font-weight:700;letter-spacing:-1px;display: flex;justify-content: center;align-items: center;text-align: center; margin-left: 0;}
.stategy_chart li.green ul li{background:#DFF1EC;height:6.6rem;}
.stategy_chart li.green ul li:last-child{margin-right:0;}
.stategy_chart li ul li:last-child{margin-right:0;}
.stategy_chart li.green ul:last-child li:nth-child(2),
.stategy_chart li.green ul:last-child li:nth-child(3),
.stategy_chart li.green ul:last-child li:nth-child(4),
.stategy_chart li.green ul:last-child li:nth-child(5){padding:1.3rem 1rem 1rem 1rem;}
.stategy_chart li.green ul:last-child li p{text-indent: -1.6rem;padding-left: 1.9rem;word-break: keep-all;margin-bottom:.4rem;}
.stategy_chart li.green ul:last-child li p span{margin-right:3px;}
.stategy_chart li:first-child ul:first-child li{margin-top:0;}
.pc_br{display:block;}
.mo_br{display:none;}
.support02PC_on{display:block;}
/*보고서*/
.esg_cont_wrap.report{padding:8rem 0 17.9rem;}
.report_cont{display: flex;flex-direction: row;justify-content: space-between;}
.report_cont > p { font-size: 3.2rem;line-height: 3rem;font-weight: 700;color: #222;}
.report_area{width:81.8rem;}
.report_area > p{font-size:2rem;line-height:3.5rem;letter-spacing: -0.6px;font-weight:700;color:#222;word-break: keep-all;}
.report_down{background:#f9f9f9;width:100%;height:33.6rem;border-radius: .6rem;padding:5rem; display:flex;flex-direction: row; justify-content: space-between; align-items: center; margin-top:5.5rem;}
.report_down > img{width:18rem;height:23.4rem;}
.report_down > ul{flex-grow:0; flex-shrink:0; flex-basis:calc(100% - 32.2rem); padding-left:0 !important;}
.report_down > ul > .report_sf{font-size:2rem;line-height:3rem;letter-spacing: -0.5px;font-weight:500;color:#222;}
.report_down > ul > .report_bf{font-size:3.3rem;line-height:3rem;letter-spacing:-0.5px;font-weight:700;color:#222;margin-top:1.4rem;}
.report_down .slt_comm{display:inline-flex;margin-top:11.6rem;}
.report_down .report_img_wrap {flex:0 0 28rem; height:auto;}
.down_btn{ margin-left: 1.2rem;
    
    width: 14rem;
    height: 4.5rem;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    margin-top: 11.6rem;
    border-radius: 0.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.2rem;
    color:#fff;
    
    padding: 0 1.4rem;
    background:#005EB8;
    justify-content: space-between;box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.down_btn svg path{fill:#fff;}
.down_btn:hover{background:#fff;color: #222;
    border: 1px solid #414141;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
    .down_btn:hover svg path{fill:#005eb8;}

/* 보고서 페이지에 있던 스타일 가져옴*/
.report_down .slt_comm{display: inline-flex; margin-top: 11.6rem;margin-right: 0.5rem; width: 12rem;}
        .down_btn{margin-left: 0;width: 14rem;height: 4.5rem;     letter-spacing: -0.6px; display:  inline-flex;align-items: center;vertical-align: top;margin-top: 11.6rem;border-radius: 0.5rem;font-size: 1.5rem;font-weight: 700;line-height: 2.2rem;color:#fff;padding: 0 1.4rem;background:#005EB8;justify-content: space-between;box-sizing: border-box;-webkit-transition: all 0.3s; transition: all 0.3s; -webkit-appearance: none; -moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
        .slt_comm ul{position: absolute;top: 43px!important;left: -1px;border-radius:0 0 0.5rem 0.5rem;cursor: pointer;width: 12rem;border: 1px solid #414141;}



/*제품검색 페이지*/
.pd_search_wrap{padding:8rem 0 10rem;display:flex;flex-direction: row;justify-content: space-between;}
.pd_search_wrap > .left_box{width:24rem;}
.left_box > p{font-size:3.2rem;line-height:4rem;color:#222;font-weight:700;}
.right_box{flex:0 0 104rem; display: block !important;}
.grey_box{background:#fcfcfc;border:1px solid #d8d8d8;border-radius:0.5rem;padding:2rem 3rem;}
.grey_box p{font-size:1.8rem;font-weight:500;line-height:3rem;letter-spacing:-0.6px;color:#222}
.pd_qna_btn{ width: 24rem;
    height: 5.8rem;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.2rem;
    color: #fff;
    padding: 0 2rem;
    border-radius: 5px;
    margin-top: 3.5rem;
    background-color: #005EB8;
    align-items: center;
    justify-content: space-between;-webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
    .pd_qna_btn:hover{color:#005eb8;background:#fff;border:1px solid #005eb8;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;}
        .pd_qna_btn:hover  svg path{fill:#005eb8;}




.pd_qna_btn_nm{    width: 24rem;
    height: 5.8rem;
    display: flex;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.2rem;
    color: #fff;
    padding: 0 1.8rem;
    border-radius: 5px;
    margin-top: 1.8rem;
    background-color: #005EB8;
    align-items: center;
    justify-content: space-between;-webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
    .pd_qna_btn_nm:hover{color:#005eb8;background:#fff;border:1px solid #005eb8;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;}
        .pd_qna_btn_nm:hover  svg path{fill:#005eb8;}




.pd_list_wrap{display:flex;justify-content: space-between;margin-top:7.4rem;padding-bottom: 7.9rem;border-bottom: 1px solid #dadada;}
.pd_list_wrap.default{padding-bottom:0;border-bottom:none; /*display:none;*/}
.pd_list{width:50rem;}
.pd_list > p {font-size:1.8rem;line-height:2.5rem;letter-spacing: -0.6px;font-weight:700;color:#222;}
.pd_list > p:after{content:"";width:16rem;height:2px;background:#005EB8;display:block;margin-top:1.8rem;}
.pd_list > ul{padding-top:2.1rem;border-top:1px solid #dadada;}
.pd_list_wrap > .pd_list > ul.pd_list_txt{padding-top:2.1rem;}
.pd_list_wrap > .pd_list > ul.pd_list_txt li{font-weight:500;font-size:1.6rem;line-height:2.2rem;color:#444;margin-bottom:1.2rem;}
.pd_list_wrap > .pd_list > ul.pd_list_txt li:last-child{margin-bottom:0;}
.pd_list > ul.pd_donw_btn{padding-top:2.7rem;}
.pd_list > ul.pd_donw_btn > li{border:1px solid #dbdbdb;border-radius: .5rem;margin-bottom: 1.5rem;}
.pd_list > ul.pd_donw_btn > li:last-child{margin-bottom:0;}
.pd_list > ul.pd_donw_btn > li > a{font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 700;
    width: 100%;
    display: flex;
    height: 5.6rem;
    align-items: center;
    padding: 0 2rem;
    justify-content: space-between;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;border-radius: 0.5rem;
}
.pd_list > ul.pd_donw_btn > li > a:hover{background:#005eb8;color:#fff;-webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;border-radius: 0.5rem;}
.pd_list > ul.pd_donw_btn > li > a:hover svg path{fill:#fff;}
table.tbl_pd {border-collapse: collapse;text-align: center;line-height: 1.5;width: 100%;min-width: 736px;}
table.tbl_pd thead th {font-weight: 700; padding-top:10px; padding-bottom:10px; border-top: 2px solid #222;background: #f6f6f6; line-height: 20px; height: 7rem;font-size: 1.6rem;text-align: center;border-bottom: 1px solid #ccc;color:#222;}
table.tbl_pd thead button span{width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; display: contents;}
table.tbl_pd tbody th {width: 9.5rem;font-weight: 700;vertical-align: middle;text-align: center;border-bottom: 1px solid #ccc;background: #f6f6f6;font-size: 1.5rem;line-height: 6rem;color: #222;}
table.tbl_pd td {font-size:1.5rem;font-weight:500;color:#222;height:6rem;border-left:1px solid #ccc;border-bottom:1px solid #ccc;} 
.pd24{padding:0 2.4rem;}

table.tbl_pd td.dashed{border-bottom:1px dashed #ccc;}
.tbl_pd_col1{width:110px;}
.tbl_pd_col2{width:202px;}
.tbl_pd_col3{width:126px;}
.tbl_pd_col4{width:88px;}
.tbl_pd_col5{width:162px;}
.tbl_pd_col6{width:181px;}
.pd_tbl_wrap{margin-top:7.3rem;padding-bottom: 8rem; border-bottom: 1px solid #dadada;}
.pd_tbl_wrap > p{font-size:2rem;color:#222;line-height:2.8rem;font-weight:700;margin-bottom:2.6rem;}
.left_box > p > .hd_br, .grey_box > p > .hd_br{display:block;}
.ico-touch{display:none;}
/*제품검색 리스트*/
.pd_search_wrap.list{padding:2.8rem 0 5.5rem;}
.pd_search_wrap > aside{width:29.8rem;}
.search_side_wrap{display:flex;flex-direction: row;justify-content: space-between;margin-top:4rem; margin-bottom:20px;}
div.search_side {position:relative;width: 29.8rem;}
div.search_side >input{border:1px solid #e6e6e6;height:5.8rem;font-size:1.6rem;line-height:2.1rem;font-weight:500;padding-left:2rem;width: 100%;;}
div.search_side >input::placeholder{font-size:1.6rem;font-weight:500;color:#444;opacity:0.6;line-height:2.1rem;}
div.search_side > .btn_search{background:#005eb8;width:5.8rem;height:5.8rem;position:absolute;right:0;}
/**div.search_side > .btn_search:hover{background:#fff;border:1px solid #e6e6e6;}
div.search_side > .btn_search:hover svg path{fill:#005eb8;}*/
.search_toggle.mt30{margin-top:3rem;}
.search_ttl{width: 100%;background: #005eb8;color: #fff;height: 7rem;display: flex;font-size: 1.8rem;line-height: 2.7rem;font-weight: 700;padding:0 1.7rem 0 2rem;align-items: center;justify-content: space-between;}
.search_ttl > a{width: 8.4rem; height: 3.2rem;background: #004383;color: #fff;border-radius: 5rem;display: flex;align-items: center;justify-content: space-evenly;font-size:1.3rem;font-weight:700;line-height:1.9rem;}
.search_ttl > a:hover{background:#fff;color:#004383}
.search_ttl > a:hover svg path{fill:#004383;}
.search_ttl > a > img{width:14.62px;margin-left:0.4rem;}
.search_toggle > ul > li{}
.search_toggle > ul > li > a.menu{    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #333;
    letter-spacing: -0.6px;
    font-weight: 700;
    padding: 0 2rem;
    height: 5.5rem;
    display: flex;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    align-items: center;
    justify-content: space-between;}

.search_toggle > ul > li > a.menu:after{content: "";
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    display: block;
    background-size: 23px 20px;
    width: 23px;
    height: 20px;}
    .search_toggle > ul > li > a.menu.tit_on:after{transform:rotate(180deg);}
.pd_check[type="checkbox"]{background: url(../images/Check_off.svg);display: inline-block; position: relative; width: 20px;height: 20px;cursor: pointer;}
.pd_check[type="checkbox"]+label{font-size: 1.5rem;letter-spacing: -0.6px;line-height: 3.3rem;font-weight: 500;margin-left: 1.1rem;display: inline-flex;justify-content: flex-start; width: calc(100% - 3.1rem);}
.pd_check[type="checkbox"]:checked{background: url(../images/Check_on.svg);}

.submenu{    height: auto;
    display: none;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding: 1.3rem 1.9rem;
    /*opacity: 0;*/
    /*appearance: none;*/
    /*pointer-events: none;*/
    /*-moz-transition: height 1s ease;*/
    /*-webkit-transition: height 1s ease;*/
    /*-o-transition: height 1s ease;*/
    /*transition: height 1s ease;*/
    /*overflow: hidden;*/
    }
.submenu > ul > li {margin-bottom:1.2rem;} 
.submenu > ul > li:last-child{margin-bottom:0;}
/*.submenu.show{    height: 376px;
    opacity: 1;
    display: block;
    border: 1px solid #e6e6e6;
    padding: 1.3rem 1.9rem;
    pointer-events: all;
    -moz-transition: height 1s ease;
    -webkit-transition: height 1s ease;
    -o-transition: height 1s ease;
    transition: height 1s ease;
    overflow: hidden;}*/
.submenu.ht120.show{height:12rem;}
.submenu > p{font-size:1.5rem;font-weight:500;color:#444;line-height:2rem;margin-bottom:3.1rem;}
.middle {position: relative;width: 100%;padding-bottom:3.5rem;}
.slider {position: relative;z-index: 1;height: 6px;}
.slider > .track {position: absolute;z-index: 1;left: 0;right: 0;top: 0;bottom: 0;border-radius: 20px;background-color: #ddd;}
.slider > .range {position: absolute;z-index: 2;left: 16%;right: 27%;top: 0;bottom: 0;border-radius: 5px;background-color: #005EB8;}
.slider > .thumb {position: absolute;z-index: 3;width: 20px;height: 20px;background-color: #005EB8;border-radius: 50%;}
.slider > .thumb > p{margin-top: 2.5rem;font-size: 1.4rem;font-weight: 700; line-height: 2rem; color: #005eb8; width: 5rem; text-align: center;margin-left: -1.5rem;}
.slider > .thumb.left {left: 14.3%;transform: translate(0, -6px);}
.slider > .thumb.right {right: 25.5%;transform: translate(0, -6px);}
input[type="range"]{position: absolute;/* opacity로 가린 것을 이벤트도 비활성화하기 위해 */pointer-events: none;  -webkit-appearance: none;z-index: 2;height: 6px; opacity: 0;}
input[type="range"].input-right{width:calc(100% + 20px);    transform: translate(-20px, 0);}
input[type="range"].input-left{width:calc(100% + 20px);    transform: translate(0, 0);}
input[type="range"]::-webkit-slider-thumb {/* 겹쳐진 두 thumb를 모두 활성화 */pointer-events: all;width: 20px;height: 20px;  border-radius: 0;border: 0 none;background-color: red;cursor: pointer;/* appearance를 해야 위의 스타일들을 볼 수 있음 */-webkit-appearance: none;}

table.tbl_pd.schlist td{border-left:none;border-bottom: 1px dashed #ccc}
table.tbl_pd.schlist td:first-child{padding-left:5rem;color:#005eb8;font-weight:700;}
table.tbl_pd.schlist td:first-child:hover{color:#004383;cursor:pointer;}
table.tbl_pd.schlist tr:last-child td{border-bottom:1px solid #ccc;}
.search_side_wrap .dwn_btn{    display: flex;
    border: 1px solid #d8d8d8;
    color: #222;
    font-size: 1.6rem;
    line-height: 2.2rem;
    font-weight: 700;
    width: 24rem;
    height: 5.8rem;
    align-items: center;
    padding: 0 2rem;
    border-radius: 0.5rem;
    justify-content: space-between;}
    .search_side_wrap .dwn_btn:hover{background:#005EB8;color:#fff;}
    .search_side_wrap .dwn_btn:hover svg path{fill:#fff;}
.sch_col01{width:20.5%;}
.sch_col02{width:12%;}
.sch_col03{width:8.5%;}
.sch_col04{width:16%;}
.sch_col05{width:12%;}
.sch_col06{width:15%;}
.tablet_un{display:none;}
/*제품 솔루션*/
.pd_sol_wrap{padding:8rem 0 10rem;display:flex;flex-direction: column;}
.pd_sol_wrap .pd_list_wrap:first-child{margin-top:0;}
.pd_sol_wrap > .pd_list_wrap{flex-direction: column;padding-bottom:0;border-bottom:none;}
.pd_sol_wrap > .pd_list_wrap > .pd_list{width: 100%;}
.pd_sol_wrap > .pd_list_wrap > .pd_list > p{font-size:2.2rem;font-weight:900;line-height:3.2rem;letter-spacing:-0.6px;color:#222;;}
.pd_sol_wrap > .pd_list_wrap > .pd_list > p:after{margin-top:1.5rem;width:25rem;}
.list_sub_wrap{display:flex;flex-direction: row;padding:4.3rem 0 4rem 0;border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin-bottom: 8rem;justify-content: space-between;}
.list_sub_div{display:flex;flex-direction: column; width: auto;}
.list_sub_row{display:flex;border-bottom:1px solid #dadada;padding-top:3.3rem;}

.list_sub_row_wrap > .list_sub_row:first-child{padding-top:0;}
.list_sub_row_wrap > .list_sub_row:last-child{border-bottom:none;}
.list_sub_img{height:28rem;object-fit: cover;object-position:center;}
.list_sub_div div.list_sub:first-child{padding-top:0rem;border-top:0px;}
.list_sub_div div.list_sub:last-child{border-bottom:none;padding-bottom: unset;}
.list_sub{width:110.2rem;padding-top:3.4rem;padding-bottom:4rem; height:fit-content; border-top:1px solid #d4d4d4;}
.list_sub > p{font-weight:700;font-size:2rem;color:#222;line-height:2.8rem;margin-bottom:0.1rem;}
.list_sub a.sub_item{font-size:1.6rem;font-weight:500;line-height:100%;letter-spacing:-0.6px;padding:1.1rem 1.6rem; border:1px solid #d4d4d4;color:#005EB8;border-radius:3rem;display:inline-flex;margin-right:1rem;margin-top:1rem;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
    .list_sub a.sub_item:hover{background:#005EB8;color:#fff;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;}
.per50{width: 49%;display: inline-block;float: left;}
.list_sub_row_wrap{width: 110.2rem;}
.list_sub_row_wrap div.per50:nth-child(2){margin-left:2.3rem;width:calc(50% - 2.3rem);}
.sub_second{margin-top:2.1rem;}
.list_sub .sub_second.per50:nth-child(3){margin-top:2.7rem;}
.list_sub .sub_second.per50:nth-child(2){margin-top:2.7rem;}
.sub_second p{font-weight:700;font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.6px;color:#444;}
.list_sub.car_lamp.mb_ls{padding-bottom:0;width: 97%;}
.per50.car_lamp{width:47%;}
.pd_sol_wrap > .pd_list_wrap > .pd_list:last-child .list_sub_wrap{margin-bottom:0;}
.list_sub_row{justify-content: flex-start;}


/*시뮬레이션 서비스*/
.pd_tech_wrap .sub_tab3 .tabs{line-height: unset;border-bottom: none; position: relative;display: inline-flex;align-items: center;margin: 0; padding: 0 2.8rem;}
.pd_tech_wrap .sub_tab3 li {display: inline-block;font-size: 1.8rem;padding: 0 2.8rem;font-weight: 300;color: #111;height: 7rem;opacity: 0.6;display: inline-block;font-size: 1.8rem;height: 7rem;-webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
    .pd_tech_wrap .sub_tab3 li :hover{
        color:#005EB8;font-weight:700;
        -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    }
.pd_tech_wrap .sub_tab3 .tabs.current{opacity: 1;}
.pd_tech_wrap .sub_tab3 li:after{content:"";width:1px;height:11px;background:#d9d9d9;display:flex;position: absolute;right:0;align-items: center;}
.pd_tech_wrap .sub_tab3 li:last-child::after{display:none;}
.pd_tech_wrap.sub_tab3 li a{color:#111;}
.pd_tech_wrap > .sub_tab3{border-bottom:none;padding:3rem 0 3.9rem 0;box-sizing: content-box;display: flex;justify-content: center;}
.pd_tech_wrap .sub_tab3 .tabs.current a{text-decoration: underline;text-underline-position: under;font-weight: 700;opacity: 1;color: #111;}
.pd_tech_wrap > .pd_tech_cont{width: 111.6rem;margin:0 auto;}
.pd_tech_wrap > .pd_tech_cont > .grey_box{background:#f4f4f4;height:20rem;width: 100%;border-radius:0;border:none;display:flex;flex-direction: row;align-items: center;padding:0 4rem;justify-content: space-between;}
.pd_tech_wrap > .pd_tech_cont > .grey_box > div p{font-size:2.8rem;line-height:4rem;font-weight:700;color:#222;}
.pd_tech_wrap > .pd_tech_cont > .grey_box > div span{font-size:1.7rem;line-height:3rem;font-weight:500;letter-spacing:-0.6px;margin-top:1.2rem;display:block;}
.pd_tech_wrap > .pd_tech_cont > .grey_box > a{    display: flex;
    width: 24rem;
    height: 5.8rem;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background-color: #fff;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    padding: 0 2rem;
    justify-content: space-between;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
.pd_tech_wrap > .pd_tech_cont > .grey_box > a:hover{background:#005EB8;color:#fff;-webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
    .pd_tech_wrap > .pd_tech_cont > .grey_box > a:hover svg path{fill:#fff;}
.pd_tech_wrap.support01{padding-bottom:10rem}
.pd_tech_cont > .sub_tab{margin-top: 4rem;height: 5.5rem;}
.pd_tech_cont > .sub_tab li{width: 25%;display: inline-block;font-size: 1.6rem;background: #f9f9f9;border: 1px solid #d9d9d9;font-weight: 300;margin: 0;height: 5.5rem;padding: 0;line-height:5.5rem;opacity:1;}
.pd_tech_cont > .sub_tab li a{color:#111;display:block;}
.pd_tech_cont > .sub_tab li a:hover{color:#fff;}
.pd_tech_cont > .sub_tab li:hover{background:#005EB8;color:#fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;}
.pd_tech_cont > .sub_tab li.current{border:1px solid #005EB8;font-weight:700;font-size:1.6rem;background:#fff;line-height: 5.5rem; }
.pd_tech_cont > .sub_tab li.current a{color:#005EB8;}
.pd_tech_cont > .sub_cont{border:1px solid #dadada;border-top:none;padding:4rem;  }
.pd_tech_cont > .sub_cont > .grey_box{background:#f9f9f9;padding:3.5rem 3.5rem 3.5rem 4rem;border-radius: unset;width: 100%;height:auto;border:none;}
.pd_tech_cont > .sub_cont > .grey_box > p{font-size:1.8rem;line-height:2.5rem;font-weight:700;color:#000;}
.pd_tech_cont > .sub_cont > .grey_box > span{font-size:1.6rem;line-height:2.6rem;font-weight:500;color:#555;letter-spacing:-0.6px;margin-top:2rem;display:block;}
.pd_tech_cont > .sub_cont > .grey_box > span > p{font-size:1.5rem;line-height:2.4rem;font-weight:500;color:#777;letter-spacing:-0.6px;}    
.tech_ttl_wrap{margin-top:5rem;padding:4.3rem 0 0 0;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.tech_ttl_wrap > .tech_ttl > span{font-size: 1.8rem;font-weight: 700;line-height: 2.5rem;letter-spacing: -0.6px; color: #222;display:block;}
.tech_ttl_wrap > .tech_ttl:after{content: "";width: 16rem;height: 2px;background: #005EB8;display: block;margin-top:1.7rem;}
.tech_support_ty01{display:flex;flex-direction:row;width: 100%;justify-content: space-between;margin-top:3.9rem;min-width:102.5rem}
.tech_support_ty01.mt0{margin-top:0;}
.tech_support_ty01 > div{text-align: center;width:50rem;}
.tech_support_ty01 > div > p{font-size:1.6rem;font-weight:500;color:#222;line-height:2.1rem;letter-spacing:-0.6px; border:1px solid #dadada;height: 6rem;display: flex;flex-direction: column;justify-content: center; }
.tech_support_ty01.tab4 > div > p{font-size:1.6rem;font-weight:500;color:#222;line-height:2.1rem;letter-spacing:-0.6px; border:1px solid #dadada;height: 8rem;display: flex;flex-direction: column;justify-content: center; }
.tech_support_ty01 > div > span{padding:1.8rem 0;border:1px solid #dadada;display: block;border-top:none;}

.tech_support_ty03{display:flex;flex-direction:row;width: 100%;justify-content: space-between;margin-top:3.9rem;min-width:102.5rem}
.tech_support_ty03.mt0{margin-top:0;}
.tech_support_ty03 > div{text-align: center;width:50rem;}
.tech_support_ty03 > div > p{font-size:1.6rem;font-weight:500;color:#222;line-height:2.1rem;letter-spacing:-0.6px;padding:1.9rem 0 2rem; border:1px solid #dadada; }
.tech_support_ty03 > div > span{padding:1.8rem 0;border:1px solid #dadada;display: flex;justify-content: center;align-items: center;height: 32.9rem;border-top:none;}
.tech_support_ty04{display:flex;flex-direction:row;width: 100%;justify-content: space-between;margin-top:3.9rem;min-width:102.5rem}
.tech_support_ty04.mt0{margin-top:0;}
.tech_support_ty04 > div{text-align: center;width:50rem;}
.tech_support_ty04 > div > p{font-size:1.6rem;font-weight:500;color:#222;line-height:2.1rem;letter-spacing:-0.6px;padding:1.9rem 0 2rem; border:1px solid #dadada; }
.tech_support_ty04 > div > span{padding:1.8rem 0;border:1px solid #dadada;display: flex;justify-content: center;align-items: center;height: 32.9rem;border-top:none;}

.tech_support_ty02{display:flex;flex-direction:row;width: 100%;justify-content: space-between;margin-top:3.9rem;position:relative;}
.tech_support_ty02.mt0{margin-top:0;}
.tech_support_ty02 > div{text-align: center;width:50rem;}
.tech_support_ty02 > div > p{font-size:1.6rem;font-weight:500;color:#222;line-height:2.1rem;letter-spacing:-0.6px; border:1px solid #dadada;height: 6rem;display: flex;flex-direction: column;align-items: center;justify-content: center; }
.tech_support_ty02.tab1 > div > p{height:8rem}
.tech_support_ty02 > div > .tbl_over-x > .over_cover > span{padding:1.8rem 0;border:1px solid #dadada;display: block;width: 100%;/*min-width: 102.5rem;*/border-top:none;}

.tech_support_ty02 > div{width:100%;}
.tech_support_ty02 > div > p > span{font-size:1.7rem;letter-spacing: -0.6px;color:#222;font-weight:700;}
.tech_support_ty02 > div > .tbl_over-x.support01 > .over_cover > span > img:first-child{margin-right:3.1rem;}
.pd_tech_wrap > div.slt_comm{display:none;}
.pd_tech_wrap.support01 .sub_cont div:nth-child(4).tech_ttl_wrap{margin-top: 4rem;padding: 5.4rem 0 0 0;}
.tech_support_ty02 > div > .support01.tp01{overflow:hidden;overflow-x:scroll;position: relative;height: 40.9rem;margin: 0 2rem;margin-bottom: 3.1rem;}
.tech_support_ty02 > div > .support01.tp01::-webkit-scrollbar{height:4px;}
.tech_support_ty02 > div > .support01.tp01::-webkit-scrollbar-thumb{background:#101B28;border-radius:5px;}
.tech_support_ty02 > div > .support01.tp01::-webkit-scrollbar-track{background:#ebebeb;}
.tech_support_ty02 > div > .support01.tp02{overflow:hidden;overflow-x:scroll;position: relative;margin: 0 1px;height: 431px;margin:0 2rem 2rem 2rem}
.tech_support_ty02 > div > .support01.tp02::-webkit-scrollbar{height:4px;}
.tech_support_ty02 > div > .support01.tp02::-webkit-scrollbar-thumb{background:#101B28;border-radius:5px;}
.tech_support_ty02 > div > .support01.tp02::-webkit-scrollbar-track{background:#ebebeb;}


.tech_support_ty02 > div > .support01 > .over_cover > ul{min-width: 295rem;display: flex;padding:2rem 0rem 5.4rem 0rem;}
.tech_support_ty02 > div > .support01.tp02 > .over_cover > ul{min-width:189rem;display: flex;padding:2.6rem 0 4.8rem 0;}
.tech_support_ty02 > div > .support01 > .over_cover > ul > li{display: inline-block;position: relative;margin-right: 2.5rem; width: 44rem;height: 36.5rem;}
.tech_support_ty02 > div > .support01 > .over_cover > ul > li+li{width:47.2rem}
.tech_support_ty02 > div > .support01 > .over_cover > ul > li+li+li{width:47.2rem}
.tech_support_ty02 > div > .support01 > .over_cover > ul > li+li+li+li{width:47.2rem}
.tech_support_ty02 > div > .support01 > .over_cover > ul > li+li+li+li+li{width:99.3rem;margin-right:0;}
.tech_support_ty02 > div > .support01 > .over_cover > ul > li:after{content:"";background:url("/images/ccl/pd_arrow.png");position:absolute;right:-36px;width:4.8rem;height:4.8rem;top:45%;z-index: 1; }
.tech_support_ty02 > div > .support01 > .over_cover > ul > li:last-child::after{display: none;}
.tech_support_ty02 > div > .support01 > .over_cover > ul > li > p{height: 6rem;font-size: 1.6rem;line-height: 1.8rem;letter-spacing: -0.6px; font-weight: 500;color: #222;display: flex;justify-content: center;align-items: center;border:1px solid #dadada;border-bottom:none;}
.tech_support_ty02 > div > .support01 > .over_cover > ul > li > span{display:flex;border:1px solid #dadada;height:32.2rem;align-items: center;justify-content: center;}
.tech_support_ty02 > div > .support01.tp01 > .over_cover > ul > li > span {display:flex;border:1px solid #dadada;height:30.6rem;align-items: center;justify-content: center;}

.tech_support_ty02 > div > .support01 > .over_cover > ul > li > span > img{object-fit: none;}
.tech_support_ty02 > div > .support01.tp01 > .ico-touch{display: block;position: absolute;top: 36%;left: 37%;z-index: 2;}
.tech_support_ty02 > div > .support01.tp02 > .ico-touch{display: block;position: absolute;top: 36%;left: 37%;z-index: 2;}

.tech_support_ty02.tab2_2 > div > .support01.tp01 > .ico-touch{display: block;position: absolute;top: 39%;left: 37%;z-index: 2;}
.tech_support_ty02.tab2_3 > div > .support01.tp02 > .ico-touch{display: block;position: absolute;top: 39%;left: 37%;z-index: 2;}
.tech_support_ty02.tab2_3 > div > .support01 > .over_cover > ul > li:after{top:42%;}

.tech_support_ty02 > div > .support01.tp02 > .over_cover > ul > li {width:47.2rem;height:38rem;}
.tech_support_ty02 > div > .support01.tp02 > .over_cover > ul > li+li {width:43rem;height:38rem;}
.tech_support_ty02 > div > .support01.tp02 > .over_cover > ul > li+li+li{width:93.7rem;height:38rem;margin-right:0;}
.tech_support_ty02 > div > .support01.tp02 > .over_cover > ul > li:last-child span img:first-child{margin-right:2.6rem;}
.tech_txt{font-size:1.6rem;line-height:2.1rem;letter-spacing:-0.6px;color:#222;font-weight:500;margin:2.4rem 0 2.8rem;}
p.tech_txt > span{font-size:1.6rem;line-height:3rem;letter-spacing:-0.6px;color:#666;font-weight:500;margin-top: 0.5rem;display: block;}
.scroll_cover_typ02{display: block;height: 45.2rem;border: 1px solid #ddd;position: absolute;width: 100%;border-top: none;}
.scroll_cover_typ03{display: block;height: 44rem;border: 1px solid #ddd;position: absolute;width: 100%;border-top: none;}
.tech_support_ty01.tab4 > div{width:100%;min-width:53rem;}
.tech_support_ty01.tab4 {min-width:53rem;margin-top:2rem;}
.tech_support_ty01.tab4 > div > p >span{font-size:1.7rem;line-height:2rem;letter-spacing:-0.6px;font-weight:700;color:#222;}

.tech_ttl_wrap.tab1_2{margin-top:4rem;padding: 5.4rem 0 0 0;}
.tech_ttl_wrap.tab2_3{margin-top:4rem;padding:5.5rem 0 0 0;}
.tech_ttl_wrap.tab2_3+.tech_txt{margin-bottom:1.8rem;}
.tech_ttl_wrap.tab4{margin-top:4rem;padding:0;border-top:none;border-bottom:1px solid #dadada;}
.tech_ttl_wrap.tab4+p.tech_txt{margin:2.4rem 0 2.3rem}
.tech_support_ty01.tab4 > div > span{height:22.5rem;display: flex;justify-content: center; align-items: center;}
.tech_support_ty01.tab4.tab4_2 > div > span{height:21.6rem;}
.tech_support_ty01.tab4.tab4_3 > div > span{height:22.1rem;}
.tech_support_ty01.tab3_2 > div > span{height:37.5rem;display:flex;border: 1px solid #dadada; display: flex; border-top: none;height: 37.5rem; align-items: center; justify-content: center;}


/*평가기술*/
.support02_gpbox{padding:5rem 5.8rem;border:1px solid #d9d9d9;margin:4rem 0 5rem;}
.support02_gpbox >img{pointer-events:none;}
.support02_gpbox >img:last-child{margin-top:1.4rem;}
.support02_tbl_01 {border-top:1px solid #dadada;margin-bottom:5rem;}
.support02_tbl_01 > p{font-size:2rem;line-height:2.8rem;font-weight:700;color:#222;margin:5rem 0 2.6rem;}
table.support02_1 > colgroup > .sp02_tbc01{width:20.5rem;}
table.support02_1 > colgroup > .sp02_tbc02{width:28.7rem;}
table.support02_1 > colgroup > .sp02_tbc03{width:29.1rem;}
.support02_tbl_02 {border-top:1px solid #dadada;}
.support02_tbl_02 > p{font-size:2rem;line-height:2.8rem;font-weight:700;color:#222;margin:5rem 0 2.6rem;}
table.support02_2 > colgroup > .sp02_tbc01{width:34.4rem;}
table.support02_2 > colgroup > .sp02_tbc02{width:34.6rem;}
table.tbl_pd.support02_1 tbody tr td{height:7rem;}
table.tbl_pd.support02_1 tbody tr:first-child td:nth-child(1),
table.tbl_pd.support02_1 tbody tr:nth-child(6) td:nth-child(1){border-left:none;}
table.tbl_pd.support02_2 tbody tr td{height:7rem;}
table.tbl_pd.support02_2 tbody tr td:first-child{border-left:none;}
.pd_tech_wrap.support02{padding-bottom:17.3rem;}
table.tbl_pd.support02_1{min-width:110.4rem;}

table.tbl_pd.support02_2{min-width:110.4rem;}
.support02_gpbox > .tbl_over-x > .over_cover >img.support02PC_on:first-child{margin-bottom:1.4rem} 

/*환경유해물질성적서Rohs*/
.pd_tech_wrap.support03 >.pd_tech_cont{width:140rem;}
.pd_tech_wrap.support03 > .pd_tech_cont > .grey_box > a{width:26.6rem;}
.support03_tbl{display:flex;justify-content:space-between;margin-top: 6rem;padding-bottom: 5.5rem;}
.support03_tbl > p{font-size:3.6rem;font-weight:700;color:#222;letter-spacing:-0.6px;padding-left: 4rem;}
.support03_tbl > table.tbl_pd{width:104rem}
.support03_tbl > div{width:104rem;}
.support03_tbl > div > ul{display: inline-flex;width: 100%;height: 9rem;justify-content: center;align-items: center;font-size: 1.5rem;font-weight: 500;color: #222;border-bottom: 1px dashed #ccc;}
.support03_tbl > div > ul.tbl_th{font-weight: 700;border-top: 2px solid #222;background: #f6f6f6;height: 7rem;font-size: 1.6rem;text-align: center;border-bottom: 1px solid #ccc;color: #222;text-align:center;}
.support03_tbl > div > ul.tbl_th li{text-align:center;}
.support03_tbl > div > ul.tbl_th li.pc_th{display: inline-flex;justify-content: center;}
.support03_tbl > div > ul > li{text-align:left;width:25%;}
.support03_tbl > div > ul.tbl_td > li{padding-left:2rem}
/*.support03_tbl > div > ul.tbl_td:last-child{border-bottom: 1px solid #ccc;}*/
.support03_tbl > div > ul > li:nth-child(odd){width:25rem;}
.support03_tbl > div > ul > li:nth-child(2n){width:27rem;padding-left:0;}
.support03_tbl > div > ul.tbl_td > li.pc_td{display:inherit;}
.support03_tbl > div > ul.tbl_td{color:#444;font-size:1.5rem;font-weight:700;}
.support03_tbl > div > ul.tbl_td > li:nth-child(odd){justify-content: flex-start;}
.support03_tbl > div > ul.tbl_td > li > .br_st1{display:none;}
.support03_tbl > p > .br_st2{display:none}
.support03_tbl > div > ul.tbl_td > li > .br_st3{display:none;}
/*물질안전보건자료(MSDS)*/
.pd_tech_wrap.support04 > .pd_tech_cont{width:140rem;padding-bottom:20.8rem}
.pd_tech_wrap.support04 > .pd_tech_cont > .grey_box > a{width:26.6rem;}
.support03_tbl div ul.tbl_td > li > a {width:12rem;height:5.6rem;border:1px solid #cbcbcb;border-radius:3px;background:url("/images/file_dw_arrow.svg")no-repeat center top;background-repeat: no-repeat;background-position: 85% center;display: inline-flex;align-items: center;justify-content: flex-start;padding-left: 1.5rem;font-size:1.6rem;font-weight:500;color:#444;}
.support03_tbl div ul.tbl_td > li > a:hover{color:#fff;background:url("/images/file_dw_arrow_wh.svg")no-repeat center top;background-repeat: no-repeat;background-position: 85% center;background-color:#005eb8;}
.support03_tbl div ul.tbl_td > li > a:first-child{margin-right:.6rem;}
.pd_tech_wrap.support04 > .pd_tech_cont > div.support03_tbl:last-child{padding-bottom:0;}
.support03_tbl > div > ul.tbl_td > li > .br_st4{display:none;}

 /*전장 소재*/
 .swiper-container1.newbiz { width: 77.8rem; height: auto; overflow: hidden; }
 .swiper-container1.newbiz .swiper-wrapper {  width: 778px;  height:auto;  }
 .swiper-container1.newbiz .swiper-slide {  position: relative;  width: 778px;  height: auto;  }
 .swiper-container1.newbiz .swiper-slide > p {text-align: center; font-size: 1.8rem; font-weight: 600;}
 .swiper-container1.newbiz .swiper-btn-area > .area > .swiper-pagination2{position: absolute;top: 14px;display: block; height: 2px; width: 629px;left: 3.6rem;}
 .swiper-container1.newbiz .swiper-button-prev, .swiper-container1.newbiz .swiper-container-rtl .swiper-button-next{right: 85px;left: unset;}
 .swiper-container1.newbiz .swiper-button-next, .swiper-container1.newbiz .swiper-container-rtl .swiper-button-prev{right:40px;}
 .swiper-container1.newbiz .swiper-button-next.swiper-button-disabled, .swiper-container1.newbiz .swiper-button-prev.swiper-button-disabled{opacity: 0.2;}
 .swiper-container1.newbiz .swiper-btn-area { display: flex; position: relative;width: 100%;margin-top:2rem}
 .swiper-container1.newbiz .swiper-pagination {position: relative;bottom: 0;left: 0;height: 3rem;text-align: left;font-size: 1.3rem;line-height: 3rem;font-weight: 700;color: #afafaf;}
 .swiper-container1.newbiz .swiper-pagination > .swiper-pagination-current{font-size: 1.7rem;color: #111;}
 .swiper-container1.newbiz .btn-wrap__action {  display: flex; align-items: center;  position: relative;  z-index: 11;  top: 4px;  }
 .swiper-container1.newbiz .btn-wrap__action button,
 .swiper-container1.newbiz .btn-wrap__action img {  display: block;  }
 .swiper-container1.newbiz .swiper-btn-area .btn__play {  margin-left: 0;  }
 .swiper-container1.newbiz .swiper-btn-area .area {  display: flex;  align-items: center;  justify-content: center;  }
 .swiper-container1.newbiz .swiper-button-next, .swiper-container1.newbiz .swiper-container-rtl .swiper-button-prev{background:url(/images/next_ico.png)}
 .swiper-container1.newbiz .swiper-button-prev, .swiper-container1.newbiz .swiper-container-rtl .swiper-button-next{background:url(/images/prev_ico.png)}
 .swiper-container1.newbiz .swiper-button-next, .swiper-container1.newbiz .swiper-button-prev{height:2.4rem;width:2.4rem;margin-top:.3rem;top:0;}
 .swiper-container1.newbiz .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#085197}
 .pd_tech_wrap.new_material{width:111.6rem;margin:0 auto;}
 .material_wrap{padding:5rem 0 12.1rem;}
 .material_list{display:flex;justify-content: space-between;flex-direction: row;width:100%;border-top:1px solid #dadada;padding:6rem 4rem;}
 .material_list:first-child{border-top:none;}
 .material_list > p{font-size: 2.4rem;font-weight: 700;color: #222;letter-spacing: -0.8px; line-height: 3.9rem;}
 .material_list > ul.mat_list01, .material_list > div > ul.mat_list01 {width: 77.8rem;}
 .material_list > ul.mat_list01 > li, .material_list > div> ul.mat_list01 > li {font-size:1.7rem;font-weight:500;color:#555;line-height:2.4rem;letter-spacing: -0.6px;text-indent: -0.8rem;margin:0.3rem 0 ;margin-left: 0.8rem;padding-bottom:0.3rem;}
 .material_list > div> ul.mat_list01.last {margin-top:20px;}
 .material_list > div.mat_list02{width: 77.8rem;}
 .material_list > div.mat_list02 > ul{display:flex;flex-direction: row;}
 .material_list > div.mat_list02 > ul > li{display:flex;flex-direction: column;margin-right:1.8rem;}
 .material_list > div.mat_list02 > ul > li > p{color:#333;font-size:1.7rem;font-weight:700;line-height:3rem;letter-spacing: -0.6px;margin-bottom:1.3rem;}
 .material_list > div.mat_list02 > ul > li > ul{background:#f6f6f6;width:38rem;height:100%;display:flex;flex-direction: column;align-items: flex-start;justify-content: center;}
 .material_list > div.mat_list02 > ul > li > ul >li{color:#777;font-size:1.5rem;letter-spacing: -0.6px;line-height:3rem;font-weight:500;padding-left:2.1rem;}
 .material_list  table.tbl_pd > thead th{border-left:1px solid #ccc;}
 .material_list  table.tbl_pd > thead th:first-child{border-left:none;}
 .material_list  table.tbl_pd > tbody td:first-child{border-left:none;}
 .material_wrap > div.material_list:last-child{border-bottom:1px solid #dadada;}
 .material_list > div.mat_list03{width:77.8rem;}
 img.mat_img_pc{display:block;}
 img.mat_img_mobile{display:none;}
 .pd_tech_wrap.new_material .material_list > p > .cus_br{display:block;}

/*CP 운영조직*/
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP{display:flex;flex-direction: row;width:111.6rem;justify-content:space-between;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > p{font-size:3.2rem;line-height:4.6rem;font-weight:700;color:#222;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div{position:relative;width: 81.8rem;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol{height: 67.2rem;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li{position: absolute;z-index: 1;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(1){width:28rem;top: 0;left: calc(50% - 14rem);}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(1):after{content:"";display:block;width:1px;height:41.6rem;background:#dadada;left:14rem;position: absolute;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(2){width:28rem;left: 0;top:calc(30% - 2.8rem);}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(2):after{content:"";display:block;width:30rem;height:1px;background:#dadada;right:-27rem ;top:2.7rem;position: absolute;z-index: -1;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(3){width:28rem;right: 0;top:calc(30% - 2.8rem);}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(4){width:40rem;  left: calc(50% - 20rem);top: 62%;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > p{background:#005EB8;height:5.4rem;color:#fff;border-radius:6px;width:100%;font-weight:900;font-size:1.8rem;text-align: center;display:flex;align-items: center;justify-content: center;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_01 > dd{margin-top:1.5rem;font-size:1.6rem;font-weight:500;color:#222;line-height:2.8rem;letter-spacing:-0.6px;text-align:center;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_01 > dd:before{content:"";width:4px; height:4px;border-radius: 100%;background:#111;display: inline-flex;margin-right: 4px;margin-top: -82px;position: relative;left: -1px;bottom: 3px;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02{display:inline-block;width: 100%;text-align: center;margin-top:1.3rem;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02 > dt{margin-left: -7px;width: 11.2rem;display: inline-block;text-align: left;font-size: 1.5rem;line-height: 2.8rem; color: #555;letter-spacing: -0.6px;font-weight: 300;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02 > dt::before{content:"";width:4px; height:4px;border-radius: 100%;background:#111;display: inline-flex;margin-right: 4px;margin-top: -82px;position: relative;left: -1px;bottom: 3px;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02 > dd{display:inline;text-align: left;font-size:1.6rem;color:#222;font-weight:500;letter-spacing:-0.6px;line-height:2.8rem;} 
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03{position:relative;width: 45.8rem;display: inline-flex;justify-content: space-between;margin-left: -2.9rem; margin-top: 8.4rem;text-align: center;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03:before{content:"";width:36.6rem;height:1px;background:#dadada;position:absolute;top:-4.2rem;left:4.6rem;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li{width:9.2rem;position:relative}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li:before{content:"";width:1px;margin-left: -1px;height:3.7rem;background:#dadada;position:absolute;top:-4.2rem}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > p{position:relative;height:4.8rem;display:flex;align-items:center;background:#669ED4;color:#fff;border-radius:6px 6px 0 0;font-size:1.6rem;letter-spacing:-0.6px;font-weight:700;justify-content:center;line-height:1.8rem;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > p:before{content:"";width: 1rem;height: 1rem;background: #005EB8;border-radius: 100%; position: absolute; top: -5px; z-index: -1;}
.sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > span{height:7rem;display:flex;align-items:center;background:#fff;border:1px solid #b2cee9;border-radius:0 0 6px 6px;font-size:1.5rem;letter-spacing:-0.6px;font-weight:500;line-height:2rem;color:#222;justify-content:center;}
/*CI 페이지*/
.ci_cont_wrap{width:111.2rem;margin:0 auto;padding:8rem 0 27rem;}
.ci_cont_wrap.intro_ci .ci_list{display:flex;flex-direction: row;justify-content: space-between;padding:8rem 0;border-bottom:1px solid #dadada;}
.ci_cont_wrap.intro_ci div.ci_list:first-child{padding-top:0;}
.ci_cont_wrap.intro_ci .ci_list > p {font-weight:900;font-size:3.6rem; line-height:4.2rem; color:#111;}
.ci_dwn_cover{margin-top:4rem;}
.ci_dwn_cover a{height:5rem;font-size:1.7rem;line-height:3.4rem; font-weight:500;color:#222;border:1px solid #cfcfcf;border-radius:.5rem;display: inline-flex;align-items: center;padding:0 2rem;justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
.ci_dwn_cover a:hover{background:#005eB8;color:#fff;}
.ci_dwn_cover a:hover svg path{fill:#fff;}
.ci_dwn_cover a:nth-child(1){margin-right:2rem;width:15rem;}
.ci_dwn_cover a:nth-child(2){width:16.35rem}
.ci_text{width:82.16rem} 
.ci_text > .color_txt1{display:flex;flex-direction: row;justify-content: space-between;}
.ci_text > .color_txt1 > p{font-weight:700;font-size:1.8rem;line-height:3.4rem;color:#222;}
.ci_text > .color_txt1 > img{height:15.3rem;}
.ci_text > .color_txt1 > p > span.txt_st01{font-size:1.6rem;line-height:2.5rem;display:block;margin-top:.3rem;}
.ci_text > .color_txt1 > p > span.txt_st02{font-weight:300;font-size:1.5rem; line-height:2.5rem;display:block;margin-top:2.9rem;}
.ci_text > span.txt_st02{font-weight:300;font-size:1.5rem; line-height:2.5rem;display:block;margin-top:2.5rem;}
.ci_text > .color_txt2{display:flex;flex-direction: column;margin-top:7.7rem;}
.ci_text > .color_txt2 > img{margin-top:5.4rem;}
.ci_text > .color_txt2 > p{font-weight:700;font-size:1.8rem;line-height:3.4rem;color:#222;}
.ci_text > .color_txt2 > p > span.txt_st02{font-weight:300;font-size:1.5rem; line-height:2.5rem;display:block;margin-top:2.9rem;}
.ci_text > p.txt_st03{font-weight:300;font-size:1.8rem;line-height:3rem;color:#222;word-break: keep-all; margin-bottom:5.2rem;}
.ci_text > p.clear_tit{font-weight:700;font-size:1.8rem;line-height:3.4rem;color:#005EB8;}
.ci_text > p.clear_txt{font-weight:300;font-size:1.8rem;line-height:2.6rem;color:#005EB8;margin:3.2rem 0 8.4rem;}
.ci_text > p:last-child{margin-bottom:0;}
.ci_cont_wrap.intro_ci > div:last-child{padding-bottom:0; border-bottom:none;}
.ci_text > img.pcpc{display:block;}
.ci_text > img.momo{display:none;}
.ci_text > .color_txt1 > img.pcpc{display:block;}
.ci_text > .color_txt1 > img.momo{display:none;}
.page_img_link{display:flex;flex-direction: row;position:relative;height: 39rem;}
.page_img_link > div{width:50%;overflow: hidden;position:relative;}
.page_img_link > div > a{position:absolute;color:#fff;font-size:2.4rem;line-height:3.3rem;padding:5.3rem 0 0 5rem;z-index: 1;width: 100%;height: 100%;}
.page_img_link > div > div.page_img_bg01{background-image:url("/images/intro/ci_06.jpg");width:100%;height: 39rem;background-size: cover;background-repeat: no-repeat;background-position:center;}
.page_img_link > div > div.page_img_bg02{background-image:url("/images/intro/ci_07.jpg");width:100%;height: 39rem;background-size: cover;background-repeat: no-repeat;background-position:center;}
.page_img_link > div > a > svg{margin-left:.5rem}
.page_img_link > div > a:hover + div.over_scale{transform:scale(1.1);transition-duration: .6s;transition-timing-function: ease-in;z-index: -1;}
.over_scale{transform:scale(1);transition-duration: .4s;transition-timing-function: ease-out;z-index: -1;}

/*글로벌 네트워크*/
.main_map{width:100%;height:71.8rem;}
.sub_map{width:100%;height:35rem;}
.map_search{margin:4rem 0 1.9rem}

.map_search > .custom-select{width:22.9rem;display:inline-block;margin-right:1.8rem;position: relative; margin: 0 0.9rem;}

.map_search > .custom-select#area{margin-left:0rem;}
.map_search > .custom-select:after{
    content: "";
    width: 1px;
    height: 50px;
    background: #d9d9d9;
    display: flex;
    position: absolute;
    align-items: center;
    right: -10px;  
    top: 2px;
}
.map_search > .custom-select#area:after{display: none;}

.map_search p.line{
    width: 100%;
    height: 1px;
    background: #d9d9d9;
    display: none;
}

/**/



.map_search > .custom-select > div.select-selected{height:5.5rem;font-weight:500;color:#333;}
.map_search > .input_box{display: inline-flex; justify-content: center;align-items: center;margin-right:1.8rem;margin-left: 0.9rem; vertical-align: bottom;}

.map_search > .input_box{}

.map_search > .input_box input{font-weight:400;font-size:1.5rem;color:#333;border: 1px solid #cbcbcb;height: 5.5rem;width:22.8rem;border-radius:3px;padding:0 2rem}
.map_search > .input_box input::placeholder{font-weight:400;font-size:1.5rem;color:#333;opacity:0.5;}
.map_search > .input_box input:focus{border:1px solid #005EB8}
.map_search > .sch_btn{background:#005eb8;height:5.5rem;width:5.5rem;display:inline-flex;align-items:center;justify-content: center;border-radius: 3px;vertical-align: top;margin-right:0.5rem;}
.map_search > .reset_btn{background:#d9d9d9;height:5.5rem;width:5.5rem;display:inline-flex;align-items:center;justify-content: center;border-radius: 3px;vertical-align: top;}
.global_network .sub_tab{text-align: center;width: 100%;display: flex;justify-content: center;box-sizing: border-box;height: 5.5rem;border-bottom:none;}
.global_network .sub_tab li{display:inline-flex;width:20%; line-height:18px; font-size:1.6rem;font-weight: 300;color: #111;height: 5.5rem;background:#f9f9f9;border:1px solid #d9d9d9;    align-items: center;justify-content: center;margin:0;opacity:1;}
.global_network .sub_tab li > img{margin-right:.9rem;}
.global_network .sub_tab li a{color:#111;}
.global_network .sub_tab .tabs.current{color: #005EB8;border: 1px solid #005EB8;font-weight: 700;height: 5.5rem;background: #fff;line-height: unset;padding: 0;opacity: unset;width: 20%;}
.global_network .sub_tab .tabs.current a{color:#005EB8;}
.global_network .sub_cont{display:none;}
.global_network .sub_cont.current{display:inherit}
.que:first-child{border-top: 1px solid #dadada;margin-top: 3rem;}
.que{position: relative;padding:0 2rem 0 4rem;cursor: pointer;font-size: 14px;border-bottom: 1px solid #dadada;height:13rem;display: flex;align-items: flex-start;flex-direction: column;align-content: space-between;justify-content: center;}
.anw {display: none; overflow: hidden;font-size: 14px;background-color: #ffffff;padding:0 3rem 5rem 4rem;border-bottom:1px solid #dadada;}

.arrow-wrap {position: absolute; top:50%; right: 3rem; transform: translate(0, -50%);}
.que .arrow-top {display: none;}
.que .arrow-bottom {display: block;}
.que.on{border-bottom:none;height:15.6rem}
.que.on .arrow-bottom {display: none;}
.que.on .arrow-top {display: block;}
.global_map{margin-top:4.1rem;}
.global_map > .que > span.area{font-size:1.7rem;font-weight:300;line-height:3rem;color:#8d8d8d;letter-spacing:-0.6px;}
.global_map > .que > p.adress{display:none;}
.global_map > .que > p.ttl{font-size:2rem;font-weight:700;line-height:3rem;color:#222;letter-spacing:-0.6px;}
.global_map > .que.on > span.area{color:#005EB8;}
.global_map > .que.on> p.adress{display:block;font-weight:300;font-size:1.5rem;color:#555;line-height:3rem;letter-spacing:-0.6px;}
.global_network_wrap{padding:3rem 0 6rem ;}


/*221013add*/

.global_map > .que > p.adress span{margin-right:20px;}
.global_map > .que > p.tel{display:none;}
.global_map > .que > p.tel span{margin-right:20px;}
.global_map > .que.on> p.tel{display:block;font-weight:300;font-size:1.5rem;color:#555;line-height:3rem;letter-spacing:-0.6px;}

/*221013add*/

/* 시뮬레이션-전기적특성*/
.tbl_over-x.support01.big {
    overflow-x: scroll;
    position: relative;
}

.tbl_over-x.support01.big img {
    max-width: inherit;
}

.tbl_over-x.support01.big.all img {
    max-width: inherit;
    height: 500px;
}

.tbl_over-x.support01.big > .ico-touch {
    display: block;
    position: absolute;
    top: calc(50% - 5rem);
    transform: translate(calc(50vw - 4.6rem), 1rem);
}
.tbl_over-x.support01.big.all .tech_support_ty01 > div{
   width: auto;
   margin: 0 40px 40px 0px;
}
.tbl_over-x.support01.big.all .tech_support_ty01 > div > span{
    border: 1px solid #dadada;
}

.tbl_over-x.support01.big.all > .ico-touch img{height: auto;}

/* What is CCL 페이지 */

.pd_list.pd_list_wic {width:100%;}
.pd_list.pd_list_wic > p {font-size: 2.2rem; line-height:1.3;}
.pd_list.pd_list_wic > p:after {width: 21rem;}
.pd_list.pd_list_wic .list_sub_wrap {display:block; border-bottom:0;}
.pd_list.pd_list_wic .list_sub_wrap.list_pic {margin-bottom:0;}
.pd_list.pd_list_wic .list_sub_wrap > p {margin-bottom:3rem; font-size: 1.7rem;}
.pd_list.pd_list_wic .list_sub_wrap > div {text-align:center;}
.pd_list.pd_list_wic .list_sub_wrap > div > ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.pd_list.pd_list_wic .list_sub_wrap > div > ul > li {position:relative; flex: 0 1 23%; text-align:center; max-height:320px; padding-bottom:60px; overflow:hidden;}
.pd_list.pd_list_wic .list_sub_wrap > div > ul > li > img {width:100%; height:100%; vertical-align:top;}
.pd_list.pd_list_wic .list_sub_wrap > div > ul > li > span {display:inline-flex; width:100%; height:60px; justify-content:center; align-items:center; color:#fff; background:#005eb8; font-size:2.1rem; font-weight:600;}
.pd_wic_btn {display:flex; flex-wrap:wrap; justify-content:space-between;}
.pd_wic_btn > a {display:inline-flex; flex:0 1 49%; justify-content:center; height:60px; align-items:center; border:2px solid #005eb8;}
.pd_wic_btn > a > span {padding-right:10px; font-size:1.7rem; font-weight:800; color: #222;}

.clearfix:after {content: "."; display: block; height: 0; overflow: hidden; clear: both;}
.tbl_policy {display:flex; flex-wrap:wrap; min-width:730px;}
.tbl_policy .tbl_pd {width:auto; min-width:auto; flex:0 0 50%;}
.tbl_policy .tbl_pd th {border-left:1px solid #ccc;}
.tbl_policy .tbl_pd:nth-child(2) th:last-child, .tbl_policy .tbl_pd:nth-child(2) td:last-child {border-right:1px solid #ccc;}
.tbl_policy .tbl_pd th > div {position:relative; line-height:1.9}
.tbl_policy .tbl_pd th > div > span {position:absolute; width:100%; left:0; top:30px; line-height:1.8;}
.policy .information > div {overflow:visible !important;}
.policy .information dd {position:relative; word-break:keep-all;}
.policy .information .tbl_over-x {display:none; position:absolute; top:100%; width:100%; padding-top:15px; background:#fff; z-index:2;}
.policy .information .tbl_over-x.active {display:block;}
.policy .information .tbl_policy::before {content:""; height:100%; width:100%;}
.policy .information .tbl_policy > p {padding-top:5px;}
.policy .hover-table {display:inline-block; text-decoration:underline;}

/* ehs */
.ehs .sign {
    display: flex;
    justify-content: center;
}
.ehss .ehs .sign img {
    height: 75px;
}
@media screen and (max-width:1500px){
    
    .pd_sol.sub_cont_wrap{width: calc(100% - 7.2rem);}
    .list_sub.car_lamp.mb_ls{width:97%;}
    .list_sub_row_wrap{width:95.402rem;}
    /*환경유해물질성적서(RoHS)*/
    .pd_tech_wrap.support03 >.pd_tech_cont{width:100%}
    /*물질안전보건자료(MSDS)*/
    .pd_tech_wrap.support04 > .pd_tech_cont{width:100%}
}
@media screen and (max-width:1400px){
.sub_cont_wrap{max-width:130rem;}
.right_box{flex:0 0 95rem}
.list_sub_img{width:21.643rem;}
.pd_sol_wrap > .pd_list_wrap > .pd_list > p:after{width:21.643rem;}
.list_sub a.sub_item{margin-right:.9rem;}
.list_sub{width:94.276rem;}
}
@media screen and (max-width:1280px){
    .news_wrap{width:110.4rem;}
    .news_list_wrap{padding:6.8rem 0;}
    .news_wrap > .paging{padding:6.7rem 0 8.2rem 0;}
    .news_wrap > .news_page > ul > .news_pttl{padding:2.6rem 3rem 3.9rem 3rem;}
    .news_plink{padding:3rem 4.4rem 2.5rem 3rem;}
    .breadcrumb{right:3rem;bottom:3rem;}
    .sub-visual{height:44rem}
    /*esg 전략*/
    .esg_cont_wrap{width:110.4rem}
    .stategy_chart {width: 80.2rem;}
    .stategy_chart li.blue ul li:first-child{flex:12.132rem 0 0;}
    .stategy_chart li.green ul li:first-child{flex:12.132rem 0 0;}
    /*esg 보고서*/
    .report_area{width:80.6rem;}

    /*제품검색 페이지*/
    .sub_cont_wrap{max-width:121.2rem;}
    .pd_search_wrap{padding:8rem 0 8.1rem;}
    .pd_search_wrap > .right_box{flex:0 0 90rem}
    .pd_search_wrap > .right_box > .grey_box{width:100%;}
    .pd_list{width:43.3rem;}
    .tbl_pd_col1{width:95px;}
    .tbl_pd_col2{width:174px;}
    .tbl_pd_col3{width:110px;}
    .tbl_pd_col4{width:80px;}
    .tbl_pd_col5{width:141px;}
    .tbl_pd_col6{width:158px;}

    /*제품검색 리스트*/
    div.search_side{width:28rem;}
    .pd_search_wrap > aside{width:28rem;}
    .pop_bg{display:none;}
    /*제품 솔루션*/
    .pd_sol_wrap{padding:8rem 0 6rem 0;}
    .list_sub a.sub_item{padding: 1.1rem 0.8rem;}
    /*시뮬레이션 서비스*/
    .pd_tech_wrap > .pd_tech_cont{width:100%;max-width:110.4rem;}
    .pd_tech_cont > .sub_cont > .grey_box{padding:3.5rem 2.6rem;}
    .pd_tech_wrap.support01{padding-bottom:12rem;}
    .tech_support_ty01 > div{width:49.5rem;}
    .tech_ttl_wrap.tab2_3{margin-top:5rem;padding: 5rem 0 0 0;}

    .tech_support_ty03 > div{width:49.5rem;}
    .tech_support_ty03 > div > span{height:33.4rem;}
    .tech_support_ty01.tab3_2 > div > span{height:38rem;}
    .tech_ttl_wrap.tab4{margin-top:5rem;}
    
    /*평가기술*/
    table.tbl_pd.support02_1 tbody tr td:last-child img{width:230.5px;}
    .support02_gpbox{padding:5rem 5.3rem;}
    .support02_gpbox >img{width:99.8rem}
    .pd_tech_wrap.support02{padding-bottom:12rem;}

    /*환경유해물질성적서Rohs*/
    .support03_tbl > div{width:80.6rem;}
    .support03_tbl > div > ul > li:nth-child(odd){width:17rem;}
    .support03_tbl > div > ul > li:nth-child(2n){width:23.3rem;padding-left:1rem;}
    .support03_tbl > p{font-size:2.8rem;line-height:3.9rem;}
    .selectBox{width:15rem;}
    .support03_tbl > div > ul.tbl_td > li > .br_st1{display:block;}
    /*물질안전보건자료(MSDS)*/
    .support03_tbl div ul.tbl_td > li > a{width:50%;}
    .support03_tbl div ul.tbl_td > li > a:first-child{margin-left:0;}
    .pd_tech_wrap.support04 >.pd_tech_cont{padding-bottom:8.5rem;}
    .support03_tbl > div > ul.tbl_td > li > .br_st4{display:block;}
    /*전장 소재*/
    .pd_tech_wrap.new_material{width:110.4rem}
     /*CP 운영조직*/
     .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP{width:110.4rem;}
     .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div{width:80.6rem}
     /*CI 페이지*/
     .ci_cont_wrap.intro_ci .ci_list > p {font-size:3.4rem;}
     .ci_text{width:75.4rem;}
     .page_img_link > div > a{font-size:2.2rem;}
     .page_img_link > div > div.page_img_bg01{background-size:110%;}
     .page_img_link > div > div.page_img_bg02{background-size:cover;}

     /*글로벌 네트워크*/
     .map_search > .custom-select{margin-right:1.4rem;}
     .global_network_wrap{padding:3rem 0 8rem ;}
     
	/*esg 보고서*/
    .esg_cont_wrap.report{padding:6rem 0 15.7rem;}
    .report_cont > p{font-size:2.4rem;}
    .report_area{width:75%;}
    .report_area > p{font-size:1.8rem;line-height:3rem;word-break: break-word;}
    .report_down{padding:4.2rem 0 4.2rem 4rem;margin-top:4.4rem;height:28rem;}
    .report_down .report_img_wrap {flex-basis:35%;}
    .report_down > ul{flex-basis:54%;}
    .report_down > ul > .report_sf{font-size:1.8rem;line-height:3rem; margin-top:.7rem; margin-top:.0rem;}
    .report_down > ul > .report_bf{font-size:3rem;margin-top:.8rem;}
    .report_down .slt_comm{margin-top:8.1rem;}
    .down_btn{margin-left:0.4rem;margin-top:8.1rem;width: 12rem; background-size:1.5rem;font-size:1.4rem;}	
}
@media screen and (max-width:1200px){
    .pd_search_wrap > .right_box{flex:0 0 80rem}
    .list_sub_img{display:none;}
    .list_sub{width:100%;}
    .list_sub_div{width:100%}
    
}

/*반응형*/
@media screen and (max-width:1080px){
    /*comm*/
    .slt_comm{width:12rem;height:3.857rem;font-size:1.4rem;line-height:2rem;padding:0 0 0 1.2rem;background-size:1.2rem;}
    .slt_comm ul{width:12rem;top: 37px !important;}
    .slt_comm ul li{line-height:3.857rem;font-size:1.4rem;padding:0 1.2rem;}
    
    .sub-visual{height:39rem;}
    .sub-visual .sub-tit{font-size:3.8rem;}
    .breadcrumb{display:none;}
    .sub_tab2 li{font-size:1.4rem;padding:0 1.25rem;}
    .sub_tab2 .tabs.current{padding:0 1.25rem;}
    .support02PC_on{display:none;}
    .sub-visual.sub-visual.bg-esg_winwin:after{background:url("../images/sub/common/sub_visual_ESG_winwin_mo.jpg")no-repeat top/cover;}
    .sub-visual.sub-visual.sub-visual.bg-intro_ci::after{background:url("../images/sub/common/sub_visual_intro_ci_mo.jpg")no-repeat top/cover;}
    /*NEWS*/
    .sub-visual.bg-news:after {background:url("../images/sub/common/sub_visual_news_mo.jpg")no-repeat top/cover;}
    
    .sub-visual.bg-blog:after {background:url("../images/sub/common/sub_visual_blog_mo.jpg")no-repeat top/cover;}

    .news_list_wrap{width:100%;padding:5rem;}
    .news_wrap{max-width:100%;padding:0 5rem;}
    .news_wrap > .news_list > li > a > div{max-width: 23.4rem;width: 100%;height: 14.2rem;min-width:23.4rem;}
    .news_wrap > .news_list > li > a > div > img{}
    .news_wrap > .news_list > li > a > ul{margin-left:4rem;padding-right:0;}
    .news_wrap > .news_list > li > a > ul > .list_cont_txt{-webkit-line-clamp: 3;}
    .news_wrap > .news_list > li > a > ul > .list_cont_tit{width:100%}
    .news_wrap > .news_list > li > a > ul > .list_cont_tit p{font-size:2.2rem;line-height:3rem;-webkit-line-clamp: 2; white-space: normal; display: -webkit-box;}
    .news_wrap > .news_list > li > a > ul > .list_cont_tit p:after{display:none;}
    .Search_block{text-align:left;}
    .Search_block > .input_search{width:calc(100% - 11.16rem);}
    .news_wrap > .news_page > ul > .news_pttl > ul > li.page_tit{font-size:2.6rem;line-height:3.6rem;}
    .news_wrap > .news_page > ul > .news_pttl{padding:3rem 0;}
    .news_wrap > .news_page > ul > .news_pttl > ul > li.page_date{margin-top:0.2rem;}
    .news_wrap > .news_page > ul > .news_peditor{padding:4rem 0;}
    .news_plink{padding:3rem 3rem 2.5rem 1.6rem;}
    .news_wrap > .news_page > a.list_btn{font-size:1.4rem;}
    .news_wrap > .news_page{padding:4rem 0 6rem 0;}

    /*esg 전략*/
    .sub_tab li{font-size:1.4rem;padding:0 1.2rem;}
    .sub_tab .tabs.current{padding:0 1.3rem;}
    .esg_cont_wrap {width: calc(100% - 10rem);padding:6rem 0 8rem;}
    .strategy_bf{font-size:2.6rem;line-height:3.8rem;width:100%;}
    .strategy_sf{font-size:1.6rem;line-height:3rem;margin-top:3rem;}
    .stategy_cont{flex-direction: column;margin-top:6.8rem;}
    .stategy_chart{width:100%;margin-top:3.8rem;}
    .stategy_cont > p{font-size:2.4rem;}
    .stategy_chart li.blue ul li:first-child{flex:10.1rem 0 0;}
    .stategy_chart li.green ul li:first-child{flex:10.1rem 0 0;}
    .stategy_chart li:last-child.blue ul li{font-size:1.4rem;line-height:2.4rem;}
    .stategy_chart li.blue ul li:first-child{font-size:1.6rem;line-height:1.8rem;}
    .stategy_chart li.blue ul li{font-size:1.4rem;line-height:2.4rem;}
    .stategy_chart li.green ul:first-child li{font-size:1.5rem;}
    .stategy_chart li.green ul:last-child li:nth-child(2), 
    .stategy_chart li.green ul:last-child li:nth-child(3), 
    .stategy_chart li.green ul:last-child li:nth-child(4), 
    .stategy_chart li.green ul:last-child li:nth-child(5){font-size:1.3rem;padding:1rem 0 1rem 1rem;padding: 1.3rem 0.5rem 1rem 1rem; letter-spacing: -1px;}
    .stategy_chart li.green ul:last-child li p{text-indent: -1.1rem;padding-left: 1.2rem;}

    

    /*제품 검색 페이지*/
    .pd_search_wrap{flex-direction: column;padding: 5rem 0;}
    .pd_search_wrap > .left_box{width:100%;display:flex;flex-direction: row;justify-content: space-between;align-items: center;}
    .left_box > p{font-size:2.6rem; width: 45%;}
    .left_box > p > .hd_br, .grey_box > p > .hd_br{display:none;}
    .pd_qna_btn{margin-top:0;width:22rem;height:5.5rem;font-size:1.5rem;}
    .pd_qna_btn_nm {margin-top: 0;width: 22rem; height: 5.5rem; font-size: 1.5rem; /*margin-right: 0.5rem;*/ margin-left: 0.5rem;}
    .pd_search_wrap > .right_box > .grey_box{margin-top:4rem;padding:2rem 2.5rem;}
    .grey_box p{font-size:1.6rem;}
    .pd_list_wrap{margin-top:5rem;margin-bottom:0;padding-bottom: 4.9rem;}
    .pd_list{width:35.4rem;}
    .pd_list > p{font-size:1.6rem;}
    .pd_list_wrap > .pd_list > ul.pd_list_txt li{font-size:1.5rem;margin-bottom:1rem;}
    .pd_tbl_wrap{margin-top:4.7rem;padding-bottom: 5rem;}
    .pd_tbl_wrap > p{font-size:1.6rem;line-height:2.2rem;}
    table.tbl_pd thead th{font-size:1.5rem;}
    table.tbl_pd tbody th{font-size:1.4rem;}
    table.tbl_pd td{font-size:1.4rem;letter-spacing: -0.6px;;}
    .tbl_pd_col1{width:10.5%;}
    .tbl_pd_col2{width:19%;}
    .tbl_pd_col3{width:12%;}
    .tbl_pd_col4{width:8.5%;}
    .tbl_pd_col5{width:16%;}
    .tbl_pd_col6{width:18%;}
    .pd24{padding:0 0 0 1.8rem;}
    .pd_list > p:after{width:11.3rem;margin-top: 1.2rem;}
    .pd_list > ul.pd_donw_btn > li > a{font-size:1.4rem;}
    /*제품검색 리스트*/
    .pd_search_wrap > aside{display:none;}
    .sub_cont_wrap{max-width: 100%;padding: 0 1.6rem;}
    .pd_search_wrap.list{padding:2.8rem 0 10rem;}
    .search_side_wrap{flex-direction:column;align-items: flex-end;margin-top:3rem;}
    div.search_side{width:100%;}
    .search_toggle > ul > li > a.menu{background-position: 98% center;}
    div.search_side >input{height:5.6rem;}
    div.search_side > .btn_search{height:5.6rem;width:5.6rem;}
    .search_side_wrap .dwn_btn{margin-top:2.8rem;font-size:1.5rem;line-height:2.1rem;}
    .down_btn svg{width:15px;height:15px;}
    table.tbl_pd.schlist td:first-child{padding-left:3.5rem;}
    .pd_search_wrap > aside{position: relative;width:100%;top:7.6rem;background:#fff;z-index: 9;top: -556px;margin: 0 auto;margin-bottom:-556px;}
    .pop_bg{width:100%;height:1020px;background:#fff;position: absolute;top: 7.6rem;left: 0;z-index:2;}
    .search_side.tablet_un{margin:.8rem 0 2.3rem;}
    .tablet_un{display:block;}
    .search_side.tablet_un > input{height:5.4rem;padding-left:1.8rem;}
    .search_side.tablet_un  > .btn_search{width:5.4rem;height:5.4rem;}
    .btn_wrap{display:flex;justify-content: center;margin:5.1rem 0 8rem;}
    .pd_blue_btn{width:22.4rem;height:5.8rem;display:flex;font-size:1.6rem;font-weight:700;line-height:2.2rem;color:#fff;padding-left:2rem;border-radius:5px;background: url(../images/white_arrow.png) no-repeat center top;background-repeat: no-repeat;background-position: 92% center;background-color:#005EB8;align-items: center;}
    .pd_close_btn{margin-left:1.1rem;width:22.4rem;height:5.8rem;display:flex;font-size:1.6rem;font-weight:700;line-height:2.2rem;color:#222;padding-left:2rem;border-radius:5px;background: url(../images/black_arrow.png) no-repeat center top;background-repeat: no-repeat;background-position: 92% center;align-items: center;border:1px solid #d8d8d8;}
    .slider > .range{right:27%;}
    /*제품 솔루션*/
    .pd_sol.sub_cont_wrap{width:unset;}
    .pd_sol_wrap > .pd_list_wrap > .pd_list > p{font-size:2rem;line-height:2.9rem;}
    .pd_sol_wrap > .pd_list_wrap > .pd_list > p:after{width:15rem;}
    .list_sub > p{font-size:1.8rem;line-height:2.5rem;margin-bottom:0.5rem;}
    .list_sub a.sub_item{font-size:1.4rem;padding: 1.2rem 1.4rem;margin-right: 0.8rem;}
    .sub_second p{font-size:1.4rem; line-height:2rem;}
    .list_sub_row{justify-content: flex-start}
    .list_sub_row_wrap{width:100%;}
    .pd_sol_wrap{padding:6rem 0;}
    div.pd_list:nth-child(2) > .list_sub_wrap{/*padding-bottom:0;*/}
    .per50{width:50%;}
    .list_sub_wrap{padding:4.3rem 0 4rem 0;}
    .list_sub .sub_second.per50:nth-child(2){margin-top:3rem;}
    .list_sub .sub_second.per50:nth-child(3){margin-top:3rem;}
    .sub_second {margin-top: 2.5rem;}
    .list_sub_div div.list_sub:last-child{padding-top:4rem;}
    
    
    /*시뮬레이션 전기적 서비스*/
    .tbl_over-x.support01{overflow-x: scroll;position: relative;}
    
    .tbl_over-x.support01.big{}
    .tbl_over-x.support01.big img{max-width: inherit; margin: -30px 0 0 -30px;}
    .tbl_over-x.support01.big.all img{margin: 0;}
    .tbl_over-x.support01.big.all .tech_support_ty01{height: auto;  margin-top: 1rem;}
    
    .tbl_over-x.support01.big.all .tech_support_ty01 > div{margin: 0 20px 20px 0;}
    .tbl_over-x.support01.big.all .tech_support_ty01 > div > span{height: 402px; height: auto;}
    
    
    .tbl_over-x.support01.tab4{overflow-x: unset;position: relative;}
    .tbl_over-x.support01::-webkit-scrollbar{height:4px;}
    .tbl_over-x.support01::-webkit-scrollbar-thumb{background:#101B28;border-radius:5px;}
    .tbl_over-x.support01::-webkit-scrollbar-track{background:#ebebeb;}
    .tbl_over-x.support01 > .ico-touch{display:block;position:absolute;top:calc(50% - 5rem);transform:translate(calc(50vw - 4.6rem), 1rem);}
    .tbl_over-x.support01.tab4 > .ico-touch{display:none;}
    .pd_tech_wrap > .sub_tab3{padding: 1rem 0 1.5rem 0;}
    .pd_tech_wrap .sub_tab3 li{font-size:1.5rem}
    .pd_tech_wrap .sub_tab3 .tabs{padding: 0 1.7rem;}
    .support01 > .sub_cont_wrap {padding:0 5rem;}
    .pd_tech_wrap > .pd_tech_cont{width:100%}
    .pd_tech_wrap > .pd_tech_cont > .grey_box{flex-direction: column;justify-content: center;align-items: flex-start;height:26rem;}
    .pd_tech_wrap > .pd_tech_cont > .grey_box > div p{font-size:2.4rem;line-height:3rem;}
    .pd_tech_wrap > .pd_tech_cont > .grey_box > div span{font-size:1.5rem;line-height:2.6rem;margin-top:2rem;}
    .pd_tech_wrap > .pd_tech_cont > .grey_box > a{width:23.472rem;margin-top:2.6rem;font-size:1.4rem;}
    .pd_tech_cont > .sub_tab li{font-size:1.4rem; letter-spacing: -1px;}
    .pd_tech_cont > .sub_tab li.current{font-size:1.4rem;}
    .pd_tech_cont > .sub_cont > .grey_box > span{font-size:1.6rem;line-height:2.6rem;}
    .pd_tech_cont > #sub_cont_1.sub_cont > .grey_box > span{font-size:1.5rem;line-height:2.4rem;}
    .pd_tech_cont > .sub_cont > .grey_box{padding: 3.5rem 2.2rem 4rem 2.6rem;}
    .tech_ttl_wrap{padding:4.5rem 0 0 0;}
    .tech_ttl_wrap > p.tech_ttl{font-size:1.6rem;line-height:2.2rem;}
    .tech_ttl_wrap > .tech_ttl:after{width:14.5rem;margin-top:2rem;}
    .tech_support_ty02 > div > .tbl_over-x > .over_cover > span{border:none;min-width:94.6rem;}
    .tech_support_ty02.tab1 > div > .tbl_over-x > .over_cover > span{min-width:98.6rem;padding:0 2rem;}
    .tech_support_ty02 > div > .tbl_over-x.support01{height: 40.8rem;margin: 0 2rem;display: flex;align-items: center;padding-top: 1rem;margin-bottom: 3.2rem;}
    .scroll_cover_typ01{display: block;height: 34.8rem;border: 1px solid #ddd;position: absolute;width: 100%;border-top: none;}
    .tech_support_ty01{height:37.9rem;}
    .tech_support_ty03{height:41.2rem;}
    .tech_support_ty04{height:45.5rem;}
    .tech_ttl_wrap > .tech_ttl > span{font-size:1.6rem;line-height:2.2rem;}
    .tech_ttl_wrap.tab1_2 {margin-top: 2.5rem;padding: 4.4rem 0 0 0;}
    .tech_txt{font-size:1.5rem;line-height:2rem;margin:2.5rem 0 2.7rem;}
    .tech_support_ty01 > div > span{height:30rem;display:flex;justify-content: center;align-items: center;padding: 0;}
    .tech_ttl_wrap.tab2_2{padding: 4rem 0 0 0;margin-top: 2.8rem;}
    .scroll_cover_typ03{height:44rem;}
    .tech_support_ty02.tab2_2 > div > .tbl_over-x.support01{height: 41rem; margin: 0 2rem;margin-bottom: 3rem;}
    .tech_ttl_wrap.tab2_3{margin-top:4rem;padding:4rem 0 0 0;}
    .scroll_cover_typ02{height:44rem;}
    .tech_support_ty02 > div > .support01.tp02 > .over_cover > ul{height: 36.5rem;padding: 0;align-items: center;}
    .tech_support_ty02 > div > .support01 > .over_cover > ul > li > span{height:30.6rem;}
    .tech_ttl_wrap.tab2_3+.tech_txt{margin:2rem 0 1.7rem;}
    .tech_support_ty02 > div > .support01.tp02 > .over_cover > ul > li{height:36.5rem;width:44rem;}
    .tech_support_ty02 > div > .support01.tp02 > .over_cover > ul > li+li {width:43rem;height:36.5rem;}
    .tech_support_ty02 > div > .support01.tp02 > .over_cover > ul > li+li+li{width:93.7rem;height:36.5rem;margin-right:0;}
    .tech_support_ty03 > div > span{height:32.9rem;}
    .tech_ttl_wrap.tab3_2{padding:4rem 0 0 0;margin-top:4rem;}
    .tech_support_ty01.tab3_2{height:45.1rem;}
    .tech_support_ty01.tab3_2 > div > span{height:37.2rem;}
    .pd_tech_wrap.support01{padding-bottom:8rem}
    .tech_support_ty01.tab4_1{height:30.4rem;}
    .tech_support_ty01.tab4_2{height:29.5rem}
    .tech_support_ty01.tab4_3{height:30rem;}
    .tech_support_ty02 > div > .tbl_over-x.support01.tab1_2{height:37.3rem;padding-top:0;margin:0 1px;}
    .tbl_over-x.support01.tab1_2 > .ico-touch{transform: translate(calc(48vw - 5.5rem), -0.5rem);}
    .tech_support_ty02.tab2_2 > div > .support01.tp01 > .ico-touch{left: -4%; top: 34%;}
    .tech_support_ty02.tab2_3 > div > .support01.tp02 > .ico-touch{left:-4%; top:37%;}
    .tbl_over-x.support01.tab3_1 > .ico-touch{transform: translate(calc(49vw - 5.6rem), -3rem);}
    .tbl_over-x.support01.tab3_2 > .ico-touch{transform: translate(calc(50vw - 5.6rem), 0);}
    p.tech_txt > span{font-size:1.5rem;line-height:3rem;}
    /*평가기술*/
    .support02_tbl_01 .tbl_over-x > .ico-touch{display:block;position: absolute;top:0;transform:translate(calc(50vw - 5rem), 24rem);}
    .support02_tbl_02 .tbl_over-x > .ico-touch{display:block;position: absolute;top:0;transform:translate(calc(50vw - 5rem), 15rem);}
    .support02_tbl_01 > .tbl_over-x{position:relative;overflow-x:scroll;padding-bottom:2rem}
    .support02_tbl_02 > .tbl_over-x{position:relative;overflow-x:scroll;padding-bottom:2rem}
    .support02_gpbox > .tbl_over-x{overflow-x:scroll;padding-bottom:2rem;position:relative;}
    .support02_gpbox > .tbl_over-x > .over_cover{width:99.8rem;}
    .support02_gpbox > .tbl_over-x > .ico-touch{display:block;position: absolute;top:0;transform:translate(calc(50vw - 11.2rem), 24rem);}
    .support02_gpbox > .tbl_over-x > .over_cover > img:nth-child(3){margin-bottom:1.4rem} 
    .support02_gpbox {padding: 5rem 5.3rem 3rem;}
    .support02_tbl_01 > p{font-size:1.8rem;line-height:2.5rem;margin: 3.9rem 0 2.9rem;}
    .support02_tbl_02 > p{font-size:1.8rem;line-height:2.5rem;margin: 3.9rem 0 2.9rem;}
    .pd_tech_wrap.support02{padding-bottom:8.2rem;}
    /*환경유해물질성적서(RoHS)*/
    .support03_tbl > div > ul.tbl_th{font-size:1.5rem;line-height:2rem;}
    .support03_tbl > div > ul.tbl_td{font-size:1.4rem;}
    .pd_tech_wrap.support03 >.pd_tech_cont{padding: 0 3.4rem;width: 100%;}
    .support03_tbl > div > ul.tbl_th li.pc_th{display:none}
    .support03_tbl > div > ul.tbl_td > li.pc_td{display:none;}
    .support03_tbl > div > ul.tbl_td{height:auto;flex-wrap: wrap;}
    .support03_tbl > div > ul > li:nth-child(odd){width:40%;height:9rem;display: flex;align-items: center;justify-content: center;}
    .support03_tbl > div > ul > li:nth-child(2n){width:60%;height:9rem;display: flex;align-items: center;justify-content: center;}
    .support03_tbl > p{padding-left:2rem;font-size:2rem;line-height:2.8rem;}
    .support03_tbl > div{ width: 100%; max-width: 50.8rem;}
    .support03_tbl > div > ul.tbl_td > li:nth-child(1),.support03_tbl > div > ul.tbl_td > li:nth-child(2){border-bottom:1px dashed #ccc}
    .support03_tbl > div > ul.tbl_td > li.bd_none{border-bottom:none;}
    .support03_tbl > div > ul.tbl_td > li:nth-child(odd){padding-left:6rem;}
    .support03_tbl > div > ul.tbl_td > li:nth-child(2n){justify-content: flex-start;}
    .support03_tbl > div > ul.tbl_td{font-size:1.4rem;}
    .support03_tbl > p > .br_st2{display:block}
    .pd_tech_cont > .support03_tbl{margin-top:-0.5rem;}
    .pd_tech_cont > div:nth-child(2){margin-top:5rem;}
    
    
    /*물질안전보건자료(MSDS)*/
    .pd_tech_wrap.support04 >.pd_tech_cont{padding: 0 3.4rem;width: 100%;padding-bottom: 8rem;}
    .support03_tbl div ul.tbl_td > li > a{font-size:1.5rem;}
    .support03_tbl > div > ul.tbl_td > li > .br_st4{display:none;}
    /*전장 소재*/
    .material_wrap{padding:4.5rem 0 6.4rem;}
    .pd_tech_wrap.new_material{width:100%;padding: 0 3.4rem;}
    .material_list > ul.mat_list01, .material_list > div > ul.mat_list01 {width:50.8rem;}
    .swiper-container1.newbiz{width:50.8rem;}
    .material_list > div.mat_list02{width:50.8rem;}
    .material_list > p{font-size:2rem;line-height:2.8rem;padding-left:2rem;}
    .material_list > div.mat_list03{width:50.8rem}
    .material_list > div.mat_list03 .tbl_over-x{width:50.8rem;overflow-x:scroll;position:relative;}
    .material_list > div.mat_list03 .tbl_over-x > .over_cover{width:77.125rem;}
    .material_list > div.mat_list03 .ico-touch{position:absolute;display: block;top: 39%;left: 58%;}
    img.mat_img_pc{display:none;}
    img.mat_img_mobile{display:block;width:77.125rem;}
    .swiper-container1.newbiz .swiper-btn-area > .area > .swiper-pagination2{width:calc(100% - 11.8rem);}
    .swiper-container1.newbiz .swiper-button-next, .swiper-container1.newbiz .swiper-container-rtl .swiper-button-prev{right:0;}
    .swiper-container1.newbiz .swiper-button-prev, .swiper-container1.newbiz .swiper-container-rtl .swiper-button-next{right:4.5rem}
    .material_list{padding:5rem 0;}
    .material_list > ul.mat_list01 > li, .material_list > div> ul.mat_list01 > li {font-size:1.4rem;line-height:2rem;margin: 0.5rem 0;margin-left: 0.8rem;padding-bottom: 0.5rem;}
    .material_list > div.mat_list02 > ul > li > p{font-size:1.5rem;margin-bottom:2.1rem; }
    .material_list > div.mat_list02 > ul > li > ul >li{font-size: 1.4rem;text-indent: -1rem;margin-left: 1rem;line-height: 2rem;padding: 0.5rem 1.3rem;}
    .material_list > div.mat_list02 > ul > li{margin-right:1.2rem}
    .material_list > div.mat_list02 > ul > li:last-child{margin-right:0;}
    .material_list > div.mat_list02 > ul > li > ul{width:100%;height:10rem;justify-content: flex-start;padding-top: 0.8rem;min-width:24.8rem}
    .material_list > div.mat_list03.tbl .tbl_over-x > .over_cover{padding-bottom:2rem;}
    .material_wrap > div.material_list:last-child{padding-bottom:3rem;}

    /*CP 운영조직*/
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP{width:100%;padding: 6rem 3.4rem; }
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > p{font-size:2.4rem;line-height:3rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div{width:50.1rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol{height:60.9rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > p{font-size:1.6rem;height:4.8rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(1){width:18rem;left: calc(50% - 9rem);}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(2){width:18rem;top: calc(32.5% - 2.4rem);}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(3){width:18rem;top: calc(32.5% - 2.4rem);}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(4){width:28rem;left:calc(50% - 14rem);top:68%;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_01 > dd{font-size:1.4rem;margin-top:0.8rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_01 > dd:before{width:3px;height:3px;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(1):after{left:9rem;height: 41.2rem}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02 > dt{font-size:1.3rem;margin-left: 0;padding-left: 2rem;width: 10rem;margin-left: -2rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02 > dd{font-size:1.4rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02 > dt::before{width:3px;height:3px;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03{width: 29.2rem;margin-left:-0.6rem;margin-top:6rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li{width:5.8rem}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > p{flex-direction: column;font-size:1.3rem;line-height:1.4rem;height:4rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > p > span{font-size:1.2rem;line-height:1.3rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > span{font-size:1.2rem;line-height:1.6rem;letter-spacing:-1px;height:5rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03:before{width:23.5rem;left:2.9rem;top: -2.7rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > p:before{width:5px;height:5px;top:-2.5px;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li:before{height: 2.45rem;top: -2.7rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02{margin-top:0.7rem;}
    /*CI 페이지*/
    .page_img_link{height:13.6rem;}
    .page_img_link > div > div.page_img_bg01{height:100%;}
    .page_img_link > div > div.page_img_bg02{height:100%;}
    .ci_cont_wrap{padding:6rem 3.4rem 9.7rem 3.4rem;width:100%;}
    .ci_cont_wrap.intro_ci .ci_list > p{width:16.5rem;font-size:2.4rem;}
    .ci_text{width:calc(100% - 16.5rem);}
    .ci_dwn_cover{margin-top:3rem;}
    .ci_dwn_cover a:nth-child(1){width:14rem;margin-right:1rem;}
    .ci_dwn_cover a{font-size:1.5rem; height:4.6rem;}
    .ci_dwn_cover a:nth-child(2){width:15.3rem;}
    .ci_text > .color_txt1 > p{width:calc(100% - 29.3rem);}
    .ci_text > .color_txt1 > p > span.txt_st01{font-size:1.4rem;line-height:2.5rem; letter-spacing:-0.6px;}
    .ci_text > .color_txt1 > p > span.txt_st02{font-size: 1.4rem;line-height: 2.2rem;letter-spacing:-0.6px;word-break: keep-all;}
    .ci_text > span.txt_st02{font-size: 1.4rem;line-height: 2.2rem;letter-spacing:-0.6px;margin-top:2.2rem;}
    .ci_text > .color_txt2{margin-top:4.8rem;}
    .ci_text > .color_txt2 > p{line-height:2.5rem;letter-spacing: -0.6px;}
    .ci_text > .color_txt2 > p > span.txt_st02{font-size:1.4rem;line-height:2.2rem;margin-top:1.6rem;letter-spacing:-0.6px;}
    .ci_text > .color_txt2 > img{margin-top:3.6rem;}
    .ci_text > p.txt_st03{font-size:1.5rem;line-height:2.6rem;margin-bottom:4rem;}
    .ci_text > p.clear_tit{font-size:1.6rem;line-height:3.4rem;}
    .ci_text > p.clear_txt{font-size:1.5rem;line-height:2.5rem;letter-spacing: -0.5px;margin: 3rem 0 4rem;}
    div.ci_text > p.clear_txt:last-child{margin-bottom:0;}
    .page_img_link > div > a{font-size:1.8rem;line-height:2.5rem;padding: 9rem 0 0 1.7rem;display:flex;align-items:center;}
    .page_img_link > div > a > svg{width:1.8rem;height:1.8rem;}
    /*글로벌 네트워크*/
    .map_search div.custom-select:nth-child(3){margin-right:0;}
    .map_search > .custom-select{width: calc(33.3% - 0.9rem);margin-right:1.1rem;margin-right: 0;position: relative;}
    
    .map_search p.line{
        width: 100%;
        height: 1px;
        margin-top: 13px;
        background: #d9d9d9;
        display: block;
    }
    .map_search > .input_box{margin-top:1.4rem;margin-right:1.4rem;width:calc(100% - 13.5rem); margin-left: 0;}
    .map_search > .sch_btn{margin-top:1.4rem;}
    .map_search > .reset_btn{margin-top:1.4rem;}
    .map_search > .input_box input{width:100%;}
    .global_network .sub_tab{height:11rem;justify-content: flex-start;flex-wrap:wrap;}
    .global_network .sub_tab .tabs.current{width:calc(100% / 3);}
    .global_network .sub_tab li{width:calc(100% / 3);}
    .que.on .arrow-top svg{width:17px;height:3px;}
    .que .arrow-bottom svg{width:17px; height:17px;}
    .que.on{height:auto; padding-top:25px; padding-bottom:25px;}
    .que{height:14rem;padding:0 2rem;}
    .anw{padding:0 0 4rem 0;}
    .arrow-wrap {right:2rem;}
    .global_map > .que > span.area{font-size:1.6rem;}
    .global_map > .que > p.ttl{font-size:2.2rem;}
    .main_map{height:67rem;}
    .sub_map{height:55rem;}
    .global_network_wrap{padding:3rem 0 6rem ;}
    
    .map_search > .custom-select:after{right: -7px;}
    .map_search > .custom-select#nation:after{display: none;}
    
    /* 보고서페이지에 있던 스타일 가져옴*/
    .down_btn {margin-left:0;/*margin-top: 0.8rem;*/width: 10rem;height: 3.857rem;background-size: 1.5rem;font-size: 1.4rem;display:flex;}
            .report_down .slt_comm {width:9rem;margin-top: 2.1rem;}
            .slt_comm ul {width: 9rem;top: 37px !important;}
    
    .report_down .down_btn{width: 18.8rem; margin-top: 0.8rem;}
    
    /* What is CCL 페이지 */
    
    .pd_wic_btn > a > span {font-size:1.5rem;}


    /* section.ehss .policy.ehs .information dt {
        margin-bottom: 15px;
    } */
}
@media screen and (max-width:990px) {
	.pd_list.pd_list_wic .list_sub_wrap > div> ul > li {flex-basis:48%;}
	.pd_list.pd_list_wic .list_sub_wrap > div> ul > li:nth-child(1),
	.pd_list.pd_list_wic .list_sub_wrap > div> ul > li:nth-child(2) {margin-bottom:4.5%;}
}
@media screen and (max-width:767px){
/*comm*/
.slt_comm{font-size:1.2rem;line-height:1.7rem;background-size:1rem;padding-left:0.7rem;}
.slt_comm ul{width:7.9rem;top: 2.8rem!important;}
.slt_comm ul li{font-size:1.1rem;line-height:2.8rem;padding-left:0.7rem;}
.sub-visual{height:30rem;}
.sub-visual .sub-tit{font-size:2.6rem; word-break:keep-all;}
.sub_tab2{height:6rem;}
.sub_tab2 .tabs.current{line-height:6rem;}
.sub_tab2 li{height:6rem;line-height:6rem;}
.sub-visual.bg-CCL_support:after {background:url(../images/sub/common/sub_visual_CCL_support_mo.jpg)no-repeat top/cover;}
.sub-visual.bg-CCL_support2:after {background:url(../images/sub/common/sub_visual_CCL_support2_mo.png)no-repeat top/cover;}
.sub-visual.bg-CCL_support3:after {background:url(../images/sub/common/sub_visual_CCL_support3_mo.png)no-repeat top/cover;}

.selectBox .optionItem{min-height:3rem; height:auto;}
.selectBox .optionItem .in-file{padding-top:10px; padding-bottom:10px; font-size:13px; letter-spacing: -0.8px;}

.sub_tab, .sub_tab2 {height:6.1rem; width: 100%; text-align: center; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; box-sizing: border-box; font-size: 0;}
.sub_tab.one{justify-content: unset;}
.sub_tab2.one{justify-content: unset;}
/*NEWS*/
    .news_wrap{padding:0 1.6rem;}
    .news_wrap > .news_list > li > a{flex-direction: column;}
    .news_list_wrap{padding:4.1rem 1.6rem;}
    .slt_st02{font-size:1.3rem;line-height:1.8rem;width: 8.5rem;padding:1.7rem 0 1.7rem 1.5rem}
    .Search_block > .input_search{width:calc(100% - 8.5rem);font-size:1.3rem;height:5.4rem;margin-right: -5.4rem;padding-left: 1.6rem;}
    .Search_block > .btn_search{width:5.4rem;height:5.4rem;}
    .Search_block > .input_search::placeholder{font-size:1.3rem;}
    .Search_block > .input_search:-moz-placeholder{font-size:1.3rem;}
    .Search_block > .input_search:-ms-input-placeholder{font-size:1.3rem;}
    .news_wrap > .news_list > li{padding:3rem 0;}
    .news_wrap > .news_list > li > a > div{height: 18.6rem;width: 100%;min-width: unset;max-width: unset;}
    .news_wrap > .news_list > li > a > div> img {width: 100%;height: auto;}
    .news_wrap > .news_list > li > a > ul{margin-left:0;margin-top:2.5rem;width: 100%;}
    .news_wrap > .news_list > li > a > ul > li.list_cont_tit{font-size:2rem;line-height:2.8rem;}
    .news_wrap > .news_list > li > a > ul > li.list_cont_txt{font-size:1.4rem;line-height:2.4rem;margin-top: 0.7rem;}
    .news_wrap > .news_list > li > a > ul > li.list_cont_date{font-size:1.3rem;line-height:1.7rem;margin-top: 1.4rem;}
    .news_wrap > .paging{padding:5rem 0;}
    .news_wrap > .paging > ul > li{font-size:1.2rem;width:2.8rem;height:2.8rem;line-height:2.8rem;margin:0;}
    .news_wrap > .paging > ul > li.on{width:2.8rem !important; height:2.8rem !important; }
    .news_wrap > .paging > ul > li:first-child{width:5.1rem;}
    .news_wrap > .paging > ul > li:last-child{width:5.3rem;}
    .slt_st02 ul li{font-size:1.3rem;padding: 0 1.5rem;}
    .news_wrap > .news_page > ul > .news_pttl > ul > li.page_tit{font-size:2.4rem;line-height:3.3rem;}
    .news_wrap > .news_page > ul > .news_pttl > ul > li.page_date{font-size:1.4rem;margin-top:0.8rem;line-height:1.8rem;}
    .news_plink > ul > li:nth-child(1){font-size:1.3rem;line-height:1.8rem}
    .news_plink > ul > li:nth-child(2){font-size:1.3rem;margin-left: 2.2rem;line-height:1.7rem;}
    .news_plink > ul > li:nth-child(3){display:none;}
    .news_plink.prev > ul > li:nth-child(1) > a > img, .news_plink.next > ul > li:nth-child(1) > a > img{margin:0 0 0 1.4rem;width:1rem;}
    .news_plink{padding:2.4rem 3rem 2.1rem 1.6rem;}
    .news_wrap > .news_page > a.list_btn{width:100%;margin-top:2.7rem;}
    .news_wrap > .news_page{padding:3rem 0 5rem 0;}
    .news_wrap > .news_page > ul > .news_pttl{padding:2.1rem 0 2.6rem 0;}
    .news_wrap > .news_page > ul > .news_peditor{padding:3rem 0;}
    .sub_tab{height: 6rem;}
    .sub_tab .tabs.current{padding:0 1.2rem;line-height:6rem;}
    .sub_tab li{margin:0 1rem;padding:0 1.2rem;height:6rem;line-height:6rem; letter-spacing: -0.6px;}
    .esg_cont_wrap{width:calc(100% - 3.2rem);padding:2.8rem 0 6.4rem;}
    .stategy_chart li ul{flex-direction: column;margin-bottom:1rem;}
    .stategy_chart li.green{flex-direction: row;}
    .stategy_chart li ul li{margin:0;}
    .stategy_chart li.blue ul li{height:5.5rem;font-size:1.3rem;margin-left: 0; line-height: 1.8rem;text-align: center;padding:0 2rem;}
    .stategy_chart li.green ul:first-child li{flex:unset;margin-left:0;font-size:1.3rem;}
    .stategy_chart li.green ul li:first-child{flex:unset;height:4.5rem;font-size:1.5rem;line-height:1.6rem;margin-left:unset;}
    .stategy_chart li.green ul:last-child li:first-child, .stategy_chart li.green ul:last-child li{height:4.5rem;}
    .stategy_chart li.green ul li{height:8rem;margin-bottom:0.5rem;}
    .stategy_chart li.green ul li:last-child{margin-bottom:0;}
    .stategy_chart li.green ul:last-child li:nth-child(2), 
    .stategy_chart li.green ul:last-child li:nth-child(3), 
    .stategy_chart li.green ul:last-child li:nth-child(4), 
    .stategy_chart li.green ul:last-child li:nth-child(5){height:8rem;font-size:1.2rem;line-height:2.2rem;padding:.7rem;margin-right:0;}
    .stategy_chart li.green ul:first-child{flex:12rem 0 0; }
    .stategy_chart li.green ul:last-child li p{margin-bottom:0;text-indent: -0.8rem;padding-left: 1.2rem;}
    .stategy_chart li.green ul:last-child li{justify-content: center;}
    .stategy_chart li.green ul:last-child li:first-child{margin-left:0;}
    .stategy_chart li:last-child.blue ul li{font-size:1.3rem;line-height:1.7rem;}
    .stategy_chart li.blue ul li:first-child{flex:unset;height:4.5rem;font-size: 1.5rem;margin-bottom:0.5rem;}
    .stategy_chart li.green ul:last-child{padding-left:0.3rem;width:100%;}
    .stategy_chart li.green ul li:last-child, .stategy_chart li.green ul:last-child li:last-child{height:6.2rem;}
    .stategy_chart li:last-child.blue ul:nth-child(2) li:last-child{height:7rem;}
    .strategy_bf{font-size:2.2rem;line-height:3rem; word-break: break-all;}
    .strategy_sf{font-size:1.4rem;line-height:2.4rem;margin-top:2.4rem;}
    .stategy_cont{margin-top:5.1rem;}
    .stategy_cont > p{font-size:2.2rem;line-height:2.8rem;}
    .stategy_chart{margin-top:2.7rem;}
    .pc_br{display:none;}
    .mo_br{display:block}
    /*보고서*/
    .report_cont{flex-direction: column;justify-content:unset;}
    .esg_cont_wrap.report{padding:2.8rem 0 15.6rem;}
    .report_area{width:100%;}
    .report_cont > p{font-size:2.2rem;line-height:2.8rem;}
    .report_area > p{font-size:1.6rem;line-height:2.4rem;margin-top:1.1rem;}
    .report_down > img{width:12rem; height:15.6rem;}
    .report_down{padding:2.1rem 0 0 1.7rem;margin-top:1.5rem;height:21rem;}
    .report_down > ul{padding-left:1.7rem;}
    .report_down > ul > .report_sf{font-size:1.35rem;margin-top:0;}
    .report_down > ul > .report_bf{font-size:2.6rem;margin-top:-0.1rem}
    .report_down .slt_comm{width:7.9rem;height:3rem;}
    .down_btn{width: 7.9rem; height: 3rem;font-size: 1.2rem;padding:0 0.7rem;background-size:1.2rem;margin-top: 7.8rem;margin-left:0;}
    .down_btn svg{width:12x;height:12px;}

    /*제품 검색 페이지*/
    .pd_search_wrap{padding:4rem 0 6rem}
    .tbl_over-x{overflow-x: scroll;position: relative;}
    .ico-touch{display:block;position:absolute;top:0;transform:translate(calc(50vw - 5rem), 3rem);}
    .pd_search_wrap > .left_box{flex-direction: column;justify-content: unset;align-items: flex-start;}
    .left_box > p{font-size:2.2rem; width:100%;}
    .pd_qna_btn{width:100%;margin-top:2rem;background-position: 95% center;}
    
    .pd_qna_btn_nm {width:100%;margin-top:1.5rem;background-position: 95% center; margin-left:0; margin-right: 0;}
   
    .pd_search_wrap > .right_box > .grey_box{padding:1.5rem 1.3rem 1.5rem 2rem;margin-top:2rem;}
    .grey_box p{font-size:1.5rem;}
    .pd_list_wrap{justify-content: unset;flex-direction: column;margin-top:4rem;border-bottom: none; padding-bottom: 0;margin-bottom: 0;}
    .pd_list{width:100%;}
    .pd_list > p{font-size:1.5rem;line-height:2.1rem;}
    .pd_list > p:after{margin-top:1.2rem; width:32%;}
    .pd_list_wrap > div.pd_list:last-child{margin-top:4rem;}
    .pd_list_wrap > .pd_list > ul.pd_list_txt li{font-size:1.4rem;margin-bottom: 1.1rem;}
    .pd_list > ul.pd_donw_btn > li > a{font-size:1.4rem;}
    .pd_search_wrap > .right_box{flex:unset; margin-bottom:30px;}
    .pd_tbl_wrap{margin-top:3.5rem;padding-bottom: 0;border-bottom: none;}
    .pd_tbl_wrap > p{font-size:1.5rem;line-height:2.1rem;}
    /*제품 검색 리스트*/
    .pop_bg{top:6.4rem;}
    div.search_side >input{height:5.4rem;font-size:1.5rem;line-height:2rem;}
    div.search_side >input::placeholder{font-size:1.5rem;line-height:2rem;}
    div.search_side > .btn_search{width:5.4rem;height:5.4rem;}
    .search_side_wrap .dwn_btn{width:100%;height: 5.4rem;margin-top:2rem;}
    table.tbl_pd.schlist{min-width:64rem;}
    table.tbl_pd.schlist td:first-child{padding-left:1.5rem;}
    .pd_search_wrap.list{padding:2rem 0 8rem;}
    .search_side_wrap{margin-top:2rem;}
    .search_side.tablet_un{margin:1.4rem 0 2rem;}
    .search_ttl{font-size:1.6rem;line-height:2.3rem;}
    .search_toggle > ul > li > a.menu{font-size:1.5rem; line-height:2.1rem;}
    .submenu{padding:1.3rem 1.7rem;}
    .search_toggle > ul > li > a.menu{background-position: 94% center;}
    .btn_wrap{flex-direction: column;margin: 4rem 0 5.7rem;}
    .pd_blue_btn{width:100%;font-size: 1.4rem;line-height: 2rem;}
    .pd_close_btn{margin-left:0;width:100%;margin-top:1rem;font-size: 1.4rem;line-height: 2rem;}
    .pd_search_wrap > aside{top: -460px;margin-bottom: -444px;}

    table.tbl_pd thead th{height:5rem;}

    table.tbl_pd.support02_1{min-width:450px;}
    table.tbl_pd.support02_1 tbody tr td{height:5rem;}
    table.support02_1 > colgroup > .sp02_tbc01{width: 100px;}
    table.support02_1 > colgroup > .sp02_tbc02{width: 130px;}
    table.support02_1 > colgroup > .sp02_tbc03{width: 100px;}

    .support02_tbl_02 > .tbl_over-x{overflow-x: unset;}
    table.tbl_pd.support02_2{min-width:100%;}
    table.tbl_pd.support02_2 tbody tr td{height:5rem;}
    table.support02_2 > colgroup > .sp02_tbc01{width:50%;}
    table.support02_2 > colgroup > .sp02_tbc02{width:50%;}


    /*제품 솔루션*/
    .pd_sol_wrap{padding:4rem 0 4.8rem;}
    .pd_sol_wrap > .pd_list_wrap > .pd_list > p{font-size:1.6rem;line-height:2.3rem;}
    .list_sub > p{font-size:1.6rem;line-height:2.2rem;}
    .list_sub a.sub_item{font-size:1.3rem;padding: 1.25rem 0.9rem;margin-right: 0.7rem;margin-top: 1rem;}
    .list_sub_wrap{padding:3rem 0;margin-bottom:5rem;}
    .list_sub{padding-bottom:2rem;}
    .list_sub_div div.list_sub:last-child{padding-top:3rem;}
    .list_sub_div > .list_sub .sub_second.mb100{width:100%;margin-left:0;}
    .per50.car_lamp{width:100%;}
    .list_sub_row{flex-direction: column;padding-top:3rem;}
    .list_sub_row_wrap div.per50:nth-child(2){width:100%; margin-left:0;padding-bottom: 3rem}
    .pd_sol_wrap > .pd_list_wrap > .pd_list > p:after{width:13rem;}
    .list_sub > p{margin-bottom:0.7rem;}
    .sub_second p{font-size:1.3rem;line-height:1.9rem;}
    /*시뮬레이션 서비스*/
    .pd_tech_wrap > div.slt_comm{display:flex;width:100%;margin:2.8rem 0 3rem;height:5.8rem;font-size:1.4rem;line-height:2rem;background-size:1.35rem;padding: 0 0 0 2rem;}
    .pd_tech_wrap > div.slt_comm.view{border-radius:.5rem;border-color:#005EB8;}
    .pd_tech_wrap > ul.sub_tab3{display:none;}
    .pd_tech_wrap > div.slt_comm ul{width: 100%;top: 6.1rem!important;border-radius:0.5rem;border-color:#005EB8}
    .pd_tech_wrap > div.slt_comm ul li{font-size:1.4rem;line-height:5rem;letter-spacing:-0.2px;color: #444;padding-left:2rem;border-bottom:1px solid #ccc;}
    .pd_tech_wrap > div.slt_comm ul li:hover{color:#fff;}
    .pd_tech_wrap > div.slt_comm ul li:first-child{border-radius:.5rem .5rem 0 0;}
    .pd_tech_wrap.support02 > div.slt_comm ul li:nth-child(2),
    .pd_tech_wrap.support03 > div.slt_comm ul li:nth-child(2),
    .pd_tech_wrap.support04 > div.slt_comm ul li:nth-child(2)
    {border-radius:.5rem .5rem 0 0;}
    .pd_tech_wrap > div.slt_comm ul li a:hover{color:#fff}
    .pd_tech_wrap > div.slt_comm ul li a{color:#444;display: block;}
    .pd_tech_cont > .sub_tab{flex-wrap:wrap;height:auto;}
    .pd_tech_cont > .sub_tab li{width:50%;}
    .support01 > .sub_cont_wrap{padding:0 1.6rem}
    .pd_tech_wrap > .pd_tech_cont > .grey_box{padding:0 2.4rem}
    .pd_tech_wrap > .pd_tech_cont > .grey_box > div p{font-size:2.2rem;line-height:2.8rem;}
    .pd_tech_wrap > .pd_tech_cont > .grey_box > div span{line-height:2.4rem;margin-top:2.2rem;}
    .pd_tech_wrap > .pd_tech_cont > .grey_box > a{margin-top:2.4rem;}
    .pd_tech_cont > .sub_cont > .grey_box{padding:2.4rem 1.9rem 2.3rem 1.9rem;}
    .pd_tech_cont > .sub_cont > .grey_box > p{font-size:1.6rem; line-height:2.2rem;}
    .pd_tech_cont > #sub_cont_1.sub_cont > .grey_box > span{font-size:1.4rem; line-height:2.4rem;margin-top:2.1rem;}
    .pd_tech_cont > .sub_cont > .grey_box > span{font-size:1.4rem; line-height:2.4rem;margin-top:2.1rem;}
    .pd_tech_cont > .sub_cont{padding:2rem;}
    .tech_ttl_wrap {margin-top:2.9rem;padding:4rem 0 0 0;}
    .tech_ttl_wrap > .tech_ttl > span{font-size:1.5rem;line-height:2.1rem;}
    .tech_ttl_wrap > .tech_ttl:after{width:13.5rem;margin-top:2.3rem;}
    .tech_support_ty01 > div > p{font-size:1.5rem;line-height:2rem;}
    .tech_support_ty03 > div > p{font-size:1.5rem;line-height:2rem;}
    .tech_support_ty04 > div > p{font-size:1.5rem;line-height:2rem;}
    .tech_support_ty01.tab4_1{height:29rem}
    .tech_support_ty01.tab4_2{height:27.9rem}
    .tech_support_ty01.tab4_3{height:28.4rem}
    .tech_support_ty01.tab4 > div > p{font-size:1.5rem;line-height:2rem;}
    .tech_support_ty01.tab4 > div > p >span{font-size:1.6rem;line-height:2rem;}
    .tech_support_ty01.tab4_1 > div > span{height:18.5rem;}
    .tech_support_ty01.tab4.tab4_2 > div > span{height:17.6rem;}
    .tech_support_ty01.tab4.tab4_3 > div > span{height:18rem;}
    .tech_support_ty01.tab4{margin-top:2.8rem;}
    .tech_support_ty02 > div > p{font-size:1.5rem;}
    .tech_support_ty02 > div > p > span{font-size:1.6rem;}
    .tbl_over-x.support01.tab1_2 > .ico-touch{top:calc(48% - 5rem);}
    .tbl_over-x.support01 > .ico-touch{top: calc(50% - 5rem);}
    .tbl_over-x.support01.tab2_1 > .ico-touch{top: calc(45% - 5rem);}
    .tbl_over-x.support01.tab3_1 > .ico-touch{transform: translate(calc(50vw - 6.6rem), 2rem);}
    .tbl_over-x.support01.tab3_2 > .ico-touch{transform: translate(calc(50vw - 4.6rem), 3rem);}
    .tech_txt{font-size:1.4rem;line-height:1.8rem;}
    p.tech_txt > span{font-size:1.4rem;line-height:2.2rem;}
    .tech_ttl_wrap.tab4+p.tech_txt{margin:2rem 0 2.1rem;}
    .pd_tech_cont > .sub_cont > .grey_box > span > p{font-size: 1.3rem;text-indent: -5px;margin-left: 5px;line-height: 2rem;}
    /*평가기술*/
    .support02_gpbox{padding:2rem 2rem 3rem;margin: 3rem 0 3rem;}
    .pd_tech_wrap.support02 > .pd_tech_cont > .grey_box{height:20rem}
    .support02_tbl_01 > p{font-size:1.6rem;line-height:2.2rem;margin: 3.6rem 0 2.7rem;}
    .support02_tbl_02 > p{font-size:1.6rem;line-height:2.2rem;margin: 3.6rem 0 2.7rem;}
    .pd_tech_wrap.support02{padding-bottom:6rem;}
    .support02_gpbox > .tbl_over-x > .ico-touch{transform:translate(calc(50vw - 3.2rem), 24rem)}
    .support02_tbl_01 .tbl_over-x > .ico-touch{transform: translate(calc(50vw + 1rem), 15rem);}
    .support02_tbl_02 .tbl_over-x > .ico-touch{transform: translate(calc(50vw + 1rem), 41rem);}
    /*환경유해물질성적서(RoHS)*/
    .support03_tbl{flex-direction: column;}
    .support03_tbl > div{max-width: 100%;}
    .pd_tech_wrap.support03 >.pd_tech_cont{padding:0;}
    .support03_tbl > p {padding-left: 0;font-size: 1.8rem;line-height: 2.5rem;margin: 3rem 0 2rem;}
    .support03_tbl > div > ul.tbl_td > li:nth-child(odd){padding-left:2rem; padding-right:2rem;}
    .selectBox{width:12rem;height: 48px;}
    .support03_tbl .selectBox{width: calc(100% - 5.6rem); height: 48px;}
    .selectBox .label:after{width:5.2rem;height:4.8rem;right:-5.2rem;}
    .selectBox .in-file a{width:5.2rem;height:4.8rem;right:-5.2rem;}
    .selectBox .label{font-size:1.4rem;padding-left:1.3rem;}
    .selectBox .optionList{top:5rem;}
    .selectBox .optionItem{padding-left: 1.3rem; padding-right:1.3rem; letter-spacing: -0.8px; line-height:16px;}
    .support03_tbl > div > ul.tbl_td > li:nth-child(2n){padding-left:0;justify-content:left;}
    .support03_tbl > div > ul.tbl_th{height:6.8rem;font-size:1.4rem;}
    .support03_tbl{margin-top:0;padding-bottom:0;}
    .support03_tbl > div > ul.tbl_td{font-size:1.3rem;}
    .support03_tbl > p > .br_st2{display:none}
    .support03_tbl > div > ul.tbl_td > li > .br_st3{display:block;}
    div.pd_tech_wrap.support03{padding-bottom:5.8rem;}
    .pd_tech_wrap.support03 > .pd_tech_cont > .grey_box > a{width:23.75rem}
    .pd_tech_cont > .support03_tbl{margin-top:0}
    .pd_tech_cont > div:nth-child(2){margin-top:0;}
    /*물질안전보건자료(MSDS)*/
    .pd_tech_wrap.support04 >.pd_tech_cont{padding:0;padding-bottom:6rem;}
    .support03_tbl div ul.tbl_td > li > a{width:50%;height:4.8rem;font-size:1.3rem; letter-spacing: -0.6px; padding-left:1.2rem;}
    .pd_tech_wrap.support04 > .pd_tech_cont > .grey_box > a{width:23.75rem;}
    .support03_tbl > div > ul.tbl_td > li > .br_st4{display:block;}
    /*전장 소재*/
    .material_wrap{padding:2.8rem 0 6rem;}
    .material .sub_tab2 .tabs.current{padding:0 1rem;}
    .material .sub_tab2 li{margin:0;}
    .pd_tech_wrap.new_material{padding:0;}
    .material_list{flex-direction: column;padding: 3rem 1.4rem;}
    .material_list > p{padding-left:0;    margin-bottom: 1.5rem;font-size:1.8rem;line-height:2.5rem;}
    .swiper-container1.newbiz{width:100%;}
    .swiper-container1.newbiz .swiper-wrapper{width:100%;}
    .swiper-container1.newbiz .swiper-slide{width:100%;}
    .swiper-container1.newbiz .swiper-slide > p {font-size: 1.6rem;}
    .material_list > div.mat_list02 > ul{flex-direction: column;}
    .material_list > ul.mat_list01, .material_list > div> ul.mat_list01 {width:100%}
    .material_list > ul.mat_list01 > li, .material_list > div> ul.mat_list01 > li{font-size:1.3rem;line-height:1.8rem;margin:0.4rem 0 ;text-indent: -0.5rem; margin-left: 0.5rem;}
    .material_list > div.mat_list03{width:100%;}
    .material_list > div.mat_list03 .tbl_over-x{width:100%;}
    .material_list > div.mat_list02{width:100%;}
    .material_list > div.mat_list02 > ul > li{margin-right:0;margin-bottom:2rem;}
    .material_list > div.mat_list02 > ul > li > p{font-size:1.4rem;margin-bottom:1rem;}
    .material_list > div.mat_list02 > ul > li > ul >li{font-size:1.3rem;}
    .material_list > div.mat_list02 > ul > li > ul{height:8rem;justify-content:center;padding-top:0;}
    .material_list > div.mat_list03 .ico-touch{top: 33%;left: calc(50% - 15rem);}
    .material_list > div.mat_list03.tbl .ico-touch{top:25%;}
    .pd_tech_wrap.new_material .material_list p .cus_br{display:none;}

    /*CP 운영조직*/
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP{padding-right:0;padding-left:0;flex-direction: column;justify-content:unset;padding:2.5rem 0 4.7rem}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div{width:100%;margin-top:3.2rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol{height:46.8rem;}
    div.tab_over_cover{overflow-x:scroll;}
    div.tab_over_cover::-webkit-scrollbar{display:none;}
    .esg_winwin .sub_tab2{min-width:36rem;}
    .esg_winwin .sub_tab2 li{padding:0;margin:0 0.7rem}
    .esg_winwin .sub_tab2 .tabs.current{padding:0 0.1rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(1){width:44.21%;left: 27.78%;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(2){width:44.21%;max-width:18rem;top:calc(34.5% - 2.4rem)}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(2):after{top:2rem;width: 60vw;right: -45vw;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(3){width:44.21%;max-width:18rem;top:calc(34.5% - 2.4rem);}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(1):after{left:50%;height:27.2rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > p{font-size:1.4rem;height:4rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_01 > dd{font-size:1.2rem;margin-top:0.2rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_01 > dd:before{margin-right:3px;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl{width:102%; margin-left:-1%;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02{margin-top:0.8rem;width: 96%;padding: 2%;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02 > dt{font-size:1.1rem;line-height:2.4rem;width: 63%;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02 > dd{font-size:1.2rem;line-height:2.4rem;vertical-align: top;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > dl.sty_02 > dt::before{margin-right:3px;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03:before{display:none;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li:before{display:none;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > p:before{display:none;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(4){border:1px solid #005EB8;border-radius: 6px;width: 100%;left: auto;max-width: 33rem;margin: 0 auto;position: relative;top:69.5%;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03{width: 100%; margin-left: 0;margin-top: 0;padding: 1rem 1.2rem 1rem 1rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > p{height:3.5rem;font-size: 1.2rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > span{height:4.5rem;font-size: 1.2rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li:nth-child(4) > p{border-radius:5px 5px 0 0 ;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li > p > span{font-size:1.1rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > p{font-size:2.2rem;line-height:2.8rem;}
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP > div > ol > li > ul.sty_03 > li{width:7rem;}
    /*CI 페이지*/
    .ci_cont_wrap{padding:3rem 0 8.8rem;}
    .ci_cont_wrap.intro_ci .ci_list{flex-direction: column;justify-content: unset;}
   .page_img_link{height:auto;flex-direction: column;width:100%;}
   .page_img_link > div{height:13.6rem;width:100%;}
   .ci_text{width:100%;}
   .ci_text > .color_txt1{flex-direction: column-reverse; justify-content: unset;}
   .ci_text > .color_txt1 > p{width:100%;margin-top:2rem;}
   .ci_text > .color_txt1 > img{height:auto;}
   .ci_cont_wrap.intro_ci .ci_list > p{font-size:2.2rem;line-height:4.2rem;margin-bottom:2.5rem;}
   .ci_text > img.pcpc{display:none;}
   .ci_text > img.momo{display:block;}
   .ci_dwn_cover a:nth-child(1){width:13.8rem;}
   .ci_dwn_cover a:nth-child(2){width:14.9rem;}
   .ci_dwn_cover a{font-size:1.4rem;line-height:3.4rem;}
   .ci_dwn_cover{margin-top:1.8rem;}
   .ci_cont_wrap.intro_ci .ci_list{padding:4rem 0;}
   .ci_text > .color_txt1 > img.pcpc{display:none;}
   .ci_text > .color_txt1 > img.momo{display:block;}
   .ci_text > p.txt_st03{font-size:1.4rem;line-height:2.4rem;letter-spacing: -0.3px;margin-bottom:4.6rem;}
   .ci_text > p.clear_tit{font-size:1.5rem; line-height:3.4rem;}
   .ci_text > p.clear_txt{font-size:1.4rem;line-height:2.4rem;margin:2rem 0 4.4rem;}
   .ci_text > .color_txt2{margin-top:3.2rem;}
   .ci_text > .color_txt2 > p > span.txt_st02{margin-top:1rem;}
   p.clear_txt > br{display:none;}
   /*글로벌 네트워크*/
   .map_search > .custom-select{width: 100%;margin-right: 0; margin-left: 0; margin-bottom: 2rem;}
    .map_search > .custom-select#nation:after{display: block;}
    .global_network .sub_tab .tabs.current{height:4.8rem;}
    .global_network .sub_tab li{height:4.8rem;font-size:1.4rem;}
    .global_network .sub_tab{height:9.6rem;}
    .global_network .sub_tab li > img{width:1.6rem;height:1.6rem;margin-right:.8rem;}
    .map_search{margin:3rem 0;}
    .map_search > .input_box{margin-top:0;margin-right:0.9rem; width:calc(100% - 12rem)}
    .map_search > .sch_btn{margin-top:0;height:5rem;width:5rem;}
    .map_search > .reset_btn{margin-top:0;height:5rem;width:5rem;}
    .global_map{margin-top:3rem;}
    .que{padding: 0 4.5rem 0 1.4rem;}
    .global_map > .que.on> p.adress{margin-top:1.4rem;line-height:2rem;}
    .global_map > .que > p.ttl{font-size:1.8rem;line-height:2.7rem;}
    .global_map > .que > span.area{font-size:1.4rem;line-height:2.7rem;}
    .main_map{height:37rem;}
    .global_network_wrap{padding:3rem 0 4rem ;}
    .map_search > .custom-select > div.select-selected{height:5rem;}
    .map_search > .input_box input{height:5rem;font-size:1.4rem;padding:0 1.4rem}
    .map_search > .input_box input::placeholder{font-size:1.4rem;}
    
    .map_search > .custom-select:after{
        height: 1px;
        width: 100%;
        right: 0px;  
        bottom: -10px;
        top: inherit;
    }
    .map_search p.line{display: none;}
    
    /*보고서 페이지에 있던 스타일 가져옴*/
    .report_down .slt_comm {width:7.9rem;}
            .down_btn {width: 16.6rem;height: 3rem;font-size: 1.2rem;     letter-spacing: -0.6px; padding: 0 0.7rem; background-size: 1.2rem; margin-top: 0.8rem;margin-left: 0;}
            .slt_comm ul {width: 7.9rem;top: 2.8rem!important;}
            .esg_cont_wrap {width: 100%;padding: 2.8rem 0 6.4rem;}
    .report_down .down_btn{width: 16.7rem;}

	/* What is CCL 페이지 */
	.pd_list.pd_list_wic .list_sub_wrap > ul > li > span {font-size:1.8rem;}
	.pd_wic_btn {display:block;}
	.pd_wic_btn > a {width:100%;}
	.pd_wic_btn > a:first-child {margin-bottom:15px;}
}
@media screen and (max-width:603px){
    .tbl_over-x.support01.tab4 > .ico-touch{display:block;}
    .tbl_over-x.support01.tab4{overflow-x:scroll;}
    .tbl_over-x.support01.tab4_1 > .ico-touch{transform: translate(calc(50vw - 4.2rem), 3rem);}
    .tbl_over-x.support01.tab4_2 > .ico-touch{transform: translate(calc(50vw - 4.2rem), 4.5rem);}
    .tbl_over-x.support01.tab4_3 > .ico-touch{transform: translate(calc(50vw - 4.2rem), 4rem);}

}


@media screen and (max-width:480px){
    .support03_tbl > div > ul.tbl_td > li:nth-child(2n){justify-content:flex-start;}
    .pd_list.pd_list_wic .list_sub_wrap > div > ul > li {flex-basis: 100%;}
    .pd_list.pd_list_wic .list_sub_wrap > div > ul > li:not(:last-child) {margin-bottom: 4.5% !important;}
}
@media screen and (max-width:359px){
    .report_down{padding:1.7rem 1.5rem;height:auto;}
    .report_down .slt_comm{width:20vw;}
    .slt_comm ul{width:20vw;}
    .down_btn{width:20vw;}

}