/* common */
#sv{width:100%; height:410px; padding-top:190px; text-align:center;}
#sv p{font-size:30px; font-weight:300; color:#fff;}
#sv h3{padding-top:20px; font-size:85px; font-family: 'Readex Pro'; font-weight:600; line-height:1; letter-spacing:-0.025em; color:#fff;}
#sv.sv00{background:url('/img/sub/sub_visual01.jpg') center top no-repeat; background-size:cover;}
#sv.sv01{background:url('/img/sub/sub_visual02.jpg') center top no-repeat; background-size:cover;}
#sv.sv02{background:url('/img/sub/sub_visual03.jpg') center top no-repeat; background-size:cover;}
#sv.sv03{background:url('/img/sub/sub_visual04.jpg') center top no-repeat; background-size:cover;}
#subContents .sub_common{padding:113px 0 100px;}
#subContents .sub_common::after{content:""; display:block; clear:both;}
#subContents .sub_common .Title{float:left;}
#subContents .sub_common .Title h3{position:relative; display:inline-block; font-size:60px; font-weight:600; color:#222; line-height:1;}
#subContents .sub_common .Title h3::after{content:""; display:block; width:10px; height:10px; background-color:#c61821; position:absolute; top:-10px; right:-15px; border-radius:50%;}
#subContents .sub_common #lnb{float:right; background-color:#fff; border-radius:30px; border:1px solid #f7f7f7; box-shadow:2px 0 7px rgba(0,0,0,0.1);}
#subContents .sub_common #lnb .sub_depth > li{position:relative; display:inline-block; vertical-align:top; opacity:.8;}
#subContents .sub_common #lnb .sub_depth > li::after{content:""; display:block; width:3px; height:3px; background-color:#a3a3a3; border-radius:50%; position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
#subContents .sub_common #lnb .sub_depth > li:last-of-type::after{display:none;}
#subContents .sub_common #lnb .sub_depth > li a{display:block; padding:14px 30px; font-size:16px; font-weight:400; color:#666;}
#subContents .sub_common #lnb .sub_depth > li.on{opacity:1;}
#subContents .sub_common #lnb .sub_depth > li.on a{font-weight:600; color:#222;}
#subContents .sub_common #lnb .sub_depth .three_depth{display:none;}
#subContents .sub_common #lnb .current{display:none;}

/* 24.12.03 */
#subContents .sub_common #lnb { clear: both; margin-top: 20px; }

@media all and (max-width:1500px){
    #subContents .sub_common .Title h3{font-size:50px;}
    #subContents .sub_common #lnb .sub_depth > li a{padding:14px 20px;}
}


@media all and (max-width:1200px){
    #subContents .sub_common{padding:60px 0 80px;}
    #subContents .sub_common .Title h3{font-size:40px;}
    #subContents .sub_common #lnb{position:relative; z-index:2; width:210px; box-shadow:none; border-color:#9b9b9b; border-radius:10px;}
    #subContents .sub_common #lnb .sub_depth > li a{padding:14px 20px;}
    #sv{height:350px; padding-top:160px;}
    #sv p{font-size:25px;}
    #sv h3{padding-top:10px; font-size:70px;}
    #subContents .sub_common #lnb .current{position:relative; display:block; height:53px; padding-left:20px; font-size:18px; font-weight:600; line-height:54px; color:#222; cursor:pointer;}
    #subContents .sub_common #lnb .current::after{content:""; display:block; position:absolute; top:17px; right:15px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); width:10px; height:10px; border-right:1px solid #222; border-bottom:1px solid #222;}
    #subContents .sub_common #lnb .sub_depth{position:absolute; top:60px; left:0; width:100%; display:none; background-color:#fff; border:1px solid #9b9b9b; border-radius:10px;}
    #subContents .sub_common #lnb .sub_depth > li{display:block;}
    #subContents .sub_common #lnb .sub_depth > li::after{display:none;}
    #subContents .sub_common #lnb .sub_depth > li a{padding:10px 20px;}
}

@media all and (max-width:768px){
    #subContents .sub_common{padding:56px 0 50px;}
    #subContents .sub_common .Title h3{font-size:35px; margin-top:3px;}
    #subContents .sub_common #lnb{width:190px;}
    #subContents .sub_common #lnb .current{font-size:16px; height:40px; line-height:41px; padding-left:10px;}
    #subContents .sub_common #lnb .current::after{top:11px;}
    #subContents .sub_common #lnb .sub_depth{top:50px;}
    #subContents .sub_common #lnb .sub_depth > li a{font-size:15px; padding:10px;}

    #sv{height:320px;}
    #sv h3{font-size:50px;}
}

