/* common */
.ru{font-family: 'Russo One', sans-serif; font-weight:400 !important;}
.sv{position:relative; overflow: hidden;}
.sv .bg{background-size:cover !important; height: 740px;}
.sv .bg01_in01{background:url(/img/sub/sv01_in01.jpg) 50% 50% no-repeat;}
.sv .bg01_in02{background:url(/img/sub/sv01_in02.jpg) 50% 50% no-repeat;}
.sv .bg01_in03{background:url(/img/sub/sv01_in03.jpg) 50% 50% no-repeat;}
.sv .bg01_in04{background:url(/img/sub/sv01_in04.jpg) 50% 50% no-repeat;}
.sv .bg01_in05{background:url(/img/sub/sv01_in05.jpg) 50% 50% no-repeat;}
.sv .bg01_in06{background:url(/img/sub/sv01_in06.jpg) 50% 50% no-repeat;}
.sv .bg01_in07{background:url(/img/sub/sv01_in07.jpg) 50% 50% no-repeat;}
.sv .bg02_in01{background:url(/img/sub/sv02_in01.jpg) 50% 50% no-repeat;}
.sv .bg02_in02{background:url(/img/sub/sv02_in02.jpg) 50% 50% no-repeat;}
.sv .bg02_in03{background:url(/img/sub/sv02_in03.jpg) 50% 50% no-repeat;}
.sv .bg02_in04{background:url(/img/sub/sv02_in04.jpg) 50% 50% no-repeat;}
.sv .bg02_in05{background:url(/img/sub/sv02_in05.jpg) 50% 50% no-repeat;}
.sv .bg03_in01{background:url(/img/sub/sv03_in01-1.jpg) 50% 50% no-repeat;}
.sv .bg03_in02{background:url(/img/sub/sv03_in02.jpg) 50% 50% no-repeat;}
.sv .bg03_in03{background:url(/img/sub/sv03_in03.jpg) 50% 50% no-repeat;}
.sv .bg04_in01{background:url(/img/sub/sv04_in01.jpg) 50% 50% no-repeat;}
.sv .bg05_in01{background:url(/img/sub/sv05_in01.jpg) 50% 50% no-repeat;}
.sv .bg05_in02{background:url(/img/sub/sv05_in01.jpg) 50% 50% no-repeat;}
.sv .bg06_in01{background:url(/img/sub/sv06_in01.jpg) 50% 50% no-repeat;}
.sv .bg06_in02{background:url(/img/sub/sv06_in02.jpg) 50% 50% no-repeat;}
.sv .txt{position:absolute; bottom: -20px; left: 50%; width: 100%; max-width: 1500px; transform:translateX(-50%); animation:blur 3s both}
.sv .txt p{font-weight:300; font-size:20px; color: #fff;}
.sv .txt h2{font-family: 'Russo One', sans-serif; font-size:84px; color: #fff; line-height: 1; margin-top: 30px;}
.sv .lnb{display:flex; position:absolute; bottom: 0; right: 0; width: 58%; margin-left: auto; background: #fff; animation:up 1s 1s both}
.sv .lnb .home{}
.sv .lnb .home a{display:flex; align-items:center; justify-content:center; width: 85px; height: 80px; background: #de0515; text-align: center;}
.sv .lnb > ul{display:flex; align-items:center; padding: 0 25px;}
.sv .lnb > ul > li{display:flex; align-items:center; height: 80px;}
.sv .lnb > ul > li > a{position:relative; display:inline-block; vertical-align: top; margin: 0 25px; font-weight:600;font-size:16px; color: #111;  line-height: 1.2;}
/* .sv .lnb > ul > li > a::after{content:""; position:absolute; bottom: 22px; left: 0; width: 0; height: 3px; background: #de0515;} */
.sv .lnb > ul > li > a span{display:inline; vertical-align: top; background-image: linear-gradient(0deg, #de0515 0%, #de0515 100%); background-repeat:no-repeat; background-size:0 2px; background-position:left bottom;}

.sv .lnb > ul > li.on > a{color: #de0515;}
.sv .lnb > ul > li.on > a span{background-size:100% 3px;}

.sv .lnb02{width: 57%;}
.sv .txt02 h2{font-size:100px;}

/* 서브 타이틀 공통 */
.s_tit{text-align: center;}
.s_tit h2{font-weight:900; font-size:60px; color: #111; margin: 92px 0 22px;}
.s_tit p:not(.c){font-size:24px; color: #111; line-height: 1.6; max-width: 1200px; margin: 0 auto;	}
/* .s_tit p:not(.c) br{display:none; } */
.s_tit p.c{font-family: 'Russo One', sans-serif; font-size:24px; color: #de0515;}
.s_tit p:not(.c) span{font-weight:bold; color: #000;}

/* 공통패딩 */
.sub_cont{padding: 190px 0;}
.sub_cont.pb0{padding-bottom:0;}
/* 아이콘 */
.icon_tit{position:relative; font-weight:bold; font-size:21px; color: #111; padding-left: 28px;}
.icon_tit::after{content:""; position:absolute; top: 2px; left: 0; width: 20px; height: 20px; border-radius:50%; border:5px solid #de0515; box-sizing:border-box;}

.overview{}
.overview .s_over{}
.overview .s_over .cont{background:url(/img/sub/overview01.jpg) 50% 50% no-repeat; background-size:cover; padding: 184px 0; margin-top: 100px;}
.overview .s_over .cont .list{display:flex; flex-wrap:wrap;}
.overview .s_over .cont .list .item{width: calc((100% - 300px) / 6);text-align: center; margin-right: 60px; margin-top: 90px;}
.overview .s_over .cont .list .item:last-of-type{margin-right: 0;}
.overview .s_over .cont .list .item figure{}
.overview .s_over .cont .list .item .txt{}
.overview .s_over .cont .list .item .txt h4{font-weight:600; font-size:17px; color: #fff; margin: 58px 0 24px;}
.overview .s_over .cont .list .item .txt p{font-weight:300; font-size:18px; color: #fff;}
.overview .s_our{padding-top: 180px; transform:translateY(200px); margin-top: -200px;}
.overview .s_our .list{display:flex; flex-wrap:wrap; margin-top: 100px; margin-bottom:110px;}
.overview .s_our .list .item{width: calc((100% - 30px) / 3); margin-right: 15px; text-align: center;}
.overview .s_our .list .item:last-of-type{margin-right: 0;}
.overview .s_our .list .item figure{}
.overview .s_our .list .item figure img{}
.overview .s_our .list .item .txt{position:relative; padding-top: 100px;}
.overview .s_our .list .item .txt::after{content:""; position:absolute; top: -21px; left: 50%; transform:translateX(-50%); width: 3px; height: 65px; background: #be2530;}
.overview .s_our .list .item .txt h3{font-family: 'Russo One', sans-serif; font-size:55px; color: #111;}
.overview .s_our .list .item .txt h4{font-weight:bold; font-size:34px; color: #111; margin: 6px 0 28px;}
.overview .s_our .list .item .txt p{font-weight:300; font-size:18px; color: #111; line-height: 1.5;}

/* 인사말 */
.greeting{overflow: hidden;}
.greeting .cont{}
.greeting .cont  > .w1200{position:relative; display: flex;margin-top: -290px; z-index: 2;background:#fff;}
.greeting .cont .bg{height: 705px; background:url(/img/sub/greeting_bg.jpg) 50% 50% no-repeat; background-size:cover; margin-top: 75px;}
.greeting .cont .txt{position:relative; padding: 85px 80px 0; }
.greeting .cont .txt h3{font-weight:bold; font-size:36px; color: #111; line-height: 1.3; margin-bottom:46px;}
.greeting .cont .txt p{font-size:18px; color: #111; line-height: 1.8; margin-bottom:40px;}
.greeting .cont .txt p:last-of-type{margin-bottom:0;}
.greeting .cont .sign_in{display:flex; justify-content: flex-end;  align-items: center;margin-top: 50px;}
.greeting .cont .sign{flex-shrink:0;padding:10px;text-align: center;}
.greeting .cont .sign figure:first-child{width: 398px;height: 550px;background:#c6c6c6;}
.greeting .cont .sign figure:last-child{margin: 0 -20px 0 12px;}
.greeting .cont .sign h4{font-weight:bold; font-size:18px; color: #111;display: flex; flex-direction: column;text-align: right;}
.greeting .cont .sign h4 span{font-weight:900; font-size:30px; color: #111; margin: 15px 0 0;}
/*.greeting .cont  > .w1200::after{content:""; position:absolute; top: -20px; right: -20px; background: #de0515; width: 222px; height: 222px; }*/
/*.greeting .cont .sign{display:flex; align-items:center; justify-content:flex-end; padding: 0 170px 0;}*/
/*.greeting .cont .sign figure{position: relative;top: -10px;}*/

/* 연혁 */
.history{}
.history .list{display:flex; align-items:flex-start; margin-top: 120px;}
.history .list .img_box{width: calc(50% - 120px); position: sticky; top: 200px;}
.history .list .img_box figure{position:relative; width: 100%; padding-bottom:77%; overflow: hidden;}
.history .list .img_box img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%;}
.history .list .his_box{width: calc(50% + 120px); margin-top: 150px; padding-left: 120px;}
.history .list .his_box .item{margin-bottom: 200px;}
.history .list .his_box .item h3{font-family: 'Russo One', sans-serif; font-size:100px; color: #111; margin-bottom:68px;}
.history .list .his_box .item > ul{}
.history .list .his_box .item > ul > li{display:flex; margin-bottom:28px;}
.history .list .his_box .item > ul > li:last-of-type{margin-bottom:0;}
.history .list .his_box .item > ul > li > span{width: 120px; font-family: 'Russo One', sans-serif; font-size:20px; color: #de0515; padding-left: 60px;}
.history .list .his_box .item > ul > li > ul{width: calc(100% - 120px);}
.history .list .his_box .item > ul > li > ul > li{font-weight:300; font-size:20px; color: #111;}
/* 조직도 */
.organization{position:relative;}
.organization::after{content:""; position:absolute; left: 0; bottom: 0; width: 100%; height: 587px; background:url(/img/sub/organization_bg.png) 50% 50% no-repeat; background-size:cover;}
.organization .cont{padding-bottom:240px; margin-top: 125px; text-align: center;} 

/* ci */
.ci{}
.ci .cont{margin-top: 105px;}
.ci .cont .item{margin-bottom:100px;}
.ci .cont .item:last-of-type{margin-bottom:0;}
.ci .cont .item .tal{text-align: left; margin-bottom:34px;}
.ci .cont .item .tal span{ font-family: "Pretendard Variable", Pretendard, -apple-system, 'Outfit', BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-weight:900;}
.ci .cont .item .img_box{position:relative; display:flex; background: #fff; height: 350px; align-items:center; border:2px solid #f3f3f3}
.ci .cont .item:first-of-type .img_box::before{content:""; position:absolute; top: -9px; right: -9px; background: #de0515; width: 150px; height: 150px; z-index: -1;}
.ci .cont .item .img_box figure{position:relative; width: 50%; text-align: center;}
.ci .cont .item .img_box figure::after{content:""; position:absolute; top: 0; right: 0; width: 3px; height: 65px; background: #f3f3f3;}
.ci .cont .item .img_box figure:last-of-type::after{display:none; }
.ci .cont .item .img_box figure img{}
.ci .cont .item .txt{position:relative; margin: 0 66px; padding-top: 90px;}
.ci .cont .item .txt::before{content:""; width: 3px; height: 65px; background: #de0515; position:absolute; top: 0; left: 0;}
.ci .cont .item .txt p{font-weight:300; font-size:18px; color: #111; line-height: 1.6;}
.ci .cont .item.color{}
.ci .cont .item.color .flex_box{display:flex; flex-wrap:wrap;}
.ci .cont .item.color .box{width: calc(50% - 50px); margin-right: 100px;}
.ci .cont .item.color .box:last-of-type{margin-right: 0;}
.ci .cont .item.color .box .c_box{background: #df0615; padding: 90px 50px 34px;}
.ci .cont .item.color .box .c_box.b{background: #000000;}
.ci .cont .item.color .box .c_box h4{font-weight:bold; font-size:30px; color: #fff;}
.ci .cont .item.color .box .c_box h4 span{font-weight:400; font-size:16px; color: #fff;}
.ci .cont .item.color .box ul{background: #f5f5f5; padding: 30px 50px;}
.ci .cont .item.color .box ul li{font-size:16px; color: #6b6b6b; margin-bottom:10px;}
.ci .cont .item.color .box ul li:last-of-type{margin-bottom:0;}
.ci .cont .item.color .tac{text-align: center; margin-top: 60px; font-weight:300; font-size:18px; color: #111;}

/* 계열사 */
.subsidiary{}
.subsidiary .cont{margin-top: 100px;}
.subsidiary .cont .item{padding-bottom:75px;}
.subsidiary .cont .item.bgg{background: #f5f5f5;}
.subsidiary .cont .item .flex_box{display:flex; flex-wrap:wrap;}
.subsidiary .cont .item .tit{position:relative; width: 395px; padding-top: 100px;}
.subsidiary .cont .item .tit::before{content:""; position:absolute; top: 0; left: 0; width: 3px; height: 65px; background: #de0515;}
.subsidiary .cont .item .tit h3{font-weight:bold; font-size:24px; color: #de0515;}
.subsidiary .cont .item .tit p{font-size:20px; color: #111; line-height: 1.7; margin-top: 18px;}
.subsidiary .cont .item .img_list{width: calc(100% - 395px); display:flex; flex-wrap:wrap; padding-top: 75px;}
.subsidiary .cont .item .img_list figure{width: 50%; padding: 25px 0; border-bottom: 1px solid #dddddd;}
/* .subsidiary .cont .item .img_list figure.w40{width: 34%;}
.subsidiary .cont .item .img_list figure.w30{width: 28%;} */
/* .subsidiary .cont .item .img_list figure.bn{border-bottom: none;} */
.subsidiary .cont .item .img_list figure:nth-of-type(4n){margin-right: 0; }
.subsidiary .cont .item .img_list figure:last-of-type{margin-right: 0;}

/* 오시는길 */
.directions{}
.directions .cont{margin-top: 80px;}
.directions .cont .map_box{width: 100%; max-width: 1500px; height: 550px; margin: 0 auto;}
.directions .cont .flex_box{display:flex; align-items:center; justify-content:space-between; margin-top: 100px;}
.directions .cont .addr{display:flex; align-items:center;}
.directions .cont .addr figure{margin-right: 16px;}
.directions .cont .addr .txt{}
.directions .cont .addr .txt h3{font-family: 'Russo One', sans-serif; font-size:20px; color: #222; margin-bottom:18px;}
.directions .cont .addr .txt p{font-weight:300; font-size:18px; color: #222;}
.directions .cont .addr .txt p span{font-size:16px;}
.directions .cont ul{display:flex; align-items:center;}
.directions .cont ul li{font-weight:300; font-size:18px; color: #111; margin-right: 30px;}
.directions .cont ul li:last-of-type{margin-right: 0;}
.directions .cont ul li span{font-family: 'Russo One', sans-serif; color: #222; margin-right: 16px;}
.directions .cont ul li span i{color: #de0515;}

/* 기업이념 */
.corporate{position:relative; }
.corporate::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 680px; background: #f5f5f5; z-index: -1;}
.corporate .flex_box{display:flex; flex-wrap:wrap; margin-top: 100px;}
.corporate .flex_box .item{width: calc((100% - 30px) / 3);text-align: center; margin-right: 15px;}
.corporate .flex_box .item:last-of-type{margin-right: 0;}
.corporate .flex_box .item figure{}
.corporate .flex_box .item .txt{margin-top: -70px;}
.corporate .flex_box .item .txt .icon{width: 176px; height: 176px; position:relative; background: #fff; border-radius:50%; margin: 0 auto;}
.corporate .flex_box .item .txt .icon img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.corporate .flex_box .item .txt h3{font-weight:bold; font-size:34px; color: #111111; margin: 40px 0 28px;}
.corporate .flex_box .item .txt ul{}
.corporate .flex_box .item .txt ul li{font-weight:300; font-size:18px; color: #111; margin-bottom:10px;}
.corporate .flex_box .item .txt ul li:last-of-type{margin-bottom:0;}

/* 윤리경영 */
.ethical_management{}
.ethical_management .cont{margin-top: 100px;}
.ethical_management .cont .item{position:relative; display:flex; align-items:center; padding-left: 150px; margin-bottom:70px;}
.ethical_management .cont .item:last-of-type{margin-bottom:0;}
.ethical_management .cont .item figure{width: 455px;}
.ethical_management .cont .item .txt{width: calc(100% - 455px); padding-left: 120px;}
.ethical_management .cont .item .txt h3{font-weight:bold; font-size:34px; color: #111;}
.ethical_management .cont .item .txt h4{font-weight:500; font-size:24px; color: #de0515; margin: 44px 0 20px;}
.ethical_management .cont .item .txt p{font-weight:300; font-size:18px; color: #111; line-height: 1.8;}
.ethical_management .cont .item:nth-of-type(2n){justify-content:flex-end; padding-left: 0; padding-right: 80px;}
.ethical_management .cont .item:nth-of-type(2n) figure{order:2}
.ethical_management .cont .item:nth-of-type(2n) .txt{width: auto; padding-left: 0; padding-right: 120px;}
.ethical_management .cont .item::after{content:""; position:absolute; bottom: 0; right: 0; background:url(/img/sub/ethical_management01_01.png) 50% 50% no-repeat; width: 378px; height: 378px; z-index: -1;}
.ethical_management .cont .item:nth-of-type(2n)::after{left: 0; right: auto; background:url(/img/sub/ethical_management02_01.png) 50% 50% no-repeat;}
.ethical_management .cont .item:nth-of-type(3)::after{ width: 320px; background:url(/img/sub/ethical_management03_01.png) 50% 50% no-repeat;}

/* 윤리규범 */
.ethics_standard{}
.ethics_standard .cont{margin-top: 100px;}
.ethics_standard .cont .item{margin-bottom:34px;}
.ethics_standard .cont .item:last-of-type{margin-bottom:0;}
.ethics_standard .cont .item h3{font-weight:bold; font-size:26px; color: #111; margin-bottom:16px;}
.ethics_standard .cont .item ul{margin-top:14px;}
.ethics_standard .cont .item ul.ml28{margin-left: 28px;}
.ethics_standard .cont .item ul.ml20{margin-left: 20px;}
.ethics_standard .cont .item ul li{font-weight:300; font-size:16px; color: #111; margin-bottom:14px; line-height: 1.5;}
.ethics_standard .cont .item ul li:last-of-type{margin-bottom:0;}
.ethics_standard .cont .item ul li .c{display:inline-block; font-weight:bold; font-size:19px; color: #de0515;}
.ethics_standard .cont .item ul li .b{font-weight:bold; font-size:19px; color: #111;}

/* 안전보건경영방침
.safety_and_health{}
.safety_and_health .cont{padding-bottom:150px;}
.safety_and_health .cont.bgg{background: #f5f5f5; padding: 150px 0;}
.safety_and_health .cont.bgg .s_tit p:not(.c){margin-top: 48px;}
.safety_and_health .cont .num_list{display:flex; justify-content:center; flex-wrap:wrap; margin-top: 120px;}
.safety_and_health .cont .num_list .item{position:relative; width: calc(50% - 20px); margin-right: 40px; padding: 55px 20px; background: #f5f5f5; border-radius:30px; text-align: center; margin-bottom:40px;}
.safety_and_health .cont .num_list .item:nth-of-type(2n){margin-right: 0;}
.safety_and_health .cont .num_list .item:last-of-type{margin-right: 0; margin-bottom:0px;}
.safety_and_health .cont .num_list .item p:not(.num){font-size:20px; color: #111; line-height: 1.4;} 
.safety_and_health .cont .num_list .item .num{position:absolute; top: -32px; left: 50%; transform:translateX(-50%); width: 65px; height: 65px; text-align: center; line-height: 65px; font-weight:bold; font-size:16px; color: #fff; background: #df0615; border-radius:50%; margin: 0 auto;}
.safety_and_health .cont .num_list.c .item{background: #fff; margin-bottom:0;}
.safety_and_health .cont .sign{display:flex; align-items:center; justify-content:center;  margin-top: 80px;}
.safety_and_health .cont .sign h4{font-weight:bold; font-size:18px; color: #111;}
.safety_and_health .cont .sign h4 span{font-weight:900; font-size:30px; color: #111; margin: 0 10px;}
.safety_and_health .cont .sign figure{position: relative; top: -10px;} */

/* QSHE 방침 */
.qshe{}
.qshe .cont{}
.qshe .cont .bg_ctn{background:url(/img/sub/qshe_bg.png) 50% 50% /cover no-repeat; padding: 150px 0; margin-top: 110px;}
.qshe .cont .bg_ctn h3{font-weight:600; font-size:28px; letter-spacing:-0.02em; color: #fff; text-align: center;}
.qshe .cont .bg_ctn ul{margin: 30px 0 40px;}
.qshe .cont .bg_ctn ul li{display:flex; align-items:center;border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.05); padding: 20px 40px; margin-bottom:10px; font-weight:300; font-size:20px; color: #fff; letter-spacing:-0.02em;}
.qshe .cont .bg_ctn ul li:last-of-type{margin-bottom:0;}
.qshe .cont .bg_ctn ul li span{width: 35px; height: 35px; display:inline-block; vertical-align: top; border-radius:50%;border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.10); text-align: center; line-height: 33px; margin-right: 15px; font-family: 'Russo One', sans-serif; flex-shrink: 0;}
.qshe .cont .bg_ctn .txt{text-align: center;}
.qshe .cont .bg_ctn .txt p{position:relative; font-weight:600; font-size:20px; color: #fff; letter-spacing:-0.02em; margin: 40px 0 20px;}
.qshe .cont .bg_ctn .txt p:last-of-type{display:inline-block; margin: 0;}
.qshe .cont .bg_ctn .txt p span{font-weight:600; font-size:28px; color: #fff; letter-spacing:0.2em; margin-left: 20px;}
.qshe .cont .bg_ctn .txt p img{position:absolute; right: -160px; top: 50%; transform:translateY(-50%); mix-blend-mode: multiply;}

/* 사이버신문고 */
.reporting{}
.reporting .top_bg{position:relative; background:url(/img/sub/reporting01.png) 50% 50% no-repeat; background-size:cover; height: 430px; margin: 84px 0 110px;}
.reporting .top_bg .txt{position:absolute; top: 50%; left: 50%; width: 100%; transform:translate(-50%,-50%); text-align: center;}
.reporting .top_bg .txt h3{font-weight:bold; font-size:34px; color: #fff;}
.reporting .top_bg .txt p{font-weight:300; font-size:18px; color: #fff; line-height: 1.7; margin-top: 16px;}
.reporting .chk_box{border-top: 2px solid #3a3a3a; margin-bottom:110px;}
.reporting .chk_box.mt{margin-top: 110px;}
.reporting .chk_box .tit{position:relative; display:flex; align-items:center; justify-content:space-between; padding: 24px 40px; border-bottom: 1px solid #adadad;}
.reporting .chk_box .tit h4{font-weight:600; font-size:21px; color: #111;}
.reporting .chk_box .tit .chk{margin-right: 90px;}
.reporting .chk_box .tit .chk input{display:none; }
.reporting .chk_box .tit .chk label{display:flex; cursor: pointer;}
.reporting .chk_box .tit .chk label span{position:relative; top: 3px; display:inline-block; vertical-align: top; width: 20px; height: 20px; box-sizing:border-box; border:1px solid #ddd; line-height:1.3em; background: #f6f6f6; border-radius:5px}
.reporting .chk_box .tit .chk label span i{position: absolute; top: 1px; left: 1px; color: #fff; font-size:16px; font-weight:bold;}
.reporting .chk_box .tit .chk label p{width: calc(100% - 16px); display:inline-block; vertical-align: middle; font-size:18px; letter-spacing:-0.015em; color: #444; padding-left: 5px; box-sizing:border-box; ;line-height:1.4em}
.reporting .chk_box .tit .chk input[id="chk"]:checked + label span{}
.reporting .chk_box .tit .chk input[id="chk"]:checked + label span i{color: #de0515;}
.reporting .chk_box .tit figure{position:absolute; right: 40px;}
.reporting .chk_box .tit figure img{}
.reporting .chk_box .txt{background: #f6f6f6; padding: 40px; border-bottom: 1px solid #adadad;}
.reporting .chk_box .txt p{font-weight:300; font-size:16px; color: #444; line-height: 1.8;}
.reporting .input_ctn{}
.reporting .input_ctn .icon_tit{}
.reporting .input_ctn .flex_box{display:flex;}
.reporting .input_ctn .flex_box.jb{justify-content:space-between;}
.reporting .input_ctn .input_box{border-top: 2px solid #3a3a3a;margin-top: 30px;}
.reporting .input_ctn .input_box dl{display:flex; width: 100%; border-bottom: 1px solid #c1c1c1; padding: 20px 0;}
.reporting .input_ctn .input_box dl.w40{width: 65%;}
.reporting .input_ctn .input_box dl dt{width: 150px; font-size:18px; color: #444; padding-left: 20px; margin-top: 14px;}
.reporting .input_ctn .input_box dl dt span{color: #0072ff; margin-left: 4px;}
.reporting .input_ctn .input_box dl dd{width: calc(100% - 130px); padding-right: 20px;}
.reporting .input_ctn .input_box dl dd input[type="text"]{width: 100%; max-width: 320px; height: 50px; border:1px solid #e5e5e5; padding: 0 20px; border-radius:5px; font-size:16px; color: #111;}
.reporting .input_ctn .input_box dl dd select{width: 100%; max-width: 320px; height: 50px; border:1px solid #e5e5e5; padding: 0 20px; border-radius:5px; font-size:16px; color: #111;}
.reporting .input_ctn .input_box dl dd.w450 input{max-width: 450px;}
.reporting .input_ctn .input_box dl dd.w100 input{max-width: none;}
.reporting .input_ctn .input_box dl dd .radio{display:flex; margin-left: 30px;}
.reporting .input_ctn .input_box dl dd .radio label{display:flex; align-items:center; margin-right: 30px;}
.reporting .input_ctn .input_box dl dd .radio label:last-of-type{margin-right: 0;}
.reporting .input_ctn .input_box dl dd .radio label input{display:none; margin-right: 10px;}
.reporting .input_ctn .input_box dl dd .radio label span{font-size:18px; color: #444; }
.reporting .input_ctn .input_box dl dd .radio label span.icon{position:relative; display:inline-block; width: 20px; height: 20px; border:1px solid #cbcbcb; background: #f6f6f6; border-radius:50%; margin-right: 10px;}
.reporting .input_ctn .input_box dl dd .radio label span.icon::before{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); background: #7d7d7d; border-radius:50%;  width: 10px; height: 10px; display:none;}
.reporting .input_ctn .input_box dl dd .radio label input:checked + span::before {display:block; }
.reporting .input_ctn .input_box dl dd.textarea{position:relative; }
.reporting .input_ctn .input_box dl dd textarea{width: 100%; height: 220px; resize:none; border:1px solid #cbcbcb; border-radius:5px; font-size:16px; color: #111; padding: 20px; z-index: 10; position: relative;	background-color:transparent;}
.reporting .input_ctn .input_box dl dd .p{position:absolute; top: 20px; left: 20px; font-size:16px; color: #b7b7b7; line-height: 1.6; z-index: -1;}
.reporting .input_ctn .input_box dl dd .flie_box{font-size:0; display:flex; align-items:center;}
.reporting .input_ctn .input_box dl dd .flie_box #fileName{width: 100%; max-width: 450px; height: 50px;  box-sizing:border-box; border:1px solid #cbcbcb; padding: 0 20px; font-size:16px; color: #555;}
.reporting .input_ctn .input_box dl dd .flie_box .file{display:inline-block; vertical-align: top;position:relative; width: 100px; height: 50px; box-sizing:border-box; background: #111111; color: #fff; cursor: pointer; border-radius:5px; margin: 0 4px;}
.reporting .input_ctn .input_box dl dd .flie_box .file span{display:inline-block; vertical-align: top; width: 100%; height: 100%; text-align: center; line-height:50px; font-size:14px; color: #fff;}
.reporting .input_ctn .input_box dl dd .flie_box .file input{display:none}
.reporting .input_ctn .input_box dl dd .flie_box button{display:inline-block vertical-align: top; width: 100px; height: 50px; text-align: center; line-height:50px; font-size:14px; color: #fff; background: #777777; border:none; border-radius:5px; cursor: pointer;}
.reporting .input_ctn .input_box dl dd .txt{}
.reporting .input_ctn .input_box dl dd .txt ul{margin-top: 18px;}
.reporting .input_ctn .input_box dl dd .txt ul li{position: relative; font-size:14px; color: #7d7d7d; padding-left: 8px; margin-bottom:8px;}
.reporting .input_ctn .input_box dl dd .txt ul li:last-of-type{margin-bottom:0;}
.reporting .input_ctn .input_box dl dd .txt ul li.c{font-weight:bold; color: #4f4f4f;}
.reporting .input_ctn .input_box dl dd .txt ul li .rc{color: #de0515;}
.reporting .input_ctn .input_box dl dd .txt ul li span:not(.c,.rc){position:absolute; top: 0; left: 0;	}
.reporting .input_ctn .alert{margin-top: 16px; text-align: right; font-size:14px; color: #7d7d7d;}
.reporting .input_ctn .alert span{color: #0072ff;}
.reporting .input_ctn .submit_box{margin-top: 32px;text-align: center;}
.reporting .input_ctn .submit_box button{width: 290px; height: 80px; color: #fff; background: #de0515; border-radius:10px; font-weight:500; font-size:18px; border:none; cursor: pointer;}

/* 원자재 */
.materials{}
.materials .tab{display:flex; margin:68px 0 86px}
.materials .tab li{width: calc((100% - 20px) / 3); height: 70px; background: #eeeeee; margin-right: 10px; border-radius:5px; overflow: hidden;}
.materials .tab li:last-of-type{margin-right: 0;}
.materials .tab li a{font-size:21px; color: #111; display:inline-block; width: 100%; line-height: 70px; text-align: center;}
.materials .tab li.on{background: #de0515;}
.materials .tab li.on a{color: #fff;}
.materials > div > .s_tit{margin-bottom:62px;}
.materials > div > .s_tit p:not(.c){margin-top: 34px; font-size:20px;}
.materials .cont{padding: 85px 0;}
.materials .cont.bgg{background: #f6f6f6;}
.materials .cont .tit{position:relative; text-align: center; margin-bottom:60px;}
.materials .cont .tit::before{content:""; position:absolute; top: -65px; left: 50%; transform:translateX(-50%); width: 3px; height: 45px; background: #de0515;}
.materials .cont .tit h3{font-weight:bold; font-size:44px; color: #111;}
.materials .cont .item{display:flex; margin-bottom:90px;}
.materials .cont .item:last-of-type{margin-bottom:0;}
.materials .cont .item figure{width: 50%;}
.materials .cont .item figure img{}
.materials .cont .item .txt{width: 50%; padding-left: 120px; padding-top: 70px;}
.materials .cont .item .txt h4{position:relative; font-weight:bold; font-size:34px; color: #111;}
.materials .cont .item .txt h4::before{content:""; position:absolute; top: 10px; left: -44px; width: 20px; height: 20px; border-radius:50%; background: #fff; border:5px solid #ff0000; box-sizing:border-box;}
.materials .cont .item .txt h4::after{content:""; position:absolute; top: 19px; left: -124px; width: 80px; height: 1px; background: #ff0000;}
.materials .cont .item .txt p{margin-top: 16px; font-weight:300; font-size:18px; color: #111;} 
.materials .cont .item .txt > ul{margin-top: 60px;}
.materials .cont .item .txt > ul > li{}
.materials .cont .item .txt > ul > li > span{position:relative; display:inline-block; vertical-align: top;font-weight:bold; font-size:24px; color: #111; margin-bottom:15px; padding-left: 20px;}
.materials .cont .item .txt > ul > li > span::before{content:""; position:absolute; top: 9px; left: 0; width: 9px; height: 9px; background: #de0515;}
.materials .cont .item .txt > ul > li > ul{}
.materials .cont .item .txt > ul > li > ul li{position:relative; font-weight:300; font-size:18px; color: #111; margin-bottom:4px; line-height: 1.7; padding-left: 20px;}
.materials .cont .item .txt > ul > li > ul li:last-of-type{margin-bottom:0;}
.materials .cont .item .txt > ul > li > ul li::before{content:""; position:absolute; top: 12px; left: 0; width: 4px; height: 4px; background: #111111; border-radius:50%;}
.materials .cont .item:nth-of-type(3) figure{order:2}
.materials .cont .item:nth-of-type(3) .txt{padding-left: 150px;}
.materials .cont .item:nth-of-type(3) .txt h4::before{left: auto; right: 80px;}
.materials .cont .item:nth-of-type(3) .txt h4::after{left: auto; right: 0;}
.materials .info{background: #f9f9f9; padding: 44px 30px; border-radius:30px}
.materials .info dl{display:flex; align-items:center}
.materials .info dl dt{width: 145px; display:flex; align-items:center;}
.materials .info dl dt figure{}
.materials .info dl dt p{font-weight:bold; font-size:24px; color: #de0515; margin-left: 12px;}
.materials .info dl dd{width: calc(100% - 145px);}
.materials .info dl dd ul{display:flex; flex-wrap:wrap;padding: 0 20px;}
.materials .info dl dd ul li{width: 33.33%; font-size:18px; color: #111; padding: 23px 0; /*border-bottom: 1px solid #eeeeee;*/}
.materials .info dl dd ul li:nth-of-type(n + 7){border-bottom: none;}
.materials .info dl dd ul li span{font-weight:bold; margin-right: 6px;}
.materials .info dl dd ul li i{font-size:21px; color: #de0515; position:relative; top: 3px;}
.materials .info dl dd ul li.w100{position:relative; padding-left: 21px !important;}
.materials .info dl dd ul li.w100 i{position:absolute; left: 0; top: 23px;}
/* 전용선 */
.dedicated_ship{}
.dedicated_ship .bg{background:url(/img/sub/dedicated_ship_bg-1.jpg) 50% 50% no-repeat; background-size:cover; height: 750px; margin-top: 100px;}
.dedicated_ship .bg .txt{padding-top: 150px;}
.dedicated_ship .bg .txt .s_tit{}
.dedicated_ship .bg .txt .s_tit p:not(.c){font-weight:300; color: #fff; font-size:18px; line-height: 1.8;margin-top: 75px; max-width: 1200px; margin: 75px auto 0;}
.dedicated_ship .cont{margin-top: -130px;padding:0;}
.dedicated_ship .cont .img{display:flex;}
.dedicated_ship .cont .img figure{width: calc((100% - 56px) / 2); margin-right: 56px;}
.dedicated_ship .cont .img figure:last-of-type{margin-right: 0;}
.dedicated_ship .cont .table_ctn{margin-top: 100px;}
.dedicated_ship .cont .table_ctn h4{margin-bottom:20px;}
.dedicated_ship .cont .table_ctn td{text-align: center; font-weight:300; font-size:18px; color: #444444;}
.dedicated_ship .cont .table_ctn td:first-of-type{text-align: center;}
.dedicated_ship .cont .table_ctn td.bold{font-weight:bold; font-size:19px; text-align: center;}
.dedicated_ship .cont .table_ctn td.bb{border-bottom: 1px solid #808080;}
.dedicated_ship .info{margin-top: 100px;}
.dedicated_ship .info dl{align-items: center;}

/* 부정기선 */
.tramper .bg{height: 970px; background:url(/img/sub/tramper_bg.jpg) 50% 50% no-repeat; background-size:cover;}
.tramper .cont{margin-top: 0;}

/* 원료 */
.raw_material .cont{}
.raw_material .cont .box{display:flex; margin-bottom:120px;}
.raw_material .cont .box:last-of-type{margin-bottom:0;}
.raw_material .cont .box figure{width: 460px;}
.raw_material .cont .box .txt{width: calc(100% - 460px); padding-left: 85px; margin-top: 30px;}
.raw_material .cont .box .txt h3{position:relative; font-weight:bold; font-size:34px; color: #111;}
.raw_material .cont .box .txt h3::before{content:""; position:absolute; top: 10px; left: -35px; width: 20px; height: 20px; border-radius:50%; background: #fff; border:5px solid #ff0000; box-sizing:border-box;}
.raw_material .cont .box .txt h3::after{content:""; position:absolute; top: 19px; left: -85px; width: 50px; height: 1px; background: #ff0000;}
.raw_material .cont .box .txt ul{margin-top: 18px;}
.raw_material .cont .box .txt ul li{position:relative; display:flex; font-size:16px; color: #111; padding-left: 9px; line-height: 1.5; margin-bottom:4px;}
.raw_material .cont .box .txt ul li:last-of-type{margin-bottom:0;}
.raw_material .cont .box .txt ul li::after{content:""; position:absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius:50%; background: #de0515;}
.raw_material .cont .box .txt ul li span.b{font-weight:bold; margin-right: 4px;	white-space:nowrap}
.raw_material .cont .box .txt dl{margin-top: 50px;}
.raw_material .cont .box .txt dl dt{position:relative; display:inline-block; vertical-align: top;font-weight:bold; font-size:24px; color: #111; margin-bottom:10px; padding-left: 20px;}
.raw_material .cont .box .txt dl dt::before{content:""; position:absolute; top: 9px; left: 0; width: 9px; height: 9px; background: #de0515;}
.raw_material .cont .box .txt dl dd{padding-left: 20px; font-weight:300; font-size:16px; color: #111; line-height: 1.6;}
.raw_material .cont .box:nth-of-type(2n) figure{order:2}
.raw_material .cont .box:nth-of-type(2n) .txt{padding-left: 68px;}
.raw_material .cont .box:nth-of-type(2n) .txt h3::before{left: auto; right: 50px;}
.raw_material .cont .box:nth-of-type(2n) .txt h3::after{left: auto; right: 0;}
.raw_material .info dl dt{width: 100px;}
.raw_material .info dl dd{width: calc(100% - 130px); margin-left: 30px;}
.raw_material .info dl dd .box{display:flex; align-items:center; border-bottom: 1px solid #eee; padding: 23px 0;}
.raw_material .info dl dd .box:last-of-type{border-bottom: none;}
.raw_material .info dl dd .box.box1 {border-bottom: none; padding: 23px 0 0; margin-bottom:-20px; }
.raw_material .info dl dd .box p{width: 290px; font-weight:bold; font-size:24px; color: #de0515; line-height: 1.5;}
/*.raw_material .info dl dd .box ul{width: calc(100% - 290px);}*/
.raw_material .info dl dd .box ul li{width: auto; margin-right: 50px; padding: 0; border-bottom: none;}
.raw_material .info dl dd ul{align-items:flex-end}
.raw_material .info dl dd ul li.w100 i{top: 0;}
.raw_material .info dl dd .box .s { opacity:0; }
.raw_material .info dl dd .box ul li > span .s { margin:0; }
.raw_material .info dl dd .box ul li:last-child { margin-right:0 }

/* 보세창고 */
.bonded_warehouse{}
.bonded_warehouse .cont{}
.bonded_warehouse .cont .img_box{display:flex; justify-content:space-between; margin-bottom:130px;}
.bonded_warehouse .cont .img_box > figure{}
.bonded_warehouse .cont .img_box > .box{}
.bonded_warehouse .cont .img_box > .box figure{margin-bottom:19px;}
.bonded_warehouse .cont .img_box > .box figure:last-of-type{margin-bottom:0;}
.bonded_warehouse .cont dl{display:flex;}
.bonded_warehouse .cont dl dt{width: 380px; font-size:34px;}
.bonded_warehouse .cont dl dt::after{top: 9px;}
.bonded_warehouse .cont dl dd{width: calc(100% - 380px);}
.bonded_warehouse .cont dl dd ul{display:flex; flex-wrap:wrap;}
.bonded_warehouse .cont dl dd ul li{width: 50%; position:relative; font-weight:300; font-size:18px; color: #111; padding-left: 19px; margin-bottom:12px;}
.bonded_warehouse .cont dl dd ul li::after{content:"";position:absolute; top: 8px; left: 0; width: 4px; height: 4px; 
border-radius:50%; background: #111111;}
.bonded_warehouse .cont dl dd ul li:nth-of-type(n + 7){margin-bottom:0;}
.bonded_warehouse .info dl{flex-wrap:wrap; align-items:center}
.bonded_warehouse .info dl dt{width: 145px}
.bonded_warehouse .info dl dd{width: calc(100% - 145px);}
.bonded_warehouse .info dl dd ul li{width: auto; margin-right: 40px; border-bottom: none; padding: 0;}
.bonded_warehouse .info dl dd ul li:last-of-type{margin-right: 0;}

/* 인재상 */
.talent{}
.talent .cont{margin-top: 100px;}
.talent .cont h4{font-weight:300; font-size:40px; color: #111; text-align: center; line-height: 1.5; margin-top: 100px;}
.talent .cont h4 span{font-weight:bold; font-size:50px;}
.talent .cont .list{display:flex; flex-wrap:wrap}
.talent .cont .list .item{position:relative; width: calc((100% - 92px) / 3); margin-right: 46px; margin-bottom: 46px;}
.talent .cont .list .item:nth-of-type(3n){margin-right: 0;}
.talent .cont .list .item:nth-of-type(n + 4){margin-bottom:0;}
.talent .cont .list .item figure{}
.talent .cont .list .item .txt{position:absolute; top: 40px; left: 50px; padding-right: 20px;}
.talent .cont .list .item .txt h3{position:relative; font-weight:bold; font-size:34px; color: #fff; margin-bottom:18px;}
.talent .cont .list .item .txt h3::after{content:""; position:absolute; top: 17px; left: -50px; width: 30px; height: 2px; background: #de0515;}
.talent .cont .list .item .txt p{font-size:20px; color: #fff; line-height: 1.4;}


/* 재무정보 */
.financial .s_tit{margin-bottom:100px;}
.table_ctn{margin-bottom:100px;}
.table_ctn:last-of-type{margin-bottom:0;}
.table_ctn p{font-weight:300; font-size:16px; color: #787878; text-align: right; margin: 4px 0 10px;}
.table_ctn .table_box table{border-top: 2px solid #666666;}
.table_ctn .table_box th{font-weight:bold; font-size:19px; color: #111; border-bottom: 1px solid #808080; border-right: 1px solid #dddddd; background: #f9f9f9; padding: 30px 0;}
.table_ctn .table_box td{font-weight:300; font-size:16px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd; color: #444; text-align: right; padding: 20px 30px;}
.table_ctn .table_box td:first-of-type{text-align: left;}
.table_ctn .table_box td.c{color: #787878;}
.table_ctn .table_box tr:last-of-type td{border-bottom: 1px solid #808080;}
.table_ctn .table_box td:last-of-type,
.table_ctn .table_box th:last-of-type{border-right: none;}

/*values(안전보건경영방침)*/
.values{}
.values .tab{justify-content: center;margin-bottom: 70px;}
.values .content .v_subtitle{ text-align: center; color:#111;}
.values .content .v_subtitle h3{font-size:45px; font-weight: 800; }
.values .content .v_subtitle p{font-size:24px; line-height: 1.4583; margin-top: 30px;}
.values .content .v_icon{margin-top: 80px;}
.values .content .v_icon ul{display:flex;flex-wrap:wrap;}
.values .content .v_icon ul li{width: 35.41666666666667%;display:flex;align-items:center;margin-bottom: 45px;}
.values .content .v_icon ul li:nth-child(3n){width: 29.16666666666667%;}
.values .content .v_icon ul li figure{width: 120px;height: 120px;border-radius:50%;background:#f5f5f5;text-align: center;margin-right: 32px;    display: flex; justify-content: center; align-items: center;}
.values .content .v_icon ul li .txt h4{font-weight: 700;font-size:28px;color:#111;}
.values .content .v_icon ul li .txt p{font-weight: 500;font-size:18px;color:#777;margin-top: 15px;}
.values .content .v_icon ul li:last-child{width: auto;margin-bottom: 0;}
.values .content2 {margin-top: 150px;}
.values .content2 .box_list{margin-top: 90px; display:flex; flex-wrap: wrap;  justify-content: space-between;gap:70px 0;}
.values .content2 .box_list li{text-align: center;}
.values .content2 .box_list li .box_title{width: 330px;height: 80px;border-radius:50px;background:linear-gradient(to right, #ff7a00, #e74508);color:#fff;font-weight: 700;font-size:24px;line-height: 80px;}
.values .content2 .box_list li:nth-child(2) .box_title,.values .content2 .box_list li:nth-child(5) .box_title{background:linear-gradient(to right, #e74508, #de0515);}
.values .content2 .box_list li:nth-child(3) .box_title,.values .content2 .box_list li:nth-child(6) .box_title{background:#de0515;}
.values .content2 .box_list li .box_txt{font-weight: 500;font-size:18px;color:#777777;line-height: 1.6666;margin-top: 40px;}

/*certification(안전보건경영방침)*/
.certification{}
.certification .content{}
.certification .content_in{padding: 35px 0 95px;border-bottom:1px solid #ddd;}
.certification .content_in .t_box > dl{border:1px solid #dddddd;background:#f5f5f5;padding:45px 50px 35px;}
.certification .content_in .t_box p{font-size:17px;color:#555; margin: 25px 0 0 50px;}
.certification .content_in dl dt{font-size:24px;color:#111;font-weight: 600;}
.certification .content_in dl dd{font-size:17px;color:#555;line-height: 1.5294;margin-top: 20px;}
.certification .content_in .flexbox{margin: 75px 0 0 50px;display:flex; justify-content: space-between;}
.certification .content_in .flexbox .txt {width: calc(100% - 320px);}
.certification .content_in .flexbox .txt dl:not(:first-child){margin-top: 65px;}
.certification .content1 .content_in .flexbox .txt ul{ margin-top: 25px;}
.certification .content_in .flexbox .txt ul li{ font-size:17px;color:#555;line-height: 1.5294; }
.certification .content_in .flexbox .txt ul li span{ color:#111; font-weight: 600;}
.certification .content_in .flexbox .txt ul li:before{content:"";display:inline-block;width: 4px;height: 4px;background:#111;border-radius:50%; vertical-align: middle;margin-right: 6px;}
.certification .content4 .content_in{border:none;}
.certification .content2 figure{margin: 0;}
.certification .content:not(.content1){margin-top: 100px;}

/*welfare*/
.welfare{}
.welfare .cont{}
.welfare .cont ul{margin-top: 100px;display:flex;flex-wrap:wrap;}
.welfare .cont ul li{width: 50%; border:1px solid #ddd;display:flex;align-items:center;margin-top: -1px;padding: 20px 38px;}
.welfare .cont ul li:nth-child(2n){margin-left: -1px;}
.welfare .cont ul li:last-child{width: 100%;}
.welfare .cont ul li figure{width: 120px;height: 120px;background:#f5f5f5;border-radius:50%;display:flex;justify-content:center;align-items:center;margin: 0 32px 0 0;}
.welfare .cont ul li .t_title{font-size:28px;font-weight: bold;color:#111;}
.welfare .cont ul li p:not(.t_title){font-size:18px;font-weight: 300;color:#111;line-height: 1.3888;margin-top: 20px;}
.welfare .cont ul li .txt{width: calc(100% - 153px);}
.welfare .cont ul li .txt .t_txt2{display:flex;}
.welfare .cont ul li .txt .t_txt2 p{line-height: 2;}
.welfare .cont ul li .txt .t_txt2 p:first-child{margin-right: 38px;}
.welfare .cont ul li .txt span{color:#111;font-weight: bold;}

@keyframes up{
	0%{bottom: -100%;}
	100%{bottom: 0%;}
}
@keyframes blur{
	0%{filter:blur(15px); opacity: 0;}
	100%{filter:blur(0); opacity: 1;}
}
@media (max-width: 1800px){
	.sv .lnb > ul > li > a{margin: 0 20px;}
}
@media (max-width: 1680px){
	.sv .lnb > ul > li > a{margin: 0 14px;}
}

@media (max-width: 1500px){
	.sv .lnb{width: 58%;}
	.sv .lnb > ul{padding: 0 10px;}
	.sv .txt{bottom: -17px;}
	.sv .txt h2{font-size:86px;}

	.sub_cont{padding: 120px 0;}

	.history .list .his_box{margin-top: 100px; padding-left: 60px;}
	.history .list .his_box .item{margin-bottom:100px;}
	.history .list .his_box .item h3{margin-bottom:40px;}

	.directions .cont .map_box{padding: 0 16px;}
	.ethical_management .cont .item{padding-left: 0;}
	.ethical_management .cont .item:nth-of-type(2n){padding-right: 0;}
}

@media (max-width: 1400px){
	.sv .lnb > ul > li > a{font-size:14px;}
	.dedicated_ship .bg{height: 550px;}
	.dedicated_ship .bg .txt{padding: 100px 16px 0;}
	.dedicated_ship .bg .txt .s_tit p:not(.c){margin-top: 30px;}
	.dedicated_ship .bg .txt .s_tit p:not(.c) br{display:none; }
}

@media (max-width: 1200px){
	.sv .bg{height: 480px;}
	.sv .lnb{display:none;}
	.sv .txt{padding: 0 16px;}

	.sub_cont{padding: 100px 0;}
	
	.s_tit h2{margin: 40px 0 18px; font-size:46px;}
	.s_tit p:not(.c),
	.s_tit p.c{font-size:20px;}
	.s_tit.pad{padding: 0 16px;}

	.reporting .input_ctn .flex_box{flex-wrap:wrap;}
	.reporting .input_ctn .input_box dl.w40{width: 100%;}

	.history .list .his_box .item h3{font-size:80px;}
	.table_box{overflow-x: scroll;}
	.table_box table{width: 1200px;}
	
	.overview .s_over .cont{padding: 120px 0;}
	.overview .s_over .cont .list{flex-wrap:wrap;}
	.overview .s_over .cont .list .item{width: calc((100% - 40px) / 3); margin-right: 20px; margin-top: 50px;}
	.overview .s_over .cont .list .item:nth-of-type(3n){margin-right: 0;}
	.overview .s_our{padding-top: 120px;}
	.overview .s_our .list{margin-top: 50px;}
	.overview .s_our .list .item .txt{padding-top: 80px;}
	.overview .s_our .list .item .txt h3{font-size:40px;}

/*	.greeting .cont .txt{padding:80px 70px 0;}*/
/*	.greeting .cont .sign{padding: 0 70px 0;}*/
/*	.greeting .cont .txt p br{display:none; }*/
/*	.greeting .cont > .w1200{background: none;  flex-direction: column;}*/
	.greeting .cont > .w1200{ width: calc(100% - 40px); margin: 0 auto;}
	.greeting .cont .txt h3{ word-break:break-all; }
	.greeting .cont .sign{background:#fff; padding:50px 0 0;}
	.greeting .cont .sign figure:first-child{display:inline-block;}
	.greeting .cont .sign_in{justify-content:center; margin-top: 0;}
	.greeting .cont .txt{padding: 50px 20px;}


	.organization .cont{padding-bottom:140px;margin-top: 50px;}
	.ci .cont{margin-top: 50px;}
	.ci .cont .item .txt{margin: 0 16px;}

	.subsidiary .cont{margin-top: 50px;}
	.subsidiary .cont .item .tit{width: 100%; padding-top: 80px;}
	.subsidiary .cont .item .img_list{width: 100%; padding-top: 20px;}
	.subsidiary .cont .item .tit p{margin-top: 8px;}

	.directions .cont{margin-top: 50px;}
	.directions .cont .map_box{height: 400px;}
	.directions .cont .addr{width: 382px;}
	.directions .cont .addr .txt p br{display:none; }
	.directions .cont .flex_box{flex-wrap:wrap; margin-top: 40px;}
	.directions .cont .flex_box ul{width: calc(100% - 382px); flex-wrap:wrap; justify-content:flex-end}
	.directions .cont .flex_box ul li:nth-of-type(2n){margin-right: 0;}
	.directions .cont .flex_box ul li:last-of-type{width: 100%; margin-top: 10px; text-align: right;}

	.corporate::after{height: 500px;}
	.corporate .flex_box{margin-top: 50px;}

	.ethical_management .cont{margin-top: 50px;}
	.ethical_management .cont .item .txt{padding-left: 40px;}
	.ethical_management .cont .item:nth-of-type(2n) .txt{width: calc(100% - 455px);padding-right: 40px;}
	.ethical_management .cont .item .txt p br{display:none; }
	.ethics_standard .cont{margin-top: 50px;}
	
	.safety_and_health .cont{padding-bottom:100px;}
	.safety_and_health .cont.bgg{padding: 100px 0;}
	.safety_and_health .cont .num_list{margin-top: 80px;}

	.qshe .cont .bg_ctn{padding: 100px 0; margin-top: 60px;}
	
	.materials .cont .tit h3{font-size:34px;}
	.materials .cont .tit{margin-bottom:30px;}
	.materials .cont .item .txt{padding-top: 10px;}
	.materials .cont .item:nth-of-type(3) .txt{padding-left: 40px;}
	.materials .cont .item .txt h4{font-size:24px;}
	.materials .cont .item .txt h4::after{left: -120px;}
	.materials .cont .item .txt h4::before{left: -40px;}
	.materials .cont .item .txt > ul{margin-top: 30px;}
	.materials .cont .item .txt p{margin-top: 8px;}

	.materials .info dl{flex-wrap:wrap;}
	.materials .info dl dt{width: 100%;}
	.materials .info dl dd{width: 100%;}

	.dedicated_ship .bg{margin-top: 50px;}
	.dedicated_ship .bg .txt{padding-top: 50px;}
	.dedicated_ship .info{margin-top: 50px;}

	.bonded_warehouse .cont,
	.raw_material .cont{padding-top: 20px;}
	.raw_material .info dl dd{margin-left: 0;}
	.raw_material .info dl dd .box{flex-wrap:wrap;}
	.raw_material .info dl dd .box p{width: 100%;}
	.raw_material .info dl dd .box ul{width: 100%; margin-top: 20px;}
	.raw_material .cont .box .txt dl dd br{display:none; }
	.raw_material .cont .box:nth-of-type(2n) .txt{padding-left: 0;}
	

	.bonded_warehouse .info dl dd{padding-left: 0; margin-top: 10px;}
	.bonded_warehouse .cont .img_box{margin-bottom:80px;}
	.bonded_warehouse .cont .img_box > figure{margin-right: 10px;}
	.bonded_warehouse .cont .img_box .box{margin-left: 10px;}
	
	.talent .cont{margin-top: 50px;}
	.talent .cont .list .item{width: calc((100% - 40px) / 3); margin-right: 20px;}
	.talent .cont .list .item .txt p br{display:none; }
	.talent .cont h4{margin-top: 50px; font-size:26px;}
	.talent .cont h4 span{font-size:30px;}
	
	.values .content .v_icon,.values .content2 figure.img02{margin-top: 50px;}
	.values .content .v_icon ul{gap:30px}
	.values .content .v_icon ul li{width: calc((100% - 30px) / 2) !important;}
	.values .content .v_icon ul li:last-child{width: 100% !important;}
	.values .content2{margin-top: 100px;}
	.values .content2 .box_list li .box_title{width: 300px;}

	.certification .content_in .t_box p,.certification .content_in .flexbox{margin-left: 10px;}
	.certification .content_in .flexbox .txt{width: 70%;margin-right: 30px;}
	.certification .content_in .flexbox .txt br{display:none;}

	.welfare .cont ul li{padding: 50px 30px;flex-direction:column;height: auto;text-align: center;}
	.welfare .cont ul li figure{margin: 0 0 30px 0;}
	.welfare .cont ul li{padding: 50px 30px;}
	.welfare .cont ul li .txt .t_txt2{flex-direction:column;}
	.welfare .cont ul li .txt .t_txt2 p:first-child{margin-right: 0;}
	.welfare .cont ul li .txt{width: 100%;}
}

@media (max-width: 1000px){
	.sv .txt{bottom: -14px;}
	.sv .txt p{font-size:18px;}
	.sv .txt h2{font-size:70px; margin-top: 16px;}

	.sub_cont{padding: 80px 0;}
	.reporting .top_bg{margin: 60px 0;}
	.reporting .chk_box .tit{flex-wrap:wrap;padding: 20px;}
	.reporting .chk_box .tit h4{font-size:19px;}
	.reporting .chk_box .tit figure{right: 20px;}
	.reporting .chk_box .tit .chk{width: 100%; margin-top: 10px;}
	.reporting .chk_box .tit .chk label p{font-size:16px;}
	.reporting .chk_box .tit .chk label span{top: 0;}
	.reporting .chk_box .txt{padding: 20px;}
	.reporting .chk_box.mt{margin-top: 60px;}
	
	.history .list .img_box{display:none; }
	.history .list{margin-top: 40px;}
	.history .list .his_box{width: 100%; padding-left: 0; padding: 0 16px; margin-top: 0;}
	.history .list .his_box .item{display:flex; align-items:flex-start; margin-bottom:70px;}
	.history .list .his_box .item h3{width: 200px;margin-bottom:0;}
	.history .list .his_box .item > ul{width: calc(100% - 200px); margin-top: 34px;}
	.financial .s_tit{margin-bottom:40px;}
	.table_ctn{margin-bottom:50px;}
	.table_box table{width: 1000px;}
	
	.overview .s_our{margin-top: -100px; transform:translateY(100px);}
	.overview .s_our .list{margin-bottom:50px;}
	.overview .s_our .list .item .txt h3{font-size:34px;}
	.overview .s_our .list .item .txt h4{font-size:28px;}

	.overview .s_over .cont{margin-top: 50px; padding: 80px 0;	}
	.overview .s_over .cont .list .item .txt h4{margin: 30px 0 14px;}
	
	.greeting .cont .bg{height: 400px;}
	.greeting .cont > .w1200{margin-top: -120px;}
	.greeting .cont .txt h3{font-size:30px;}
/*	.greeting .cont .txt{padding:40px 30px 0; margin-top: -120px;}*/
/*	.greeting .cont .sign{padding: 0 30px 0;}*/
	
	.ci .cont .item .tal{margin-bottom:20px;}
	.ci .cont .item .img_box{flex-wrap:wrap; height: auto; padding: 50px 20px;}
	.ci .cont .item .img_box figure{width: 100%; margin-bottom:40px;}
	.ci .cont .item .img_box figure:last-of-type{margin-bottom:0;}
	.ci .cont .item .img_box figure::after{display:none; }
	.ci .cont .item .txt p br{display:none; }
	
	.directions .cont .map_box{height: 320px;}
	.directions .cont .flex_box{flex-wrap:wrap;}
	.directions .cont .addr{width: 100%; margin-bottom:40px;}
	.directions .cont .flex_box ul{width: 100%; justify-content:flex-start}
	.directions .cont .flex_box ul li:nth-of-type(2n){margin-right: 30px;}
	.directions .cont .flex_box ul li:last-of-type{width: auto;text-align: left; margin-top: 0;}

	.safety_and_health .cont .num_list .item p:not(.num){font-size:18px;}

	.qshe .cont .bg_ctn ul li{position:relative; padding: 20px 16px 20px 66px;}
	.qshe .cont .bg_ctn ul li span{position:absolute; left: 16px;}
	
	.materials .cont .item .txt{padding-left: 60px;}
	.materials .cont .item .txt h4::after{left: -60px; width: 20px;}
	.materials .cont .item:nth-of-type(3) .txt h4::after{width: 80px;}

	.materials .tab{margin: 40px 0;}
	.materials .info dl dd ul{}
	.materials .info dl dd ul li{width: 50%;}
	.materials .info dl dd ul li.w100{width: 100%; border-bottom: 1px solid #eee;}
	.materials .info dl dd ul li.w100 br{display:none; }
	
	.raw_material .info dl dd .box p{font-size:20px;}
	.raw_material .info dl dd .box ul{margin-top: 10px;}
	.raw_material .info dl dd .box .s { opacity:1; }

	.raw_material .cont .box{flex-wrap:wrap; margin-bottom:50px;}
	.raw_material .cont .box .txt{width: 100%;padding-left: 0; order:3}
	.raw_material .cont .box .txt h3::before,
	.raw_material .cont .box .txt h3::after{display:none; }
	.raw_material .cont .box .txt dl{margin-top: 30px;}

	.bonded_warehouse .info dl dd ul li{width: 50%; margin-right: 0; margin-bottom:10px;}
	.bonded_warehouse .info dl dd ul li:nth-of-type(n + 3){margin-bottom:0;}
	.bonded_warehouse .cont dl{flex-wrap:wrap}
	.bonded_warehouse .cont dl dt{width: 100%; margin-bottom:20px;}
	.bonded_warehouse .cont dl dd{width: 100%;}
	.bonded_warehouse .cont .img_box{margin-bottom:40px;}

	.talent .cont .list .item{width: calc((100% - 46px) / 2); margin-right: 46px;}
	.talent .cont .list .item:nth-of-type(3n){margin-right: 46px;}
	.talent .cont .list .item:nth-of-type(2n){margin-right: 0;}
	.talent .cont .list .item figure img{width: 100%;}
	.talent .cont .list .item .txt{padding-right: 50px;}
	.talent .cont .list .item .txt p br{display:none;}

	.values .content2 .box_list{gap:50px 30px;}
	.values .content2 .box_list li{width: calc((100% - 30px) / 2);}
	.values .content2 .box_list li .box_title{margin: 0 auto;}
	.values .content2 .box_list li:nth-child(2n-1) .box_title{background:linear-gradient(to right, #ff7a00, #e74508);}
	.values .content2 .box_list li:nth-child(2n) .box_title{background:linear-gradient(to right, #e74508, #de0515);}
}

@media (max-width: 800px){
	.sv .bg{height: 330px;}
	.sv .txt{bottom: -11px;}
	.sv .txt h2{font-size:56px}
	.s_tit h2{font-size:40px;}
	.s_tit p:not(.c) br{display:none; }
	
	.reporting .top_bg{height: 340px;}
	.reporting .top_bg .txt{padding: 0 16px;}
	.reporting .top_bg .txt p br{display:none; }
	
	.reporting .input_ctn .input_box dl{flex-wrap:wrap;}
	.reporting .input_ctn .input_box dl dt{width: 100%;padding-left: 0; margin-bottom:10px; font-size:20px; margin-top: 0;}
	.reporting .input_ctn .input_box dl dd .radio{width: 100%; margin-left: 0; margin-top: 10px;}
	.reporting .input_ctn .input_box dl dd{width: 100%; padding-right: 0;}
	.reporting .input_ctn .input_box dl dd input[type="text"]{max-width: none !important;}
	.reporting .input_ctn .input_box dl dd .p br{display:none; }
	
	.history .list .his_box .item{flex-wrap:wrap; margin-bottom:50px;}
	.history .list .his_box .item h3{width: 100%; font-size:50px;}
	.history .list .his_box .item > ul{width: 100%; margin-top: 20px; padding-left: 0;}
	.history .list .his_box .item > ul > li > span{width: 40px; padding-left: 0;}
	.history .list .his_box .item > ul > li > ul{width: calc(100% - 40px);}

	.overview .s_our{margin-top: 0; transform:translateY(0);}
	.overview .s_our .list .item{width: calc(50% - 10px); margin-right: 20px; margin-bottom:40px;}
	.overview .s_our .list .item:nth-of-type(2n){margin-right: 0;}
	.overview .s_our .list .item:last-of-type{margin-bottom:0;}
	.overview .s_our .list .item .txt h4{margin: 6px 0 14px;}

	.greeting .cont .txt h3{font-size:26px;}
	.greeting .cont .txt h3 br{display:none; }
	.greeting .cont .txt p{font-size:16px;}
	.greeting .cont .sign h4{font-size:16px;}
	.greeting .cont .sign h4 span{font-size:20px;}
/*	.greeting .cont .txt{padding:40px 16px 0;}*/
/*	.greeting .cont .sign{padding: 0 16px 0;}*/
/*	.greeting .cont .txt p{margin-bottom:20px;}*/
	
	.ci .cont .item{margin-bottom:50px;}
	.ci .cont .item.color .box{width: 100%; margin-bottom:20px; margin-right: 0;}
	.ci .cont .item.color .box:last-of-type{margin-bottom:0;}
	.ci .cont .item.color .box .c_box{padding: 34px 30px;}
	.ci .cont .item.color .box ul{padding: 30px;}
	.ci .cont .item.color .tac{margin-top: 30px;}

.subsidiary .cont .item .img_list figure{width:50%; border-bottom: 1px solid #ddd !important;}
	.subsidiary .cont .item .img_list figure:nth-of-type(2n){margin-right: 0;}

	.corporate .flex_box .item .txt .icon{width: 120px; height: 120px;}
	.corporate .flex_box .item .txt h3{font-size:26px; margin: 20px 0 10px;}

	.ethical_management .cont .item{flex-wrap:wrap}
	.ethical_management .cont .item:nth-of-type(2n) .txt,
	.ethical_management .cont .item .txt{width: 100%; order:3; padding-left: 0; margin-top: 20px;}
	.ethical_management .cont .item:nth-of-type(2n) .txt{padding-right: 0;}
	.ethical_management .cont .item .txt h4{margin-top: 30px;}
	
	.safety_and_health .cont.bgg .s_tit p:not(.c){margin-top: 20px;}
	.safety_and_health .cont .num_list .item{width: 100%; margin-right: 0;}
	.safety_and_health .cont .num_list.c .item{margin-bottom:40px;}
	.safety_and_health .cont .num_list .item:last-of-type{margin-bottom:0 !important;}

	.qshe .cont .bg_ctn{padding: 60px 0;}
	.qshe .cont .bg_ctn h3{font-size:24px;}
	.qshe .cont .bg_ctn ul li{font-size:17px;}
	.qshe .cont .bg_ctn .txt p{font-size:17px; margin: 20px 0;}
	.qshe .cont .bg_ctn .txt p:last-of-type{display:flex; align-items:center; justify-content:center;}
	.qshe .cont .bg_ctn .txt p span{font-size:24px; margin-left: 10px;}
	.qshe .cont .bg_ctn .txt p img{position:static; transform:translateY(0);}
	
	.dedicated_ship .cont .img{flex-wrap:wrap;}
	.dedicated_ship .cont .img figure{width: calc(50% - 5px); margin-right: 10px;}
	.dedicated_ship .cont .img figure:last-of-type{margin-right: 0;}

	.materials .cont .item{flex-wrap:wrap; margin-bottom:40px;}
	.materials .cont .item figure{width: 100%;}
	.materials .cont .item .txt{width: 100%; padding: 0; order:2}
	.materials .cont .item .txt h4::after,
	.materials .cont .item .txt h4::before{display:none;}
	.materials .cont .item .txt,
	.materials .cont .item:nth-of-type(3) .txt{padding-left: 0; margin-top: 20px;}
	.materials > div > .s_tit{margin-bottom:30px;}
	.materials > div > .s_tit p:not(.c){margin-top: 14px;}

	.bonded_warehouse .info dl dd ul li{width: 100% !important; padding: 10px 0; margin-bottom:0px;}
	.bonded_warehouse .cont .img_box{flex-wrap:wrap}
	.bonded_warehouse .cont .img_box > figure{width: 100%; margin-right: 0;}
	.bonded_warehouse .cont .img_box .box{width: 100%; display:flex; margin-top: 20px; margin-left: 0;	}
	.bonded_warehouse .cont .img_box .box figure{width: calc(50% - 10px); margin-right: 20px;}
	.bonded_warehouse .cont .img_box .box figure:last-of-type{margin-right: 0;}
	.bonded_warehouse .cont dl dt{font-size:28px;}
	.bonded_warehouse .cont dl dt::after{top: 5px;}

	.talent .cont .list .item{width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom:20px;}
	.talent .cont .list .item:nth-of-type(3n){margin-right: 20px;}
	.talent .cont .list .item:nth-of-type(2n){margin-right: 0;}
	.talent .cont .list .item .txt{padding-right: 20px; left: 30px; top: 30px;}
	.talent .cont .list .item .txt h3{font-size:22px;}
	.talent .cont .list .item .txt h3::after{top: 11px; width: 20px; left: -30px;}
	.talent .cont .list .item .txt p{font-size:16px;}
	
	.values .content .v_icon ul li figure{margin-right: 0;width: 140px;height: 140px;}
	.values .content .v_icon ul li{flex-direction:column;text-align: center;gap:30px;}
	.values .content .v_subtitle h3{font-size:30px;}
	.values .content .v_subtitle p{font-size:20px}
	.values .content .v_subtitle p br{display:none;}
	.values .content .v_icon ul li .txt h4,.values .content2 .box_list li .box_title{font-size:22px;}
	.values .content .v_icon ul li .txt p,.values .content2 .box_list li .box_txt{font-size:16px;}
	.values .content2 .box_list{margin-top: 50px;}
	.values .tab li{  width: calc((100% - 20px) / 2);}
	.values .tab li a{font-size:17px;}
	.values .content2 .box_list li .box_txt{margin-top: 30px;}
	.values .content2 .box_list li .box_txt br{display:none;}
	.values .content2 .box_list li .box_title{width: 200px;height: 70px;line-height: 70px;}
	
	.certification .content_in .t_box > dl{padding:30px 30px 25px;}
	.certification .content_in .t_box > dl br{display:none;}
	.certification .content_in .flexbox{flex-direction:column; margin-top: 50px;}
	.certification .content_in .flexbox .txt{width: 100%; margin: 0 0 50px 0;}
	.certification .content:not(.content1){margin-top: 50px;}
	
	.welfare .cont ul{margin-top: 50px;}
	.welfare .cont ul li .t_title{font-size:22px}
	.welfare .cont ul li p:not(.t_title){font-size:15px;}
	.welfare .cont ul li p:not(.t_title) br{display:none;}
	.welfare .cont ul li .txt .t_txt2 p br{display:block;}
}

@media (max-width: 600px){
	.corporate::after{height: 2000px;}
	.corporate .flex_box{flex-wrap:wrap}
	.corporate .flex_box .item {width: 100%; margin-right: 0; margin-bottom:40px;}
	.corporate .flex_box .item .txt h3{font-size:26px; margin: 30px 0 20px;}

	.dedicated_ship .bg{height: 450px;}
	.dedicated_ship .cont{margin-top: -50px;}
	.dedicated_ship .cont .table_ctn{margin-top: 50px;}

	.tramper .bg{height: 600px;}
	.tramper .cont{margin-top: 0;}
	
	.materials .info{padding: 20px;}
	.materials .info dl dd ul li{width: 40%; font-size:16px;}
	.materials .info dl dd ul li:nth-of-type(3n){width: 60%;}
	.dedicated_ship dl dd ul{ gap: 20px;  justify-content: center;}
	.dedicated_ship .info dl dd ul li{width: auto;}

	.bonded_warehouse .cont dl dd ul li{padding-left: 10px;}
}

@media (max-width: 500px){
	.sv .bg{height: 330px;}
	.sv .txt h2{font-size:48px}

	.subsidiary .cont .item .img_list figure{width: 100%;}
}



/* 인사제도 */
.hr_process .s_tit { margin-top:150px; }
.hr_process .cont h4 { color:#111; font-size:24px; font-weight:700; line-height:1.3; margin:0; width:180px; text-align:left }
.hr_process .p-list { display:flex; flex-wrap:wrap; align-items:center; }
.hr_process .p-list:not(:last-child) { margin-bottom:40px; }
.hr_process .p-list ul { display:flex; gap:55px; width:calc(100% - 180px); }
.hr_process .p-list li { position:relative; height:80px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:5px; color:#fff; font-size:20px; font-weight:700; line-height:1.3;}
.hr_process .p-list li:before { content:""; display:block; width:55px; height:80px; position:absolute; left:-55px; top:0; background:url(/img/sub/hr_arr.png) 50% 50% no-repeat; }
.hr_process .p-list li:first-child:before { display:none }
.hr_process .p-list.list-1 li { width:calc((100% - 220px) / 5); background:#DE0515; }
.hr_process .p-list.list-2 li { width:calc((100% - 55px) / 2); background:#fff; border:1px solid #B9B9B9; color:#DE0515; }
.hr_process .p-list.list-2 li:nth-child(2) { width:20% }
.hr_process .a-list { display:flex; flex-wrap:wrap; align-items:center; }
.hr_process .a-list ul { display:flex; justify-content:center; gap:78px; width:calc(100% - 180px); padding:22px 230px; border-radius:20px;border:1px dashed #A1A1A1; }
.hr_process .a-list li { position:relative; width:calc((100% - 153px) / 3); text-align:center; }
.hr_process .a-list li:before { content:""; display:block; width:78px; height:18px; position:absolute; left:-78px; top:50%; transform:translateY(-50%); background:url(/img/sub/hr_p.png) 50% 50% no-repeat; }
.hr_process .a-list.list-2 li:before { background:url(/img/sub/hr_arr3.png) 50% 50% no-repeat; }
.hr_process .a-list li:first-child:before { display:none }
.hr_process .a-list li span { display:block; margin-top:10px; color:#111; font-size:20px; font-weight:500; line-height:1.3; }
.hr_process .a-list .box { position:relative; background:#DE0515; clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); width:100%; height:160px; display:flex; align-items:center; justify-content:center;}
.hr_process .a-list .box strong { position:relative; z-index:2; color:#DE0515; font-size:20px; font-weight:600; line-height:1.4; }
.hr_process .a-list.list-1 li .box:before { content:""; display:block; width:55px; height:80px; position:absolute; left:1px; top:1px; clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); width:calc(100% - 2px); height:calc(100% - 2px); background:#fff; }
.hr_process .a-list.list-2 .box strong { color:#fff; }
.hr_process .a-list.list-2 li:nth-child(1) .box { background:#7D92C3 }
.hr_process .a-list.list-2 li:nth-child(2) .box { background:#475C8D }
.hr_process .a-list.list-2 li:nth-child(3) .box { background:#08267B }
.hr_process .a-list .abox { position:relative; padding:0 10px; width:calc(343px - 158px); margin-left:158px; }
.hr_process .a-list .abox:before{ content:""; display:block; width:158px; height:35px; position:absolute; left:-153px; top:50%; transform:translateY(-50%); background:url(/img/sub/hr_arr1.png) 50% 50% no-repeat; }
.hr_process .a-list .abox .box { height:180px; text-align:center; }
.hr_process .a-list .abox .box strong { color:#fff; }
.hr_process .a-list.list-2 .abox .box { background:#051E5A; }
.hr_process .a-txt { margin:20px auto 20px 180px; text-align:center; height:192px; display:flex; align-items:center; justify-content:center; color:#111; font-size:32px; font-weight:800; line-height:1.3; background:url(/img/sub/hr_arr4.png) 50% 50% no-repeat; }
@media (max-width: 1200px){
	.hr_process .a-list ul { display:flex; gap:50px; width:calc(100% - 180px); padding:20px 170px; }
	.hr_process .a-list li { width:calc((100% - 100px) / 3); }
	.hr_process .a-list li:before { width:50px; left:-50px; }
	.hr_process .a-list .abox { width:calc(280px - 120px); margin-left:120px; }
	.hr_process .a-list .abox:before{ width:120px; left:-116px; }
}
@media (max-width: 1000px){
	.hr_process .s_tit { margin-top:100px; }
	.hr_process .cont h4 { font-size:20px; width:100%; text-align:center; margin:20px 0; }
	.hr_process .p-list ul { gap:30px; width:100%; }
	.hr_process .p-list li { height:70px; font-size:18px; }
	.hr_process .p-list li:before { width:30px; height:70px; left:-30px; }
	.hr_process .p-list:not(:last-child) { margin-bottom:30px; }
	.hr_process .p-list.list-1 li { width:calc((100% - 120px) / 5); }
	.hr_process .p-list.list-2 li { width:calc((100% - 30px) / 2); }
	.hr_process .p-list.list-2 { flex-direction:column-reverse; }
	.hr_process .a-list ul { gap:40px; width:100%; padding:14px 100px; }
	.hr_process .a-list li { width:calc((100% - 80px) / 3); }
	.hr_process .a-list li:before { width:40px; left:-40px; }
	.hr_process .a-list .box { height:170px; }
	.hr_process .a-list li span,
	.hr_process .a-list .box strong { font-size:18px; }
	.hr_process .a-list .abox { width:calc(240px - 80px); margin-left:80px; }
	.hr_process .a-list .abox:before{ width:80px; left:-76px; }
	.hr_process .a-list .abox .box { height:170px; }
	.hr_process .a-txt { margin:15px auto; font-size:26px; height:170px; background-size:auto 170px; }
}
@media (max-width: 600px){
	.hr_process .a-list ul { gap:30px; width:100%; padding:10px 15px; }
	.hr_process .a-list li { width:calc((100% - 60px) / 3); }
	.hr_process .a-list li:before { width:30px; left:-30px; background-size:12px auto }
	.hr_process .a-list.list-2 li:before { background-size:6px auto }
	.hr_process .a-list .box { height:130px; }
	.hr_process .a-list li span,
	.hr_process .a-list .box strong { font-size:16px; }
	.hr_process .a-list .abox { width:calc(34% - 50px); margin-left:50px}
	.hr_process .a-list .abox:before{ width:50px; left:-44px; background-size:15px auto }
	.hr_process .a-list .abox .box { height:140px; }
	.hr_process .a-txt { margin:10px auto; font-size:24px; height:150px; background-size:auto 150px; }
}


/* 채용공고 */
.recruitment_process .s_tit { margin-top:150px; }
.recruitment_process .cont h4 { color:#111; font-size:34px; font-weight:700; line-height:1.3; margin:0; }
.recruitment_process .list:not(:last-child) { margin-bottom:100px; }
.recruitment_process .list ul { margin-top:28px; display:flex; flex-wrap:wrap; gap:81px; width:100%; }
.recruitment_process .list li { width:calc((100% - 324px) / 5); text-align:center }
.recruitment_process .list .imgbox { width:100%; position:relative; }
.recruitment_process .list .imgbox:after { content:""; display:block; width:90px; height:26px; position:absolute; left:-85.5px; top:50%; transform:translateY(-50%); background:url(/img/sub/reP_arr1.png) center center no-repeat; }
.recruitment_process .list li:first-child .imgbox:after { display:none }
.recruitment_process .list .imgbox:before { content:""; display:block; padding-bottom:100%; }
.recruitment_process .list .imgbox figure { position:absolute; left:0; top:0; padding:4px; border:2px solid #c1c1c1; border-radius:200px; width:100%; height:100%; }
.recruitment_process .list .imgbox figure span { border-radius:200px; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:url(/img/sub/reP_bg.png) no-repeat center / cover; }
.recruitment_process .list strong { display:block; margin-top:15px; color:#111; font-size:18px; font-weight:600; line-height:1.3; }
.recruitment_process .list.list-2 ul { gap:30px; }
.recruitment_process .list.list-2 li { width:calc((100% - 150px) / 6); }
.recruitment_process .list.list-2 .imgbox:after { width:55px; height:23px; position:absolute; left:-36px; background:url(/img/sub/reP_arr2.png) right center no-repeat; }
@media (max-width: 1000px){
	.recruitment_process .s_tit { margin-top:100px; }
	.recruitment_process .cont h4 { font-size:26px; }
	.recruitment_process .list:not(:last-child) { margin-bottom:70px; }
	.recruitment_process .list ul { gap:60px; }
	.recruitment_process .list li { width:calc((100% - 240px) / 5); }
	.recruitment_process .list .imgbox:after { width:66px; left:-63px;  }
	.recruitment_process .list .imgbox figure span img { height:38px; }
	.recruitment_process .list strong { font-size:16px; }
}
@media (max-width: 800px){
	.recruitment_process .list { display:flex; flex-direction:column; align-items:center; }
	.recruitment_process .list ul { gap:20px 30px; padding:0 10px; }
	.recruitment_process .list li,
	.recruitment_process .list.list-2 li { width:calc((100% - 60px) / 3);}
	.recruitment_process .list .imgbox:after { width:36px; left:-33px;  }
	.recruitment_process .list.list-1 li:nth-child(4) .imgbox:after { display:block }
}