/* 3depth tab */
.tab_wrap{padding:0 0 45px;}
.tab_wrap ul{font-size:0; letter-spacing:-4px; text-align:left;}
.tab_wrap ul li{display:inline-block; vertical-align:top;}
.tab_wrap ul li a{display:block; padding:20px 40px; font-size:24px; color:#222; letter-spacing:0em; font-weigh:300; position:relative; z-index:2;}
.tab_wrap ul li a:before{content:""; width:1px; height:20px; background:#cccccc; position:absolute; right:0; top:calc(50% - 10px);}
.tab_wrap ul li a span{display:block; position:relative;}
.tab_wrap ul li a span:before{display:none; content:""; width:68px; height:68px; background:#fcf3f4; position:absolute; left:50%; top:50%; z-index:-1; border-radius:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.tab_wrap ul li:last-child a:before{display:none;}
.tab_wrap ul li:first-child a{padding-left:0;}
.tab_wrap ul li.active a{font-weight:bold; color:#c61821;}
.tab_wrap ul li.active a span:before{display:block;}

@media all and (max-width:768px){
    .tab_wrap{padding:0 0 20px;}
    .tab_wrap ul li a{font-size:18px; padding:10px 15px;}
    .tab_wrap ul li a:before{height:10px; top:calc(50% - 5px);}
    .tab_wrap ul li a span:before{width:40px; height:40px;}
}
@media all and (max-width: 600px){
    .tab_wrap ul li a { font-size: 16px; padding: 10px; }
}

/* 인사말 */
.greeting .sec01{margin-bottom:80px;}
.greeting .sec01 .w1500::after{content:""; display:block; clear:both;}
.greeting .sec01 img{float:right; width:52.2%;}
.greeting .sec01 .txt_box{float:left; width:47.8%; padding-right:74px;}
.greeting .sec01 .txt_box h5{font-size:55px; font-weight:300; color:#222; line-height:1.4;}
.greeting .sec01 .txt_box h5 span{font-weight:600; color:#c61821;}
.greeting .sec01 .txt_box .txt1{margin:30px 0 40px; font-size:26px; font-weight:600; color:#222;}
.greeting .sec01 .txt_box .txt2{font-size:22px; font-weight:300; color:#222;}
.greeting .sec02{padding:90px 0 130px; background-color:#f9f9f9; text-align:center;}
.greeting .sec02 .tit h5{font-size:45px; font-weight:300; color:#222; line-height:1.4;}
.greeting .sec02 .list{margin:35px 0 40px; font-size:0;}
.greeting .sec02 .list li{display:inline-block; vertical-align:top; width:calc(33.333333% - 25.333333px); margin-right:38px; padding:58px 10px 53px 10px; border:1px solid #e8e8e8; background-color:#fff;}
.greeting .sec02 .list li:last-of-type{margin-right:0;}
.greeting .sec02 .list li strong{display:block; font-size:30px; font-weight:600; color:#222; padding:25px 0 15px;}
.greeting .sec02 .list li p{font-size:22px; font-weight:400; color:#222; line-height:1.4;}
.greeting .sec02 .bot_box > p{font-size:22px; font-weight:400; color:#222; line-height:1.4;}
.greeting .sec02 .bot_box .name_box{margin-top:40px; font-size:0;}
.greeting .sec02 .bot_box .name_box > p{display:inline-block; vertical-align:top; font-size:22px; margin:0 8px;}
.greeting .sec02 .bot_box .name_box .txt1{font-weight:600; color:#878787;}
.greeting .sec02 .bot_box .name_box .txt2{font-weight:400; color:#222;}

@media all and (max-width:1500px){
    .greeting .sec01 .txt_box h5{font-size:45px;}
    .greeting .sec02 .tit h5{font-size:40px;}
    .greeting .sec02 .list li p{font-size:20px;}
}

@media all and (max-width:1200px){
    .greeting .sec01{margin-bottom:60px;}
    .greeting .sec01 img{float:none; width:100%;}
    .greeting .sec01 .txt_box{float:none; width:100%; padding:30px 0 0 0;}
    .greeting .sec01 .txt_box h5{font-size:35px;}
    .greeting .sec01 .txt_box .txt1{font-size:20px; margin: 15px 0 20px;}
    .greeting .sec01 .txt_box .txt2{font-size:18px;}
    .greeting .sec02{padding:70px 0 100px;}
    .greeting .sec02 .tit h5{font-size:30px;}
    .greeting .sec02 .list{margin:25px 0 30px;}
    .greeting .sec02 .list li{display:block; width:100%; margin-right:0; padding:40px 10px;}
    .greeting .sec02 .list li:nth-of-type(n+2){margin-top:20px;}
    .greeting .sec02 .list li strong{font-size:25px; padding:20px 0 10px;}
    .greeting .sec02 .list li p{font-size:20px;}
    .greeting .sec02 .bot_box > p{font-size:20px;}
    .greeting .sec02 .bot_box .name_box{margin-top:30px;}
    .greeting .sec02 .bot_box .name_box > p{font-size:20px;}
    .greeting .sec02 .bot_box .name_box .txt2{font-size:20px;}

}

@media all and (max-width:1000px){
    .greeting .sec01 .txt_box h5{font-size:30px;}
    .greeting .sec01 .txt_box .txt1{font-size:18px;}
    .greeting .sec01 .txt_box .txt2{font-size:16px;}
    .greeting .sec02{padding:50px 0 80px;}
    .greeting .sec02 .tit h5{font-size:25px;}
    .greeting .sec02 .list{margin:20px 0 25px;}
    .greeting .sec02 .list li{padding:30px 10px;}
    .greeting .sec02 .list li strong{font-size:22px; padding:15px 0 10px;}
    .greeting .sec02 .list li p{font-size:18px;}
    .greeting .sec02 .bot_box > p{font-size:18px;}
    .greeting .sec02 .bot_box .name_box{margin-top:20px;}
    .greeting .sec02 .bot_box .name_box > p{font-size:18px;}
    .greeting .sec02 .bot_box .name_box .txt2{font-size:18px;}
}

@media all and (max-width:768px){
    .greeting .sec01 .txt_box h5{font-size:28px;}
    .greeting .sec01 .txt_box .txt1{font-size:16px;}
    .greeting .sec01 .txt_box .txt2{font-size:15px;}
    .greeting .sec02 .tit h5{font-size:23px;}
    .greeting .sec02 .list li strong{font-size:20px;}
    .greeting .sec02 .list li p{font-size:16px;}
    .greeting .sec02 .bot_box > p{font-size:17px;}
    .greeting .sec02 .bot_box .name_box > p{font-size:16px;}
    .greeting .sec02 .bot_box .name_box .txt2{font-size:16px;}
}

/* 회사개요 */
.summary .sec01{margin-bottom:90px;}
.summary .sec01 .top_txt{text-align:center;}
.summary .sec01 .top_txt p{font-size:27px; font-weight:300; color:#222; line-height:1.4;}
.summary .sec01 .top_txt p b{font-weight:600;}
.summary .sec01 .list{margin-top:120px; font-size:0;}
.summary .sec01 .list li{display:inline-block; vertical-align:top; width:calc(33.333333% - 24.666666px); height:370px; margin-right:37px; padding:54px 10px 0 10px; border:1px solid #e8e8e8; background-color:#fff; text-align:center;}
.summary .sec01 .list li:nth-of-type(3n){margin-right:0;}
.summary .sec01 .list li:nth-of-type(n+4){margin-top:40px;}
.summary .sec01 .list li strong{display:block; padding:23px 0 15px; font-size:30px; font-weight:600; color:#222;}
.summary .sec01 .list li p{font-size:22px; font-weight:300; color:#222; line-height:1.6;}
.summary .sec02{padding:130px 0 140px; background-color:#f9f9f9;}
.summary .sec02 .list li + li{margin-top:50px;}
.summary .sec02 .list li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.summary .sec02 .list li:nth-of-type(odd) > *{float:left; box-sizing:border-box;}
.summary .sec02 .list li:nth-of-type(odd) .txt_box{padding-left:60px;}
.summary .sec02 .list li:nth-of-type(even) > *{float:right;}
.summary .sec02 .list li:nth-of-type(even) .txt_box{padding-right:60px;}
.summary .sec02 .list li .img_box{width:calc(50% - 30px); overflow:hidden;}
.summary .sec02 .list li .img_box img{max-width:none; max-height:100%;}
.summary .sec02 .list li .txt_box{width:calc(50% + 30px); height:355px; display:table;}
.summary .sec02 .list li .txt_box .vertical{display:table-cell; vertical-align:middle;}
.summary .sec02 .list li .txt_box h4{font-size:30px; line-height:1.1; color:#222; letter-spacing:0em; font-weight:bold; margin-bottom:25px;}
.summary .sec02 .list li .txt_box p{font-size:22px; line-height:1.64; color:#222; letter-spacing:0em; font-weight:300;}

@media all and (max-width:1200px){
    .summary .sec01{margin-bottom:80px;}
    .summary .sec01 .top_txt p{font-size:24px;}
    .summary .sec01 .list{margin-top:80px;}
    .summary .sec01 .list li{width:calc(50% - 10px); margin-right:0; height:320px; padding-top:35px;}
    .summary .sec01 .list li:nth-of-type(odd){margin-right:20px !important;}
    .summary .sec01 .list li:nth-of-type(n+3){margin-top:20px;}
    .summary .sec01 .list li strong{font-size:25px;}
    .summary .sec01 .list li p{font-size:20px;}
    .summary .sec02{padding:80px 0 100px;}
    .summary .sec02 .list li .txt_box h4{font-size:26px;}
    .summary .sec02 .list li .txt_box p{font-size:18px;}
}
@media all and (max-width:1000px){
    .summary .sec01 .top_txt p{font-size:22px;}
    .summary .sec01 .list{margin-top:50px;}
    .summary .sec01 .list li{display:block; width:100%; height:auto; margin:0 !important; padding:30px 10px;}
    .summary .sec01 .list li:nth-of-type(n+2){margin-top:20px !important;}
    .summary .sec01 .list li strong{font-size:23px; padding:15px 0 10px;}
    .summary .sec01 .list li p{font-size:18px;}
    .summary .sec02{padding:70px 0 90px;}
    .summary .sec02 .list li:nth-of-type(odd) > *{float:none; width:100%;}
    .summary .sec02 .list li:nth-of-type(odd) .txt_box{padding:20px 0 0;}
    .summary .sec02 .list li:nth-of-type(even) > *{float:none; width:100%;}
    .summary .sec02 .list li:nth-of-type(even) .txt_box{padding:20px 0 0;}
    .summary .sec02 .list li .img_box img{width:100%; max-width:100%;}
    .summary .sec02 .list li .txt_box{height:auto;}
}
@media all and (max-width:768px){
    .summary .sec01 .top_txt p{font-size:20px;}
    .summary .sec01 .list{margin-top:40px;}
    .summary .sec01 .list li strong{font-size:22px;}
    .summary .sec01 .list li p{font-size:15px;}
    .summary .sec02{padding:60px 0 80px;}
    .summary .sec02 .list li .txt_box h4{font-size:22px; margin-bottom:15px;}
    .summary .sec02 .list li .txt_box p{font-size:15px;}
}

/* 연혁 */
.history .sec01{margin-bottom:128px;}
.history .sec01 .w1500::after{content:""; display:block; clear:both;}
.history .sec01 .img_box{position:relative; float:left; width:37.466%; margin-right:7.3%;}
.history .sec01 .img_box.on{position:fixed; top:100px;}
.history .sec01 .list{float:right; width:55.234%;}
.history .sec01 .list li:last-of-type{margin-bottom:0;}
.history .sec01 .list li::after{content:""; display:block; clear:both;}
.history .sec01 .list li > *{float:left;}
.history .sec01 .list li .big_year{position:relative; width:240px; font-size:75px; font-weight:600; color:#222; line-height:1.1;}
.history .sec01 .list li .big_year::before,
.history .sec01 .list li .big_year::after{content:""; display:block; position:absolute; top: 50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%);transform:translateY(-50%); z-index:2;}
.history .sec01 .list li .big_year::before{right:-23px; width:44px; height:44px; border:1px solid #d6d6d6; background-color:#fff; border-radius:50%;}
.history .sec01 .list li .big_year::after{right:-6px; width:10px; height:10px; background-color:#d6d6d6; border-radius:50%;}
.history .sec01 .list li.on .big_year{color:#c61821;}
.history .sec01 .list li.on .big_year::before{background-color:#c61821; border-color:#c61821;}
.history .sec01 .list li.on .big_year::after{background-color:#fff;}
.history .sec01 .list li .txt_wrap{position:relative; width:calc(100% - 240px); padding:0 0 160px 63px; margin-top:12px;}
.history .sec01 .list li:last-of-type .txt_wrap{padding-bottom:0;}
.history .sec01 .list li .txt_wrap .line{position:absolute; top:12px; left:0; width:2px; height:103%; background-color:#f1f1f1;}
.history .sec01 .list li:last-of-type .txt_wrap .line{width:0; height:0; background-color:transparent;}
.history .sec01 .list li:first-of-type .txt_wrap .line::before{content:""; width:12px; height:12px; border:2px solid #c61821; border-top:none; border-right:none; position:absolute; transform-origin:center; top:-35px; left:-6px; transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -moz-transform:rotate(135deg);}
.history .sec01 .list li:first-of-type .txt_wrap .line::after{content:""; width:2px; height:29px; position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); top:-35px; background-color:#c61821;}




.history .sec01 .list li .txt_wrap .line .bar{width:2px; height:0; background-color:#c61821;}
.history .sec01 .list li .txt_wrap .txt_box{content:""; display:block; clear:both;}
.history .sec01 .list li .txt_wrap .txt_box p{float:left; font-size:30px; line-height:1.6; color:#222;}
.history .sec01 .list li .txt_wrap .txt_box .year{font-weight:600; width:48px;}
.history .sec01 .list li .txt_wrap .txt_box .txt{font-weight:300; width:calc(100% - 48px);}

@media all and (max-width:1500px){
    .history .sec01 .list li:first-of-type .txt_wrap .line::before{top:-34px; left:-6px;}
    .history .sec01 .list li:first-of-type .txt_wrap .line::after{top:-34px; }
}

@media all and (max-width:1200px){
    .history .sec01 .list li .big_year{width:200px; font-size:60px;}
    .history .sec01 .list li .txt_wrap{width:calc(100% - 200px); padding-bottom:120px;}
    .history .sec01 .list li .txt_wrap .txt_box p{font-size:25px;}
    .history .sec01 .list li .txt_wrap .txt_box .year{width:36px;}
    .history .sec01 .list li .txt_wrap .txt_box .txt{width:calc(100% - 36px);}
}

@media all and (max-width:1000px){
    .history .sec01 .img_box{float:none; width:100%; margin-right:0;}
    .history .sec01 .img_box img{width:100%;}
    .history .sec01 .list{float:none; width:100%; padding-top:30px;}
    .history .sec01 .list li .big_year{width:150px; font-size:50px;}
    .history .sec01 .list li .txt_wrap{width:calc(100% - 150px); padding:0 0 80px 44px;}

    .history .sec01 .list li:first-of-type .txt_wrap .line::before{border-color:#f1f1f1; top:-43px;}
    .history .sec01 .list li:first-of-type .txt_wrap .line::after{top:-43px; background-color:#f1f1f1;}
    .history .sec01 .list li:first-of-type.on .txt_wrap .line::before{border-color:#c61821;}
    .history .sec01 .list li:first-of-type.on .txt_wrap .line::after{background-color:#c61821;}

    


    .history .sec01 .list li .txt_wrap .txt_box p{font-size:20px;}
    .history .sec01 .list li .txt_wrap .txt_box .year{width:30px;}
    .history .sec01 .list li .txt_wrap .txt_box .txt{width:calc(100% - 30px);}
    
}

@media all and (max-width:768px){
    .history .sec01 .list li .big_year{width:100px; font-size:35px;}
    .history .sec01 .list li .big_year::before{width:30px; height:30px; right:-17px;}
    .history .sec01 .list li .txt_wrap{width:calc(100% - 100px); padding:0 0 80px 27px; margin-top:6px;}
    .history .sec01 .list li:first-of-type .txt_wrap .line::before{top:-34px;}
    .history .sec01 .list li:last-of-type .txt_wrap .line::before{bottom:-36px;}
    .history .sec01 .list li:first-of-type .txt_wrap .line::after{top:-34px;}
    .history .sec01 .list li:last-of-type .txt_wrap .line::after{bottom:-36px;}
    .history .sec01 .list li .txt_wrap .txt_box p{font-size:16px;}
    .history .sec01 .list li .txt_wrap .txt_box .year{width:25px;}
    .history .sec01 .list li .txt_wrap .txt_box .txt{width:calc(100% - 25px);}
}



/* 사업장소개 */
.intro .sec .info_box{font-size:0;}
.intro .sec .info_box > *{display:inline-block; vertical-align:middle;}
.intro .sec .info_box .img_box{width:calc(50% - 16px);}
.intro .sec .info_box .img_box img{width:100%;}
.intro .sec .info_box .txt_box{width:calc(50% + 16px); padding:0 10px 0 23px;}
.intro .sec .info_box .txt_box h4{font-size:40px; font-weight:900; color:#222; line-height:1.1;}
.intro .sec .info_box .txt_box .address{ display: flex; align-items: center; }
.intro .sec .info_box .txt_box .address p{padding-top:20px; font-size:22px; font-weight:400; color:#666; line-height:1.6;}
.intro .sec .info_box .txt_box .address div{ display: flex; align-items: center; padding: 20px 0 0 40px; }
.intro .sec .info_box .txt_box .address img{ width:38px; }
.intro .sec .info_box .txt_box .address span{ display: inline-block; font-size:22px; font-weight:400; color:#666; line-height:1.6; padding-left:15px; }
.intro .sec .info_box .txt_box .list{padding-top:80px; font-size:0;}
.intro .sec .info_box .txt_box .list li{display:block; font-size:0; width:100%;}
.intro .sec .info_box .txt_box .list li:nth-of-type(n+2){margin-top:20px;}
.intro .sec .info_box .txt_box .list li > *{display:inline-block; vertical-align:middle;}
.intro .sec .info_box .txt_box .list li img{width:38px;}
.intro .sec .info_box .txt_box .list li p{width:calc(100% - 38px); padding-left:15px; font-size:22px; font-weight:400; color:#666; line-height:1.4;}
.intro .sec .map_box{margin-top:40px;}
.intro .sec .map_box .root_daum_roughmap{width:100%;}
.intro .sec .map_box .root_daum_roughmap .wrap_map{height:640px;}
.intro .sec .map_box .root_daum_roughmap .wrap_controllers,
.intro .sec .map_box .root_daum_roughmap .wrap_btn_zoom{display:none;}
.intro .sec01{margin-bottom:140px;}
.intro .sec02{padding:130px 0 120px; margin-bottom:120px; background-color:#f9f9f9;}
.intro .sec03{margin-bottom:140px;}

@media all and (max-width: 1410px){
	.intro .sec .info_box .txt_box .address{ flex-direction: column; justify-content: flex-start; align-items: flex-start; }
	.intro .sec .info_box .txt_box .address div{ padding: 20px 0 0; }
	.intro .sec .info_box .txt_box .list{ padding-top: 15px; }
}

@media all and (max-width:1200px){
    .intro .sec .info_box .img_box{width:calc(46% - 16px);}
    .intro .sec .info_box .txt_box{width:calc(54% + 16px);}
    .intro .sec .info_box .txt_box h4{font-size:33px;}
    .intro .sec .info_box .txt_box .address p{font-size:20px;}
	.intro .sec .info_box .txt_box .address span{ font-size:20px; }
    .intro .sec .info_box .txt_box .list li:nth-of-type(n+2){margin-top:15px;}
    .intro .sec .info_box .txt_box .list li p{font-size:20px; padding-left:10px;}
    .intro .sec .map_box .root_daum_roughmap .wrap_map{height:450px;}
    .intro .sec01{margin-bottom:100px;}
    .intro .sec02{padding:100px 0 90px; margin-bottom:100px;}
    .intro .sec03{margin-bottom:100px;}
}
@media all and (max-width:1000px){
    .intro .sec .info_box > *{display:block;}
    .intro .sec .info_box .img_box{width:100%;}
    .intro .sec .info_box .txt_box{width:100%; padding:20px 0 0 0;}
    .intro .sec .info_box .txt_box h4{font-size:30px;}
	.intro .sec .info_box .txt_box .address span{ font-size: 18px; }
    .intro .sec .info_box .txt_box .list{padding-top:15px;}
    .intro .sec .info_box .txt_box .list li p{font-size:18px;}
    .intro .sec .map_box .root_daum_roughmap .wrap_map{height:400px;}
    .intro .sec01{margin-bottom:80px;}
    .intro .sec02{padding:90px 0 80px; margin-bottom:80px;}
    .intro .sec03{margin-bottom:80px;}
}
@media all and (max-width:768px){
    .intro .sec .info_box .txt_box h4{font-size:28px;}
    .intro .sec .info_box .txt_box .address p{font-size:16px;}
	.intro .sec .info_box .txt_box .address span{ font-size: 16px; }
    .intro .sec .info_box .txt_box .list li p{font-size:16px;}
    .intro .sec .map_box .root_daum_roughmap .wrap_map{height:350px;}
    .intro .sec01{margin-bottom:60px;}
    .intro .sec02{padding:70px 0 60px; margin-bottom:70px;}
    .intro .sec03{margin-bottom:60px;}
}

/** 제품 공통 **/
.product .sec{padding:140px 0; background-color:#fff;}
.product .sec:nth-of-type(even){background-color:#f9f9f9}
.product .sec01{padding:0 0 140px;}
.product a.down_btn{text-align:left; position:relative; display:inline-block; vertical-align:top; width:234px; height:60px; background:#c61821; border-radius:4px; padding-left:35px; font-size:18px; line-height:60px; color:#fff; letter-spacing:0em; font-weight:500;}
.product a.down_btn:after{content:""; width:16px; height:16px; background:url('/img/sub/product/down_btn.png')no-repeat center; position:absolute; right:35px; top:calc(50% - 8px);}
.product [data-tab]{display:none;}
.product [data-tab].active{display:block;}


@media all and (max-width:768px){
    .product .sec{padding:70px 0;}
    .product .sec01{padding:0 0 70px;}
    .product a.down_btn{width:200px; height:50px; line-height:50px; font-size:16px; padding-left:20px;}
    .product a.down_btn:after{right:20px;}
}


/* 타이틀 */
.product_tit{margin-bottom:40px;}
.product_tit h3{font-size:38px; color:#222; letter-spacing:0em; font-weight:bold;}
.product_tit h3 + *{margin-top:40px;} 
.product_tit h4{margin-bottom:20px; font-size:26px; color:#222; letter-spacing:0em; font-weight:600; padding-left:20px; position:relative;}
.product_tit h4:before{content:""; width:6px; height:6px; background-color:#c61821; border-radius:50%; position:absolute; left:0; top:13px;}
.product_tit p{font-size:22px; color:#222; letter-spacing:-0.01em; font-weight:400; word-break:keep-all;}

@media all and (max-width:1500px){
    .product_tit{margin-bottom:30px;}
    .product_tit h3{font-size:32px;}
    .product_tit h3 + *{margin-top:30px;} 
    .product_tit h4{font-size:24px; padding-left:15px;}
    .product_tit h4:before{top:10px;}
    .product_tit p{font-size:20px;}
}
@media all and (max-width:768px){
    .product_tit{margin-bottom:20px;}
    .product_tit h3{font-size:22px;}
    .product_tit h3 + *{margin-top:20px;}
    .product_tit h4{font-size:20px; padding-left:10px; margin-bottom:10px;}
    .product_tit h4:before{top:11px; width:4px; height:4px;}
    .product_tit p{font-size:15px;}
}


/* 설명글 */
.product_txt{text-align:center; position:relative; z-index:1;}
.product_txt:before{z-index:-1; content:""; width:154px; height:137px; background:url('/img/sub/product/product_txt_bg.png')no-repeat center / cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
.product_txt p{font-size:27px; color:#222; letter-spacing:0em; font-weight:300; line-height:1.5;}
.product_txt p b{font-weight:600;}
.product_txt p span{color:#c61821; font-weight:600;}

@media all and (max-width:1500px){
    .product_txt p{font-size:22px;}
}
@media all and (max-width:768px){
    .product_txt:before{width:90px; height:81px;}
    .product_txt p{font-size:18px;}
    .product_txt p br{display:none;}
}


/* 제품 인트로 */
.product_summary_con{font-size:0; letter-spacing:-4px;}
.product_summary_con .img_box{width:calc(50% - 20px); display:inline-block; vertical-align:middle; overflow:hidden;}
.product_summary_con .img_box img{max-width:100%; }
.product_summary_con .txt_box{width:calc(50% + 20px); display:inline-block; vertical-align:middle; padding:0 10px 0 50px; box-sizing:border-box;}
.product_summary_con .txt_box p{font-size:22px; color:#222; letter-spacing:-0.01em; font-weight:400; line-height:1.77; word-break:keep-all;}
.product_summary_con .txt_box p + p{margin-top:45px}
.product_summary_con.type02 .img_box{width:calc(50% - 80px);}
.product_summary_con.type02 .txt_box{width:calc(50% + 80px);}

@media all and (max-width:1500px){
    .product_summary_con .txt_box p br{display:none;}
}
@media all and (max-width:1200px){
    .product_summary_con .txt_box p{font-size:18px;}
    .product_summary_con .txt_box p + p{margin-top:25px}
}
@media all and (max-width:1000px){
    .product_summary_con .img_box{width:100%;}
    .product_summary_con .img_box img{width:100%;}
    .product_summary_con .txt_box{width:100%; padding:40px 0 0;}
    .product_summary_con.type02 .img_box{width:100%;}
    .product_summary_con.type02 .txt_box{width:100%;}
}
@media all and (max-width:768px){
    .product_summary_con .txt_box{padding:20px 0 0;}
    .product_summary_con .txt_box p{font-size:15px;}
    .product_summary_con .txt_box p + p{margin-top:15px}
}


/* 제품 특성 */
.product_specificity_con ul{font-size:0; letter-spacing:-4px;}
.product_specificity_con ul li{min-height:250px; font-size:0; letter-spacing:-4px; text-align:center; display:inline-block; vertical-align:top; width:calc(25% - 18px); margin-right:18px; background-color:#fff; border:1px solid #ccc; padding:56px 10px 0; box-sizing:border-box;}
.product_specificity_con ul li:last-child{margin-right:0;}
.product_specificity_con ul li span{display:block; margin:0 auto 29px; width:54px; height:54px; border-radius:50%; background-color:#c61821; font-size:18px; color:#fff; letter-spacing:0em; font-weight:500; line-height:56px; text-align:center;}
.product_specificity_con ul li h4{font-size:30px; color:#333; letter-spacing:0em; font-weight:600; word-break:keep-all; margin-bottom:10px;}
.product_specificity_con ul li p{font-size:22px; color:#333; letter-spacing:0em; font-weight:500; word-break:keep-all;}

@media all and (max-width:1500px){
    .product_specificity_con ul li p br{display:none;}
}
@media all and (max-width:1200px){
    .product_specificity_con ul li h4{font-size:26px;}
    .product_specificity_con ul li p{font-size:18px;}
}
@media all and (max-width:1000px){
    .product_specificity_con ul li{width:calc(50% - 10px); margin-right:20px;}
    .product_specificity_con ul li:nth-of-type(2n){margin-right:0;}
    .product_specificity_con ul li:nth-of-type(n+3){margin-top:20px;}
}
@media all and (max-width:768px){
    .product_specificity_con ul li{width:100%; min-height:0; padding:30px 10px;}
    .product_specificity_con ul li + li{margin-top:10px;}
    .product_specificity_con ul li:nth-of-type(2n){margin-right:0;}
    .product_specificity_con ul li:nth-of-type(n+3){margin-top:10px;}
    .product_specificity_con ul li span{margin:0 auto 15px; width:40px; height:40px; line-height:40px; font-size:15px;}
    .product_specificity_con ul li h4{font-size:20px;}
    .product_specificity_con ul li p{font-size:15px;}
}


/* 제품소개 */
.product_intro_con ul li + li{margin-top:40px;}
.product_intro_con ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.product_intro_con ul li:nth-of-type(odd) > *{float:left; box-sizing:border-box;}
.product_intro_con ul li:nth-of-type(odd) .txt_box{padding-left:60px;}
.product_intro_con ul li:nth-of-type(even) > *{float:right;}
.product_intro_con ul li:nth-of-type(even) .txt_box{padding-right:60px;}
.product_intro_con ul li .img_box{width:calc(50% - 30px); overflow:hidden; position: relative; padding: 11.835% 0;}
.product_intro_con ul li .img_box img{max-width:none; max-height:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.product_intro_con ul li .txt_box{width:calc(50% + 30px); height:355px; display:table;}
.product_intro_con ul li .txt_box .vertical{display:table-cell; vertical-align:middle;}
.product_intro_con ul li .txt_box span{display:block; font-size:18px; color:#c61821; letter-spacing:0em; font-weight:800;}
.product_intro_con ul li .txt_box h4{font-size:30px; line-height:1.1; color:#222; letter-spacing:0em; font-weight:bold; margin-bottom:25px;}
.product_intro_con ul li .txt_box p{font-size:22px; line-height:1.64; color:#222; letter-spacing:0em; font-weight:300;}

@media all and (max-width:1200px){
    .product_intro_con ul li .txt_box h4{font-size:26px;}
    .product_intro_con ul li .txt_box p{font-size:18px;}
}
@media all and (max-width:1000px){
    .product_intro_con ul li:nth-of-type(odd) > *{float:none; width:100%;}
    .product_intro_con ul li:nth-of-type(odd) .txt_box{padding:20px 0 0;}
    .product_intro_con ul li:nth-of-type(even) > *{float:none; width:100%;}
    .product_intro_con ul li:nth-of-type(even) .txt_box{padding:20px 0 0;}
    .product_intro_con ul li .img_box img{width:100%; max-width:100%;}
    .product_intro_con ul li .txt_box{height:auto;}
}
@media all and (max-width:768px){
    .product_intro_con ul li .txt_box h4{font-size:22px; margin-bottom:15px;}
    .product_intro_con ul li .txt_box p{font-size:15px;}
}


/* .product_table */
.product_table table{width:100%; background-color:#fff;}
.product_table table br.m_block{display:none;}
.product_table table th,
.product_table table td { border:1px solid #d6d6d6; }
.product_table table thead tr th{border:1px solid #d6d6d6; background-color:#555; height:80px; text-align:center; padding:10px; font-size:22px; color:#fff; letter-spacing:0em; font-weight:500;}
.product_table table tbody tr th{border:1px solid #d6d6d6; height:80px; text-align:center; padding:10px; font-size:22px; color:#222; letter-spacing:0em; font-weight:400;}
.product_table table tbody tr th.bg{background-color:#555; color:#fff}
.product_table table tbody tr td{border:1px solid #d6d6d6; height:80px; text-align:center; padding:10px; font-size:22px; color:#222; letter-spacing:0em; font-weight:400;}
.product_table table tbody tr td.left{text-align:left; padding:30px}
.product_table table thead tr strong{text-decoration:underline; font-weight:600;}
.product_table table tbody tr b{font-weight:600;}
.product_table table a.table_down_btn{display:inline-block; vertical-align:middle; color:#c61821;}
.product_table table a.table_down_btn i{display:inline-block; vertical-align:middle; width:18px; height:21px; background:url('/img/sub/product/table_down_btn.png')no-repeat center / cover; margin-left:6px;}
.product_table table ol li{padding-left:15px; box-sizing:border-box; position:relative; word-break:keep-all;}
.product_table table ol li + li{margin-top:5px;}
.product_table table ol li:before{content:"-"; position:absolute; left:0; top:0;}
.product_table .table_scroll{overflow-y:auto;}
.product_table .table_scroll table{min-width:1100px;}
.product_table.type02 table + table{margin-top:40px;}
.product_table table img.max_img{max-height:40px;}

@media all and (max-width:1200px){
    .product_table table thead tr th{font-size:18px;}
    .product_table table tbody tr th{font-size:18px;}
    .product_table table tbody tr td{font-size:18px;}
}
@media all and (max-width:1000px){
    .product_table.type02 table{display:block;}
    .product_table.type02 table + table{margin-top:20px;}
    .product_table.type02 table thead{display:block;}
    .product_table.type02 table thead tr{display:block; height:auto;}
    .product_table.type02 table thead tr th{display:block; height:auto; padding:15px 10px;}
    .product_table.type02 table tbody{display:block;}
    .product_table.type02 table tbody tr{display:block;}
    .product_table.type02 table tbody tr th{display:block; height:auto; padding:15px 10px;}
    .product_table.type02 table tbody tr td{display:block; height:auto;}
    .product_table.type02 table tbody tr td.left{padding:15px;}
    
}
@media all and (max-width:768px){
    .product_table table br.m_block{display:block;}
    .product_table table thead tr th{height:60px; font-size:15px; padding:5px;}
    .product_table table tbody tr th{height:60px; font-size:15px; padding:5px;}
    .product_table table tbody tr td{height:60px; font-size:15px; padding:5px;}
    .product_table table tbody tr td.left{padding:10px;}
    .product_table table a.table_down_btn{font-size:12px;}
    .product_table table a.table_down_btn i{margin-left:0; width:12px; height:15px;}
    .product_table table ol li{padding-left:10px;}
    .product_table .table_scroll table{min-width:830px;}
    .product_table table img.max_img{max-height:30px;}
}


/* product_list */
.product_gallery_list ul{font-size:0; letter-spacing:-4px;}
.product_gallery_list ul li{display:inline-block; vertical-align:top;}
.product_gallery_list ul li{width:calc(33.333333% - 20px); margin-right:30px;}
.product_gallery_list ul li:nth-of-type(3n){margin-right:0;}
.product_gallery_list ul li img{max-width:100%;}

@media all and (max-width:1000px){
    .product_gallery_list ul li{width:100%; margin:0;}
    .product_gallery_list ul li img{width:100%;}
    .product_gallery_list ul li + li{margin-top:20px;}
}


/* product_supplier_con */
.product_supplier_con dl{font-size:0; letter-spacing:-4px;}
.product_supplier_con dl dt{width:465px; display:inline-block; vertical-align:middle;}
.product_supplier_con dl dd{width:calc(100% - 465px); display:inline-block; vertical-align:middle; padding:0 10px 0 80px; box-sizing:border-box;}
.product_supplier_con dl dd h4{font-size:26px; color:#222; letter-spacing:0em; font-weight:bold; word-break:keep-all; margin-bottom:10px;}
.product_supplier_con dl dd p{font-size:22px; color:#222; letter-spacing:0em; font-weight:400; word-break:keep-all}
.product_supplier_con dl dd p + p{margin-top:40px;}

@media all and (max-width:1200px){
    .product_supplier_con dl dt{width:300px;}
    .product_supplier_con dl dd{width:calc(100% - 300px); padding:0 10px 0 40px;}
    .product_supplier_con dl dd h4{font-size:22px;}
    .product_supplier_con dl dd p{font-size:18px;}
    .product_supplier_con dl dd p + p{margin-top:30px;}
}
@media all and (max-width:1000px){
    .product_supplier_con dl dt{width:100%;}
    .product_supplier_con dl dd{width:100%; padding:20px 0 0;}
}
@media all and (max-width:767px){
    .fluoride .sec03 .product_table + .product_tit{margin-top:50px;}
    .product_supplier_con dl dd h4{font-size:18px;}
    .product_supplier_con dl dd p{font-size:15px;}
    .product_supplier_con dl dd p br{display:none;}
    .product_supplier_con dl dd p + p{margin-top:20px;}
}


/* product_supplier_list */
.product_supplier_list ul{font-size:0; letter-spacing:-4px;}
.product_supplier_list ul li{display:inline-block; vertical-align:top; width:calc(33.333333% - 30px); margin-right:45px; border:1px solid #e2e2e2; box-sizing:border-box;}
.product_supplier_list ul li:nth-of-type(3n){margin-right:0;}
.product_supplier_list ul li:nth-of-type(n+4){margin-top:45px;}
.product_supplier_list ul li .img_box img{width:100%;}
.product_supplier_list ul li .txt_box{background:#f2f2f2; height:60px; padding:0 30px; box-sizing:border-box; position:relative;}
.product_supplier_list ul li .txt_box p{font-size:22px; color:#222; letter-spacing:0em; font-weight:600; line-height:60px; padding-right:85px; box-sizing:border-box;}
.product_supplier_list ul li .txt_box a{font-size:22px; color:#222; letter-spacing:0em; font-weight:600; line-height:60px; position:absolute; right:30px; top:0; display:inline-block; vertical-align:middle; color:#c61821;}
.product_supplier_list ul li .txt_box a i{display:inline-block; vertical-align:middle; width:18px; height:21px; background:url('/img/sub/product/table_down_btn.png')no-repeat center / cover; margin-left:6px;}

@media all and (max-width:1200px){
    .product_supplier_list ul li .txt_box p{font-size:18px;}
    .product_supplier_list ul li .txt_box a{font-size:18px;}
}
@media all and (max-width:1000px){
    .product_supplier_list ul li{width:calc(50% - 20px); margin-right:40px;}
    .product_supplier_list ul li:nth-of-type(3n){margin-right:40px;}
    .product_supplier_list ul li:nth-of-type(2n){margin-right:0;}
    .product_supplier_list ul li:nth-of-type(n+4){margin-top:0;}
    .product_supplier_list ul li:nth-of-type(n+3){margin-top:40px;}
}
@media all and (max-width:768px){
    .product_supplier_list ul li{width:100%; margin:0;}
    .product_supplier_list ul li:nth-of-type(3n){margin-right:0;}
    .product_supplier_list ul li:nth-of-type(2n){margin-right:0;}
    .product_supplier_list ul li:nth-of-type(n+4){margin-top:20px;}
    .product_supplier_list ul li:nth-of-type(n+3){margin-top:20px;}
    .product_supplier_list ul li + li{margin-top:20px;}
    .product_supplier_list ul li .txt_box{height:40px;}
    .product_supplier_list ul li .txt_box p{font-size:15px; line-height:40px; padding-right:60px;}
    .product_supplier_list ul li .txt_box a{font-size:15px; line-height:40px;}
    .product_supplier_list ul li .txt_box a i{margin-left:0; width:12px; height:15px;}
}


/* product_char_list */
.product_char_list ul{font-size:0; letter-spacing:-4px;}
.product_char_list ul > li{display:inline-block; vertical-align:top; width:50%;}
.product_char_list ul > li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.product_char_list ul li .img_box{width:48%; max-width:350px; float:left; border:1px solid #ccc; box-sizing:border-box;}
.product_char_list ul li .img_box .img{width:100%;} 
.product_char_list ul li .img_box .desc{width:100%; height:110px; text-align:center; background:#f9f9f9; display:table; padding:0 10px; box-sizing:border-box;}
.product_char_list ul li .img_box .desc p{display:table-cell; vertical-align:middle; font-size:22px; color:#222; letter-spacing:0em; font-weight:400;}
.product_char_list ul li .txt_box{width:52%; float:left; padding:35px 10px 0 40px; box-sizing:border-box;}
.product_char_list ul li .txt_box dl dt{font-size:18px; color:#c61821; letter-spacing:0em; font-weight:800; word-break:keep-all;}
.product_char_list ul li .txt_box dl dd{font-size:26px; color:#222; letter-spacing:0em; font-weight:bold; word-break:keep-all;}
.product_char_list ul li .txt_box p{margin:20px 0 15px; font-size:22px; color:#222; letter-spacing:0em; font-weight:600;}
.product_char_list ul li .txt_box ol li{font-size:22px; color:#222; letter-spacing:0em; font-weight:400; padding-left:15px; box-sizing:border-box; position:relative; word-break:keep-all;}
.product_char_list ul li .txt_box ol li + li{margin-top:5px;}
.product_char_list ul li .txt_box ol li:before{content:"-"; position:absolute; left:0; top:0;}
.product_char_list ul li:nth-of-type(n+3){margin-top:50px;}

@media all and (max-width:1500px){
    .product_char_list ul li .img_box{width:40%; max-width:300px;}
    .product_char_list ul li .img_box .desc p{font-size:18px;}
    .product_char_list ul li .img_box .desc p br{display:none;}
    .product_char_list ul li .txt_box{width:60%; padding:20px 10px 0 20px;}
    .product_char_list ul li .txt_box dl dt{font-size:16px;}
    .product_char_list ul li .txt_box dl dd{font-size:22px;}
    .product_char_list ul li .txt_box ol li{font-size:18px;}
}
@media all and (max-width:1000px){
    .product_char_list ul li{width:100%;}
    .product_char_list ul li + li{margin-top:20px;}
    .product_char_list ul li:nth-of-type(n+3){margin-top:20px;}
}
@media all and (max-width:767px){
    .product_char_list ul li .img_box{width:100%; max-width:100%;}
    .product_char_list ul li .img_box img{width:100%;}
    .product_char_list ul li .img_box .desc{height:60px;}
    .product_char_list ul li .img_box .desc p{font-size:15px;}
    .product_char_list ul li .txt_box{width:100%; padding:10px;}
    .product_char_list ul li .txt_box dl dt{font-size:14px;}
    .product_char_list ul li .txt_box dl dd{font-size:18px;}
    .product_char_list ul li .txt_box p{font-size:15px; margin:10px 0 5px;}
    .product_char_list ul li .txt_box ol li{font-size:15px;}
}


/* product_pur_list */
.product_pur_list ul{font-size:0; letter-spacing:-4px;}
.product_pur_list ul > li{display:inline-block; vertical-align:top; width:50%;}
.product_pur_list ul li .img_box{width:48%; max-width:350px; float:left;}
.product_pur_list ul li .img_box .img{width:100%;} 
.product_pur_list ul li .txt_box{min-height:305px; box-sizing:border-box; width:52%; float:left; padding:0 10px 0 40px; box-sizing:border-box; display:table;}
.product_pur_list ul li .txt_box .vertical{display:table-cell; vertical-align:middle;}
.product_pur_list ul li .txt_box h4{font-size:26px; color:#222; letter-spacing:0em; font-weight:bold;}
.product_pur_list ul li .txt_box ol{margin:20px 0 0; font-size:0; letter-spacing:-4px;}
.product_pur_list ul li .txt_box ol li{margin-top:5px; font-size:22px; color:#222; letter-spacing:0em; font-weight:400; padding-left:15px; box-sizing:border-box; position:relative; word-break:keep-all;}
.product_pur_list ul li .txt_box ol li:before{content:"-"; position:absolute; left:0; top:0;}
.product_pur_list ul li .txt_box ol.line2 li{width:50%; display:inline-block; vertical-align:top;}
.product_pur_list ul li:nth-of-type(n+3){margin-top:50px;}

@media all and (max-width:1500px){
    .product_pur_list ul li .txt_box{padding:0 10px 0 20px; min-height:0}
    .product_pur_list ul li .txt_box ol li{font-size:18px;}
}
@media all and (max-width:1200px){
    .product_pur_list ul li .txt_box ol.line2 li{width:100%;}
}
@media all and (max-width:1000px){
    .product_pur_list ul li{width:100%;}
    .product_pur_list ul li + li{margin-top:20px;}
    .product_pur_list ul li:nth-of-type(n+3){margin-top:20px;}
}
@media all and (max-width:767px){
    .product_pur_list ul li .img_box{width:100%; max-width:100%;}
    .product_pur_list ul li .img_box img{width:100%;}
    .product_pur_list ul li .txt_box{width:100%; padding:10px;}
}


/* 라텍스 */
.latex .sec02 .box:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.latex .sec02 .box .w50{width:calc(50% - 30px); float:left; margin-right:60px;}
.latex .sec02 .box .w50:last-child{margin-right:0;}
@media all and (max-width:1000px){
    .latex .sec02 .box .w50{width:100%; float:none; margin:0;}
    .latex .sec02 .box .w50 + .w50{margin-top:20px;}
}


/* 불소고무 */
.fluoride .sec03 .product_table + .product_tit{margin-top:100px;}
@media all and (max-width:767px){
    .fluoride .sec03 .product_table + .product_tit{margin-top:50px;}
}


/* 카본블랙 */
.forrubber .sec05{padding-top:100px; text-align:center;}
.industrial .sec05{padding-top:100px;  text-align:center;}
@media all and (max-width:767px){
    .forrubber .sec05{padding-top:50px;}
    .industrial .sec05{padding-top:50px;}
}


/* 충전제 */
.calcium .sec02 .product_specificity_con ul li{min-height:386px;}
@media all and (max-width:768px){
    .calcium .sec02 .product_specificity_con ul li{min-height:0;}
}


/* polyolefin_list */
.polyolefin_list ul{font-size:0; letter-spacing:-4px;}
.polyolefin_list ul li{width:50%; display:inline-block; vertical-align:top;}
.polyolefin_list ul li dl{font-size:0; letter-spacing:-4px;}
.polyolefin_list ul li dl dt{width:50%; display:inline-block;vertical-align:middle;}
.polyolefin_list ul li dl dd{width:50%; display:inline-block; vertical-align:middle;}
.polyolefin_list ul li dl dd span{dispaly:block; font-size:18px; color:#c61821; letter-spacing:0em; font-weight:600; margin:0 0 5px;}
.polyolefin_list ul li dl dd p{font-size:26px; color:#222222; letter-spacing:0em; font-weight:bold; line-height:41px;}
.polyolefin_list ul li:nth-of-type(n+3){margin-top:50px;}

@media all and (max-width:1500px){
    .polyolefin_list ul li dl dd span{font-size:16px;}
    .polyolefin_list ul li dl dd p{font-size:20px; line-height:30px;}
}
@media all and (max-width:1000px){
    .polyolefin_list ul li{width:100%;}
    .polyolefin_list ul li + li{margin-top:20px;}
    .polyolefin_list ul li:nth-of-type(n+3){margin-top:20px;}
    .polyolefin_list ul li dl dt{width:40%;}
    .polyolefin_list ul li dl dd{width:60%;}
    .polyolefin_list ul li dl dd span{font-size:16px;}
    .polyolefin_list ul li dl dd p{font-size:20px; line-height:30px;}
}
@media all and (max-width:767px){
    .polyolefin_list ul li dl dd span{font-size:14px;}
    .polyolefin_list ul li dl dd p{font-size:18px; line-height:24px;}
}


/* 24.12.03 */
.product_n .col100,
.product_n .col10 { display: flex; flex-direction: column; }
.product_n .col100 { row-gap: 100px; }
.product_n .col10 { row-gap: 10px; }
.product_n hr { background: #ddd; margin: 0; border: none; visibility: inherit; }

.product_summary_con .txt_box h4 { color: #222; font-size: 26px; font-weight: 700; margin-bottom: 20px; line-height: 1.6; letter-spacing: 0; }
:root {
	--system-width: 300px;
}
.prepolymer_system .product_tit h4 { padding-left: 0; }
.prepolymer_system .product_tit h4::before { display: none; }
.prepolymer_system .item-box { border: 1px solid #ddd; padding: 50px; display: flex; justify-content: center; }
.prepolymer_system .item-box * { letter-spacing: 0; }
.prepolymer_system .item-box .top-box { display: inline-flex; flex-direction: column; align-items: center; padding-bottom: 75px; position: relative; }
.prepolymer_system .item-box .top-box::after { content: ''; display: block; width: 1px; height: 75px; background: url('/img/sub/product/prepolymer_line02.png') no-repeat center / 100%; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
.prepolymer_system .item-box .top,
.prepolymer_system .item-box .bottom-box,
.prepolymer_system .item-box .bottom { display: flex; align-items: center; }
.prepolymer_system .item-box .top { column-gap: 45px; }
.prepolymer_system .item-box .bottom-box { justify-content: flex-end; padding-left: 205px; }
.prepolymer_system .item-box .bottom1 { column-gap: 30px; }
.prepolymer_system .item-box .bottom2 { column-gap: 20px; }
.prepolymer_system .item-box .plus { flex-shrink: 0; }
.prepolymer_system .item-box p { min-width: var(--system-width); position: relative; display: flex; justify-content: center; flex-direction: column; height: 110px; font-size: 20px; color: #222; line-height: 1.6; text-align: center; background: #f5f5f5; font-weight: 600; }
.prepolymer_system .item-box em { color: #C61821; display: block; }
.prepolymer_system .item-box p.border { background: #fff; position: relative; }
.prepolymer_system .item-box p.border::before,
.prepolymer_system .item-box p.border::after { content: ''; display: block; position: absolute; left: 50%; }
.prepolymer_system .item-box p.border::before { width: calc(100% - 12px); height: calc(100% - 12px); border: 6px solid #eee; top: 50%; transform: translate(-50%, -50%); }
.prepolymer_system .item-box p.border::after { top: -4px; width: 8px; height: 8px; background: #C61821; border-radius: 50%; transform: translateX(-50%); }
.prepolymer_system .item-box p.bg { background: #C61821; color: #fff; }
.prepolymer_system .item-box p.col { line-height: 1.3; justify-content: flex-start; padding: 40px 0 0; }
.prepolymer_system .item-box p.col em { margin-bottom: 15px; }
.prepolymer_system .item-box p.padding { padding: 0 50px; }
.prepolymer_system .item-box p.opacity { min-width: 180px; color: rgba(34, 34, 34, 0.5); }
.prepolymer_system .item-box p.opacity em { color: #222; }
.prepolymer_system .item-box .bottom2 p { height: 200px; }
.prepolymer_system .item-box .line-arrow.short { margin-left: -34px; }
.prepolymer_table_wrap .row { display: flex; column-gap: 40px; }
.prepolymer_table_wrap table,
.prepolymer_table_wrap table tbody tr td { height: 100%; }
.prepolymer_table_wrap table thead tr th { background: #C61821; height: 70px; }
.prepolymer_table_wrap table tbody tr th { height: 60px; color: #111; font-weight: 700; }
.prepolymer_table_wrap table tbody tr td { padding: 35px 25px; text-align: left; vertical-align: top; }
.prepolymer_table_wrap table tbody tr td p { display: flex; column-gap: 5px; }
.prepolymer_table_wrap table tbody tr td p::before { content: '-'; flex-shrink: 0; }
.prepolymer_table_wrap table tbody tr th:last-child,
.prepolymer_table_wrap table tbody tr td:last-child { background: #F5F5F5; }
.prepolymer_f_list ul { display: grid; grid-template-columns: repeat(4, 1fr); row-gap: 40px; column-gap: 50px; }
.prepolymer_f_list ul li p { margin-top: 20px; text-align: center; color: #222; font-weight: 700; font-size: 22px; }
.prepolymer_pur_list ul { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 50px; column-gap: 50px; }
.prepolymer_pur_list ul li { display: flex; align-items: center; width: 100%; column-gap: 35px; }
.prepolymer_pur_list ul li .img_box { flex-shrink: 0; max-width: 48%; }
.prepolymer_pur_list ul li .txt_box * { color: #222; letter-spacing: -0.02em; }
.prepolymer_pur_list ul li .txt_box h4 { font-size: 26px; font-weight: 700; }
.prepolymer_pur_list ul li .txt_box p { line-height: 1.5; font-size: 22px; margin-top: 15px; }
.prepolymer_bottom { display: flex; flex-direction: column; row-gap: 25px; align-items: center; padding-top: 100px; }
.prepolymer_bottom .contact-con { background: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 30px 25px; text-align: center; }
.prepolymer_bottom .contact-con h6 { color: #222; font-size: 20px; font-weight: 600; }
.prepolymer_bottom .contact-con ul { display: flex; align-items: center; justify-content: center; margin: 10px 0 20px; column-gap: 10px; }
.prepolymer_bottom .contact-con ul li { color: #333; font-size: 18px; align-items: center; display: flex; column-gap: 5px; }
.prepolymer_bottom .contact-con ul li hr { width: 1px; height: 10px; }
.prepolymer_bottom .contact-con p { color: #aaa; font-weight: 500; font-size: 18px; }

.machine .product_txt ul { margin-top: 80px; display: flex; flex-direction: column; row-gap: 35px; }
.machine .product_txt ul li { color: #222; font-weight: 300; font-size: 22px; line-height: 1.6; }
.machine .product_txt ul li b { font-weight: 600; }
.machine_table table td.center { text-align: center; padding: 55px 0; }
.machine_table table .empty { background: url('/img/sub/product/product_empty_line.png') no-repeat center / 100%; }
.machine_table + a { margin: 0 auto; }
.machine_list,
.machine_list .text { display: flex; flex-direction: column; }
.machine_list { row-gap: 50px; }
.machine_list hr { width: 100%; height: 1px; }
.machine_list .item { display: flex; align-items: center; column-gap: 70px; }
.machine_list .img { flex-shrink: 0; }
.machine_list .text { row-gap: 40px; }
.machine_list .text * { color: #222; font-size: 22px; }
.machine_list .text h4 { font-size: 38px; font-weight: 700; }
.machine_list .text p { line-height: 1.6; }
.machine_list ul { display: grid; grid-template-columns: repeat(2, auto); row-gap: 10px; }
.machine_list ul li { display: flex; align-items: flex-start; column-gap: 15px; color: #222; line-height: 1.6; }
.machine_list ul li::before { content: ''; display: block; width: 6px; height: 6px; background: #C61821; border-radius: 50%; flex-shrink: 0; transform: translateY(0.7em); }

.tech .img-box { display: flex; column-gap: 30px; margin-top: 85px; }
	
@media all and (max-width: 1500px) {
	:root {
		--system-width: 280px;
	}
	.prepolymer_system .item-box { padding: 40px 30px; }
	.prepolymer_system .item-box .top { column-gap: 20px; }
	.prepolymer_system .item-box .bottom-box { padding-left: 170px; }
	.prepolymer_system .item-box .bottom2 { column-gap: 10px; }
	.prepolymer_system .item-box p.padding { padding: 0; }
	.prepolymer_system .item-box p.bg { min-width: 150px; flex-shrink: 0; }
	.prepolymer_system .item-box p.col { padding: 30px 0 0; }
	.prepolymer_system .item-box .bottom2 p { height: 180px; }
	.prepolymer_f_list ul { column-gap: 30px; }
	.prepolymer_pur_list ul li .txt_box h4 { font-size: 24px; }
	.prepolymer_pur_list ul li .txt_box p { font-size: 18px; }
	.prepolymer_pur_list ul li .txt_box p br { display: none; }
	.machine .product_txt ul { margin-top: 60px; row-gap: 30px; }
	.machine .product_txt ul li { font-size: 19px; }
	.machine_list .item { column-gap: 40px; }
	.machine_list .img { width: 45%; }
	.machine_list .text h4 { font-size: 30px; }
	.machine_list .text p br { display: none; }


}

@media all and (max-width: 1200px) { 
	.prepolymer_system .item-box .bottom-box { flex-direction: column; align-items: flex-end; }
	.prepolymer_system .item-box p { z-index: 1; }
	.prepolymer_system .item-box p.bg { min-width: var(--system-width); }
	.prepolymer_system .item-box .line-arrow { transform: rotate(90deg); width: var(--system-width); height: 60px; transform-origin: center; display: flex; align-items: center; justify-content: flex-start; }
	.prepolymer_system .item-box .line-arrow.short { margin-left: 0; }
	.prepolymer_system .item-box .line-arrow img { max-width: inherit; max-height: 100%; transform: translateX(20px); }
	.prepolymer_table_wrap .row { column-gap: 20px; }
	.prepolymer_f_list ul { row-gap: 30px; column-gap: 10px; }
	.prepolymer_f_list ul li p { margin-top: 15px; font-size: 18px; }
	.prepolymer_pur_list ul { column-gap: 20px; row-gap: 40px; }
	.prepolymer_pur_list ul li { column-gap: 20px; }
	.machine_list .text { row-gap: 20px; }
	.machine_list .text * { font-size: 18px; }
}

@media all and (max-width: 1000px) {
	:root {
		--system-width: 250px;
	}
	.product_n .col100 { row-gap: 60px; }
	.prepolymer_system .item-box .top-box { padding-bottom: 40px; }
	.prepolymer_system .item-box .top-box::after { height: 40px; transform: translateX(0); left: 125px; }
	.prepolymer_system .item-box .bottom-box { padding: 0; }
	.prepolymer_system .item-box .bottom1 { column-gap: 20px; }
	.prepolymer_system .item-box p { height: 80px; font-size: 17px; }
	.prepolymer_system .item-box p.opacity { min-width: 160px; }
	.prepolymer_system .item-box .line-arrow img { transform: translateX(5px); }
	.prepolymer_table_wrap .row { flex-direction: column; row-gap: 40px; column-gap: 0; }
	.prepolymer_f_list ul { grid-template-columns: repeat(3, 1fr); }
	.prepolymer_pur_list ul { grid-template-columns: repeat(1, 1fr); }
	.machine .product_txt br { display: none; }
	.machine .product_txt ul { margin-top: 40px; }
	.machine_list .item { flex-direction: column; row-gap: 40px; column-gap: 0; align-items: flex-start; }
	.machine_list .img { width: inherit; background: #fff; }
	.tech .img-box { margin-top: 50px; column-gap: 20px; }
}

@media all and (max-width: 768px) {
	:root {
        --system-width: 230px;
    }
	.prepolymer_system .item-box { padding: 30px 20px; }
	.prepolymer_system .item-box p { height: 60px; font-size: 15px; }
	.prepolymer_system .item-box .top,
	.prepolymer_system .item-box .bottom1 { column-gap: 10px; }
	.prepolymer_system .item-box .top-box::after { left: 80px; }
	.prepolymer_system .item-box .bottom2 { column-gap: 5px; }
	.prepolymer_system .item-box .bottom2 p { height: 140px; }
	.prepolymer_system .item-box .bottom2 p.col { min-width: 160px; }
	.prepolymer_system .item-box .bottom2 p.opacity { min-width: 140px; }
	.prepolymer_system .item-box p.col { padding: 20px 0 0; }
	.prepolymer_system .item-box .line-arrow img { transform: translateX(-5px); }
	.prepolymer_table_wrap table thead tr th { height: 60px; }
	.prepolymer_table_wrap table tbody tr th { height: 50px; }
	.prepolymer_table_wrap table tbody tr td { padding: 20px; }
	.prepolymer_f_list ul { grid-template-columns: repeat(2, 1fr); }
	.prepolymer_f_list ul li p { font-size: 16px; }
	.prepolymer_pur_list ul li { flex-direction: column; column-gap: 0; row-gap: 20px; align-items: flex-start; }
	.prepolymer_pur_list ul li .img_box,
	.prepolymer_pur_list ul li .img_box img { width: 100%; }
	.prepolymer_pur_list ul li .img_box { max-width: inherit; }
	.prepolymer_pur_list ul li .txt_box h4 { font-size: 18px; }
	.prepolymer_pur_list ul li .txt_box p { font-size: 15px; }
	.prepolymer_bottom .contact-con { padding: 20px; }
	.prepolymer_bottom .contact-con ul { flex-direction: column; }
	.prepolymer_bottom .contact-con ul li hr { display: none; }
	.machine .product_txt ul li { font-size: 17px; }
	.machine_list .text * { font-size: 15px; }
	.machine_list .text h4 { font-size: 20px; }
}

@media all and (max-width: 600px) {
	.prepolymer_system .item-box .top,
	.prepolymer_system .item-box .bottom { column-gap: 0; flex-direction: column; row-gap: 10px; margin: 0 auto; }
	.prepolymer_system .item-box p.col { padding: 20px 0; }
	.prepolymer_system .item-box .bottom2 p { height: auto; }
	.prepolymer_system .item-box p.border::after {  }
	.prepolymer_system .item-box .line1 { display: none; }
	.prepolymer_system .item-box .plus { width: 15px; position: relative; z-index: 1; }
	.prepolymer_system .item-box .top-box::after { left: 50%; }
	.prepolymer_system .item-box .line-arrow { position: relative; }
	.prepolymer_system .item-box .line-arrow::after { content: ''; display: block; width: 45%; height: 50%; position: absolute; left: -10%; top: 50%; transform: translateY(-50%); background: #fff; }
	.tech .img-box { flex-direction: column; row-gap: 20px; column-gap: 0; }
}

/* 인재상 */
.talent .sec01 .box{margin:150px 0 140px; padding:70px 0 60px; position:relative; z-index:2;}
.talent .sec01 .box .logo{z-index:-1; width:600px; height:600px; margin:0 auto; display:table; text-align:center; border:10px solid #b53d3d; border-radius:50%;}
.talent .sec01 .box .logo .img{display:table-cell; vertical-align:middle;}
.talent .sec01 ul li{font-size:0; position:absolute; width:620px; display:inline-block; vertical-align:top; text-align:right;}
.talent .sec01 ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.talent .sec01 ul li i{width:228px;float:right; position:relative; z-index:2;}
.talent .sec01 ul li dl{width:calc(100% - 228px); float:left; padding:64px 0 25px; position:relative;}
.talent .sec01 ul li dl:before{content:""; width:110%; height:1px; background:#ddd; position:absolute; bottom:0; left:0;}
.talent .sec01 ul li dl dt{font-size:30px; color:#222; letter-spacing:0em; font-weight:bold; padding:0 25px; box-sizing:border-box; word-break:keep-all;}
.talent .sec01 ul li dl dd{font-size:18px; color:#666; letter-spacing:0em; font-weight:300; margin-top:15px; padding:0 25px; box-sizing:border-box; word-break:keep-all;}
.talent .sec01 ul li:nth-of-type(2n){text-align:left;}
.talent .sec01 ul li:nth-of-type(2n) i{float:left;}
.talent .sec01 ul li:nth-of-type(2n) dl{float:left;}
.talent .sec01 ul li:nth-of-type(2n) dl:before{left:auto; right:0;}
.talent .sec01 ul li:nth-of-type(1){left:0; top:0;}
.talent .sec01 ul li:nth-of-type(2){right:0; top:0;}
.talent .sec01 ul li:nth-of-type(3){left:0; bottom:0;}
.talent .sec01 ul li:nth-of-type(4){right:0; bottom:0;}

@media all and (max-width:1500px){
    .talent .sec01 .box .logo{width:500px; height:500px;}
    .talent .sec01 .box .logo .img img{width:250px;}
    .talent .sec01 ul li{width:560px;}
    .talent .sec01 ul li i{width:200px;}
    .talent .sec01 ul li dl{width:calc(100% - 200px)}
    .talent .sec01 ul li dl dt{font-size:24px;}
    .talent .sec01 ul li dl dd{font-size:16px;}
}
@media all and (max-width:1200px){
    .talent .sec01 .box .logo{width:400px; height:400px;}
    .talent .sec01 .box .logo .img img{width:200px;}
    .talent .sec01 ul li{width:400px;}
    .talent .sec01 ul li i{width:200px;}
    .talent .sec01 ul li dl{width:calc(100% - 200px)}
    .talent .sec01 ul li dl dt{font-size:24px;}
    .talent .sec01 ul li dl dd{font-size:16px;}
}
@media all and (max-width:1000px){
    .talent .sec01 .box{padding:0;}
    .talent .sec01 ul li{position:relative; width:100%; text-align:left; padding:20px 0;}
    .talent .sec01 ul li i{float:left;}
    .talent .sec01 ul li dl{float:left;}
}
@media all and (max-width:768px){
    .talent .sec01 .box{margin:70px 0;}
    .talent .sec01 .box .logo{width:300px; height:300px; border-width:8px;}
    .talent .sec01 .box .logo .img img{width:150px;}
    .talent .sec01 ul li i{width:120px; float:none; display:inline-block; vertical-align:middle;}
    .talent .sec01 ul li dl{width:calc(100% - 120px); float:none; display:inline-block; vertical-align:middle; padding:10px;}
    .talent .sec01 ul li dl dt{font-size:18px; padding:0;}
    .talent .sec01 ul li dl dd{font-size:16px; padding:0; margin-top:5px;}
    .talent .sec01 ul li:nth-of-type(2n) i{float:none;}
    .talent .sec01 ul li:nth-of-type(2n) dl{float:none;}
}


/* 인사평가 */
.evaluation .sec01 .box{padding:147px 0 140px}
.evaluation .sec01 ul{font-size:0; letter-spacing:-4px; position:relative;}
.evaluation .sec01 ul li{display:inline-block; vertical-align:top; width:calc(50% - 50px); margin-right:100px; border:1px solid #ddd; padding:0 30px 0 50px; height:290px; box-sizing:border-box; position:relative;}
.evaluation .sec01 ul li:last-child{margin-right:0;}
.evaluation .sec01 ul li i{width:140px; display:inline-block; vertical-align:middle;}
.evaluation .sec01 ul li dl{width:calc(100% - 140px); display:inline-block; vertical-align:middle; padding-left:40px; box-sizing:border-box;}
.evaluation .sec01 ul li dl dt{font-size:26px; color:#222; letter-spacing:0em; font-weight:bold; margin-bottom:20px;}
.evaluation .sec01 ul li dl dd p{padding-left:15px; position:relative; font-size:18px; color:#666; letter-spacing:0em; font-weight:300;}
.evaluation .sec01 ul li dl dd p:before{content:"-"; position:absolute; left:0; top:0;}
.evaluation .sec01 ul.type01:before{content:""; width:calc(50% + 50px); height:1px; background:#c61821; position:absolute; left:50%; bottom:-50px; transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -o-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.evaluation .sec01 ul li:before{content:""; width:0; height:100%; display:inline-block; vertical-align:middle;}
.evaluation .sec01 ul.type01 li:after{content:""; display:block; width:1px; height:51px; background:#c61821; position:absolute; left:50%; top:100%;}
.evaluation .sec01 .center_txt{width:100%; max-width:552px; margin:113px auto; border:1px solid #c61821; padding:4px; position:relative;}
.evaluation .sec01 .center_txt .line_box{width:100%; padding:40px 0; border:2px solid #c61821; box-sizing:border-box; position:relative;} 
.evaluation .sec01 .center_txt .line_box:before{content:""; display:block; width:1px; height:70px; background:#c61821; position:absolute; left:50%; bottom:100%;}
.evaluation .sec01 .center_txt .line_box p{font-size:24px; color:#222; letter-spacing:0em; font-weight:500; text-align:center;}
.evaluation .sec01 .center_txt .line_box i{display:block; width:1px; height:70px; background:#c61821; position:absolute; left:50%; top:100%;}
.evaluation .sec01 .center_txt .line_box i:before{content:""; width:12px; height:12px; border:3px solid #c61821; border-top:none; border-right:none; position:absolute; left:-7px; bottom:1px; transform-origin:center; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}

@media all and (max-width:1500px){
    .evaluation .sec01 ul li dl dt{font-size:22px;}
    .evaluation .sec01 ul li dl dd p{font-size:16px;}
    .evaluation .sec01 .center_txt .line_box p{font-size:22px;}
}
@media all and (max-width:1200px){
    .evaluation .sec01 ul li i{width:120px;}
    .evaluation .sec01 ul li dl{width:calc(100% - 120px); padding-left:20px;}
    .evaluation .sec01 ul li{padding:0 20px 0 20px;}
}
@media all and (max-width:1000px){
    .evaluation .sec01 ul li{width:100%; margin:10px 0;}
    .evaluation .sec01 ul.type01:before{display:none}
    .evaluation .sec01 ul li{height:auto; padding:20px 10px;}
    .evaluation .sec01 ul.type01 li:after{display:none;}
    .evaluation .sec01 .center_txt{margin:60px auto 70px;}
}
@media all and (max-width:767px){
    .evaluation .sec01 .box{padding:70px 0;}
    .evaluation .sec01 ul li i{width:80px;}
    .evaluation .sec01 ul li dl{width:calc(100% - 80px)}
    .evaluation .sec01 ul li dl dt{font-size:18px; margin-bottom:5px;}
    .evaluation .sec01 ul li dl dd p{font-size:14px; padding-left:10px;}
    .evaluation .sec01 .center_txt .line_box p{font-size:18px;}
    .evaluation .sec01 .center_txt .line_box{padding:20px 0;}
}


/* 복리후생 */
.welfare .sec01{padding:0 0 140px;}
.welfare .sec01 .product_txt{padding-bottom:35px;}
.welfare .sec01 .tit{margin:100px 0 20px;}
.welfare .sec01 .tit p{font-size:26px;color:#222; letter-spacing:0em; font-weight:600;}
.welfare .sec01 ul{font-size:0; letter-spacing:-4px;}
.welfare .sec01 ul li{width:calc(25% - 18px); margin-right:24px; display:inline-block; vertical-align:top;}
.welfare .sec01 ul li:nth-of-type(4n){margin-right:0;}
.welfare .sec01 ul li dl{ border:1px solid #e8e8e8; border-top:2px solid #666; height:214px; padding:32px 0 0; box-sizing:border-box;}
.welfare .sec01 ul li dl dt{width:90px; margin:0 auto;}
.welfare .sec01 ul li dl dd{padding-top:20px; text-align:center;}
.welfare .sec01 ul li dl dd p{font-size:18px; color:#222; letter-spacing:0em; font-weight:400;}
.welfare .sec01 ul li dl dd span{display:block;font-size:14px; color:#666; letter-spacing:0em; font-weight:300;}

@media all and (max-width:1500px){
    .welfare .sec01 .tit p{font-size:22px;}
    .welfare .sec01 ul li dl dd p{font-size:18px;}
    .welfare .sec01 ul li dl dd span{font-size:16px;}
}
@media all and (max-width:1000px){
    .welfare .sec01 ul li{width:calc(50% - 5px); margin-right:10px;}
    .welfare .sec01 ul li:nth-of-type(2n){margin-right:0;}
    .welfare .sec01 ul li:nth-of-type(n+3){margin-top:10px;}
}
@media all and (max-width:767px){
    .welfare .sec01{padding:0 0 70px}
    .welfare .sec01 .tit{margin:50px 0 10px;}
    .welfare .sec01 .tit p{font-size:18px;}
    .welfare .sec01 ul li dl{padding:20px 0 0; height:160px;}
    .welfare .sec01 ul li dl dt{width:70px;}
    .welfare .sec01 ul li dl dd{padding-top:10px;}
    .welfare .sec01 ul li dl dd p{font-size:16px;}
    .welfare .sec01 ul li dl dd span{font-size:14px;}
}


/* 채용절차 */
.procedure .sec01{padding:0 0 140px;}
.procedure .sec01 .tit{margin:0 0 30px;}
.procedure .sec01 .tit p{font-size:38px; color:#222; letter-spacing:0em; font-weight:600;}
.procedure .sec01 table{width:100%; border-top:2px solid #222; margin:0 0 100px;}
.procedure .sec01 table tr th{border:1px solid #cccccc; background:#f8f8f8; padding:35px 50px; font-size:22px; color:#222; letter-spacing:0em; font-weight:600;}
.procedure .sec01 table tr td{border:1px solid #cccccc; background:#fefefe; padding:35px 50px; font-size:22px; color:#222; letter-spacing:0em; font-weight:300;}
.procedure .sec01 ul{font-size:0; letter-spacing:-4px; text-align:center;}
.procedure .sec01 ul > li{width:calc(20% - 80px); margin-right:100px; display:inline-block; vertical-align:top; position:relative;}
.procedure .sec01 ul > li:before{content:""; display:block; width:72px; height:12px; background:url('/img/sub/introduction/procedure_dot.png')no-repeat center; position:absolute; left:calc(100% + 14px); top:6.5vw;}
.procedure .sec01 ul > li:last-child{margin-right:0;}
.procedure .sec01 ul > li:last-child:before{display:none;}
.procedure .sec01 ul > li dl dt{width:100%}
.procedure .sec01 ul > li dl dd{padding:30px 0 0; text-align:center;}
.procedure .sec01 ul > li dl dd h4{font-size:28px; color:#222; letter-spacing:0em; font-weight:600;}
.procedure .sec01 ul > li dl dd p{font-size:22px; color:#666; letter-spacing:0em; font-weight:500;}
.procedure .sec01 ul > li dl dd ol{margin:20px 0 0;}
.procedure .sec01 ul > li:first-of-type dl dd ol{text-align:left; width:130px; margin:20px auto 0;}
.procedure .sec01 ul > li dl dd ol li{text-indent:-15px; box-sizing:border-box; position:relative; font-size:22px; color:#666; letter-spacing:0em; font-weight:300;}
.procedure .sec01 ul > li dl dd ol li + li{margin-top:5px;}
.procedure .sec01 ul > li dl dd ol li:before{content:"-"; text-indent:0; display:inline-block; vertical-align:top; width:15px;}

@media all and (max-width:1500px){
    .procedure .sec01 .tit p{font-size:30px;}
    .procedure .sec01 table tr th{padding:30px; font-size:18px;}
    .procedure .sec01 table tr td{padding:30px; font-size:18px;}
    .procedure .sec01 ul > li dl dd h4{font-size:22px;}
    .procedure .sec01 ul > li dl dd p{font-size:18px;}
    .procedure .sec01 ul > li dl dd ol{margin:10px 0 0;}
    .procedure .sec01 ul > li:first-of-type dl dd ol{width:93px; margin:10px auto 0;}
    .procedure .sec01 ul > li dl dd ol li{font-size:16px;}
}
@media all and (max-width:1200px){
    .procedure .sec01 ul > li{width:calc(33.333333% - 40px); margin-right:60px;}
    .procedure .sec01 ul > li:before{left:100%; top:8vw}
    .procedure .sec01 ul > li:nth-of-type(3n){margin-right:0;}
    .procedure .sec01 ul > li:nth-of-type(3n):before{display:none;}
}
@media all and (max-width:1000px){
    .procedure .sec01 table{display:block;}
    .procedure .sec01 table tbody{display:block;}
    .procedure .sec01 table tbody tr{display:block; font-size:0;}
    .procedure .sec01 table tbody tr th{display:inline-block; vertical-align:top; width:30%; margin-top:-1px;}
    .procedure .sec01 table tbody tr td{display:inline-block; vertical-align:top; width:70%; margin-top:-1px; margin-left:-1px;}

    .procedure .sec01 ul > li{width:calc(50% - 20px); margin-right:40px; padding-bottom:40px;}
    .procedure .sec01 ul > li:before{display:none;}
    .procedure .sec01 ul > li:nth-of-type(3n){margin-right:40px;}
    .procedure .sec01 ul > li:nth-of-type(2n){margin-right:0;}
}
@media all and (max-width:767px){
    .procedure .sec01{padding:0 0 70px;}
    .procedure .sec01 .tit{margin:0 0 20px;}
    .procedure .sec01 .tit p{font-size:22px;}
    .procedure .sec01 table tr th{padding:15px; font-size:16px;}
    .procedure .sec01 table tr td{padding:15px; font-size:16px;}
    .procedure .sec01 ul > li{width:calc(50% - 10px); margin-right:20px; padding-bottom:20px;}
    .procedure .sec01 ul > li:nth-of-type(3n){margin-right:20px;}
    .procedure .sec01 ul > li:nth-of-type(2n){margin-right:0;}
    .procedure .sec01 ul > li dl dt{width:140px; margin:0 auto;}
    .procedure .sec01 ul > li dl dd{padding:15px 0 0;}
    .procedure .sec01 ul > li dl dd h4{font-size:18px;}
    .procedure .sec01 ul > li dl dd p{font-size:16px;}
    .procedure .sec01 ul > li dl dd ol{margin:5px 0 0;}
    .procedure .sec01 ul > li:first-of-type dl dd ol{width:82px;}
    .procedure .sec01 ul > li dl dd ol li{font-size:14px;}
    .procedure .sec01 ul > li dl dd ol li + li{margin-top:0;}
}


/* 온라인 문의 */
.inquiry .form_wrap{padding-bottom:140px;}
.inquiry .form_wrap .row + .row{margin-top:70px;}
.inquiry .form_wrap .row .row{margin-top:20px;}
.inquiry .form_wrap .row{font-size:0; letter-spacing:-4px;}
.inquiry .form_wrap .row dl{width:100%; font-size:0; letter-spacing:-4px; display:inline-block; vertical-align:middle;}
.inquiry .form_wrap .row dl dt{display:inline-block; vertical-align:middle; width:110px; font-size:20px; color:#222; letter-spacing:0em; font-weight:600;}
.inquiry .form_wrap .row dl dt i.must{font-style:normal; color:#c61821;}
.inquiry .form_wrap .row dl dd{display:inline-block; vertical-align:middle; width:calc(100% - 110px);}
.inquiry .form_wrap .row dl.w50{width:calc(50% - 30px);}
.inquiry .form_wrap .row dl.w50:last-child{margin-left:60px;}
.inquiry .form_wrap .row dl.block dt{width:100%; margin-bottom:25px;}
.inquiry .form_wrap .row dl.block dd{width:100%;}
.inquiry .form_wrap input:not([type='checkbox']){border:none; border-bottom:1px solid #ccc; width:100%; height:50px; font-size:16px; color:#222; font-weight:400; letter-spacing:0em;}
.inquiry .form_wrap input::placeholder{opacity:0.2;}
.inquiry .form_wrap input.email_input{width:405px; display:inline-block; vertical-align:top;}
.inquiry .form_wrap input.email_input.margin{ margin-right: 20px; }
.inquiry .form_wrap .email_at{display:inline-block; vertical-align:top; width:12px; margin:0 15px; font-size:18px; color:#222; line-height:50px;}
.inquiry .form_wrap input.file_input{width:calc(100% - 145px); margin-right:30px;}
.inquiry .form_wrap input#file{display:none;}
.inquiry .form_wrap .file_btn{cursor:pointer; display:inline-block; vertical-align:top; text-align:center; border-radius:5px; width:115px; height:50px; border:1px solid #ccc; background:#f8f8f8; font-size:18px; color:#222; letter-spacing:0em; font-weight:400; line-height:48px; box-sizing:border-box;}
.inquiry .form_wrap select{border:none; border-bottom:1px solid #ccc; width:100%; height:50px; font-size:16px; color:#222; font-weight:400; letter-spacing:0em;}
.inquiry .form_wrap select.email_select{width:330px; display:inline-block; vertical-align:top;}
.inquiry .form_wrap textarea{width:100%; height:440px;}
.inquiry .form_wrap .checkbox_area {display:inline-block; vertical-align:middle; margin-left:30px; position: relative; font-size:18px; color:#222; font-weight:400; letter-spacing:0em;}
.inquiry .form_wrap .checkbox_area input[type="checkbox"]{position: absolute; width: 0; height: 0; opacity: 0;}
.inquiry .form_wrap .checkbox_area input[type="checkbox"] + label{position: relative; cursor: pointer; padding-left:25px;}
.inquiry .form_wrap .checkbox_area input[type="checkbox"] + label:before{content: ""; position: absolute; left: 0; top:3px; width: 16px; height: 16px; border: 1px solid #cbcbcb; border-radius: 2px; background-color: #fff; border-radius:50%; box-sizing: border-box;}
.inquiry .form_wrap .checkbox_area input[type="checkbox"] + label:after{content:""; position:absolute; left:4px; top:7px; width:8px; height:8px; background:#c61821; border-radius:50%; opacity:0;}
.inquiry .form_wrap .checkbox_area input[type="checkbox"]:checked + label:after{opacity:1;}
.inquiry .form_wrap .agree_box{border:1px solid #ccc; padding:40px; height:236px; box-sizing:border-box; overflow-y:auto;}
.inquiry .form_wrap .agree_box p{font-size:14px; color:rgba(34,34,34,0.7); letter-spacing:0em; font-weight:400;}
.inquiry .form_wrap .agree_box p + p{margin-top:20px;}
.inquiry .form_wrap .btn_wrap{text-align:center; margin-top:100px;}
.inquiry .form_wrap .btn_wrap label{position:relative; display:inline-block; vertical-align:top; width:230px; height:60px;}
.inquiry .form_wrap .btn_wrap label i{content:""; width:18px; height:14px; background:url('/img/sub/support/inquiry_arrow.png')no-repeat center; position:absolute; right:30px; top:calc(50% - 7px);}
.inquiry .form_wrap .btn_wrap a,
.inquiry .form_wrap .btn_wrap input{text-align:left; display:inline-block; vertical-align:top; width:230px; height:60px; background:#c61821; border-radius:5px; font-size:18px; color:#fff; font-weight:500; position:relative; line-height:60px; padding:0 30px; box-sizing:border-box; position:relative;}
.inquiry .form_wrap .btn_wrap a:before{content:""; width:18px; height:14px; background:url('/img/sub/support/inquiry_arrow.png')no-repeat center; position:absolute; right:30px; top:calc(50% - 7px);}
.inquiry .form_wrap #kcaptcha_image{display:inline-block; vertical-align:top;}
.inquiry .form_wrap #txtCaptcha{display:inline-block; vertical-align:top; width:250px; height:35px; margin-left:15px;}

@media all and (max-width:1000px){
    .inquiry .form_wrap .row dl dt{display:block; width:100%;}
    .inquiry .form_wrap .row dl dd{display:block; width:100%;}
    .inquiry .form_wrap .row dl.w50{width:100%;}
    .inquiry .form_wrap .row dl.w50:last-child{margin-left:0;}
    .inquiry .form_wrap .row dl.w50 + dl.w50{margin-top:70px;}
    .inquiry .form_wrap input.email_input{width:calc(50% - 16px);}
	.inquiry .form_wrap input.email_input.margin{ margin-top: 20px; }
    .inquiry .form_wrap .email_at{margin:0 10px;}
    .inquiry .form_wrap select.email_select{width:calc(50% - 16px); margin-top: 20px;}
    .inquiry .form_wrap #txtCaptcha{width:calc(100% - 135px);}
}
@media all and (max-width:767px){
    .inquiry .form_wrap{padding-bottom:70px;}
    .inquiry .form_wrap .row + .row{margin-top:20px;}
    .inquiry .form_wrap .row dl.w50 + dl.w50{margin-top:20px;}
    .inquiry .form_wrap .row dl dt{font-size:16px;}
    .inquiry .form_wrap .row dl dd{font-size:14px;}
    .inquiry .form_wrap input:not([type='checkbox']){height:30px;}
    .inquiry .form_wrap .email_at{line-height: 30px;}
    .inquiry .form_wrap .file_btn{height:30px; line-height:28px; font-size:14px;}
    .inquiry .form_wrap select{height:30px;}
    .inquiry .form_wrap textarea{height:200px;}
    .inquiry .form_wrap .checkbox_area{font-size:16px; margin-left:10px;}
    .inquiry .form_wrap .agree_box{padding:15px;}
    .inquiry .form_wrap .btn_wrap{margin-top:50px;}
    .inquiry .form_wrap .btn_wrap label{width:150px; height:40px;}
    .inquiry .form_wrap .btn_wrap a,
    .inquiry .form_wrap .btn_wrap input{width:150px; height:40px; line-height:40px; font-size:16px;}
}