@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700;900&display=swap');

.inner{width: 1400px;margin: 0 auto;}
#header.hidden{height: 0}
#header.act{    background: #091528;}
#header.act #gnb > ul{    background: #091528;}
#sub.bo_view .con01 .txt_area *, #sub.bo_view .con01 .txt_area em, #sub.bo_view .con01 .txt_area b, #sub.bo_view .con01 .txt_area span, #sub.bo_view .con01 .txt_area div, #sub.bo_view .con01 .txt_area h1, #sub.bo_view .con01 .txt_area h2, #sub.bo_view .con01 .txt_area p, #sub.bo_view .con01 .txt_area ul, #sub.bo_view .con01 .txt_area li, #sub.bo_view .con01 .txt_area ol{all: revert;}

#sub.pro_view .con06 .pv_txt .slick-track{margin-left: 0;margin-right: 0}
#sub.stock_info .con01{padding-top: 100px}
.sub_visual{position: relative}
.sub_visual .vis_img{overflow: hidden}
.sub_visual.sub_visual_depth{padding-bottom: 80px;}
.sub_visual.sub_visual_depth:before{bottom: 80px;z-index: 2}
.sub_visual.sub_visual:before{bottom: 0;z-index: 2}
.sub_visual.sub_visual_depth:before{bottom:80px;z-index: 2}
.sub_visual:before{content: '';display: block;height: 304px;position: absolute;left: 0;width: 50%;bottom: 0;background: #091528;opacity: 0.8;}
.sub_visual .vis_txt{position: absolute;top: 405px;width: 100%;z-index: 3}
.sub_visual .vis_txt > div:after{content: '';display: block;clear: both}
.sub_visual .vis_txt > div > div{float: left}
.sub_visual .vis_txt > div > div.v_tit{margin-right: 115px;z-index: 4;}
.sub_visual .vis_txt > div > div.v_tit strong{position: relative;display: block;width: 180px;line-height: 180px;text-align: center;color: #ffffff;font-size: 22px;letter-spacing: -0.5px;border-radius: 50%;background: #1e76fb;font-weight: 500;box-shadow: 15px 15px 30px rgba(0,0,0,0.3)}
.sub_visual .vis_txt > div > div.v_tit strong:before{content: '';display: block;width: 209px;height: 208px;background: url(/img/sub/vis_circle.png);position: absolute;left: 50%;top: 50%;margin-top: -105px;margin-left: -105px;}
.sub_visual .vis_txt > div > div.v_tit strong:after{content: '';display: block;width: 110px;height: 1px;background: #fff;top: 50%;margin-top: -0.5px;position: absolute;left: 162px;}
.sub_visual .vis_txt > div > div.v_loc{padding-left: 40px;padding-top: 67px;}
.sub_visual .vis_txt > div > div.v_loc button{display: block;color: #ffffff;font-size: 34px;letter-spacing: -0.5px;background: none;border: none;font-family: 'AppleSDGothicNeo', sans-serif;margin-bottom: 35px;position: relative}
.sub_visual .vis_txt > div > div.v_loc button:before{content: '';display: block;width: 11px;height: 11px;border: 3px solid #ffffff; border-radius: 50%;box-sizing: border-box;position: absolute;left: -40px;top: 50%;margin-top: -5.5px;}
.sub_visual .vis_txt > div > div.v_loc ul li a{display: block;line-height: 40px;letter-spacing: -0.5px;color: #c8d6e6;font-size: 18px;transition: 0.6s}
.sub_visual .vis_txt > div > div.v_loc ul li:hover a{color: #fff}
.sub_visual .v_loc2{position: absolute;bottom: 0;z-index: 3;width: 100%;background: #061129}
.sub_visual .v_loc2 > div > ul:after{content: '';display: block;clear: both}
.sub_visual .v_loc2 > div > ul > li{float: left;margin-right: 50px;position: relative}
.sub_visual .v_loc2.v_loc2_view > div > ul > li{margin-right: 0;}
.sub_visual .v_loc2 > div > ul > li ul{position: absolute;width: 100%;border: 1px solid #061129;border-top: none;background: #f5f7fa;display: none}
.sub_visual .v_loc2 > div > ul > li ul li a{display: block;line-height: 50px;color: #60739b;font-size: 18px;letter-spacing: -0.5px;padding-left: 24px;transition: 0.6s}
.sub_visual .v_loc2 > div > ul > li ul li:hover a{color: #061129}
.sub_visual .v_loc2 > div > ul > li button{width: 195px;height: 80px;background: none;font-family: 'AppleSDGothicNeo', sans-serif;text-align: left;color: #60739b;font-size: 18px;letter-spacing: -0.5px;font-weight: 600;padding-left: 20px;background: url(/img/sub/btn_arrow.png) no-repeat center right}
.sub_visual .v_loc2 > div > ul > li:nth-child(1) button{background: #0c2150 url(/img/sub/btn_arrow.png) no-repeat center right;color: #fff;}
.sub_visual .v_loc2 > div > ul > li:last-child{margin-right: 0}
.sub_visual .v_loc2 > div > ul > li > a{display: block;color: #60739b;font-size: 18px;letter-spacing: -0.5px;line-height: 80px;position: relative;transition: color 0.6s}
.sub_visual .v_loc2 > div > ul > li > a.cursor{cursor: default}
.sub_visual .v_loc2 > div > ul > li:hover > a.cursor{color: #60739b}
.sub_visual .v_loc2 > div > ul > li:hover > a{color: #fff}
.sub_visual .v_loc2 > div > ul > li.on > a:before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;border: 2px solid #ffffff; box-sizing: border-box;border-radius: 50%;margin-right: 5px;position: relative;top: -1px;}
.sub_visual .v_loc2 > div > ul > li.on > a{color: #fff}
.full_loc{padding-top: 70px;}
.sub_loc{text-align: right;margin-bottom: 75px;}
.sub_loc ul{display: inline-block}
.sub_loc ul li{display: inline-block}
.sub_loc ul li, .sub_loc ul li *{color: #646a77;font-weight: 400;letter-spacing: -0.5px;font-size: 16px;}
.sub_loc ul li a{color: #1e76fb;font-weight: 400;}
.sub_loc ul li a:before{content: '';display: inline-block;vertical-align: middle;width: 7px;height: 7px;border-radius: 50%;box-sizing: border-box;border: 2px solid #1e76fb;margin-right: 7px;}
.sub_loc ul li:nth-child(1):after{content: '';display: inline-block;width: 32px;height: 1px;background: #1e76fb;vertical-align: middle;margin-left: 17px;margin-right: 8px;}
.sub_loc ul li:after{content: '';display: inline-block;vertical-align: middle;width: 4px;height: 4px;border-radius: 50%;box-sizing: border-box;border: 1px solid #6e7380;margin-left: 12px;margin-right: 7px;}
.sub_loc ul li:last-child:after{display: none}
.sub_con{padding-top: 80px;padding-bottom: 195px;}
.sub_tit{margin-bottom: 115px;}
.sub_tit strong{display: block;text-align: center;color: #0b162e;font-size: 38px;font-weight: 500}
.sub_tit:after{content: '';display: block;width: 10px;height: 10px;box-sizing: border-box;border: 2px solid #c8d6e0; border-radius: 50%;margin: 0 auto;margin-top: 30px;}

#sub.ci .con01{padding-top: 55px;background: url(/img/sub/ci_bg.png) no-repeat right bottom;text-align: center}
#sub.ci .con01 img{text-align: center;max-width: 90%}
#sub.product .sch_tit:after{content: '';display: block;clear: both}
#sub.product .sch_tit{border-bottom: 1px solid #838da1; padding-bottom: 20px;margin-bottom: 80px;}
#sub.product .sch_tit strong{float: left;font-size: 24px;color: #0b162e;}
#sub.product .sch_tit strong span{color: #838da1}
#sub.product .sch_tit a{float: right}
#sub.product.search_info .con02{margin-bottom: 95px;}
#sub.product.search_info .con02.last{margin-bottom: 0;}
#sub .scr{background: #f5f8fc;padding-top: 190px;padding-bottom: 60px;}
#sub .scr ul{width: 850px;margin: 0 auto;}
#sub .scr ul:after{content: '';display: block;clear: both}
#sub .scr ul li{float: left;width: 14.7%;margin-right: 2.24%;margin-bottom: 24px;}
#sub .scr ul li:nth-child(1){margin-left: 7.35%}
#sub .scr ul li:last-child{margin-right: 0}
#sub .scr ul li a{display: block;text-align: center;line-height: 47px;color: #49546b;font-size: 18px;letter-spacing: -0.5px;background: #fff;border: 1px solid #d4d8e5; border-radius: 4px;}
#sub .scr ul li.on a{background: #1e76fb;border-color: #1e76fb;color: #fff}
#sub.ci .con01 .line img{display: block;margin: 0 auto;}
#sub.ci .con01 .txt{margin-top: -3px;}
#sub.ci .con01 .txt ul{text-align: center}
#sub.ci .con01 .txt ul li{width: 313px;display: inline-block;margin-right: 39px;border-radius: 28px;box-shadow: 15px 15px 30px rgba(0,0,0,0.1);box-shadow: 0 10px 40px rgba(0,0,0,0.1);}
#sub.ci .con01 .txt ul li:nth-child(1){background: url(/img/sub/ci_bg01.jpg) center center;border: 1px solid #2e80fb}
#sub.ci .con01 .txt ul li:nth-child(2){background: url(/img/sub/ci_bg02.jpg) center center}
#sub.ci .con01 .txt ul li:nth-child(3){background: url(/img/sub/ci_bg03.jpg) center center}
#sub.ci .con01 .txt ul li:nth-child(4){background: url(/img/sub/ci_bg04.jpg) center center}
#sub.ci .con01 .txt ul li:last-child{margin-right: 0}
#sub.ci .con01 .txt ul li strong{display: block;line-height: 130px;color: #ffffff;font-size: 24px;font-weight: 500}
#sub.ci .con01 .txt ul li:nth-child(1) strong{color: #0b162e}
#sub.ci .con01 .txt ul li:nth-child(1) strong span{color: #0b162e}
#sub.ci .con01 .txt ul li strong span{display: inline-block;color: #e9f0ff;font-size: 24px;margin-left: 10px;font-weight: 400;opacity: 0.4}
#sub.ci .con01 .txt2{padding-top: 130px;padding-bottom: 160px;position: relative}
#sub.ci .con01 .txt2 .t_deco{position: absolute;left: 50%;top: 50%;margin-top: -150px;}
#sub.ci .con01 .txt2 .t_deco{transform: scale(0);}
#sub.ci .con01.on .txt2 .t_deco{transform: scale(1);transition: 1.5s;transition-delay: 1s}
#sub.ci .con01.on .txt2 .t_deco02{transition-delay: 1.3s}
#sub.ci .con01 .txt2 .t_deco > div{position: relative}
#sub.ci .con01 .txt2 .t_deco > div em{position: absolute;font-size: 20px;left: 50%;color: #97c1ff;font-size: 24px;}
#sub.ci .con01 .txt2 .t_deco01{margin-left: -300px;margin-top: -110px;}
#sub.ci .con01 .txt2 .t_deco01 em{bottom: 30%}
#sub.ci .con01 .txt2 .t_deco.t_deco02 em{top: 36%;left: 25%}
#sub.ci .con01 .txt2 .t_deco02{margin-left: 30px;margin-top: -182px;}
#sub.ci .con01 .txt2 strong{display: block;text-align: center;letter-spacing: -0.7px;color: #ffffff;font-size: 54px;font-weight: 400;line-height: 1}
#sub.ci .con01 .txt2 strong span{font-weight: 500}
#sub.ci .con02{padding-top: 163px;}
#sub.ci .sub_tit2{margin-bottom: 110px;}
#sub .sub_tit2 strong{display: block;color: #0b162e;font-weight: 500;text-align: center;font-size: 30px;position: relative}
#sub .sub_tit2 strong:before{content: '';display: block;width: 7px;height: 7px;box-sizing: border-box;border: 2px solid #0b162e; border-radius: 50%;margin: 0 auto;margin-bottom: 10px;position: relative;z-index: 2;background: #fff}
#sub .sub_tit2 strong:after{content: '';display: block;width: 25px;height: 1px;background: #0b162e; position: absolute;top: 3px;position: absolute;left: 50%;margin-left: -12.5px;}
#sub.ci .con02 .in{background: #f5f8fc;padding-top: 75px;padding-bottom: 80px;}
#sub.ci .con02 .in ul{margin-top: 30px;}
#sub.ci .con02 .in ul:after{content: '';display: block;clear: both}
#sub.ci .con02 .in ul li{float: left;width: 46%;position: relative;padding-left: 145px;}
#sub.ci .con02 .in ul li strong{position: absolute;left: 0;color: #0b162e;font-size: 24px;letter-spacing: -0.5px;font-weight: 500}
#sub.ci .con02 .in ul li:nth-child(1){margin-right: 8%;}
#sub.ci .con02 span, #sub.ci .con03 span{color: #49546b;font-size: 20px;letter-spacing: -0.5px;}
#sub.ci .con03{padding-top: 85px;margin-bottom: 200px;}
#sub.ci .con03 .in{margin-top: 50px;}
#sub.ci .con03 .in:after{content: '';display: block;clear: both}
#sub.ci .con03 .in .left{float: left}
#sub.ci .con03 .in .right{float: right}
#sub .d_btn ul{text-align: center}
#sub .d_btn ul li{display: inline-block;margin-right: 80px}
#sub .d_btn ul li:last-child{margin-right: 0}
#sub .d_btn ul li a{display: block;width: 185px;line-height: 49px;background: #0e265e;color: #fff;color: #ffffff;font-weight: 500;letter-spacing: -0.5px;padding-left: 20px;text-align: left;position: relative}
#sub .d_btn ul li a:after{content: '';display: block;width: 45px;height: 45px;background: url(/img/sub/d_arrow.png);position: absolute;right: 0;top: 50%;margin-top: -22.5px;border-radius: 50%;transition: 0.6s}
#sub .d_btn ul li:hover a:after{transform: translate(10px, 10px);background: #1e76fb url(/img/sub/d_arrow.png);}
#sub .loc2{height: 65px;}
#sub .loc2.fix div{position: fixed;top: 0;left: 0}
#sub .loc2 div{background: #fff;text-align: center;position: relative;width: 100%;z-index: 5}
#sub .loc2 div ul li:nth-child(1){margin-left: 0}
#sub .loc2 div ul li{display: inline-block;margin-left: -5px;}
#sub .loc2 div ul li a{display: block;width: 180px;line-height: 62px;padding-left: 19px;color: #49546b;font-size: 20px;letter-spacing: -0.5px;font-weight: 600;text-align: left;border: 1px solid #d7d8d9;border-left: none;position: relative;background: #fff}
#sub .loc2 div ul li.on a{background: #1e76fb;color: #fff;border-color: #d7d8d9;box-shadow: 10px 10px 20px rgba(0,0,0,0.1);transition: 0.6s}
#sub .loc2 div ul li a:after{content: '';display: block;width: 0;height: 2px;top: 50%;right: 0;background: #fff;margin-top: -1px;position: absolute}
#sub .loc2 div ul li a:after{width: 80px;}
#sub.direction .con01{margin-top: 60px;}
#sub.direction .con01 .tab{border-bottom: 1px solid #dddddd}
#sub.direction .con01 .tab ul{text-align: center}
#sub.direction .con01 .tab ul li{display: inline-block;margin-right: 120px;}
#sub.direction .con01 .tab ul li:last-child{margin-right: 0}
#sub.direction .con01 .tab ul li a{display: block;line-height: 60px;padding: 0 18px;color: #49546b;font-size: 20px;position: relative}
#sub.direction .con01 .tab ul li a:after{content: ''; display: block;background: #2e80fb;width: 100%;height: 1px;bottom: -1px;position: absolute;left: 0;opacity: 0}
#sub.direction .con01 .tab ul li.on a:after{opacity: 1}
#sub.direction .con01 .tab ul li a:before{content: ''; display: block;border: 2px solid #1e76fb;width: 7px;height: 7px;position: absolute;left: 50%;margin-left: -3.5px;box-sizing: border-box;bottom: -3.5px;border-radius: 50%;background: #fff;z-index: 2;opacity: 0}
#sub.direction .con01 .tab ul li.on a:after{opacity: 1}
#sub.direction .con01 .tab ul li.on a:before{opacity: 1}
#sub.direction .con01 .tab ul li.on a{color: #1e76fb}
#sub.direction .con01 .map{margin-top: 150px;position: relative}
#sub.direction .con01 .map .w_map{overflow: hidden;height: 600px}
#sub.direction .con01 .map .txt_area{position: absolute;right: 105px;bottom: -175px;}
#sub.direction .con01 .map .txt_area .txt{width: 410px;height: 410px;border-radius: 50%;background: linear-gradient(-20deg, #005cf2 0%, #2cadff 100%);text-align: center;padding-top: 135px;}
#sub.direction .con01 .map .txt_area .txt i{display: block;margin-bottom: 30px;}
#sub.direction .con01 .map .txt_area .txt strong{color: #ffffff;line-height: 50px;letter-spacing: -0.5px;font-size: 30px;}
#sub.direction .con02{padding-top: 248px;}
#sub.direction .con02 > div > ul{position: relative}
#sub.direction .con02 > div > ul > li{position: relative;min-height: 164px;padding-left: 220px}
#sub.direction .con02 > div > ul > li:nth-child(1){margin-bottom: 190px;}
#sub.direction .con02 > div > ul > li .sym{position: absolute;left: 0}
#sub.direction .con02 > div > ul > li strong{display: block;color: #0b162e;font-size: 30px;font-weight: 600;letter-spacing: -0.5px;padding-left: 10px}
#sub.direction .con02 > div > ul > li ul{margin-top: 15px;border-top: 1px solid #b5b9c0;padding-top: 25px;padding-left: 10px}
#sub.direction .con02 > div > ul > li ul li{color: #49546b;font-size: 22px;letter-spacing: -0.5px;line-height: 45px;position: relative;padding-left: 180px;}
#sub.direction .con02 > div > ul > li ul li span{position: absolute;;left: 0;font-weight: 600;color: #9aa1af}
#sub.rnd .con01{margin-bottom: 75px;padding-top: 105px;position: relative}
#sub.rnd .con01 i{position: absolute;right: 0;top: 0}
#sub.rnd .con01 p{color: #0b162e;font-size: 30px;letter-spacing: -0.7px;line-height: 58px;text-align: center;position: relative;z-index: 2;word-break: keep-all}
#sub.rnd .con01 p span{color: #1e76fb}
#sub.rnd .con01 p em{color: #7a849a}
#sub.rnd .con02{overflow: hidden}
#sub.rnd .con02 ul:after{content: '';display: block;clear: both}
#sub.rnd .con02 ul li{float: left;width: 31.32%;box-shadow: 20px 20px 40px rgba(0,0,0,0.1);margin-right: 2.87%;margin-bottom: 2.87%;}
#sub.rnd .con02 ul li:nth-child(3n){margin-right: 0;}
#sub.rnd .con02 ul li.line2 a .txt{margin-top: -34.5px}
#sub.rnd .con02 ul li a{display: block;position: relative;overflow: hidden}
#sub.rnd .con02 ul li a img{display: block}
#sub.rnd .con02 ul li a:before{content: '';display: block;width: 100%;height: 100%;background: #000000;opacity: 0.7;position: absolute;top: 0;left: 0;transition: 0.8s}
#sub.rnd .con02 ul li:hover a:before{background: #1553bb}
#sub.rnd .con02 ul li a .txt{position: absolute;width: 100%;z-index: 2;top: 0;left: 0;width: 100%;text-align: center;top: 50%;margin-top: -17.5px;transition: 0.8s}
#sub.rnd .con02 ul li:hover a .txt{transform: translateY(-45px)}
#sub.rnd .con02 ul li a .txt strong{display: block;color: #ffffff;font-size: 26px;letter-spacing: -0.7px;font-weight: 500;margin-bottom: 33px;}
#sub.rnd .con02 ul li a .txt span{display: block;width: 87px;height: 87px;margin: 0 auto;position: relative;opacity: 0;transition: 0.8s}
#sub.rnd .con02 ul li:hover a .txt span{opacity: 1}
#sub.rnd .con02 ul li a .txt span:before{content: '';display: block;width: 102px;height: 102px;background: url(/img/sub/view_on.png);left: 50%;margin-left: -51px;top: 50%;margin-top: -51px;position: absolute}
#sub.rnd01 .con01 p{color: #0b162e;font-weight: 500;letter-spacing: -0.5px;line-height: 36px;text-align: center;font-size: 20px;}
#sub.rnd01 .sub_tit2{margin-bottom: 55px;}
#sub.rnd01 .con01{margin-bottom: 125px;}
#sub.rnd01 .con01.con01_mt{margin-top: 100px;}
#sub.rnd01 .con01.con01_bottom{margin-bottom: 0}
#sub.rnd01 .con01 p.mb{margin-bottom: 35px;}
#sub.rnd01 .con01 p span{color: #1e76fb}
#sub.rnd01 .con02{margin-bottom: 135px;}
#sub.rnd01 .con06{margin-top: 150px;}
#sub.rnd01.rnd05 .con02{margin-bottom: 0;}
#sub.rnd01.rnd07 .con02{margin-bottom: 0;}
#sub.rnd01 .con02 .in{background: url(/img/sub/rnb01_bg.jpg) no-repeat center top;padding-top: 65px;text-align: center}
#sub.rnd01.rnd03 .con02 .in{background: url(/img/sub/rnd_bg3.jpg) no-repeat center top;}
#sub.rnd01.rnd04 .con02 .in{background: url(/img/sub/jj_bg.jpg) no-repeat center top;padding: 165px 0;padding-bottom: 0}
#sub.rnd01.rnd05 .con02 .in{background: url(/img/sub/rnd_bg5.jpg) no-repeat center top;padding: 165px 0}
#sub.rnd01.rnd05 .con02_02 .in{background: url(/img/sub/rnd_bg6.png) no-repeat center top;padding: 105px 0}
#sub.rnd01.rnd07 .con02 .in{background: url(/img/sub/rnd_bg7.jpg) no-repeat center top;padding: 125px 0}
#sub.rnd01 .con02 .in p{color: #b0b7c4;letter-spacing: -0.5px;font-size: 20px;;line-height: 38px;text-align: center;margin-bottom: 60px;}
#sub.rnd01 .con02 .in strong{display: block;color: #b0b7c4;letter-spacing: -0.5px;font-size: 24px;;line-height: 38px;text-align: center;margin-bottom: 85px;font-weight: 400}
#sub.rnd01 .con02 .in strong span{color: #fff;}
#sub.rnd01.rnd04 .con02{margin-bottom: 0}
#sub.rnd01.rnd04 .con02 .in strong{margin-bottom: 38px;}
#sub.rnd01 .con02 .in p span{color: #fff}
#sub.rnd01 .con02 .in p span{color: #fff}
#sub.rnd01 .con01 .box{background: #fff;box-shadow: 25px 25px 50px rgba(0,0,0,0.1);margin-top: 70px;}
#sub.rnd01 .con01 .box img{max-width: 100%}
#sub.rnd01 .con01 .box{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.6s}
#sub.rnd01 .con01.on .box{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con02 .in .box{background: #fff;padding: 45px;box-shadow: 25px 25px 50px rgba(0,0,0,0.1)}
#sub.rnd01 .con02 .in .box2{background: #fff;padding: 45px;box-shadow: 25px 25px 50px rgba(0,0,0,0.1)}
#sub.rnd01 .con02 .in .box2 .list01 ul{position: relative}
#sub.rnd01 .con02 .in .box2 .list01 ul li{position: absolute;top: 0;left: 0}
#sub.rnd01 .con02 .in .box2 .list01 ul li:nth-child(1){position: relative}
#sub.rnd01 .con02 .in .box2 .list01 i{display: block;width: 982px;height: 11px;background: url(/img/sub/jj_arrow.png);position: absolute;left: 50%;margin-left: -491px;top: 0}
#sub.rnd01 .con02 .in .box2 .list01 div{position: relative;margin-top: 20px;padding-top: 40px;}
#sub.rnd01 .con02 .in .box2 .list01 strong{display: block;text-align: center;color: #253569;font-size: 18px;}
#sub.rnd01 .con02 .in .box2 .list02{text-align: center;background: #f5f8fc; padding: 50px 0}
#sub.rnd01 .con02 .in .box2 .list02 ul li{display: inline-block;margin-right: 65px}
#sub.rnd01 .con02 .in .box2 .list02 ul li:last-child{margin-right: 0}
#sub.rnd01 .con02 .in .box .img_w{margin-bottom: 70px;}
#sub.rnd01 .con02 .in ul{position: relative;display: inline-block}
#sub.rnd01 .con02 .in .box ul li{position: absolute;top: 0;left: 0;}
#sub.rnd01 .con02 .in ul li img{max-width: 100%}
#sub.rnd01 .con02 .in ul li:nth-child(1){position: relative;top: 0;left: 0}
#sub.rnd01 .con02 .box strong, #sub.rnd01 .con03 .box strong, #sub.rnd01 .con02 .box2 strong{display: block;color: #3a3e47;font-size: 20px;margin-bottom: 55px;}
#sub.rnd01 .con03 strong{display: block;color: #0b162e;font-weight: 500;letter-spacing: -0.5px;line-height: 36px;text-align: center;font-size: 24px;margin-bottom: 35px;}
#sub.rnd01 .con03 strong span{color: #1e76fb}
#sub.rnd01 .con03 p{color: #0b162e;font-weight: 500;letter-spacing: -0.5px;line-height: 36px;text-align: center;font-size: 20px;}
#sub.rnd01 .con03 p span{color: #1e76fb}
#sub.rnd01 .con03 .box{background: #fff;padding: 50px 10px;box-shadow: 25px 25px 50px rgba(0,0,0,0.1);margin-top: 85px;text-align: center}
#sub.rnd01 .con04{padding-bottom: 190px;position: relative;padding-top: 70px;}
#sub.rnd01 .con04:before{content: '';display: block;width: 40%;height: 60%;background: #f5f8fc;top: 0;left: 0;position: absolute}
#sub.rnd01 .con04:after{content: '';display: block;width: 36%;height: 70%;background: #f5f8fc;bottom: 80px;right: 0;position: absolute}
#sub.rnd01 .con04 ul{position: relative;z-index: 2}
#sub.rnd01 .con04 ul li:nth-child(1){position: relative;display: inline-block}
#sub.rnd01 .con04 ul li:nth-child(1) .txt{position: absolute;top: 133px;right: -140px;}
#sub.rnd01 .con04 ul li:nth-child(1) .txt strong{font-size: 20px;color: #3a3e47}
#sub.rnd01 .con04 ul li:nth-child(2){position: absolute;right: 0;top: 190px}
#sub.rnd01 .con05{position: relative}
#sub.rnd01.rnd06 .con03{margin-top: 150px;}
#sub.rnd01 .con05:after{content: '';display: block;width: 100%;height: 241px;position: absolute;background: url(/img/sub/vaccine_bg.png);top: 50%;margin-top: -120.5px;}
#sub.rnd01 .con05 ul{text-align: center;position: relative;z-index: 2}
#sub.rnd01 .con05 ul li{display: inline-block;width: 230px;height: 230px;border-radius: 50%;border: 4px solid #1e76fb;padding-top: 30px;margin-right: 57px;position: relative;box-shadow: 15px 15px 30px rgba(0,0,0,0.1);background: #fff}
#sub.rnd01 .con05 ul li:after{content: '';display: block;width: 244px;height: 243px;background: url(/img/sub/vaccine_cir01.png);position: absolute;top: 50%;left: 50%;margin-left: -122px;margin-top: -122px}
#sub.rnd01 .con05 ul li:last-child{margin-right: 0}
#sub.rnd01 .con05 ul li:nth-child(2n){border-color: #123482}
#sub.rnd01 .con05 ul li i{display: block;}
#sub.rnd01 .con05 ul li i img{display: block;margin: 0 auto;}
#sub.rnd01 .con05 ul li strong{display: block;color: #2e394a;font-size: 20px;letter-spacing: -0.5px;line-height: 28px;margin-top: 15px;}
#sub.talent .sub_con{padding-bottom: 0}
#sub.talent .con01{margin-bottom: 150px;}
#sub.talent .con01 ul:after{content: '';display: block;clear: both}
#sub.talent .con01 ul li{float: left;width: 25%;position: relative}
#sub.talent .con01 ul li:hover{z-index: 2}
#sub.talent .con01 ul li .img{position: relative;transition: 0.6s}
#sub.talent .con01 ul li:hover .img{position: relative;transform: scale(1.1)}
#sub.talent .con01 ul li .img:after{content: '';display: block;width: 100%;height: 100%;position: absolute;background: #000;top: 0;left: 0;opacity: 0.5;transition: 0.6s}
#sub.talent .con01 ul li:hover .img:after{background: #001a42}
#sub.talent .con01 ul li .txt{position: absolute;width: 100%;;top: 0;text-align: center;top: 50%;margin-top: -115px;}
#sub.talent .con01 ul li .txt i{display: block;margin-bottom: 30px;}
#sub.talent .con01 ul li .txt strong{display: block;font-size: 26px;letter-spacing: -0.5px;color: #ffffff;margin-bottom: 25px;}
#sub.talent .con01 ul li .txt p{display: block;font-size: 18px;letter-spacing: -0.5px;color: #becadc;font-weight: 600}
#sub.talent .con02 .sub_tit2{margin-bottom: 80px;}
#sub.talent .con02 .in{background: #f5f8fc;padding-bottom: 80px;padding-top: 120px;}
#sub.talent .con02 .in ul:after{content: '';display: block;clear: both}
#sub.talent .con02 .in ul{padding-left: 5px;}
#sub.talent .con02 .in ul li{float: left;width: 31.42%;margin-right: 2.87%;background: #fff;padding-top: 65px;height: 430px;margin-bottom: 2.87%;text-align: center;}
#sub.talent .con02 .in ul li .icon{margin-bottom: 15px}
#sub.talent .con02 .in ul li strong{display: block;font-size: 26px;color: #2e394a;letter-spacing: -0.5px;margin-bottom: 15px;}
#sub.talent .con02 .in ul li p{display: block;font-size: 18px;color: #9fadc3;letter-spacing: -0.5px;line-height: 1.5}
#sub.talent .con02 .in ul li:nth-child(3n){margin-right: 0}
#sub.talent .con03{padding-top: 90px;padding-bottom: 200px;}
#sub.talent .con03 ul{margin-top: 75px}
#sub.talent .con03 ul li{margin-bottom: 20px}
#sub.talent .con03 p{font-size: 18px;letter-spacing: -0.7px;color: #9fadc3;font-weight: 600}
#sub.talent .con03 p span{color: #176ef3}
/* #sub.talent .con02 .in ul li{display: inline-block;margin-left: -5px;;width: 25%;text-align: center;vertical-align: top;margin-bottom: 70px;}
#sub.talent .con02 .in ul li i{display: inline-block;position: relative}
#sub.talent .con02 .in ul li i:after{content: '';width: 197px;height: 197px;background: url(/img/sub/tal_cir01.png);position: absolute;top: 50%;left: 50%;margin-top: -98.5px;margin-left: -98.5px;}
#sub.talent .con02 .in ul li:nth-child(2n) i:after{background: url(/img/sub/tal_cir02.png);}
#sub.talent .con02 .in ul li img{display: block}
#sub.talent .con02 .in ul li strong{display: block;color: #2e394a;font-size: 26px;letter-spacing: -0.5px;margin-top: 30px;margin-bottom: 12px;}
#sub.talent .con02 .in ul li p{display: block;color: #9fadc3;font-size: 18px;letter-spacing: -0.5px;line-height: 28px;} */

#sub.bo_list .sub_tit2{margin-bottom: 90px;}
#sub.re_list .con02{position: relative}
#sub.re_list .con02:after{content: '';display: block;width: 100%;height: 241px;position: absolute;background: url(/img/sub/vaccine_bg.png);top: 50%;margin-top: -70.5px;}

#sub.re_list .con02 span{display: block;color: #82868d;font-size: 16px;letter-spacing: -0.5px;margin-bottom: 45px;}
#sub.re_list .con02 .in ul:after{content: '';display: block;clear: both}
#sub.re_list .con02 .in ul{padding-left: 5px;position: relative;z-index: 1}
#sub.re_list .con02 .in ul li{display: inline-block;margin-left: -5px;;width: 25%;text-align: center;vertical-align: top;margin-bottom: 70px;}
#sub.re_list .con02 .in ul li i{display: inline-block;position: relative;margin-bottom: 40px}
#sub.re_list .con02 .in ul li i:after{content: '';width: 197px;height: 197px;background: url(/img/sub/tal_cir01.png);position: absolute;top: 50%;left: 50%;margin-top: -98.5px;margin-left: -98.5px;}
#sub.re_list .con02 .in ul li:nth-child(2n) i:after{background: url(/img/sub/tal_cir02.png);}
#sub.re_list .con02 .in ul li img{display: block}
#sub.re_list .con02 .in ul li p{display: block;color: #2e394a;font-size: 20px;letter-spacing: -0.5px;line-height: 34px;font-weight: 600}
#sub .sch_area{width: 475px;margin: 0 auto;position: relative}
#sub.da_list .sch_area{margin-top: 125px}
#sub .sch_area input[type="text"]{width: 100%;height: 60px;border: 3px solid #e1e4ed;box-sizing: border-box;border-radius: 30px;font-size: 16px}
#sub .sch_area input[type="submit"]{position: absolute;display: block;width: 60px;height: 60px;background: url(/img/sub/sch_icon.png);right: 0;top: 0;text-indent: -9999px;border: none;}
#sub .paging ul{text-align: center}
#sub .paging ul li{display: inline-block}
#sub .paging ul li a{display: block;width: 31px;height: 31px;line-height: 31px;border-radius: 50%;color: #777777;font-size: 15px}
#sub .paging ul li.prev a, #sub .paging ul li.next a{text-indent: -9999px;}
#sub .paging ul li.prev a{background: url(/img/sub/prev.png)}
#sub .paging ul li.next a{background: url(/img/sub/next.png)}
#sub .paging ul li.on a{background: #1e76fb;color: #fff;position: relative}
#sub .paging ul li.on a:after{content: '';display: block;width: 40px;height: 40px;top: 50%;margin-top: -20.5px;left: 50%;margin-left: -20.5px;border: 1px solid #d5e5fe; border-radius: 50%;position: absolute}
#sub.bo_list table{width: 100%;border-collapse: collapse;text-align: center;margin-top: 75px;margin-bottom: 75px}
#sub.bo_list table {border-top: 1px solid #e5e7ea}
#sub.bo_list table td{height: 80px;vertical-align: middle;border-bottom: 1px solid #e5e7ea}
#sub.bo_list table th{height: 80px;vertical-align: middle;background: #263050;color: #ffffff;font-size: 20px;box-shadow: 10px 10px 20px rgba(0,0,0,0.1)}
#sub.bo_list table th.tit{width: 60%}
#sub.bo_list table td.file a{text-align: center}
#sub.bo_list table a{display: block;text-align: left;color: inherit;font-size: inherit}
#sub.bo_list table a span{font-weight: 600}
#sub.bo_list table td.num, #sub.bo_list table td.cate, #sub.bo_list table td.stat{width: 150px}
#sub.bo_list table td{font-size: 20px;letter-spacing: -0.7px;color: #49546b;}
#sub.bo_list table td.tit{width: 45%}
#sub.bo_list.bo_list2 table td.tit{width: 60%}
#sub.bo_list table tr.notice{background: #f7f8fb}
#sub.bo_list.re_list table td.tit{width: 40%}
#sub.bo_list table td.time, #sub.bo_list table td.stat{font-size: 16px;}

#sub.faq .list{padding-top: 55px;padding-bottom: 70px;}
#sub.faq .list > ul{border-top: 2px solid #e8efe8}
#sub.faq .list ul li .tit{border-bottom: 2px solid #e8efe8;cursor: pointer}
#sub.faq .list ul li .tit{background: url(/img/sub/faq_bg01.png) no-repeat right center }
#sub.faq .list ul li .tit.on{background: #263050 url(/img/sub/faq_bg02.png) no-repeat right center }
#sub.faq .list ul li .tit.on i.icon{color: #fff;}
#sub.faq .list ul li .tit.on strong{color: #fff;}
#sub.faq .list ul li .tit{position: relative;padding-left: 80px;}
#sub.faq .list ul li .tit i.icon{position: absolute;line-height: 84px;color: #49546b;font-size: 20px;font-family: inherit;left: 25px;}
#sub.faq .list ul li .tit strong{display: block;line-height: 40px;color: #49546b;font-size: 20px;letter-spacing: -0.5px;font-weight: 400;padding: 20px 0}
#sub.faq .list ul li .txt {position: relative; padding-left: 80px;border-bottom: 1px solid #c9c9c9;color: #9296a0 !important}
#sub.faq .list ul li .txt{display: none}
#sub.faq .list ul li .txt div{padding-top: 30px;padding-bottom: 60px;}
#sub.faq .list ul li .txt p * {color: inherit !important}
#sub.faq .list ul li .txt i.icon{position: absolute;line-height: 1.8;color: #49546b !important;font-size: 20px;font-family: inherit;left: 25px;}
#sub.faq .list ul li .txt p{display: block;line-height: 1.8;color: #9296a0;font-size: 18px;letter-spacing: -0.5px;}
#sub.bo_view .con01 .tit{border-bottom: 1px solid #dddddd;position: relative;padding-bottom: 30px}
#sub.bo_view .con01 .tit:after{content: '';position: absolute;display: block;width: 10px;height: 10px;background: #fff;border-radius: 50%;box-sizing: border-box;border: 2px solid #c8d6e0;left: 50%;margin-left: -5px;bottom: -5px;}
#sub.bo_view .con01 .tit strong{display: block;text-align: center;color: #0b162e;font-size: 30px;font-weight: 900;letter-spacing: -0.5px;margin-bottom: 20px}
#sub.bo_view .con01 .tit p{display: block;text-align: center;color: #9fa3ac;font-size: 22px;font-weight: 400;letter-spacing: -0.5px;}
#sub.bo_view .con01 .txt_area{min-height: 520px; padding: 60px 30px;}
#sub.bo_view .con01 .file{border-top: 1px solid #e5e7ea; border-bottom: 1px solid #ddd;padding: 20px 33px;background: #f7f8fb}
#sub.bo_view .con01 .file a{display: block;line-height: 40px;}
#sub.bo_view .con01 .file a > *{display: inline-block;vertical-align: middle}
#sub.bo_view .con01 .file a i{margin-right: 16px;}
#sub.bo_view .con01 .file a span{font-size: 16px;color: #5c77a0;letter-spacing: -0.5px;text-decoration: underline}
#sub.bo_view .con02{margin-top: 60px}
#sub.bo_view .con02 a{display: block;margin: 0 auto; width: 135px;line-height: 135px;text-align: center;border-radius: 50%;background: #1e76fb;font-size: 18px;font-weight: 600;color: #fff;position: relative;box-shadow: 15px 25px 40px rgba(33,77,144,0.3)}
#sub.bo_view .con02 a:after{content: '';display: block;width: 150px;height: 150px;background: url(/img/sub/list_bg.png);background-size: 100% 100%;position: absolute;top: 50%;left: 50%;margin-left: -75px;margin-top: -75px;}
#sub.bo_view .con02 a ul{display: inline-block;vertical-align: middle;margin-left: 5px;position: relative;top: -2px;}
#sub.bo_view .con02 a ul li{width: 14px;height: 2px;background: #fff;margin-bottom: 3px;}
#sub.bo_view .con02 a ul li:last-child{margin-bottom: 0}
#sub .depth_tab{margin-top: 50px;}
#sub .depth_tab .d01{border-bottom: 1px solid #dddddd}
#sub .depth_tab .d01 ul{text-align: center}
#sub .depth_tab .d01 ul li{display: inline-block;position: relative}
#sub .depth_tab .d01 ul li.on:after{content: '';display: block;position: absolute;width: 8px;height: 8px;border: 2px solid #49546b; border-radius: 50%;left: 50%;margin-left: -4px;bottom: -11px;}
#sub .depth_tab .d01 ul li.on a{color: #49546b}
#sub .depth_tab .d01 ul li a{display: block;font-size: 30px;color: #bfc3ca;padding: 32px 37.5px;font-weight: 600;transition: 0.6s}
#sub .depth_tab .d01 ul li:hover a{color: #49546b}
#sub .depth_tab .d02{background: #f4f5f8}
#sub .depth_tab .d02 ul{text-align: center}
#sub .depth_tab .d02 ul li{display: inline-block}
#sub .depth_tab .d02 ul li a{display: block;line-height: 80px;color: #949ba9;font-weight: 500;font-size: 18px;padding: 0 30px;position: relative}
#sub .depth_tab .d02 ul li.on a:after{content: '';display: block;width: 36px;height: 2px;position: absolute;left: 50%;margin-left: -18px;bottom: 0;background: #1e76fb}
#sub .depth_tab .d02 ul li.on a{color: #1e76fb}
#sub.gal_list .list{padding-top: 68px;padding-bottom: 72px;}
#sub.gal_list .list > ul{border-top: 1px solid #dddddd}
#sub.gal_list .list > ul > li {position: relative;height: 390px;border-bottom: 1px solid #dddddd}
#sub.gal_list .list > ul > li a{display: block;height: 100%}
#sub.gal_list .list > ul > li .thum{position: absolute;right: 30px;top: 36px;}
#sub.gal_list .list > ul > li .thum div{position: relative;background: #021236}
#sub.gal_list .list > ul > li .thum:before{content: '';display: block;width: 129px;height: 129px;background: url(/img/sub/news_view.png);left: 50%;top: 50%; margin-top: -65px;margin-left: -65px;position: absolute;z-index: 2}
#sub.gal_list .list > ul > li .thum:after{content: '';display: block;width: 150px;height: 150px;background: url(/img/sub/news_view2.png);left: 50%;top: 50%; margin-top: -75px;margin-left: -74px;position: absolute;z-index: 2}

#sub.gal_list .list > ul > li .thum:after, #sub.gal_list .list > ul > li .thum:before{opacity: 0;transition: 0.8s}
#sub.gal_list .list > ul > li:hover .thum:after, #sub.gal_list .list > ul > li:hover .thum:before{opacity:1}
#sub.gal_list .list > ul > li .thum div img{opacity: 1;transition: 0.8s}
#sub.gal_list .list > ul > li:hover .thum div img{opacity: 0.7;}

#sub.gal_list .list > ul > li .txt{padding-left: 30px;padding-top: 95px;padding-right: 495px}
#sub.gal_list .list > ul > li.no_thum .txt{padding-right: 85px}
#sub.gal_list .list > ul > li .txt strong{display: block;color: #1c2945;font-size: 24px;letter-spacing: -0.5px;font-weight: 500;text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
width:100%;
overflow:hidden;margin-bottom: 20px;}
#sub.gal_list .list > ul > li .txt p{display: block;color: #9296a0;font-size: 18px;letter-spacing: -0.5px;font-weight: 400;line-height: 36px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word;
height: 108px;margin-bottom: 36px;word-break: keep-all}
#sub.gal_list .list > ul > li ul li{display: inline-block;font-size: 16px;color: #9296a0;letter-spacing: -0.5px;}
#sub.gal_list .list > ul > li ul li:after{content: '';display: inline-block;width: 4px;height: 4px;border: 1px solid #9da0a9; border-radius: 50%;box-sizing: border-box;vertical-align: middle;margin: 0 9px;}
#sub.gal_list .list > ul > li ul li:last-child:after{display: none}
#sub.one_sc .one_vis .fp-tableCell{vertical-align: top}
#sub.history .section{position: relative;}
#sub.history .section:after{content: '';display: block;width: 100%;height: 390px;position: absolute;bottom: 0;left: 0;z-index: -1;background: #f5f8fc}
#sub.history .section01:after{height: 340px}
#sub.history .one_vis:after{display: none}
#sub.history .con01 .inner {position: relative}
#sub.history .con01 .inner .left{position: absolute;left: 0;top: 30px;}
#sub.history .con01.sec02{padding-top: 60px;}
#sub.history .con01 .inner .left strong{display: block;width: 420px;line-height: 419px;background: url(/img/sub/history01.png);text-align: center;border-radius: 50%;color: #ffffff;font-size: 57px;font-weight: 400;position: relative}
#sub.history .con01 .inner .left strong:after{content: '';display: block;width: 443px;height: 443px;background: url(/img/sub/history_bg01.png);position: absolute;top: 50%;left: 50%; margin-top: -221.5px;margin-left: -221.5px;background-size: 100% 100%}
#sub.history .con01 .inner .wrap{position: relative}
#sub.history .con01 .inner .wrap:before{content: '';display: block;width: 540px;height: 540px;background: #fff;top: 50%;left: 50%;margin-left: -270px;margin-top: -270px;position: absolute;border-radius: 50%}
#sub.history .con01 .right{padding-left: 500px;}
#sub.history .con01 .right ul li{position: relative;font-size: 22px;letter-spacing: -0.5px;color: #48536a;line-height: 65px;padding-left: 118px;}
#sub.history .con01.sec01 .right ul li{line-height: 62px}
#sub.history .con01 .right ul li span{position: absolute;left: 0;color: #0b162e;font-weight: 600}
#sub.history .con01 .right ul li i{display: inline-block;width: 4px;height: 4px;background: #48536a;border-radius: 50%;margin-right: 7px;position: relative;top: -5px;}

#sub.history .con01.sec00 .inner .left strong{background: url(/img/sub/history04.png);}
#sub.history .con01.sec02 .inner .left strong{background: url(/img/sub/history02.png);}
#sub.history .con01.sec02 .inner .left strong:after{background: url(/img/sub/history_bg02.png);background-size: 100% 100%}
#sub.history .con01.sec03 .inner .left strong{background: url(/img/sub/history03.png);}
#sub.history .con01.sec03 .inner .left strong:after{background: url(/img/sub/history_bg03.png);background-size: 100% 100%}
#sub.history .sub_tit{padding-top: 200px;}
#fp-nav{display: none}
.fp-viewing-5 #header, .fp-viewing-5 #header, .fp-viewing-4 #header, .fp-viewing-2 #header, .fp-viewing-3 #header, .fp-viewing-1 #header {
    background: #0b162e;padding-top: 0
}
/*
.fp-viewing-2 #header #gnb, .fp-viewing-3 #header #gnb, .fp-viewing-1 #header #gnb {
    background: #0b162e;padding-top: 0
}
*/
#sub.greeting .con01 .tit strong{display: block;width: 400px;height: 400px;text-align: center;color: #ffffff;font-size: 35px;letter-spacing: -0.5px;line-height: 58px;margin: 0 auto;background: url(/img/sub/greeting_bg.png);font-weight: 500;padding-top: 143px;position: relative;z-index: 2;box-shadow: 20px 20px 40px rgba(0,0,0,0.1);border-radius: 50%;background-size: 100% 100%;}
#sub.greeting .section01{position: relative}
#sub.greeting .section01:after{content: '';display: block;width: 100%;height: 390px;position: absolute;bottom: 0;left: 0;z-index: -1;background: #f5f8fc}
#sub.greeting .con01{padding-top: 150px;}
#sub.greeting .con01 .sub_tit{margin-bottom: 50px;}
#sub.greeting .con01 .tit{position: relative;margin-bottom: 85px;}
#sub.greeting .con01 .tit:before{content: '';display: block;width: 500px;height: 500px;top: 50%;left: 50%;background: #fff; border-radius: 50%;position: absolute;margin-top: -250px;margin-left: -250px}
#sub.greeting .con01 .txt{padding-bottom: 65px;position: relative;z-index: 2}
#sub.greeting .con01 .txt p{display: block;font-size: 22px;line-height: 44px;color: #48536a;letter-spacing: -0.5px;text-align: center}
#sub.greeting .con01 .txt p span{color: #1e76fb}
#sub.greeting .con02{padding-top: 150px;}
#sub.greeting .con02 ul li{margin-bottom: 80px;}
#sub.greeting .con02 ul li:after{content: '';display: block;clear: both}
#sub.greeting .con02 ul li > *{float: left}
#sub.greeting .con02 ul li:nth-child(2) > *{float: right}
#sub.greeting .con02 ul li .txt{padding-top: 55px;}
#sub.greeting .con02 ul li:nth-child(1) .txt{padding-left: 60px;}
#sub.greeting .con02 ul li:nth-child(2) .txt{padding-right: 60px;}
#sub.greeting .con02 ul li .txt strong{display: block;font-weight: 500;letter-spacing: -0.7px;font-size: 40px;line-height: 60px;color: #0b162e;margin-bottom: 40px;}
#sub.greeting .con02 ul li .txt strong span{font-weight: 600}
#sub.greeting .con02 ul li .txt p{color: #49546b;font-size: 22px;line-height: 44px;letter-spacing: -0.5px;}
#sub.greeting .con02 ul li .txt p span{color: #1e76fb}
#sub.greeting .con02 ul li .img{box-shadow: 20px 20px 40px rgba(0,0,0,0.1);max-height: 350px;overflow: hidden}
#sub.greeting .con02 ul li:nth-child(2) .img{box-shadow: -20px 20px 40px rgba(0,0,0,0.1)}
#sub.greeting .con03 .txt{text-align: right}
#sub.greeting .con03 .video{width: 1200px;margin: 0 auto;margin-top: -50px;}
#sub.greeting .con03 .video iframe{width: 100%;height: 670px}
#sub.greeting .con04 .tit{margin-bottom: 80px;padding-top: 140px}
#sub.greeting .con04 .tit strong{display: block;color: #0b162e;font-size: 42px;letter-spacing: -0.7px;line-height: 62px;font-weight: 400}
#sub.greeting .con04 .tit p{display: block;color: #49546b;font-size: 22px;letter-spacing: -0.7px;font-weight: 400;margin-top: 30px;}
#sub.greeting .con04 .tit strong span{font-weight: 600;color: #1e76fb;}
#sub.greeting .con04 ul li{height: 320px;position: relative}
#sub.greeting .con04 ul li:nth-child(1){z-index: 2;padding-top: 132px;}
#sub.greeting .con04 ul li:nth-child(2){margin-top: -100px;padding-top: 180px}
#sub.greeting .con04 ul li:nth-child(1):before{content: '';display: block;width:1600px;height: 320px;position: absolute;right: -260px;background: url(/img/sub/greeting_list01.jpg);top: 0;box-shadow: -30px 30px 60px rgba(0,0,0,.1)}
#sub.greeting .con04 ul li:nth-child(2):before{content: '';display: block;width:1600px;height: 320px;position: absolute;left: -260px;background: url(/img/sub/greeting_list02.jpg);top: 0}
#sub.greeting .con04 ul li strong{display: block;position: relative;z-index: 3;width: 1187px;margin: 0 auto;color: #ffffff;font-size: 42px;font-weight: 400;letter-spacing: -0.5px;}
#sub.greeting .con05 .c01{position: relative;margin-bottom: 68px;}
#sub.greeting .con05 .c01:after{content: '';display: block;width: 100%;height: 241px;position: absolute;background: url(/img/sub/vaccine_bg.png);top: 50%;margin-top: -120.5px;}

#sub.greeting .con05 ul{text-align: center;position: relative;z-index: 2}
#sub.greeting .con05 ul li{display: inline-block;vertical-align: top;margin-right: 15px;}
#sub.greeting .con05 ul li:last-child{margin-right: 0}
#sub.greeting .con05 ul li:nth-child(1){margin-top: 85px}
#sub.greeting .con05 ul li:nth-child(3){margin-top: 108px}
#sub.greeting .con05 ul li:nth-child(4){margin-top: 59px}
#sub.greeting .con05 .c02 .graph{position: relative}
#sub.greeting .con05 .c02 .graph:before{content: '';display: block;width: 100%;height: 100%;background: url(/img/sub/graph.jpg) no-repeat right center;position: absolute;top: 0;left: 0}
#sub.greeting .con05 .c02 .graph:after{content: '';display: block;clear: both}
#sub.greeting .con05 .c02 .graph > *{position: relative;z-index: 2}
#sub.greeting .con05 .c02 .graph .left{float: left;padding-left: 22px}
#sub.greeting .con05 .c02 .graph .left strong{color: #2e394a}
#sub.greeting .con05 .c02 .graph .left strong:before{content: '';display: inline-block;width: 8px;height: 8px;border: 2px solid #2c7ffb; box-sizing: border-box;border-radius: 50%;margin-right: 10px;position: relative;top: -2px;}

#sub.greeting .con05 .c02 .graph .right{float: right;padding-right: 66px;}
#sub.greeting .con05 .c02 .graph .right strong{color: #fff}
#sub.greeting .con05 .c02 .graph .right strong:after{content: '';display: inline-block;width: 8px;height: 8px;border: 2px solid #f2f4f8; box-sizing: border-box;border-radius: 50%;margin-left: 10px;position: relative;top: -2px;}
#sub.greeting .con05 .c02 p{display: block;letter-spacing: -0.5px;color: #8b909a;font-size: 18px;margin-top: 65px;text-align: center}
#sub.greeting .con05 .c02 .graph strong{display: block;line-height: 64px;font-size: 18px;}
#sub.inquiry .con01 .tit{margin-bottom: 75px;}
#sub.inquiry .con01 .tit p{display: block;text-align: center;color: #49546b;letter-spacing: -0.5px;font-size: 18px;margin-bottom: 17px;}
#sub.inquiry .con01 .tit p span{color: #1e76fb}
#sub.inquiry .con01 .tit em{display: block;text-align: center;letter-spacing: -0.5px;color: #838da1;}
#sub.inquiry .con01 .form_area{border-top: 1px solid #dfe1e8;width: 1040px;margin: 0 auto;padding: 50px 35px;border-bottom: 1px solid #dfe1e8;max-width: 100%}
#sub.inquiry .con01 .form_area .form_w{position: relative;padding-left: 165px;margin-bottom: 30px;}
#sub.inquiry .con01 .form_area .form_w.form_area_mb{margin-bottom: 0}
#sub.inquiry .con01 .form_area .form_w strong{position: absolute;padding-left: 0;left: 0;display: block;line-height: 54px;font-size: 20px;letter-spacing: -0.5px;color: #49546b;font-weight: 500}
#sub.inquiry .con01 .form_area .form_w input[type="text"]{width: 100%;height: 54px; border: 1px solid #dddddd; font-family: 'Roboto', 'AppleSDGothicNeo', sans-serif;font-size: 16px;letter-spacing: -0.5px;padding-left: 20px;}
#sub.inquiry .con01 .form_area .form_w input[type="text"].short{width: 260px;max-width: 100%}
#sub.inquiry .con01 .form_area .form_w input[type="text"]::placeholder{color: #adb4c3}
#sub.inquiry .con01 .form_area .form_w p{width: 100%;line-height: 52px;height: 52px; border: 1px solid #dddddd; font-family: 'Roboto', 'AppleSDGothicNeo', sans-serif;font-size: 16px;letter-spacing: -0.5px;padding-left: 20px;}

#sub.inquiry .con01 .form_area .form_w input[type="text"].date{background: url(/img/sub/date_icon.jpg) no-repeat center right;color: #49546b;cursor: pointer}
#sub.inquiry .con01 .form_area .form_w input[type="text"].date::placeholder{color: #49546b}
#sub.inquiry .con01 .form_area .form_w textarea{width: 100%;height: 54px; border: 1px solid #dddddd; font-family: 'Roboto', 'AppleSDGothicNeo', sans-serif;font-size: 16px;letter-spacing: -0.5px;padding-left: 20px;height: 185px;padding-top: 20px}
#sub.inquiry .con01 .form_area .form_w textarea::placeholder{color: #adb4c3}
#sub.inquiry .con01 .form_area .form_w .btn_area{padding-right: 273px;position: relative}
#sub.inquiry .con01 .form_area .form_w .btn_area input[type="file"]{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0}
#sub.inquiry .con01 .form_area .form_w .btn_area button{position: absolute;right: 0;width: 260px;height: 54px;border: none;font-family: 'Roboto', 'AppleSDGothicNeo', sans-serif;font-weight: 600;letter-spacing: -0.5px;color: #ffffff;background: #1e76fb;font-size: 16px;top: 0}
#sub.inquiry .con01 .form_area .form_w .btn_area.btn_area2 button{background: #233b5e}
#sub.inquiry .con01 .form_area .form_w .btn_area button i{display: inline-block;width: 20px;height: 2px;background: #fff;vertical-align: middle;margin-left: 10px;transition: 0.6s}
#sub.inquiry .con01 .form_area .form_w .btn_area button:hover i{transform: translateX(10px)}
#sub.inquiry .con01 .form_area .form_area_mb .inp_area{margin-bottom: 15px;}
#sub.inquiry .con01 .form_area .form_area_mb .inp_area.last{margin-bottom: 0}
#sub.inquiry .con01 .form_area .form_w ul.line2:after{content: '';display: block;clear: both}
#sub.inquiry .con01 .form_area .form_w ul.line2 li{float: left;width: 49.2%;margin-bottom: 15px}
#sub.inquiry .con01 .form_area .form_w ul.line2 li:nth-child(3), #sub.inquiry .con01 .form_area .form_w ul.line2 li:nth-child(4){margin-bottom: 0}
#sub.inquiry .con01 .form_area .form_w ul.line2 li:nth-child(2n){margin-left: 1.6%;}
#sub.inquiry .con01 .form_area .form_w ul.line3:after{content: '';display: block;clear: both}
#sub.inquiry .con01 .form_area .form_w ul.line3 li{float: left;width: 32.26%;margin-right: 1.6%;}
#sub.inquiry .con01 .form_area .form_w ul.line3 li:last-child{margin-right: 0}
#sub.inquiry .con01 .form_area .form_w .select{display: inline-block;position: relative;z-index: 2}
#sub.inquiry .con01 .form_area .form_w .select ul{display: none;position: absolute;width: 100%}
#sub.inquiry .con01 .form_area .form_w .select ul li{width: 100%;font-size: 16px;line-height: 50px;color: #49546b;background: #f6faff;padding-left: 20px;    border: 1px solid #dddddd;border-top: none;}
#sub.inquiry .con01 .form_area .form_w .select button{height: 54px; border: 1px solid #dddddd; font-family: 'Roboto', 'AppleSDGothicNeo', sans-serif;font-size: 16px;letter-spacing: -0.5px;padding-left: 20px;width: 260px;max-width: 100%;text-align: left;background: url(/img/sub/sel_bg.jpg) no-repeat center right;color: #49546b}
#sub.inquiry .con01 .priv_area{width: 1040px;margin: 0 auto;padding: 0 35px;padding-top: 65px;max-width: 100%}
#sub.inquiry .con01 .priv_area strong{display: block;color: #49546b;font-size: 20px;letter-spacing: -0.5px;margin-bottom: 24px;font-weight: 500}
#sub.inquiry .con01 .priv_area div{overflow-y: scroll;height: 190px;padding: 28px;background: #f7f7f9;border: 1px solid #dfe1e8}
#sub.inquiry .con01 .priv_area div p{font-size: 14px;line-height: 30px;letter-spacing: -0.5px;margin-bottom: 30px;color: #7f8797}

#sub.inquiry .con01 .chk:after{content: ''; display: block; clear: both}
#sub.inquiry .con01 .chk{position: relative;margin-top: 40px; text-align: center}
#sub.inquiry .con01 .chk input[type="checkbox"]{ opacity: .0; position: absolute; width: 100%; height: 100%;  cursor: pointer;  z-index: 22; left: 0; top: 0}
#sub.inquiry .con01 .chk label{ display: inline-block;}
#sub.inquiry .con01 .chk input[type="checkbox"] + label:before{ content: ''; display: inline-block; width: 17px; height: 17px; cursor: pointer; background: url('/img/sub/chk.jpg') center center no-repeat; vertical-align: middle;}
#sub.inquiry .con01 .chk input[type="checkbox"]:checked + label:before{ background: url('/img/sub/chk_on.jpg') center center no-repeat; }
#sub.inquiry .con01 .chk p{display: inline-block; vertical-align: middle; color: #838da1; font-size: 16px; margin-right: 10px;letter-spacing: -0.5px; padding-left: 7px; position: relative;top: 2px;}
#sub.inquiry .con01 .chk p span{font-weight: 500;color: #4d5b77}
#sub.inquiry .con01 .submit{margin-top: 45px;}
#sub.inquiry .con01 .submit a{display: block;margin: 0 auto; width: 135px;line-height: 135px;text-align: center;border-radius: 50%;background: #1e76fb;font-size: 18px;font-weight: 600;color: #fff;position: relative;box-shadow: 15px 25px 40px rgba(33,77,144,0.3)}
#sub.inquiry .con01 .submit a:after{content: '';display: block;width: 150px;height: 150px;background: url(/img/sub/list_bg.png);background-size: 100% 100%;position: absolute;top: 50%;left: 50%;margin-left: -75px;margin-top: -75px;}
#sub.inquiry .con01 .submit a{transition: 0.8s}
#sub.inquiry .con01 .submit a:hover{background: #233b5e}
#sub.inquiry .sub_tit2 {margin-bottom: 75px;}
#sub.inquiry .popup{position: fixed;top: 0;left: 0;width: 100%;overflow-y: scroll;z-index: 9999;background: rgba(0,0,0,0.9);height: 100%;padding-top: 200px;padding-bottom: 200px;display: none}
#sub.inquiry .popup.on{display: block}
#sub.inquiry .popup .wrap{width: 1040px;margin: 0 auto;background: #fff;padding: 75px 53px;position: relative}
#sub.inquiry .popup .wrap button{position: absolute;right: 0;top: -68px;background: none;border: none}
#sub.inquiry .popup ul li{margin-bottom: 50px;}
#sub.inquiry .popup ul li:after{content: '';display: block;clear: both}
#sub.inquiry .popup ul li > div{float: left}
#sub.inquiry .popup ul li > div.tit{width: 25.5%}
#sub.inquiry .popup ul li > div.tit strong{display: block;font-size: 24px;color: #1e76fb;margin-bottom: 18px;}
#sub.inquiry .popup ul li > div.tit strong:before{content: '';display: inline-block;width: 8px;height: 8px;box-sizing: border-box;border: 2px solid #297dfb;border-radius: 50%;vertical-align: middle;margin-right: 11px;position: relative;top: -2px;}
#sub.inquiry .popup ul li > div.tit p{display: block;font-size: 16px;color: #49546b;padding-left:  19px;}
#sub.inquiry .popup ul li > div.img{width: 74.5%}
#sub.inquiry .popup ul li > div.img img{width: 100%}
#sub.update .tab{margin-bottom: 65px;}
#sub.update .tab ul{text-align: center}
#sub.update .tab ul li{display: inline-block;margin-right: 15px}
#sub.update .tab ul li:last-child{margin-right: 0}
#sub.update .tab ul li a{display: block;text-align: center;width: 260px;line-height: 62px;border: 1px solid #dddddd;font-weight: 600;color: #49546b;font-size: 20px;position: relative;transition: 0.6s}
#sub.update .tab ul li.on a{border-color: #1e76fb;background: #1e76fb;color: #fff;padding-right: 130px;box-shadow: 10px 10px 20px rgba(0,0,0,0.1)}
#sub.update .tab ul li a:after{content: '';display: block;width: 28px;height: 2px;position: absolute;right: 0;top: 50%;margin-top: -1px;background: #fff}
#sub.update .content .c01{padding-bottom: 95px;}
#sub.update .content .c01 > div:after{content: '';display: block;clear: both}
#sub.update .content .c01 > div > div{float: left;width: 50%;overflow: hidden}
#sub.update .content .c01 > div > div iframe{width: 100%;height: 390px}
#sub.update .content .c01 > div > div img{max-width: 100%}
#sub.update .content .c01 .right{padding-left: 75px;}
#sub.update .content .c01 .right ul li{margin-bottom: 3px;}
#sub.update .content .c01 .right button{height: 70px;width: 100%;background: #2c3856 url(/img/sub/soft_close.png) no-repeat center right;text-align: left;    font-family: 'Roboto', 'AppleSDGothicNeo', sans-serif;color: #ffffff;font-size: 20px;letter-spacing: -0.5px;padding-left: 40px;}
#sub.update .content .c01 .right button.on{background: #1e76fb url(/img/sub/soft_open.png) no-repeat center right;}
#sub.update .content .c01 .right div{border: 1px solid #b1bed1;padding: 25px 40px;display: none}
#sub.update .content .c01 .right div p{font-size: 18px;letter-spacing: -0.5px;color: #49546b;line-height: 36px;word-break: keep-all;}
#sub.update .content .c01 .right div p span{font-size: 16px;}
#sub.update .sub_con{padding-bottom: 0}
#sub.update .content .c02{padding-top: 115px; padding-bottom: 200px;background: #f5f8fc}
#sub.update .content > ul > li{display: none}
#sub.update .content > ul > li.on{display: block}
#sub.update .content .c02 ul:after{content: '';display: block;clear: both}
#sub.update .content .c02 ul li{float: left;width: 48.5%;margin-right: 3%;background: #525b72;border-radius: 29px;padding: 4px;}
#sub.update .content .c02 ul li.none{display: none}
#sub.update .content .c02 ul li:last-child{margin-right: 0;background: #123482}
#sub.update .content .c02 ul li:after{content: '';display: block;clear: both}
#sub.update .content .c02 ul li *{display: inline-block;line-height: 104px;}
#sub.update .content .c02 ul li a{display: block}
#sub.update .content .c02 ul li p{float: right;background: #fff;font-size: 23px;letter-spacing: -0.5px;color: #49546b;width: 370px;text-align: center;border-radius: 25px;display: flex;height: 104px;line-height: 1.5;align-items: center;word-break: break-all;padding: 0 20px;text-align: center;justify-content: center}
#sub.update .content .c02 ul li strong{padding-left: 20px;color: #fff;font-size: 24px;letter-spacing: -0.5px;}
#sub.product .sch_area{margin-bottom: 75px;}
#sub.product .sub_tit p{font-size: 20px;letter-spacing: -0.5px;display: block;text-align: center;color: #838da1;margin-top: 15px;}
#sub.product .con01{position: relative;z-index: 2;margin-bottom: 85px;}
#sub.product .con01 p{color: #49546b;font-size: 18px;letter-spacing: -0.5px;line-height: 36px;text-align: center}
#sub.product .con01 > div > ul{text-align: center;margin-top: 75px;}
#sub.product .con01 > div > ul > li{display: inline-block;vertical-align: top;margin-left: -5px;position: relative}
/* #sub.product .con01.con01_hidden > div > ul > li:last-child{display: none} */
#sub.product .con01 > div > ul > li:nth-child(1){margin-left: 0}
#sub.product .con01 > div > ul > li.on{position: relative;z-index: 2}
#sub.product .con01 > div > ul > li button{width: 260px;height: 54px;background: #fff url(/img/sub/kit_on.png) no-repeat center right; font-family: 'Roboto', 'AppleSDGothicNeo', sans-serif; color: #49546b;letter-spacing: -0.5px;text-align: left;padding-left: 25px;font-size: 20px;border: 1px solid #dddddd;}
#sub.product.product01 .con01 > div > ul > li button{width: 200px;}
#sub.product .con01 > div > ul > li.on button{border-color: #1e76fb;background: #1e76fb url(/img/sub/kit.png) no-repeat center right;color: #fff}
#sub.product .con01 > div > ul > li .dept{position: absolute;width: 698px;padding: 27px;background: #f0f3f6;border: 1px solid #1e76fb;padding-bottom: 13px;display: none}
#sub.product .con01 > div > ul > li .dept ul li{float: left;width: 23.3%;margin-right: 2.26%;margin-bottom: 14px;}
#sub.product .con01 > div > ul > li .dept ul li:nth-child(4n){margin-right: 0}
#sub.product .con01 > div > ul > li .dept ul li a{display: block;width: 100%;line-height: 47px;background: #fff; border: 1px solid #d4d8e5;font-size: 17px;letter-spacing: -0.5px;color: #5e6c8a;text-align: left;padding-left: 20px;position: relative;transition: 0.6s}
#sub.product .con01 > div > ul > li .dept ul li a:after{content: '';display: block;width: 45px;height: 45px;right: 0;position: absolute;top: 50%;margin-top: -22.5px;background: url(/img/sub/d_arrow2.png);border-radius: 50%;transition: 0.6s}
#sub.product .con01 > div > ul > li .dept ul li:hover a:after{transform: translate(10px, 10px);background: #1e76fb url(/img/sub/d_arrow.png);}

#sub.product .con01 > div > ul > li .dept ul li:hover a{background: #0e265e;border-color: #0e265e;color: #fff}
#sub.product .con01 p span{color: #1e76fb}
#sub.product .con02 .list ul:after{content: '';display: block;clear: both}
#sub.product .con02 .list > ul{padding-left: 5px;}
#sub.product .con02 .list > ul > li{display: inline-block;margin-left: -5px; width: 30.71%;margin-right: 3.935%;vertical-align: top;margin-bottom: 85px}
#sub.product .con02 .list > ul > li.none{display: none}
#sub.product .con02 .list > ul > li:nth-child(3n){margin-right: 0}
#sub.product .con02 .list > ul > li .tit{margin-bottom: 25px}
#sub.product .con02 .list > ul > li .tit strong{font-size: 26px;color: #49546b;letter-spacing: -0.5px;text-align: center;display: block;transition: 0.6s}
#sub.product .con02 .list > ul > li:hover .tit strong{color: #1e76fb}
#sub.product .con02 .list > ul > li .img{border: 1px solid #dfe1e8;position: relative}
#sub.product .con02 .list > ul > li .img .img_w img{width: 100%}
#sub.product .con02 .list > ul > li .img .view{position: absolute;z-index: 2;top: -45px;right: 25px;opacity: 0;transition: 0.6s}
#sub.product .con02 .list > ul > li:hover .img .view{opacity: 1}
#sub.product .con02 .list > ul > li .img .view div{position: relative}
#sub.product .con02 .list > ul > li .img .view div:after{content: '';display: block;width: 102px;height: 102px;background: url(/img/sub/view2_on.png); top: 50%;left: 50%;margin-top: -51px;margin-left: -51px;position: absolute}
#sub.product .con02 .list > ul > li .img .txt{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(2,18,54,0.8);padding-top: 47px;padding-left: 25px;padding-right: 25px;opacity: 0;transition: 0.6s}
#sub.product .con02 .list > ul > li:hover .img .txt{opacity: 1}
#sub.product .con02 .list > ul > li .img .txt ul li{display: inline-block;color: #c3d1f3;font-size: 14px;letter-spacing: -0.5px;width:100%;line-height: 28px}
#sub.product .con02 .list > ul > li .img .txt ul li.wid{width: 100%}
#sub.product .con02 .list > ul > li .img .txt ul li:before{content: '';display: inline-block;width: 6px;height: 6px;border: 2px solid #c3d1f3; border-radius: 50%;box-sizing: border-box;vertical-align: middle;margin-right: 6px;position: relative;top: -2px}
#sub.product .con02 .list > ul > li .img .txt p{color: #c3d1f3;font-size: 14px;letter-spacing: -0.5px;line-height: 28px;margin-bottom: 20px;}
#sub.product.product01 .con02 .list > ul > li .img .txt p{margin-top: 0;margin-bottom: 10px}
#sub.product .con02 .list > ul > li .tag ul{text-align: center;padding-top: 30px;}
#sub.product .con02 .list > ul > li .tag ul li{display: inline-block;color: #8d929b;letter-spacing: -0.5px;font-weight: 500;margin-right: 15px}
#sub.product .con02 .list > ul > li .tag ul li:last-child{margin-right: 0}





#sub.pro_view .tab {height: 64px;z-index: 9}
#sub.pro_view .tab.fix ul{position: fixed;z-index: 999}
#sub.pro_view .tab ul{text-align: center;background: #fff;position: relative;top: 0;width: 100%}
#sub.pro_view .tab ul li{display: inline-block;margin-right: 15px}
#sub.pro_view .tab ul li:last-child{margin-right: 0}
#sub.pro_view .tab ul li a{display: block;text-align: center;width: 260px;line-height: 62px;border: 1px solid #dddddd;font-weight: 600;color: #49546b;font-size: 20px;position: relative;transition: 0.6s}
#sub.pro_view .tab ul li.on a{border-color: #1e76fb;background: #1e76fb;color: #fff;padding-right: 130px;box-shadow: 10px 10px 20px rgba(0,0,0,0.1)}
#sub.pro_view .tab2 ul li a:after{display: none}
#sub.pro_view .tab2 ul li.on a{padding-right: 0}
#sub.pro_view .tab ul li a:after{content: '';display: block;width: 88px;height: 2px;position: absolute;right: 0;top: 50%;margin-top: -1px;background: #fff}
#sub.pro_view .tab2 ul li a:after{display: none}
#sub.pro_view .d_tit{margin-bottom: 65px;}
#sub.pro_view .d_tit strong{display: block;margin-bottom: 20px; color: #0b162e;font-weight: 600;font-size: 50px}
#sub.pro_view .d_tit p{color: #0b162e;font-size: 18px;letter-spacing: -0.5px;}
#sub.pro_view .con01{max-width: 100%;padding-bottom: 90px}
#sub.pro_view .con01_new .inner{position: relative}
#sub.pro_view .con01.con01_new > div > div.right{position: absolute;right: 0;top: 0;height: 100%}
/*#sub.pro_view .con01.con01_new > div > div.right ul{display: flex;}*/
#sub.pro_view .con01.con01_new > div > div.right ul li{height: 30%; margin-bottom: 7.2%;background: #EFEFEF;text-align: center}
#sub.pro_view .con01.con01_new > div > div.right ul li:last-child{margin-bottom: 0}
#sub.pro_view .con01.con01_new > div > div.right ul li img{height: 100%}
#sub.pro_view .con01 img{max-width: 100%}
#sub.pro_view .con01 > div:after{content: '';display: block;clear: both}
#sub.pro_view .con01 > div > div{float: left}
#sub.pro_view .con01 > div > div.left{width: 66.6%;margin-right: 3%}
#sub.pro_view .con01 > div > div.left ul{position: relative}
#sub.pro_view .con01 > div > div.left ul li.on{position: relative;opacity: 1}
#sub.pro_view .con01 > div > div.left ul li{position: absolute;opacity: 0;top: 0;left: 0;transition: opacity 0.6s}
#sub.pro_view .con01 > div > div.right{width: 30.4%}
#sub.pro_view .con01 > div > div.right ul li{margin-bottom: 2%;margin-bottom: 8.5%;cursor: pointer}
#sub.pro_view .con02{padding-top: 50px;}
#sub.pro_view .con02 .sub_tit2{margin-bottom: 110px;}
#sub.pro_view .con02 ul li{margin-bottom: 100px;min-height: 380px;}
#sub.pro_view .con02 ul li:after{content: '';display: block;clear: both}
#sub.pro_view .con02_c ul li{margin-bottom: 190px;min-height: 0}
#sub.pro_view .left{float: left;}
#sub.pro_view .wi01 .pv_txt{margin-top: 0}
#sub.pro_view .wi01 .left{margin-bottom: 60px;}
#sub.pro_view .pv_txt2{margin-top: 80px;}
#sub.pro_view.pro_m .con03:before{height: 1015px}
#sub.pro_view.pro_m.pro_view2 .con05{margin-top: 0}
#sub.pro_view .pv_txt{padding-left: 20px}
#sub.pro_view .pv_txt strong{display: block;color: #0b162e;font-size: 24px;letter-spacing: -0.5px;position: relative}
#sub.pro_view .pv_txt strong i{position: absolute;left: -20px}
#sub.pro_view .pv_txt p{display: block;color: #49546b;font-size: 18px;letter-spacing: -0.5px;line-height: 30px;margin-top: 25px}
#sub.pro_view .pv_txt p span{color: #1e76fb}
#sub.pro_view .pv_txt p em{display: inline-block;font-size: 18px;color: #9197a2;padding-left: 15px;}
#sub.pro_view .con02 ul li .right{float: right}
#sub.pro_view .con03{position: relative;}
#sub.pro_view .con03 .circle{width: 527px;height: 527px;position: relative;margin: 0 auto;margin-top: 130px;z-index: 2}
#sub.pro_view .con03 .circle ul li{position: absolute}
#sub.pro_view .con03 .circle .sf_img{position: absolute;top: 50%;left: 50%;margin-top: -161px;margin-left: -162.5px;}
#sub.pro_view .con03 .circle ul li .img{position: relative}
#sub.pro_view .con03 .circle ul li .img .img_w{border-radius: 50%;box-shadow: 10px 10px 20px rgba(0,0,0,0.1)}
#sub.pro_view .con03 .circle ul li .img .hover_w{position: absolute;top: 0;left: 0;opacity: 0;transition: 0.7s}
#sub.pro_view .con03 .circle ul li:hover .img .hover_w{opacity: 1}
#sub.pro_view .con03 .circle ul li:nth-child(1){top: -70px;left: 50%;margin-left: -78px;}
#sub.pro_view .con03 .circle ul li:nth-child(2){top: 9px;left: 50%;margin-left: 108px;}
#sub.pro_view .con03 .circle ul li:nth-child(3){right: -70px;top: 50%;margin-top: -78px;}
#sub.pro_view .con03 .circle ul li:nth-child(4){bottom: 9px;left: 50%;margin-left: 108px;}
#sub.pro_view .con03 .circle ul li:nth-child(5){bottom: -70px;left: 50%;margin-left: -78px;}
#sub.pro_view .con03 .circle ul li:nth-child(6){bottom: 9px;right: 50%;margin-right: 108px;}
#sub.pro_view .con03 .circle ul li:nth-child(7){left: -70px;top: 50%;margin-top: -78px;}
#sub.pro_view .con03 .circle ul li:nth-child(8){top: 9px;right: 50%;margin-right: 108px;}
#sub.pro_view .con03 .c01{padding-bottom: 203px;position: relative;z-index: 9}
#sub.pro_view .con03:before{content: '';display: block;width: 100%;height: 670px;background: #f5f8fc;position: absolute;top: 25%;left: 0}
#sub.pro_view .con03 .c02{position: relative;z-index: 2}
#sub.pro_view .con03 .c02 iframe{height: 705px;}
#sub.pro_view .con03 .c02 img{max-width: 100%}
#sub.pro_view .con03 .c03{position: relative;z-index: 5}
#sub.pro_view .con03 .c03 iframe{height: 720px;}
#sub.pro_view .con03 .c04{margin-bottom: 120px;}
#sub.pro_view .con03 .c04 ul{display: inline-block;position: relative}
#sub.pro_view .con03 .c04 ul li:nth-child(1){position: relative}
#sub.pro_view .con03 .c04 ul li{position: absolute;top: 0;left: 0}
#sub.pro_view .con03 .c04 ul li:nth-child(5), #sub.pro_view .con03 .c04 ul li:nth-child(4){left: 52%;width: 43.24%;opacity: 0 !important;transform: scale(0.8) !important;transition: 0.8s}
#sub.pro_view .con03 .c04 ul li:hover:nth-child(5), #sub.pro_view .con03 .c04 ul li:hover:nth-child(4){opacity: 1 !important;transform: scale(1) !important;}
#sub.pro_view .con03 .c04 ul li:nth-child(5){top: 50%}
#sub.pro_view .con03 .c04 ul li:nth-child(5) img, #sub.pro_view .con03 .c04 ul li:nth-child(4)  img{max-width: 100%}

#sub.pro_view .con03 .inner{position: relative;z-index: 5}
/*html, body{overflow-x: hidden}*/
#sub.pro_view .con04{position: relative;padding-bottom: 30px;padding-top: 186px;overflow: hidden}
#sub.pro_view .con04 > *{position: relative;z-index: 2}
#sub.pro_view .con04 {text-align: center}
#sub.pro_view.pro_m .con04 i{display: block;margin-top: 25px;}
#sub.pro_view.pro_m .con04 {padding-bottom: 150px}
#sub.pro_view .con04 .sub_tit2 {margin-bottom: 65px;}
#sub.pro_view .con04 ul{min-height: 360px;}
#sub.pro_view .con04 ul li{text-align: center;line-height: 40px;letter-spacing: -0.5px;font-size: 18px}
#sub.pro_view .con04:before{content: '';display: block;width: 100%;height: 320px;background: #f5f8fc;position: absolute;bottom: 0}
#sub.pro_view .con04:after{content: '';display: block;width: 666px;height: 666px;background: #fff;position: absolute;left: 50%;margin-left: -333px;bottom: 0;border-radius: 50%}
#sub.pro_view .con05{background: #f5f8fc;padding-bottom: 88px;}
#sub.pro_view .con05 .pv_txt{margin-top: 0}
#sub.pro_view .con05 ul{text-align: center;background: #fff;position: relative;border-bottom: 1px solid #d3d7ea;margin-top: 25px;}
#sub.pro_view .con05 ul:before{content: '';display: block;width: 100%;height: 60px;background: #0e265e;position: absolute;top: 0}
#sub.pro_view.pro_m .con05 ul:after{content: '';display: block;width: 100%;height: 1px;border-bottom: 1px solid #d3d7ea;position: absolute;bottom: 54px;left: 0}
#sub.pro_view .con05 ul{display: flex;flex-wrap: wrap}
#sub.pro_view .con05 ul li{vertical-align: top;position: relative;z-index: 2;width: 25%}
#sub.pro_view .con05 ul li strong, #sub.pro_view .con05 ul li p{display: block;line-height: 60px;}
#sub.pro_view .con05 ul li strong{font-weight: 600;color: #ffffff;font-size: 20px}
#sub.pro_view .con05 ul li p{font-weight: 400;color: #49546b;font-size: 18px;line-height: 30px;padding: 12px 0;vertical-align: middle}
#sub.pro_view .con06{padding-top: 0;position: relative;padding-bottom: 90px}
#sub.pro_view.pro_m .con06{padding-top: 120px}
#sub.pro_view .con06 > *{position: relative;z-index: 2}
#sub.pro_view .con06:before{content: '';display: block;width: 100%;height: 204px;background: #f5f8fc;position: absolute;top: 0; display: none; }
#sub.pro_view .con03 .c04 ul li:nth-child(1){transform: translateX(-30px);opacity: 0;transition: 1s}
#sub.pro_view .con03 .c04 ul li:nth-child(2){transform: translateX(30px);opacity: 0;transition: 1s;transition-delay: 0.3s}
#sub.pro_view .con03 .c04 ul li:nth-child(3){transform: translateX(30px);opacity: 0;transition: 1s;transition-delay: 0.6s}
#sub.pro_view.pro_m .con04 i img{max-width: 70%}
#sub.pro_view .con03 .c04 ul li img{max-width: 100%}
#sub.pro_view .con03 .c03 img{max-width: 100%}
#sub.pro_view .con03.on .c04 ul li{transform: translateX(0);opacity: 1}
#sub.pro_view .con06 .pv_txt{margin-bottom: 35px;}
#sub.pro_view .con06 .slick-list{height: auto}
#sub.pro_view .con06 .slick-slider{height: auto;width: 1440px;margin-left: -20px;}
#sub.pro_view .con06 .slick-track{height: auto;margin-left: 0}
#sub.pro_view .con06 .slick-slide{height: auto;padding: 0 20px}
#sub.pro_view .con06 .slick-slide img{width: 100%}
#sub.pro_view .con06 .slick-prev{display: none !important;}
#sub.pro_view .con06 .slick-next{width: 102px;height: 102px;position: absolute;background: url(/img/sub/next_btn.png);right: -30px;top: -44px;text-indent: -9999px;}
#sub.pro_view .con07 .sub_tit2{margin-bottom: 110px;}
#sub.pro_view .con07 .pv_txt{margin-bottom: 35px;}
#sub.pro_view .con07 .pv_txt strong{margin-bottom: 20px;}
#sub.pro_view .con07 .pv_txt .down{display: block;line-height: 58px;border: 1px solid #e6e7ea;font-size: 18px;color: #8a97b2;letter-spacing: -0.5px;padding-left: 20px}
#sub.pro_view .con07 .pv_txt .link{display: block;line-height: 58px;padding-left: 22px;font-size: 18px;color: #8a97b2;letter-spacing: -0.5px;}
#sub.pro_view .con07 .pv_txt .link span{display: inline-block;color: #3d414b;}
#sub.pro_view .con07 .pv_txt .down i{display: inline-block;padding-right: 15px;}
#sub.pro_view .con07 .pv_txt ul{text-align: left}
#sub.pro_view .con08 .sub_tit2{margin-bottom: 110px}
#sub.pro_view .edit_area {padding: 55px 0;border-top: 1px solid #d3d7ea;border-bottom: 1px solid #d3d7ea;padding-bottom: 130px;}
#sub.pro_view .edit_area img{max-width: 100%}
#sub.pro_view .con09 {padding-top: 70px;margin-bottom: 90px}
#sub.pro_view.pro_view2 .con06:before{display: none}

#sub.pro_view.pro_view2 .con08{padding-top: 90px;padding-bottom: 90px}
#sub.pro_view.pro_view2 .con05 {padding: 88px 0;margin-top: 60px;}
#sub.pro_view .go_list{padding-top: 55px;}
#sub.pro_view .go_list a{display: block;width: 174px;line-height: 50px;text-align: center;margin: 0 auto; background: url(/img/sub/go_bg.jpg);color: #ffffff;font-size: 16px;letter-spacing: -0.5px;}
#sub.pro_view .go_list a i{vertical-align: middle;display: inline-block;position: relative;top: -3px;margin-left: 7px;}
#sub.pro_view .con10{padding-top: 105px;margin-bottom: 155px;}
#sub.pro_view .con10 p{display: block;text-align: center;color: #49546b;font-size: 20px;letter-spacing: -0.5px;line-height: 40px;padding-top: 55px;}
#sub.pro_view .con10 p span{color: #1e76fb}
#sub.pro_view .con11 .in{margin-top: 50px;}
#sub.pro_view .con11 .in:after{content: '';display: block;clear: both}
#sub.pro_view .con11 .in > div{float: left}
#sub.pro_view .con11 .in > div.c01{margin-left: -35px;margin-right: 75px;}
#sub.pro_view .con11 .in > div.c03{float: right;padding-top: 30px;}
#sub.pro_view .con11 .in > div.c03 ul li{margin-bottom: 30px;padding-left: 30px;}
#sub.pro_view .con11 .in > div.c03 ul li img{max-width: 100%}
#sub.pro_view .con11 .in > div.c02{padding-top: 8px;}
#sub.pro_view .con11 .in > div.c02 strong{display: block;color: #1e76fb;font-size: 24px;line-height: 1;margin-bottom: 15px;}
#sub.pro_view .con11 .in > div.c02 ul{margin-bottom: 40px;}
#sub.pro_view .con11 .in > div.c02 ul li{position: relative;padding-left: 30px;margin-bottom: 25px}
#sub.pro_view .con11 .in > div.c02 ul li:last-child{margin-bottom: 0}
#sub.pro_view .con11 .in > div.c02 ul li i{position: absolute;left: 0;top: 6px}
#sub.pro_view .con11 .in > div.c02 ul li p{display: block;color: #3a3e47;font-size: 16px;letter-spacing: -0.5px;line-height: 30px;font-weight: 500}
#sub.pro_view .con11 .in > div.c02 ul li p em{color: #ec2700}
#sub.pro_view .con11 .in > div.c02 ul li span{display: block;font-size: 16px;color: #777d8a;font-weight: 300;}
#sub.pro_view .con11 .in > div.c02 > p{color: #838893;font-size: 16px;letter-spacing: -0.5px;line-height: 30px;}
#sub.pro_view .con11 .in > div.c02 > i{display: block;margin-bottom: 25px;}
#sub.pro_view .con12 ul{position: relative;z-index: 2;margin-top: 77PX;}
#sub.pro_view .con12 ul:after{content: '';display: block;clear: both}
#sub.pro_view .con12 ul li{margin-right: 1.85%;width: 15.125%;float: left;border-radius: 24px 24px 46px 46px;padding: 4px;}
#sub.pro_view .con12 ul li:nth-child(1){background: #e4efff}
#sub.pro_view .con12 ul li:nth-child(2){background: #b9d5ff}
#sub.pro_view .con12 ul li:nth-child(3){background: #81b3ff}
#sub.pro_view .con12 ul li:nth-child(4){background: #63a1ff}
#sub.pro_view .con12 ul li:nth-child(5){background: #1e76fb}
#sub.pro_view .con12 ul li:nth-child(6){background: #123482}
#sub.pro_view .con12 ul li:last-child{margin-right: 0}
#sub.pro_view .con12 ul li strong{display: block;line-height: 45px;text-align: center;padding-bottom: 4px;font-size: 20px;letter-spacing: -0.5px;color: #334868;font-weight: 500}
#sub.pro_view .con12 ul li:nth-child(4) strong, #sub.pro_view .con12 ul li:nth-child(5) strong, #sub.pro_view .con12 ul li:nth-child(6) strong{color: #fff}
#sub.pro_view .con12 ul li p{display: block;line-height: 48px;text-align: center;font-size: 18px;line-height: 28px;background: #fff;color: #49546b;padding: 40px 5px;border-radius: 40px;}
#sub.pro_view .con12{position: relative;margin-bottom: 165px;}
#sub.pro_view .con12:after{content: '';display: block;width: 100%;height: 241px;position: absolute;background: url(/img/sub/vaccine_bg.png);top: 50%;margin-top: -120.5px;}
#sub.pro_view .con13{background: #f5f8fc;padding: 65px 0;margin-top: 80px;margin-bottom: 50px;}
#sub.pro_view .con13 .pv_txt p{margin-top: 0}
#sub.pro_view .con13 .pv_txt strong{margin-bottom: 15px;}
#sub.pro_view .con13 ul li{margin-bottom: 30px;}
#sub.pro_view .con13 ul li:last-child{margin-bottom: 0}
#sub.pro_view .con14 {overflow: hidden}
#sub.pro_view .con14 .p_slide{ height: auto; position: relative; margin-bottom: 100px; }
#sub.pro_view .con14 .p_slide .swiper-wrapper{ height: auto; }
#sub.pro_view .con14 .p_slide .swiper-slide img{ display: block; width: 100%; }
#sub.pro_view .con14 .p_slide .swiper-button-prev{ position: absolute; left: 140px; top: 50%; transform: translate(0,-50%); width: 45px; height: 45px; background: url('/img/sub/p_slide_prev.png') center center no-repeat; margin-top: 0; }
#sub.pro_view .con14 .p_slide .swiper-button-next{ position: absolute; right: 140px; top: 50%; transform: translate(0,-50%); width: 45px; height: 45px; background: url('/img/sub/p_slide_next.png') center center no-repeat; margin-top: 0; }



#sub.organ .sub_con .inner{width: 100%}
#sub.organ .organ_tab ul{text-align: center}
#sub.organ .organ_tab ul li{display: inline-block;margin-right: 10px}
#sub.organ .organ_tab ul li:last-child{margin-right: 0}
#sub.organ .organ_tab ul li a{display: block;width: 160px;line-height: 62px;text-align: center;border: 1px solid #dddddd;color: #49546b;font-size: 18px;letter-spacing: -0.5px;font-weight: 600}
#sub.organ .organ_tab ul li.on a{background: #1e76fb;border-color: #1e76fb;color: #fff}
#sub.organ .organ_tab ul li.on a{background: #1e76fb;border-color: #1e76fb;color: #fff}
#sub.organ .organ_con{overflow: hidden;}
#sub.organ .organ_con > ul > li{display: none;padding-top: 140px;position: relative;}
#sub.organ .organ_con > ul > li.pad0{padding-top: 0;text-align: center}
#sub.organ .organ_con > ul > li.on{display: block}
#sub.organ .organ_con > ul > li ul{text-align: center}
#sub.organ .organ_con > ul > li ul li{display: inline-block;vertical-align: top;width: 190px;margin-right: 5px;position: relative}
#sub.organ .organ_con > ul > li ul li:last-child{margin-right: 0}
#sub.organ .organ_con > ul > li ul li strong{display: block;text-align: center;width: 190px;line-height: 60px;color: #2e394a;font-size: 20px;letter-spacing: -0.5px;margin-bottom: 8px;background: #f6f8fc}
#sub.organ .organ_con > ul > li ul li div{border: 1px solid #e3e4ea;text-align: center;padding: 20px 12px;height: 165px}
#sub.organ .organ_con > ul > li:nth-child(2) ul li div{height: 270px;}
#sub.organ .organ_con > ul > li ul li p{font-size: 18px;letter-spacing: -0.5px;line-height: 24px;color: #7b879a;margin-bottom: 7px;text-align: left;position: relative;padding-left: 8px;}
#sub.organ .organ_con > ul > li ul li p i{position: absolute;left: 0}
#sub.organ .organ_con > ul > li:after{content: '';display:block;position: absolute;width: 100%;height: 140px;left: -80px;;top: 0}
#sub.organ .organ_con > ul > li:nth-child(1):after{background: url(/img/sub/graph_line01.png) center center}
#sub.organ .organ_con > ul > li:nth-child(2):after{background: url(/img/sub/graph_line02.png) center center}
#sub.organ .organ_con > ul > li:nth-child(3):after{background: url(/img/sub/graph_line03.png) center center}
#sub.organ .organ_con > ul > li:nth-child(4):after{background: url(/img/sub/graph_line04.png) center center}
#sub.organ .organ_con > ul > li:nth-child(5):after{background: url(/img/sub/graph_line05.png) center center}
#sub.organ .organ_con > ul > li:nth-child(6):after{background: url(/img/sub/graph_line06.png) center center}
#sub.organ .organ_con > ul > li:nth-child(8):after{background: url(/img/sub/graph_line08.png) center center;left: 60px;}
/* #sub.organ .organ_con > ul > li:nth-child(1):after{content: '';display: block;width: 513px; height: 167px;background: url(/img/sub/organ_arrow01.png);position: absolute;top: 0;right: 50%}
#sub.organ .organ_con > ul > li:nth-child(2):after{content: '';display: block;width: 348px; height: 167px;background: url(/img/sub/organ_arrow02.png);position: absolute;top: 0;right: 50%}
#sub.organ .organ_con > ul > li:nth-child(3):after{content: '';display: block;width: 178px; height: 167px;background: url(/img/sub/organ_arrow03.png);position: absolute;top: 0;right: 50%;margin-right: -3px}
#sub.organ .organ_con > ul > li:nth-child(4):after{content: '';display: block;width: 5px; height: 167px;background: url(/img/sub/organ_arrow04.png);position: absolute;top: 0;right: 50%;margin-right: -3px}
#sub.organ .organ_con > ul > li:nth-child(5):after{content: '';display: block;width: 173px; height: 167px;background: url(/img/sub/organ_arrow05.png);position: absolute;top: 0;left: 50%;margin-left: -3px}
#sub.organ .organ_con > ul > li:nth-child(6):after{content: '';display: block;width: 343px; height: 167px;background: url(/img/sub/organ_arrow06.png);position: absolute;top: 0;left: 50%;margin-left: -3px}
#sub.organ .organ_con > ul > li:nth-child(7):after{content: '';display: block;width: 515px; height: 167px;background: url(/img/sub/organ_arrow07.png);position: absolute;top: 0;left: 50%;margin-left: -3px} */


#sub.law .con01{padding-top: 100px;margin-bottom: 90px}
#sub.law .con01 strong{font-size: 32px;color: #2C2F35;letter-spacing: -0.96px;}
#sub.law .con01 p{color: #2C2F35;font-size: 24px;font-weight: 500;letter-spacing: -0.75px;color: #2C2F35;line-height: 40px;margin-top: 26px}
#sub.law .con02{border-top: 1px solid #0b162e}
#sub.law .con02 .tab_wrap > button{border: none;border-bottom: 1px solid #b5b9c0;height: 107px;background: #fff url(/img/sub/eth_bg01.png) no-repeat center right;color: #49546b;font-size: 24px;letter-spacing: -0.72px;font-weight: 500;display: block;width: 100%;text-align: left; font-family: 'Noto Sans', 'AppleSDGothicNeo', sans-serif;padding: 0 75px;}
#sub.law .con02 .tab_wrap > button.on{background: #fff url(/img/sub/eth_bg02.png) no-repeat center right;}
#sub.law .con02 .tab_wrap > button span{color: #0b162e;}
#sub.law .con02 .tab_wrap > button i{display: inline-block;vertical-align: middle;margin-left: 11px;position: relative;top: -5px;}
#sub.law .con02 .tab_wrap .con_w{padding: 55px;background: #f5f8fc}


#sub.law .con02 .tab_wrap .con_w p{font-size: 20px;font-weight: 600;letter-spacing: -0.5px;color: #0b162e;margin-bottom: 20px;word-break: keep-all;}
#sub.law .con02 .tab_wrap .con_w ul li{font-size: 18px;color: #49546b;letter-spacing: -0.5px;line-height: 36px;word-break: keep-all;position: relative;padding-left: 15px}
#sub.law .con02 .tab_wrap .con_w ul li span{position: absolute;left: 0}
/*효과*/
#sub.talent .con01 ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.talent .con01.on ul li{transform: translateY(0); opacity: 1;}
#sub.talent .con01 ul li:nth-child(2){transition-delay: 0.3s}
#sub.talent .con01 ul li:nth-child(3){transition-delay: 0.6s}
#sub.talent .con01 ul li:nth-child(4){transition-delay: 0.9s}

#sub.talent .con03 ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.talent .con03 ul li img{max-width: 100%}
#sub.talent .con03.on ul li{transform: translateY(0); opacity: 1;}
#sub.talent .con03 ul li:nth-child(1){transition-delay: 0.3s}
#sub.talent .con03 ul li:nth-child(2){transition-delay: 0.6s}

#sub.talent .con03 p{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.9s}
#sub.talent .con03.on p{transform: translateY(0); opacity: 1;}

#sub .sub_tit2 strong{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub .on .sub_tit2 strong{transform: translateY(0); opacity: 1;}

#sub.talent .con02 .in ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.talent .con02.on .in ul li{transform: translateY(0); opacity: 1;}
#sub.talent .con02 .in ul li:nth-child(1){transition-delay: 0.3s}
#sub.talent .con02 .in ul li:nth-child(2){transition-delay: 0.6s}
#sub.talent .con02 .in ul li:nth-child(3){transition-delay: 0.9s}
#sub.talent .con02 .in ul li:nth-child(4){transition-delay: 1.2s}
#sub.talent .con02 .in ul li:nth-child(5){transition-delay: 1.5s}
#sub.talent .con02 .in ul li:nth-child(6){transition-delay: 1.8s}
#sub.talent .con02 .in ul li:nth-child(7){transition-delay: 2.1s}
#sub.talent .con02 .in ul li:nth-child(8){transition-delay: 2.4s}

#sub.talent .con02 .in ul li i:after, #sub.re_list .con02 .in ul li i:after, #sub.bo_view .con02 a:after,#sub.rnd .con02 ul li a .txt span:before, #sub.product .con02 .list > ul > li .img .view div:after, #sub.history .con01 .inner .left strong:after, .sub_visual .vis_txt > div > div.v_tit strong:before, #sub.inquiry .con01 .submit a:after, #sub.gal_list .list > ul > li .thum:after, #sub.rnd01 .con05 ul li:after{animation:  cir 10s infinite linear}

#sub.organ .sub_con .organ_tab{position: relative;z-index: 2}
#sub.organ .sub_con .organ_tab ul{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.organ .sub_con.on .organ_tab ul{transform: translateY(0); opacity: 1;}
#sub.organ .sub_con .organ_con > ul > li{transform: translateY(-20px);transition: 0.8s}
#sub.organ .sub_con .organ_con > ul > li.act{transform: translateY(0);}

#sub.organ .organ_con > ul > li{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.organ .sub_con .organ_con > ul > li.act{transform: translateY(0); opacity: 1;}
#sub.organ .sub_con .organ_con > ul > li img{max-width: 100%}
#sub.re_list .con02 span{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.re_list .con02.on span{transform: translateY(0); opacity: 1;}
#sub.re_list .con02 .in ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.re_list .con02.on .in ul li{transform: translateY(0); opacity: 1;}
#sub.re_list .con02 .in ul li:nth-child(1){transition-delay: 0.6s}
#sub.re_list .con02 .in ul li:nth-child(2){transition-delay: 0.9s}
#sub.re_list .con02 .in ul li:nth-child(3){transition-delay: 1.2s}
#sub.re_list .con02 .in ul li:nth-child(4){transition-delay: 1.5s}

#sub.re_list .con02:after{transition: 3s;width: 0}
#sub.re_list .con02.on:after{width: 100%}

#sub.rnd .con01 i{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.rnd .con01.on i{transform: translateY(0); opacity: 1;}
#sub.rnd .con01 p{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.rnd .con01.on p{transform: translateY(0); opacity: 1;}

#sub.rnd .con02 ul li{transform: translateY(-40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.rnd .con02 ul li:nth-child(2n){transform: translateY(40px); }
#sub.rnd .con02.on ul li{transform: translateY(0); opacity: 1;}

#sub.rnd01 .con01 p{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.rnd01 .con01.on p{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con02 .in p{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.rnd01 .con02.on .in p{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con02 .in strong{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.6s}
#sub.rnd01 .con02.on .in strong{transform: translateY(0); opacity: 1;}

#sub.rnd01 .con02 .in .box ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.rnd01 .con02.on .in .box ul li{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con02 .in .box ul li:nth-child(1){transition-delay: 0.9s}
#sub.rnd01 .con02 .in .box ul li:nth-child(2){transition-delay: 1.2s}
#sub.rnd01 .con02 .in .box ul li:nth-child(3){transition-delay: 1.5s}
#sub.rnd01 .con02 .in .box ul li:nth-child(4){transition-delay: 1.8s}
#sub.rnd01 .con02 .in .box ul li:nth-child(5){transition-delay: 2.1s}
#sub.rnd01 .con02 .in .box ul li:nth-child(6){transition-delay: 2.4s}
#sub.rnd01 .con02 .in .box ul li:nth-child(7){transition-delay: 2.7s}
#sub.rnd01 .con02 .in .box ul li:nth-child(8){transition-delay: 3s}

#sub.rnd01 .con03 .txt strong{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.rnd01 .con03.on .txt strong{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con03 .txt p{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.6s}
#sub.rnd01 .con03.on .txt p{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con03 .box strong{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.9s}
#sub.rnd01 .con03.on .box strong{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con03 .box .img{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 1.2s}
#sub.rnd01 .con03.on .box .img{transform: translateY(0); opacity: 1;}

#sub.rnd01 .con04 ul li:nth-child(1){transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.rnd01 .con04.on ul li:nth-child(1){transform: translateY(0); opacity: 1;}
#sub.rnd01 .con04 ul li:nth-child(2){transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.6s}
#sub.rnd01 .con04.on ul li:nth-child(2){transform: translateY(0); opacity: 1;}

#sub.rnd01 .con04{overflow: hidden}
#sub.rnd01 .con04:before{transform: translateX(-100%); opacity: 0;transition: 2.5s;transition-delay: 0s}
#sub.rnd01 .con04.on:before{transform: translateX(0); opacity: 1;}
#sub.rnd01 .con04:after{transform: translateX(100%); opacity: 0;transition:2.5s;transition-delay: 0s}
#sub.rnd01 .con04.on:after{transform: translateX(0); opacity: 1;}
#sub.rnd01.rnd03 .con02 .in strong{transition-delay: 0.3s}
#sub.rnd01.rnd04 .con02 .in strong{transition-delay: 0.3s}
#sub.rnd01.rnd03 .con02 .in .box strong{transition-delay: 0.9s}
#sub.rnd01.rnd04 .con02 .in .box2 strong{transition-delay: 0.9s}
#sub.rnd01.rnd03 .con02 .in p{transition-delay: 0.6s}
#sub.rnd01.rnd04 .con02 .in p{transition-delay: 0.6s}

#sub.rnd01 .con02 .in .box .img_w{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.9s}
#sub.rnd01 .con02.on .in .box .img_w{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con02 .in .box .img_w2{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 1.2s}
#sub.rnd01 .con02.on .in .box .img_w2{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con02 .in .box2 .list01 ul li{transform: translateY(-40px); opacity: 0;transition: 1.1s;transition-delay: 1.2s}
#sub.rnd01 .con02 .in .box2 .list01 ul li:nth-child(7){transform: translateY(0); }
#sub.rnd01 .con02.on .in .box2 .list01 ul li{transform: translateY(0); opacity: 1;}
#sub.rnd01 .con02 .in .box2 .list01 ul li:nth-child(2){transition-delay: 1.5s}
#sub.rnd01 .con02 .in .box2 .list01 ul li:nth-child(3){transition-delay: 1.8s}
#sub.rnd01 .con02 .in .box2 .list01 ul li:nth-child(4){transition-delay: 2.1s}
#sub.rnd01 .con02 .in .box2 .list01 ul li:nth-child(5){transition-delay: 2.4s}
#sub.rnd01 .con02 .in .box2 .list01 ul li:nth-child(6){transition-delay: 2.7s}
#sub.rnd01 .con02 .in .box2 .list01 ul li:nth-child(7){transition-delay: 3s}
#sub.rnd01 .con02 .in .box2 .list01 i{width: 0;transition: 2s}
#sub.rnd01 .con02.on .in .box2 .list01 i{width: 982px;transition-delay: 2s}
@keyframes cir{
	0%{transform: rotate(0)}
	100%{transform: rotate(360deg)}
}

#sub.product .con01 p{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.product .con01.on p{transform: translateY(0); opacity: 1;}
#sub.product .con01 > div > ul{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.product .con01.on > div > ul{transform: translateY(0); opacity: 1;}
#sub.product .con02{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.product .con02.on{transform: translateY(0); opacity: 1;}

#sub.pro_view .d_tit strong{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.pro_view .d_tit.on strong{transform: translateY(0); opacity: 1;}
#sub.pro_view .d_tit p{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.pro_view .d_tit.on p{transform: translateY(0); opacity: 1;transition-delay: 0.3s}

#sub.pro_view .con01{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.pro_view .con01.on{transform: translateY(0); opacity: 1;}

#sub.pro_view .con02 ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.pro_view .con02.on ul li{transform: translateY(0); opacity: 1;}
#sub.pro_view .con03 .c01 .cr_bg{transform: scale(0);transition: 1s}
#sub.pro_view .con03.on .c01 .cr_bg{transform: scale(1);transition: 1s}
#sub.pro_view .con03 .circle .sf_img{transform: scale(0);transition: 1s;z-index: 2;transition-delay: 0.3s}
#sub.pro_view .con03.on .circle .sf_img{transform: scale(1);}
#sub.pro_view .con03 .circle ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 1s}
#sub.pro_view .con02.on ul li{transform: translateY(0); opacity: 1;}
#sub.pro_view .con03 .circle ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 1s}
#sub.pro_view .con03.on .circle ul li{transform: translateY(0); opacity: 1;}
#sub.pro_view .con03 .circle ul li:nth-child(2){transition-delay: 1.3s}
#sub.pro_view .con03 .circle ul li:nth-child(3){transition-delay: 1.6s}
#sub.pro_view .con03 .circle ul li:nth-child(4){transition-delay: 1.9s}
#sub.pro_view .con03 .circle ul li:nth-child(5){transition-delay: 2.2s}
#sub.pro_view .con03 .circle ul li:nth-child(6){transition-delay: 2.5s}
#sub.pro_view .con03 .circle ul li:nth-child(7){transition-delay: 2.8s}
#sub.pro_view .con03 .circle ul li:nth-child(8){transition-delay: 3.1s}

#sub.pro_view .pv_txt{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.pro_view .on .pv_txt{transform: translateY(0); opacity: 1;}

#sub.pro_view .con03 .c02{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 3.3s}
#sub.pro_view .con03.on .c02{transform: translateY(0); opacity: 1;}

#sub.pro_view .con04 ul{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.pro_view .con04.on ul{transform: translateY(0); opacity: 1;}

#sub.pro_view .con05 ul{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.pro_view .con05.on ul{transform: translateY(0); opacity: 1;}
#sub.pro_view .con06 .slick-slide{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.pro_view .con06.on .slick-slide{transform: translateY(0); opacity: 1;}

#sub.pro_view .con10 p{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.pro_view .con10.on p{transform: translateY(0); opacity: 1;}

#sub.pro_view .con11 .in > div.c01{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.pro_view .con11.on .in > div.c01{transform: translateY(0); opacity: 1;}
#sub.pro_view .con11 .in > div.c02{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.3s}
#sub.pro_view .con11.on .in > div.c02{transform: translateY(0); opacity: 1;}
#sub.pro_view .con11 .in > div.c03{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.6s}
#sub.pro_view .con11.on .in > div.c03{transform: translateY(0); opacity: 1;}

#sub.pro_view .con12 ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.pro_view .con12.on ul li{transform: translateY(0); opacity: 1;}
#sub.pro_view .con12 ul li:nth-child(2){transition-delay: 0.3s}
#sub.pro_view .con12 ul li:nth-child(3){transition-delay: 0.6s}
#sub.pro_view .con12 ul li:nth-child(4){transition-delay: 0.9s}
#sub.pro_view .con12 ul li:nth-child(5){transition-delay: 1.2s}
#sub.pro_view .con12 ul li:nth-child(6){transition-delay: 1.5s}
#sub.pro_view .con12 ul li:nth-child(7){transition-delay: 1.8s}
#sub.pro_view .con12:after{width: 0;transition: 2s}
#sub.pro_view .con12.on:after{width: 100%}

#sub.greeting .con01 .tit strong{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.9s}
#sub.greeting .active .con01 .tit strong{transform: translateY(0); opacity: 1;}

#sub.greeting .con01 .txt p{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 1.2s}
#sub.greeting .active .con01 .txt p {transform: translateY(0); opacity: 1;}
#sub.greeting .con02 ul li .img{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.9s}
#sub.greeting .active .con02 ul li .img{transform: translateY(0); opacity: 1;}
#sub.greeting .active .con02 ul li:nth-child(2) .img{transition-delay: 1.5s}
#sub.greeting .active .con02 ul li:nth-child(2) .txt{transition-delay: 1.8s}

#sub.greeting .con02 ul li .txt {transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 1.2s}
#sub.greeting .active .con02 ul li .txt {transform: translateY(0); opacity: 1;}

#sub.greeting .con03 .txt{transform: translateX(-40px); opacity: 0;transition: 1.1s;transition-delay: 0.9s}
#sub.greeting .active .con03 .txt{transform: translateX(0); opacity: 1;}
#sub.greeting .con03 .video{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 1.2s}
#sub.greeting .active .con03 .video{transform: translateY(0); opacity: 1;}
#sub.greeting .con04 .tit strong{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.9s}
#sub.greeting .active .con04 .tit strong{transform: translateY(0); opacity: 1;}
#sub.greeting .con04 .tit p{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 1.2s}
#sub.greeting .active .con04 .tit p{transform: translateY(0); opacity: 1;}

#sub.greeting .con04 ul li{transform: translateX(40px); opacity: 0;transition: 1.1s;transition-delay: 1.5s}
#sub.greeting .active .con04 ul li{transform: translateX(0); opacity: 1;}
#sub.greeting .con04 ul li:nth-child(2){transform: translateX(-40px); opacity: 0;transition: 1.1s;transition-delay: 1.8s}
#sub.greeting .active .con04 ul li:nth-child(2){transform: translateX(0); opacity: 1;}

#sub.greeting .con05 ul li {transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 0.9s}
#sub.greeting .active .con05 ul li {transform: translateY(0); opacity: 1;}
#sub.greeting .con05 ul li:nth-child(1){transition-delay: 1.2s}
#sub.greeting .con05 ul li:nth-child(2){transition-delay: 1.5s}
#sub.greeting .con05 ul li:nth-child(3){transition-delay: 1.8s}
#sub.greeting .con05 ul li:nth-child(4){transition-delay: 2.1s}
#sub.greeting .con05 ul li:nth-child(5){transition-delay: 2.4s}
#sub.greeting .con05 .c02 .graph:before{width: 0;transition: 2s;transition-delay: 1s}
#sub.greeting .active .con05 .c02 .graph:before{width: 100%}
#sub.greeting .con05 .c02 p{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 2.5s}
#sub.greeting .active .con05 .c02 p{transform: translateY(0); opacity: 1;}

#sub.history .con01 .inner .left strong{transform: scale(0.7);opacity: 0;transition: 1.2s;transition-delay: 0.9s}
#sub.history .active .con01 .inner .left strong{transform: scale(1);opacity: 1}
#sub.history .con01 .right ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;transition-delay: 1.3s}
#sub.history .active .con01 .right ul li{transform: translateY(0); opacity: 1;}

#sub.ci .con01 .line img{transform: translateY(40px); opacity: 0;transition: 1.1s;}
#sub.ci .con01.on .line img {transform: translateY(0); opacity: 1;}

#sub.ci .con01 .txt ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;transition-delay: 0.3s}
#sub.ci .con01.on .txt ul li {transform: translateY(0); opacity: 1;}
#sub.ci .con01 .txt ul li:nth-child(2){transition-delay: 0.6s}
#sub.ci .con01 .txt ul li:nth-child(3){transition-delay: 0.9s}
#sub.ci .con01 .txt ul li:nth-child(4){transition-delay: 1.2s}
#sub.ci .con01 .txt2 strong{transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;transition-delay: 0.3s}
#sub.ci .con01.on .txt2 strong{transform: translateY(0); opacity: 1;}

#sub.ci .con02 span, #sub.ci .con03 span{display: block;transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;transition-delay: 0.3s}
#sub.ci .con02.on span, #sub.ci .con03.on span{transform: translateY(0); opacity: 1;}

#sub.ci .con02 .in ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;transition-delay: 0.3s}
#sub.ci .con02 .in ul li img{max-width: 100%}
#sub.ci .con02.on .in ul li{transform: translateY(0); opacity: 1;}
#sub.ci .con02 .in ul li:nth-child(1){transition-delay: 0.6s}
#sub.ci .con02 .in ul li:nth-child(2){transition-delay: 0.9s}

#sub.ci .con03 .in .left{transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;transition-delay: 0.6s}
#sub.ci .con03.on .in .left{transform: translateY(0); opacity: 1;}
#sub.ci .con03 .in .right{transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;transition-delay: 0.9s}
#sub.ci .con03.on .in .right{transform: translateY(0); opacity: 1;}

.sub_visual {background: #000}
.sub_visual .vis_img img{transform: scale(1.05);opacity: 0.7;transition: 3s}
.sub_visual.on .vis_img img{transform: scale(1);opacity: 1;}

.sub_visual .vis_txt > div > div.v_tit{transform: translateY(40px); opacity: 0;transition: transform 1.1s, opacity 1.1s;position: relative;z-index: 2;transition-delay: 0.3s}
.sub_visual.on .vis_txt > div > div.v_tit{transform: scale(1);opacity: 1;}
.sub_visual .vis_txt > div > div.v_loc button{transform: translateY(40px); opacity: 0;transition: transform 1.1s, opacity 1.1s;position: relative;z-index: 2;transition-delay: 0.6s}
.sub_visual.on .vis_txt > div > div.v_loc button{transform: scale(1);opacity: 1;}

.sub_visual .vis_txt > div > div.v_loc ul li{transform: translateY(40px); opacity: 0;transition:transform 1.1s, opacity 1.1s;position: relative;z-index: 2;transition-delay: 0.9s}
.sub_visual.on .vis_txt > div > div.v_loc ul li{transform: scale(1);opacity: 1;}
.sub_visual .vis_txt > div > div.v_loc ul li:nth-child(2){transition-delay: 1.2s}
.sub_visual .vis_txt > div > div.v_loc ul li:nth-child(3){transition-delay: 1.5s}
.sub_visual .vis_txt > div > div.v_loc ul li:nth-child(4){transition-delay: 1.8s}
.sub_visual .vis_txt > div > div.v_loc ul li:nth-child(5){transition-delay: 2.1s}

.sub_visual:before{transform: translateX(-100%);transition: 2s;z-index: 2;transition-delay: 0.9s}
.sub_visual.on:before{transform: translateX(0);}

.sub_visual .vis_txt > div > div.v_tit strong:after{transform: translateX(-10%);transition: transform 1.1s, opacity 1.1s;z-index: 2;transition-delay: 0.9s;opacity: 0}
.sub_visual.on .vis_txt > div > div.v_tit strong:after{transform: translateX(0);opacity: 1}

#sub.greeting .con01 .tit:before{transform: scale(0);transition: 2s;transition-delay: 1.5s}
#sub.greeting .active .con01 .tit:before{transform: scale(1);}

#sub.direction .con01 .tab{transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;}
#sub.direction .con01.on .tab{transform: scale(1);opacity: 1;}

#sub.direction .con01 .map{transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;transition-delay: 0.3s}
#sub.direction .con01.on .map{transform: scale(1);opacity: 1;}
#sub.direction .con02 > div > ul > li{transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;}
#sub.direction .con02.on > div > ul > li{transform: scale(1);opacity: 1;}
#sub.direction .con02 > div > ul > li:nth-child(2){transition-delay: 0.3s}


#sub.rnd01 .con05:after{width: 0;transition: 3s}
#sub.rnd01 .con05.on:after{width: 100%}
#sub.rnd01 .con05 ul li{transform: translateY(40px); opacity: 0;transition: 1.1s;position: relative;z-index: 2;}
#sub.rnd01 .con05.on ul li{transform: scale(1);opacity: 1;}
#sub.rnd01 .con05 ul li:nth-child(2){transition-delay: 0.3s}
#sub.rnd01 .con05 ul li:nth-child(3){transition-delay: 0.6s}
#sub.rnd01 .con05 ul li:nth-child(4){transition-delay: 0.9s}
#sub.rnd01 .con05 ul li:nth-child(5){transition-delay: 1.2s}

#sub.info .con01{text-align: center}
#sub.info .con01 strong{font-size: 120px;color: #f5f8fc;font-weight: 900;letter-spacing: -2px;line-height: 1;}
#sub.info .con01 p{font-size: 35px;letter-spacing: -0.5px;color: #333;font-weight: 500;;margin-top: -40px;display: block;margin-bottom: 30px;}
#sub.info .con01 p span{color: #00a0d9}
#sub.info .con01 em{font-size: 18px;letter-spacing: -0.5px;color: #333333;font-weight: 400;line-height: 40px;}

.p_list_wrap .info_txt_wrap {border: 10px solid #f1f1f1;padding: 80px 50px}
.p_list_wrap .info_txt_wrap p{font-size: 16px; line-height: 32px;margin-bottom: 40px; word-break: keep-all;letter-spacing: -0.5px;}
.p_list_wrap .info_txt_wrap p span{color: inherit;font-size: inherit;font-weight: inherit;display: block;padding-left: 18px;}
.p_list_wrap .info_txt_wrap p span em{color: inherit;font-size: inherit;font-weight: inherit;display: block;padding-left: 18px;}
.p_list_wrap .info_txt_wrap strong{display: block; font-size: 18px; line-height: 32px;margin-bottom: 40px}
.p_list_wrap table{width: 100%;text-align: center;margin-bottom: 40px;}
.p_list_wrap table td{border-bottom: 1px solid #d2d2d2}
.p_list_wrap table td, .p_list_wrap table th{height: 60px;vertical-align: middle}
.p_list_wrap table th{background: #f2f2f2;font-weight: 500}

#sub .tab{margin-bottom: 65px;margin-top: 65px;}
#sub .tab .d01 >ul{text-align: center}
#sub .tab .d01 >ul >li{display: inline-block;margin-right: 15px}
#sub .tab .d01 >ul >li:last-child{margin-right: 0}
#sub .tab .d01 >ul >li a{display: block;text-align: center;width: 230px;line-height: 62px;border: 1px solid #dddddd;font-weight: 600;color: #49546b;font-size: 20px;position: relative;transition: 0.6s}
#sub .tab .d01 >ul >li.on a{border-color: #1e76fb;background: #1e76fb;color: #fff;padding-right: 90px;box-shadow: 10px 10px 20px rgba(0,0,0,0.1)}
#sub .tab .d01 >ul >li a:after{content: '';display: block;width: 45px;height: 2px;position: absolute;right: 0;top: 50%;margin-top: -1px;background: #fff}
#sub .tab .d02{background: #f4f5f8;margin-top: 20px;}
#sub .tab .d02 ul{text-align: center}
#sub .tab .d02 ul li{display: inline-block}
#sub .tab .d02 ul li a{display: block;line-height: 80px;color: #949ba9;font-weight: 500;font-size: 18px;padding: 0 30px;position: relative}
#sub .tab .d02 ul li.on a:after{content: '';display: block;width: 36px;height: 2px;position: absolute;left: 50%;margin-left: -18px;bottom: 0;background: #1e76fb}
#sub .tab .d02 ul li.on a{color: #1e76fb}

#sub.bo_list2 .tab .d01{width: 1400px;margin: 0 auto}
#sub.bo_list2 .tab .d01{width: 1400px;margin: 0 auto}
#sub .tab .d01 > ul{display: flex;flex-wrap: wrap;gap: 20px}
#sub .tab .d01 > ul > li{width: calc(25% - 15px);margin: 0}
#sub .tab .d01 > ul > li a{width: 100%}
#sub.invest .inv_list{background: #f4f5f8}
#sub.invest .inv_list ul{text-align: center}
#sub.invest .inv_list ul li{display: inline-block}
#sub.invest .inv_list ul li a{display: block;line-height: 80px;font-size: 18px;color: #949ba9;padding: 0 30px;}
#sub.invest .inv_list ul li.on a{color: #1f77fb;font-weight: 600}
#sub.invest .inv_tit{margin-bottom: 20px;}
#sub.invest .inv_tit:after{content: '';display: block;clear: both}
#sub.invest .inv_tit strong{float: left;color: #0b162e;font-size: 24px;line-height: 24px}
#sub.invest .inv_tit span{float: right;color: #49546b;font-size: 16px;line-height: 24px}
#sub.invest ul.img_list li{margin-top: 80px;}
#sub.invest.pag_list .inv_list{margin-top: 50px;}

#sub.safe .con02 .st{ background-color: #f5f8fc; padding: 80px 20px; text-align: center; margin-bottom: 45px; }
#sub.safe .con02 .st strong{ font-size: 24px; line-height: 40px; color:#0b162e; font-weight: 700; }
#sub.safe .con02 .st strong b{ font-style: normal; color:#00a0d9; }
#sub.safe .con02 .box{ padding-top: 45px; border-top: 1px solid rgba(11,22,46,0.3); display: flex; flex-flow: column; gap: 20px; }
#sub.safe .con02 .box dl{ border: 1px solid #e3e4ea; padding: 40px 60px; display: flex; align-items: center; gap: 60px; }
#sub.safe .con02 .box dl dt{ font-size: 80px; font-weight: 500; color:#e2e8f1; }
#sub.safe .con02 .box dl dd strong{ font-size: 20px; font-weight: 500; color:0b162e; margin-bottom: 10px; display: block; }
#sub.safe .con02 .box dl dd p{ font-size: 18px; color:49546b; font-weight: 400; word-break: keep-all; line-height: 1.5em; }
#sub.safe .con02 .date{ margin-top: 80px; text-align: center; }
#sub.safe .con02 .date p{ font-size: 22px; color: #49546b; font-weight: 500; }
#sub.safe .con02 .name{ margin-top: 80px; display: flex; align-items: center; gap: 20px; justify-content: flex-end; }
#sub.safe .con02 .name p{ font-size: 24px; color:#49546b; font-weight: 500; }
#sub.safe .con02 .name p b{ font-style: normal; color:#00a0d9; }
#sub.safe .con02 .name strong{ color: #0b162e; font-weight: 600; font-size: 40px; }


#sub.safe .sub_con{ background: url('/img/sub/safe_bg.png') center bottom no-repeat; }


@media (max-width: 1616px){
    .sub_visual .vis_img{height: 600px}
    .sub_visual .vis_txt{top: 207px}
}
@media (max-width: 1416px){
    .inner{width: 100%;padding: 0 20px;}
    #sub.talent .con01 ul li .img{overflow: hidden}
    #gnb{display: none}
    #sub.rnd01 .con03 .box img{max-width: 100%}
    #sub.rnd01 .con02 .in .box .img_w img{max-width: 100%}
    #sub.rnd01 .con02 .in .box .img_w2 img{max-width: 100%}
    #sub.rnd01 .con02 .in .box .img_w{margin-bottom: 30px;}
    #sub.rnd01 .con05 ul li{margin-right: 20px}
    #sub.inquiry .con01 .form_area .form_w .select button{width: 100%}
    #sub.inquiry .con01 .form_area .form_w .select{width: 100%}
    #sub.product.product01 .con01 > div > ul:after{content: '';display: block;clear: both}
    #sub.product.product01 .con01 > div > ul > li{float: left;width: 33.33%;margin-left: 0;padding: 3px}
    #sub.product.product01 .con01 > div > ul > li button{width: 100%}
    #sub.pro_view .con02 ul li .right img{width: 500px;}
    #sub.pro_view .con06 .slick-slider{max-width: 100%}
    #sub.pro_view .con06 .slick-slide{padding: 0 10px;}
    #sub.pro_view .con06 .slick-slider{margin-left: 0}
    #sub.pro_view .con11 .in > div.c01, #sub.pro_view .con11 .in > div.c01{width: 50%;margin-right: 0}
    #sub.pro_view .con11 .in > div.c03{width: 100%}
    #sub.pro_view .con11 .in > div.c03 ul {text-align: center}
    #sub.pro_view .con11 .in > div.c03 ul li{display: inline-block;max-width: 49%;padding-left: 0;padding: 0 5px;}
    #sub.pro_view .con11 .in > div.c03 ul li:last-child{margin-right: 0}
    #sub.pro_view .con11 .in > div.c01{margin-left: 0;text-align: center}
    #sub.pro_view .con06 .slick-next{transform: scale(0.7);right: 0px}
    #sub.history .con01 {padding-top: 80px;padding-bottom: 80px}
    #sub.history .con01 .right{float: none;text-align: center;padding-left: 0;padding-top: 60px;}
    #sub.history .con01 .right ul{display: inline-block;text-align: left}
    #sub.history .sub_tit{padding-top: 0}
    #sub.greeting .con02 ul li > *, #sub.greeting .con02 ul li:nth-child(2) > *{float: none;text-align: center}
    #sub.greeting .con02 ul li .img{width: 500px;margin: 0 auto;margin-bottom: 50px;max-width: 100%}
    #sub.greeting .con02 ul li .img img{width: 100%}
    #sub.greeting .con02 ul li:nth-child(1) .txt, #sub.greeting .con02 ul li:nth-child(2) .txt{padding-left: 20px;margin-right: 20px}
    #sub.greeting .con02 ul li .txt p{word-break: keep-all}
    #sub.greeting .con05{margin-top: 60px;}
    #sub.greeting .con05 ul li{margin-bottom: 30px;}
    #sub.greeting .con05 ul li img{width: 200px;}
    #sub.greeting .con02 ul li:nth-child(2) .txt{padding-right: 20px}
    #sub.ci .con01 .line{display: none}
    #sub.ci .con01 .txt ul:after{content: '';display: block;clear: both}
    #sub.ci .con01 .txt ul li{float: left;width: 23.5%;margin-right: 2%}
    #sub.ci .con03 .in img{height: 350px;}
    #sub.organ .sub_con .organ_con > ul > li:after{display: none !important}
    #sub.organ .organ_tab ul:after{content: '';display: block;clear: both}
    #sub.organ .organ_tab ul li{margin-right: 0;width: 25%;padding: 5px;float: left}
    #sub.organ .organ_tab ul li a{width: 100%}
    #sub.organ .organ_con > ul > li ul li{width: 25%;margin-left: -2px;margin-right: 0;padding: 0 5px;margin-bottom: 30px;}
    #sub.organ .organ_con > ul > li ul li strong{width: 100%}
    #sub .tab .d01 >ul{padding-left: 5px;text-align: left}
    #sub .tab .d01 >ul >li{width:25%;margin-left: -5px;margin-right: 0}
    #sub .tab .d01 >ul >li a{width: 100%}
    #sub .tab .d01 >ul >li a:after{display: none}
    #sub .tab .d01 >ul >li.on a{padding-right: 0}
    #sub.bo_list2 .tab .d01{width: 100%;padding: 0 20px;}
#sub.bo_list2 .tab .d01 > ul > li {
    width: calc(25% - 15px);}
}

@media (max-width: 1300px){
    #sub.rnd01 .con05 {text-align: center}
    #sub.rnd01 .con05 ul{display: inline-block}
    #sub.rnd01 .con05 ul:after{content: '';display: block;clear: both}
    #sub.rnd01 .con05 ul li{float: left;margin-bottom: 50px;}
    #sub.rnd01 .con05 ul li:nth-child(4){clear: left}
    #sub.rnd01 .con05 ul li:nth-child(3){margin-right: 0}
    #sub.pro_view .con02 ul li .right{text-align: center;padding-top: 30px;}
    #sub.pro_view .con02 ul li .right, #sub.pro_view .left{float: none}
    #sub.pro_view .con02 ul li .right{margin-top: 20px;}
    #sub.pro_view .con12 ul li{width: 32%;margin-right: 2%;margin-bottom: 30px;}
    #sub.pro_view .con12 ul li:nth-child(3n){margin-right: 0}
    #sub.history .con01 .inner .left{position: static}
    #sub.history .con01 .inner .left strong{margin: 0 auto}
    #sub.greeting .con03 .video{max-width: 100%}
    #sub.greeting .con03 .video img{max-width: 100%}
        #sub.update .content .c02 ul li{width: 100%;margin-bottom: 20px}
    #sub.pro_view .con02 ul li{min-height: 0}

}
@media (max-width: 1200px){
    #sub.greeting .con04 ul li strong{font-size: 26px;max-width: 100%}
    #sub.greeting .con05 ul:after{content: '';display: block;clear: both}
    #sub.greeting .con05 ul li{width: 50%;margin-right: 0;float: left;margin-top: 0 !important}
        #sub.ci .con03 .in img{height: 270px;}
    #sub.inquiry .popup .wrap{max-width: 90%}
    #sub.info .con01 strong{font-size: 70px;}



}
@media (max-width: 1000px){
    #sub.pro_view .con05 ul:after{content: '';display: block;clear: both}
    #sub.greeting .con02 ul li .txt p{display: block}
    #sub.pro_view .con05 ul li{width: 25%;float: left}
    #sub.greeting .con02 ul li .txt p br{display: none}
}
@media (max-width: 960px){
    #sub.talent .con02 .in ul li img{width: 130px}
    #sub.talent .con02 .in ul li i:after{width: 150px;height: 150px;margin-top: -75px;margin-left: -75px;background-size: 100% 100% !important}
    #sub.talent .con02 .in ul li strong{font-size: 18px;}
    #sub.talent .con02 .in ul li p{font-size: 13px;line-height: 1.7}
    #sub.talent .con02 .in ul li{margin-bottom: 45px;}
    .sub_con{padding-top: 60px}
    .sub_loc ul li, .sub_loc ul li *{font-size: 12.5px}
    .sub_tit strong{font-size: 26px;}
    .sub_tit:after{margin-top: 15px;}
    #sub.talent .con01 ul li .txt strong{font-size: 18px;word-break: keep-all}
    #sub.talent .con01 ul li .txt p{font-size: 13px;line-height: 26px;word-break: keep-all}
    #sub.talent .con01 ul li .txt i{margin-bottom: 15px;}
    #sub.talent .con01 ul li .txt strong{margin-bottom: 10px}
    #sub .sub_tit2 strong{font-size: 20px;}
    #sub.re_list .con02 span{font-size: 13px;line-height: 1.5;word-break: keep-all}
    .sub_tit{margin-bottom: 60px;}
    #sub.bo_list .sub_tit2{margin-bottom: 45px}
    #sub.re_list .con02 .in ul li img{width: 140px;}
    #sub.re_list .con02 .in ul li i:after{width: 155px;height: 155px;background-size: 100% 100% !important;margin-top: -77.5px;margin-left: -77.5px;}
    #sub.re_list .con02 .in ul li p{font-size: 14px;line-height: 26px;}
    #sub.re_list .con02 .in ul li i{margin-bottom: 25px;}
    #sub .sch_area{width: 300px;}
    #sub .sch_area input[type="text"]{height: 50px;}
    #sub .sch_area input[type="submit"]{width: 50px;height: 50px;background-size: 100% 100%}
    #sub.bo_list table td.time, #sub.bo_list table td.stat{display: none}
    #sub.bo_list table td{font-size: 14px;height: 45px;}
    #sub.bo_list.re_list table td.tit{width: 60%}
    #sub.bo_list table td.num, #sub.bo_list table td.cate, #sub.bo_list table td.stat{width: 30px;}
    .sub_con{padding-bottom: 100px;}
    #sub.faq .list ul li .tit{padding-top: 10px;padding-bottom: 10px;}
    #sub.faq .list ul li .tit strong, #sub.faq .list ul li .txt p{font-size: 14px;line-height: 2;padding: 0}
    #sub.faq .list ul li .tit i.icon, #sub.faq .list ul li .txt i.icon{line-height: 2;font-size: 14px;left: 10px;}
    #sub.faq .list ul li .tit, #sub.faq .list ul li .txt{padding-left: 40px;}
    #sub.faq .list ul li .txt div{padding-top: 20px;padding-bottom: 20px;}
    #sub.faq .list ul li .tit{background-size: auto 50px !important;padding-right: 50px}
    #sub.rnd .con01 p{font-size: 20px;line-height: 1.7}
    #sub.rnd .con01 p br{display: none}
    #sub.rnd .con01 i img{width: 400px;}
    #sub.rnd .con01{padding-top: 40px}
    #sub.rnd .con02 ul li a .txt strong{font-size: 20px;}
    #sub.rnd01 .con01 .inner{padding: 0}
    #sub.rnd01 .con01 p{font-size: 16px;line-height: 1.7;word-break: keep-all}
    #sub.rnd01 .con01 p.mb{margin-bottom: 10px;}
    #sub.rnd01 .con02 .in p{font-size: 15px;line-height: 1.7;word-break: keep-all}
    #sub.rnd01 .con02 .in{padding-top: 40px;}
    #sub.rnd01 .con02 .in p{margin-bottom: 25px;}
    #sub.rnd01 .con02 .box strong, #sub.rnd01 .con03 .box strong, #sub.rnd01 .con02 .box2 strong{font-size: 18px;margin-bottom: 20px;}
    #sub.rnd01 .con02 .in .box{padding-top: 25px;padding-bottom: 25px;}
    #sub.rnd01 .con02{margin-bottom: 60px;}
    #sub.rnd01 .con02 .in{background-size: auto 80%}
    #sub.rnd01 .con03 strong{font-size: 16px;word-break: keep-all;line-height: 1.7}
    #sub.rnd01 .con03 strong{margin-bottom: 20px;}
    #sub.rnd01 .sub_tit2{margin-bottom: 25px;}
    #sub.rnd01 .con03 p{font-size: 14px;line-height: 1.7;word-break: keep-all}
    #sub.rnd01 .con03 .box{padding: 20px;}
    #sub.rnd01 .con03 .box{margin-top: 45px;}
    #sub.rnd01 .con01{margin-bottom: 50px;}
    #sub.rnd01 .con04 ul li{max-width: 70%}
    #sub.rnd01 .con04 ul li img{width: 100%}
    #sub.rnd01 .con04 ul li:nth-child(1) .txt{right: -80px;top: 20%}
    #sub.rnd01 .con04 ul li:nth-child(2){top: 30%}
    #sub.rnd01 .con04 ul li:nth-child(1) .txt strong{font-size: 13px;}
    #sub.rnd01 .con02 .in strong{font-size: 16px;line-height: 1.7;word-break: keep-all;margin-bottom: 25px;}
    #sub.rnd01 .con02 .in, #sub.rnd01.rnd04 .con02 .in{padding-top: 60px;}
    #sub.rnd01.rnd04 .con02 .in strong{margin-bottom: 20px;}
    #sub.rnd01 .con02 .in .box2{padding: 20px 20px;}
    #sub.rnd01 .con02 .in .box2 .list01 i{width: 0;left: 50%;margin-left: -200px;background-position: right}
    #sub.rnd01 .con02.on .in .box2 .list01 i{width: 400px;}
    #sub.rnd01.rnd05 .con02 .in, #sub.rnd01.rnd06 .con02 .in, #sub.rnd01.rnd07 .con02 .in{padding: 50px 0}
    #sub.rnd01 .con05 ul li{width: 150px;height: 150px;padding-top: 18px}
    #sub.rnd01 .con05 ul li i img{height: 55px;}
    #sub.rnd01 .con05 ul li strong{font-size: 15px;line-height: 22px;margin-top: 5px;}
    #sub.rnd01 .con05 ul li:after{width: 165px;height: 165px;background-size: 100% 100% !important;margin-top: -82.5px;margin-left: -82.5px}
    #sub .depth_tab .d01 ul li a{font-size: 16px;padding: 10px}
    #sub .depth_tab .d02 ul li a{font-size: 13px;padding: 0 10px;line-height: 40px;}
    #sub.faq .list{padding-top: 35px;padding-bottom: 40px}
    #sub.gal_list .list > ul > li .thum{width: 300px;right: 20px}
    #sub.gal_list .list > ul > li .txt{padding-right: 340px}
    #sub.gal_list .list > ul > li .thum img{width: 100%}
    #sub.gal_list .list > ul > li .txt p{font-size: 13px;line-height: 25px;height: 75px;}
    #sub.gal_list .list > ul > li ul li{font-size: 13px}
    #sub.gal_list .list > ul > li .txt p br{display: none}
    #sub.gal_list .list > ul > li .txt strong{font-size: 16px;}
    #sub.gal_list .list > ul > li .txt{padding-top: 70px;}
    #sub.gal_list .list > ul > li{height: 290px}
    #sub.inquiry .con01 .form_area .form_w strong{font-size: 14px;}
    #sub.inquiry .con01 .form_area .form_w .select button, #sub.inquiry .con01 .form_area .form_w input[type="text"], #sub.inquiry .con01 .form_area .form_w button, #sub.inquiry .con01 .form_area .form_w textarea{height: 48px;font-size: 13px;}
    #sub.inquiry .con01 .form_area .form_w textarea{height: 150px;}
    #sub.inquiry .con01 .form_area .form_w .btn_area button{width: 150px;font-size: 12px;height: 48px;}
    #sub.inquiry .con01 .form_area .form_w .btn_area button i{display: none}
    #sub.inquiry .con01 .form_area .form_w .btn_area{padding-right: 160px;}
    #sub.inquiry .con01 .form_area .form_w{padding-left: 86px}
    #sub.inquiry .con01 .form_area{padding: 30px 0}
    #sub.inquiry .con01 .form_area .form_w{margin-bottom: 15px}
    #sub.inquiry .con01 .form_area .form_w ul.line2 li{margin-bottom: 5px;}
    #sub.product .con01 > div > ul > li{position: relative}
    #sub.product .con01 > div > ul > li .dept{left: 0;max-width: 100%}
    #sub.product .sub_tit p{font-size: 14px;margin-top: 10px;}
    #sub.product .con01 p{font-size: 14px;line-height: 28px}
    #sub.product .con01 > div > ul > li button{width: 150px;line-height: 45px;font-size: 14px;padding-left: 10px}
    #sub.product .con01 > div > ul > li button{background-size: auto 80% !important}
    #sub.product .con01 > div > ul{margin-top: 30px;}
    #sub.product .con01 > div > ul > li .dept ul li a{font-size: 13px;line-height: 35px;}
    #sub.product .con01 > div > ul > li .dept{padding-top: 20px;padding-bottom: 10px;;padding-left: 10px;padding-right: 10px;}
    #sub.product .con02 .list > ul > li .img .txt, #sub.product .con02 .list > ul > li .img .view{display: none}
    #sub.product .con02 .list > ul > li .tit strong{font-size: 16px;}
    #sub.product .con02 .list > ul > li .tag ul li{font-size: 12px;margin-right: 5px;}
    #sub.product .con02 .list > ul > li .tag ul{padding-top: 5px;}
    #sub.product .con02 .list > ul > li .tit{margin-bottom: 10px;}
    #sub.product .con01{margin-bottom: 40px;}
    #sub.pro_view .d_tit strong{font-size: 26px;margin-bottom: 5px;}
    #sub.pro_view .d_tit p{font-size: 13px;word-break: keep-all;line-height: 1.7}
    #sub.pro_view .d_tit{margin-bottom: 25px;}
    #sub.pro_view .con01{padding-bottom: 60px;}
    #sub.pro_view .tab ul li.on a{padding-right: 0}
    #sub.pro_view .tab ul li a:after{display: none}
    #sub.pro_view .tab ul:after{content: '';display: block;clear: both}
    #sub.pro_view .tab ul li{float: left;width: 33.33%;margin-right: 0;padding: 0 5px}
    #sub.pro_view .tab ul li a{width: 100%;font-size: 13px;line-height: 45px;}
    #sub.pro_view .pv_txt strong{font-size: 17px;}
    #sub.pro_view .pv_txt p{font-size: 13px;line-height: 25px;margin-top: 10px;}
    #sub.pro_view .con02 ul li .right img{max-width: 100%}
    #sub.pro_view .con02 ul li{margin-bottom: 40px;}
    #sub.pro_view .con02 ul li .right{padding-top: 0}
    #sub.pro_view .con03 .circle{transform: scale(0.8)}
    #sub.pro_view .con04 ul li{font-size: 13px;line-height: 25px}
    #sub.pro_view .con04 ul{min-height: 235px}
    #sub.pro_view .con03{margin-bottom: 60px}
    #sub.pro_view .con04 .sub_tit2{margin-bottom: 35px;}
    #sub.pro_view .con05 ul li strong{background: #0e265e}
    #sub.pro_view .con05 ul li strong, #sub.pro_view .con05 ul li p{line-height: 1.5;font-size: 13px;}
    #sub.pro_view .con05 ul:before{display: none}
    #sub.pro_view .con05{padding-bottom: 45px}
    #sub.pro_view .con06{padding-bottom: 60px;}
    #sub.pro_view .con07 .sub_tit2{margin-bottom: 30px;}
    #sub.pro_view .con07 .pv_txt .down, #sub.pro_view .con07 .pv_txt .link{font-size: 13px;line-height: 40px;}
    #sub.pro_view .con07 .pv_txt .down i{padding-right: 5px;}
    #sub.pro_view .con07 .pv_txt .down i img{width: 13px}
    #sub.pro_view .con07 .pv_txt strong{margin-bottom: 10px;}
    #sub.pro_view .con07 .pv_txt .link{padding-left: 10px;}
    #sub .d_btn ul li a{width: 130px;font-size: 13px;line-height: 40px;}
    #sub.pro_view .con07{padding-top: 40px;}
    #sub.pro_view .con07 .pv_txt{margin-bottom: 20px;}
    #sub.pro_view .con04:after{width: 500px;height: 500px;margin-left: -250px;}
    #sub.pro_view.pro_view2 .con08{padding-top: 50px;padding-bottom: 50px;}
    #sub.pro_view .edit_area{padding-top: 20px;padding-bottom: 20px}
    #sub.pro_view .con08 .sub_tit2{margin-bottom: 50px;}
    #sub.pro_view.pro_view2 .con05{padding: 30px 0}
    #sub.pro_view .con09{padding-top: 50px;margin-bottom: 50px;}
    #sub.pro_view .con10 p{font-size: 13px;line-height: 26px;padding-top: 30px}
    #sub.pro_view .con10{padding-top: 60px;margin-bottom: 60px;}
    #sub.pro_view .con11 .in > div.c01{margin-bottom: 50px}
    #sub.pro_view .con11 .in > div.c01 img{max-width: 70%}
    #sub.pro_view .con11 .in > div.c01, #sub.pro_view .con11 .in > div.c01{width: 100%;float: none}
    #sub.pro_view .con11 .in > div.c02 strong{font-size: 16px;}
    #sub.pro_view .con11 .in > div.c02 > i img{max-width: 100%}
    #sub.pro_view .con11 .in > div.c02 ul li p{font-size: 13px;line-height: 25px;}
    #sub.pro_view .con11 .in > div.c02 ul li span{font-size: 13px}
    #sub.pro_view .con11 .in > div.c02 ul li i img{width: 15px;}
    #sub.pro_view .con11 .in > div.c02 ul li{margin-bottom: 10px;}
    #sub.pro_view .con11 .in > div.c02 ul li{padding-left: 25px;}
    #sub.pro_view .con11 .in > div.c02 > p{font-size: 13px;line-height: 25px;}
    #sub.pro_view .con11 .in > div.c02 ul{margin-bottom: 20px;}
    #sub.pro_view .pv_txt p em{display: block;font-size: 12px;padding-left: 0}
    #sub.pro_view .con12 ul li strong{font-size: 14px;}
    #sub.pro_view .con12 ul li p{font-size: 13px;padding: 20px 0;line-height: 1.5}
    #sub.pro_view .con12 ul li strong{line-height: 30px;}
    #sub.pro_view .con12 ul li{border-radius: 20px 20px 30px 30px}
    #sub.pro_view .con12 ul li p{border-radius: 28px}
    #sub.pro_view .con12{margin-bottom: 60px;}
    #sub.pro_view .con13 .pv_txt strong{margin-bottom: 5px;}
    #sub.pro_view .pv_txt{padding-left: 20px;}
    #sub.pro_view .con13 .pv_txt p{word-break: keep-all}
    #sub.direction .con01 .map .w_map{height: 500px;}
    #sub.direction .con01 .map .txt_area{right: 20px}
    #sub.direction .con01 .map .txt_area .txt i img{width: 160px;}
    #sub.direction .con01 .map .txt_area .txt strong{font-size: 18px;line-height: 30px;}
    #sub.direction .con01 .map .txt_area .txt{width: 260px;height: 260px;padding-top: 85px;}
    #sub.direction .con01 .tab ul li{margin-right: 60px;}
    #sub.direction .con01 .tab ul li a{font-size: 14px;line-height: 50px}
    #sub.direction .con01 .map{margin-top: 60px;}
    #sub.direction .con01 .map .w_map{height: 380px}
    #sub.direction .con01 .map .txt_area {left: 50%;margin-left: -130px;right: auto}
    #sub.direction .con02 > div > ul > li ul li{font-size: 15px;line-height: 30px;word-break: keep-all}
    #sub.direction .con02 > div > ul > li ul li{padding-left: 110px;}
    #sub.direction .con02 > div > ul > li strong{font-size: 24px;}
    #sub.direction .con02 > div > ul > li .sym img{width: 130px;}
    #sub.direction .con02 > div > ul > li{padding-left: 160px;word-break: keep-all}
    #sub.history .con01 .right ul li, #sub.history .con01.sec01 .right ul li{font-size: 15px;line-height: 30px;margin-bottom: 10px;padding-left: 70px;word-break: keep-all}
    #sub.history .con01 .inner .left strong{width: 220px;height: 220px;line-height: 220px;font-size: 25px;background-size: 100% 100% !important}
    #sub.history .con01 .inner .left strong:after{width: 240px;height: 240px;background-size: 100% 100% !important; margin-top: -120px;margin-left: -120px}
    #sub.history .con01 .inner .wrap:before{display: none}
    #sub.greeting .con01 .tit strong{width: 300px;height: 300px;background-size: 100% 100%;font-size: 25px;line-height: 1.7;padding-top: 110px}
    #sub.greeting .con01 .tit:before{height: 400px;width: 400px;margin-top: -200px;margin-left: -200px}
    #sub.greeting .con01 .txt p{font-size: 16px;line-height: 1.7}
    #sub.greeting .con01 .tit{margin-bottom: 20px;}
    #sub.greeting .con01{padding-top: 100px;}
    #sub.greeting .con02 ul li .txt strong{font-size: 20px;line-height: 1.7;margin-bottom: 20px;}
    #sub.greeting .con02 ul li .txt p{font-size: 14px;line-height: 1.7}
    #sub.greeting .con02 ul li:nth-child(1) .txt, #sub.greeting .con02 ul li:nth-child(2) .txt{padding-top: 0}
    #sub.greeting .con03 .txt img{width: 250px;}
    #sub.greeting .con03 .video{margin-top: -10px;}
     #sub.greeting .con04 .tit strong{font-size: 20px;line-height: 1.7}
    #sub.greeting .con04 .tit p{font-size: 13px;line-height: 26px}
    #sub.greeting .con04 ul li strong{font-size: 14px;line-height: 1.7}
    #sub.greeting .con04 ul li{overflow: hidden}
    #sub.greeting .con04 ul li{height: auto}
    #sub.greeting .con04 ul li:nth-child(2){margin-top: 0}
    #sub.greeting .con04 ul li{padding: 30px 10px !important;word-break: keep-all}
    #sub.greeting .con04 .tit p{margin-top: 15px}
    #sub.greeting .con04 .tit{padding-top: 0;margin-bottom: 30px;}
    #sub.greeting .con05 .c02 .graph strong{font-size: 13px;color: #fff;line-height: 40px}
    #sub.greeting .con05 .c02 .graph .left strong{color: #fff;}
    #sub.greeting .con05 .c02 .graph .right{padding-right: 40px;}
    #sub.greeting .con05 .c02 p{font-size: 13px;line-height: 1.7;;padding-bottom: 60px;}
    #sub.ci .con01 .txt ul li strong{padding: 10px 5px}
    #sub.ci .con01 .txt ul li strong span, #sub.ci .con01 .txt ul li strong{display: block;line-height: 2;font-size: 15px;}
    #sub.ci .con01 .txt ul li strong{font-size: 15px;}
    #sub.ci .con01 .txt2{font-size: 22px;padding-top: 70px;padding-bottom: 80px;}
        #sub.ci .con01{background-size: auto 60% }
    #sub.ci .con01 .txt2 strong{font-size: 24px;}
    #sub.ci .con01 .txt ul li strong span{margin-left: 0}
    #sub.ci .con02{padding-top: 70px;}
    #sub.ci .sub_tit2{margin-bottom: 50px;}
    #sub.ci .con02 span, #sub.ci .con03 span{font-size: 13px;word-break: keep-all;line-height: 1.5}
    #sub.ci .con02 .in ul li strong{font-size: 14px;}
    #sub.ci .con02 .in ul li{padding-left: 81px;}
    #sub.ci .con03 .in .left img{height: 300px}
    #sub .d_btn ul li{margin-right: 25px;}
    #sub .d_btn ul li:last-child{margin-right: 0}
    #sub.ci .con03{margin-bottom: 60px;}
    .sub_visual .vis_txt > div > div.v_tit strong{width: 110px;height: 110px;font-size: 16px;line-height: 110px;}
    .sub_visual .vis_txt > div > div.v_tit strong:before{width: 130px;height: 130px;background-size: 100% 100%;margin-top: -65px;margin-left: -65px;}
    .sub_visual .vis_txt > div > div.v_tit strong:after{width: 20px;}
    .sub_visual .vis_txt > div > div.v_tit{margin-right: 30px;}
    .sub_visual .vis_txt > div > div.v_loc button{font-size: 24px;}
    .sub_visual .vis_txt > div > div.v_loc ul li a{font-size: 13px;line-height: 40px;}
    .sub_visual .vis_txt{top: 200px}
    .sub_visual .vis_img{height: 550px;}
    .sub_visual .vis_txt > div > div.v_tit strong:after{left: 105px}
    .sub_visual .vis_txt > div > div.v_loc button:before{width: 5px;height: 5px;;border: 1px solid #fff}
    .sub_visual .vis_txt > div > div.v_loc{padding-left: 20px;}
    .sub_visual .vis_txt > div > div.v_loc button:before{left: -20px}
    .sub_visual .vis_txt > div > div.v_loc{padding-top: 43px;}
    .sub_visual .v_loc2 > div > ul > li{margin-right: 0;float: left;width: 33.33%;text-align: center}
    .sub_visual .v_loc2 > div > ul > li > a{font-size: 14px;line-height: 40px;}
    .sub_visual.sub_visual_depth{padding-bottom: 40px;}
    .sub_visual.sub_visual_depth:before{bottom: 0}
    #sub.organ .organ_tab ul li a{font-size: 14px;line-height: 40px;}
    #sub.organ .organ_con > ul > li ul li strong{font-size: 14px;line-height: 35px;}
    #sub.organ .organ_con > ul > li ul li p{font-size: 13px;line-height: 1.5}
    #sub.organ .organ_con > ul > li{padding-top: 60px;}
    #sub.bo_view .con01 .tit strong{font-size: 18px;margin-bottom: 5px;}
    #sub.bo_view .con01 .tit p{font-size: 13px;line-height: 26px;word-break: keep-all}
    #sub.bo_view .con01 .tit{padding-bottom: 20px;}
    #sub.bo_view .con01 .txt_area{min-height: 300px;padding: 20px;}
    #sub.bo_view .con01 .file{padding: 10px}
    #sub.bo_view .con01 .file a span{font-size: 13px;line-height: 1.5}
    #sub.bo_view .con01 .file a i{margin-right: 5px;}
    #sub.bo_view .con01 .file a i img{width: 16px;}
    #sub.bo_view .con02 a{width: 100px;height: 100px;font-size: 14px;line-height:100px;}
    #sub.bo_view .con02 a:after{width: 120px;height: 120px;background-size: 100% 100%;margin-top: -60px;margin-left: -60px;}
    #sub.update .content .c01 .right div{padding: 15px}
    #sub.update .content .c01 .right div p, #sub.update .content .c01 .right div p span{font-size: 12px;line-height: 1.7;word-break: keep-all}
    #sub.update .content .c01 .right button{font-size: 14px;height: 45px;padding-left: 15px;background-size: auto 100% !important}
    #sub.update .content .c01 .right{padding-left: 20px;}
    #sub.update .tab ul li a{width: 100px;font-size: 13px;line-height: 45px;}
    #sub.update .tab ul li.on a{padding-right: 0}
    #sub.update .tab ul li a:after{display: none}
    #sub.update .content .c02 ul li *{line-height: 60px}
    #sub.update .content .c02 ul li p, #sub.update .content .c02 ul li strong{font-size: 15px;}
    #sub.update .content .c02{padding-top: 50px;padding-bottom: 60px;}
    .sub_visual .vis_txt > div > div.v_loc{padding-top: 39px;}
    #sub.inquiry .con01 .tit p{font-size: 14px;line-height: 26px;word-break: keep-all}
    #sub.inquiry .con01 .tit em{font-size: 13px;line-height: 1.5}
    #sub.inquiry .con01 .tit{margin-bottom: 30px}
    #sub.inquiry .con01 .tit p{margin-bottom: 10px}
    .sub_visual .v_loc2 > div > ul > li button{height: 50px;font-size: 13px}
    .sub_visual .v_loc2 > div > ul > li button{max-width: 100%;background-size: auto 100% !Important}
    .sub_visual .v_loc2 > div > ul > li ul li a{padding-left: 0;font-size: 13px;line-height: 45px;;padding-left: 20px;text-align: left}
    .sub_visual .v_loc2 > div > ul > li button{font-size: 13px;padding-left: 10px;}
    #sub.greeting .con05 .c02 .graph .left, #sub.greeting .con05 .c02 .graph .right{display: none}
    #sub.greeting .con05 .c02 .graph:before{transform: rotate(90deg);height: 40px;top: -300px;left: -220px;width: 100%}
    #sub.greeting .con05 ul{padding-left: 60px}
    #sub.greeting .con05 ul li:nth-child(2n){margin-top: 60px !important;margin-bottom: 0}
    .p_list_wrap .info_txt_wrap p{font-size: 13px;line-height: 26px;}
    #sub .tab .d01 >ul >li.on{position: relative;z-index: 2}
    #sub .tab .d01 >ul >li a{font-size: 13px;line-height: 40px;}
    #sub.product .con01 > div > ul > li button{height: 44px;}
    #sub.invest .inv_list ul li a{font-size: 12px;line-height: 35px;}
    #sub.bo_list table th{height: 45px;font-size: 13px;}
    #sub.law .con02 .tab_wrap > button{font-size: 16px;height: 60px;padding-left: 20px;background-size: 40px auto !important}
    #sub.law .con02 .tab_wrap .con_w p{font-size: 15px;margin-bottom: 10px;}
    #sub.law .con02 .tab_wrap .con_w ul li{font-size: 13px;line-height: 1.8}
    #sub.law .con02 .tab_wrap .con_w{padding: 20px;}
    #sub.talent .con03 ul li{margin-bottom: 10px}
    #sub.talent .con03 p{font-size: 13px;line-height: 1.5;word-break: keep-all;}
    #sub.talent .con03{padding-top: 50px;padding-bottom: 80px;}
    #sub.talent .con03 ul{margin-top: 30px;}
    #sub.talent .con02 .in ul li p{font-size: 13px;line-height: 1.7}
    #sub.pro_view.pro_m .con04{padding-bottom: 65px;}
    #sub.pro_view.pro_m .con05 ul:after{display: none}
	
	#sub.pro_view .con01.con01_new > div > div.right{padding-right: 20px}
}
@media (max-width: 800px){
    #sub.ci .con03 .in .right, #sub.ci .con03 .in .left{float: none;width: 100%;text-align: center;margin-bottom: 20px;}
    #sub.ci .con03 .in img{height: auto;max-width: 100%}
    #header{height: 70px;}
    #sub.inquiry .popup ul li > div.tit, #sub.inquiry .popup ul li > div.img{width: 100%}
    #sub.inquiry .popup ul li > div.tit{margin-bottom: 15px}
    #sub.inquiry .popup ul li > div.tit strong{font-size: 15px;margin-bottom: 5px;}
    #sub.inquiry .popup ul li > div.tit p{font-size: 13px;}
    #sub.inquiry .sub_tit2{margin-bottom: 30px;}
    #sub.info .con01 p{font-size: 22px;margin-bottom: 20px;margin-top: -30px;}
    #sub.info .con01 em{font-size: 14px;line-height: 26px;}
    .p_list_wrap table td, .p_list_wrap table th{height: 40px;font-size: 12px;}
    .p_list_wrap .info_txt_wrap{padding: 30px 10px;}
    #sub.rnd01.rnd06 .con03{margin-top: 55px;}
    #sub.pro_view .con14 .p_slide .swiper-button-next{ right: 20px; width: 24px; height: 24px; background-size: 100% 100% !important; }
    #sub.pro_view .con14 .p_slide .swiper-button-prev{ left: 20px; width: 24px; height: 24px; background-size: 100% 100% !important; }
    #sub.safe .con02 .st{ padding: 20px; }
    #sub.safe .con02 .st strong{ font-size: 18px; line-height: 1.5em; word-break: keep-all; }
    #sub.safe .con02 .st strong br{ display: none; }
    #sub.safe .con02 .box dl{ padding: 20px; gap: 4px; flex-flow: column; align-items: center; }
    #sub.safe .con02 .box dl dt{ font-size: 20px; }
    #sub.safe .con02 .box dl dd { text-align: center; width: 100%; }
    #sub.safe .con02 .box dl dd strong{ font-size: 16px; }
    #sub.safe .con02 .box dl dd p{ font-size: 14px; line-height: 1.5em; }
    #sub.safe .con02 .box dl dd strong{ margin-bottom: 4px; }
    #sub.safe .con02 .box{ gap: 8px; }
    #sub.safe .con02 .st{ margin-bottom: 20px;  }
    #sub.safe .con02 .box{ padding-top: 20px; }
    #sub.safe .con02 .date{ margin-top: 30px; }
    #sub.safe .con02 .date p{ font-size: 14px; }
    #sub.safe .con02 .name{ margin-top: 30px; gap: 8px; }
    #sub.safe .con02 .name p{ font-size: 14px; }
    #sub.safe .con02 .name strong{ font-size: 18px; }
    #sub.safe .sub_con{ background-size: 80% auto; }
    
}
@media (max-width: 660px){
    #sub.talent .con02 .in ul li i:after{width: 120px;height: 120px;margin-top: -60px;margin-left: -60px;}
    #sub.talent .con02 .in ul li img{width: 110px}
    #sub.talent .con02 .in ul li strong{margin-top: 20px;}
    #sub.talent .con01 ul li .txt i img{height: 55px}
    #sub.talent .con01 ul li{width: 50%}
    #sub.talent .con01 ul li .img img{max-width: 100%;min-width: 200px}
    #sub.re_list .con02 .in ul li{width: 50%}
    #sub.re_list .con02 .in ul li img{width: 100px;}
    #sub.re_list .con02 .in ul li i:after{width: 115px;height: 115px;margin-top: -57.5px;margin-left: -57.5px;}
    #sub.re_list .con02 .in ul{margin-bottom: 20px;}
    #sub.re_list .con02 .in ul li{margin-bottom: 30px;}
    #sub.bo_list table{margin-top: 40px;margin-bottom: 40px;}
    .sub_loc{margin-bottom: 50px;}
    .sub_tit:after{width: 6px;height: 6px;}
    #sub.faq .list ul li .tit{background: none;padding-right: 0}
    #sub.faq .list ul li .tit strong, #sub.faq .list ul li .txt p{line-height: 1.5}
    #sub .sch_area{max-width: 100%}
    .sub_loc ul li:after{width: 2px;height: 2px;margin: 0 2px}
    #sub.rnd .con01 p{font-size: 16px;line-height: 1.8}
    #sub.rnd .con02 ul li{width: 50%}
    #sub.rnd .con02 ul li:nth-child(1), #sub.rnd .con02 ul li:nth-child(2), #sub.rnd .con02 ul li:nth-child(3){width: 50%}
    #sub.rnd .con02 ul li:nth-child(2n){margin-top: 0}
    #sub.rnd .con02 ul li a img{width: 100%}
    #sub.rnd .con02 ul li a .txt span{display: none}
    #sub.rnd .con02 ul li{height: 205px;}
    #sub.rnd .con02 ul li a{height: 100%}
    #sub.rnd01 .con01 p br{display: none}
    #sub.rnd01 .con02 .in p br{display: none}
    #sub.rnd01 .con03 strong br{display: none}
    #sub.rnd01 .con03 p br{display: none}
    #sub.rnd01 .con04{padding-top: 10px}
    #sub.rnd01 .con02 .in .box2 .list02 ul li{width: 30%;margin-right: 0;padding: 0 5px}
    #sub.rnd01 .con02 .in .box2 .list02 img {height: 20px;}
    #sub.rnd01 .con02 .in .box2 .list02{padding: 20px 0}
    #sub.rnd01.rnd05 .con02 .in,#sub.rnd01.rnd06 .con02 .in, #sub.rnd01.rnd07 .con02 .in{padding: 50px 0;padding-bottom: 30px;background-size: auto 100%}
    #sub.gal_list .list > ul > li{height: auto}
    #sub.gal_list .list > ul > li a{height: auto}
    #sub.inquiry .con01 .priv_area{padding: 0;padding-top: 20px;}
    #sub.inquiry .con01 .priv_area strong{font-size: 15px;}
    #sub.inquiry .con01 .priv_area div{padding: 10px;}
    #sub.inquiry .con01 .priv_area div p{font-size: 12px;line-height: 1.5;word-break: keep-all}
    #sub.inquiry .con01 .chk p{font-size: 13px;}
    #sub.inquiry .con01 .submit a{width: 100px;height: 100px;line-height: 100px;font-size: 14px}
    #sub.inquiry .con01 .submit a:after{width: 120px;height: 120px;margin-top: -60px;margin-left: -60px;}
    #sub.product .con01 > div > ul{position: relative}
    #sub.greeting .con01 .txt p br{display: none}
    #sub.greeting .con01 .txt p{word-break: keep-all}
    #sub.greeting .con05 ul li img{width: 130px;}
    #sub.greeting .con05 .c01{margin-bottom: 20px}
    #sub.greeting .con05 .c02 p{margin-top: 20px;}
    #sub.ci .con02 .in ul li{width: 100%;margin-bottom: 20px}
    #sub.ci .con02 .in{padding-top: 40px;padding-bottom: 20px}
    #sub.ci .con03{padding-top: 40px}
    #sub.update .content .c01 > div > div{width: 100%}
    #sub.update .content .c01 .right{padding-left: 0;padding-top: 50px}
    .sub_visual:before{max-width: 80%;width: 80%}
    #sub.inquiry .popup .wrap{padding: 30px 20px;}
    #sub.ci .con01.on .txt2 .t_deco {
        transform: scale(0.6);
    }

}
@media (max-width: 600px){
    #sub .tab .d01 > ul{gap:0}
   #sub.bo_list2 .tab .d01 > ul > li{width: 25%}
    #sub .tab .d01 >ul >li{margin: 0}
    #sub.pro_view .con05 ul li{width: 50%}
    #sub.gal_list .list > ul > li .thum{position: static;width: 100%;margin-bottom: 10px;padding-top: 15px}
    #sub.gal_list .list > ul > li .txt{padding: 15px !Important}
    #sub.gal_list .list > ul > li .txt strong{margin-bottom: 10px}
    #sub.gal_list .list > ul > li .txt p{margin-bottom: 10px;}
    #sub.inquiry .con01 .form_area .form_w strong{position: static}
    #sub.inquiry .con01 .form_area .form_w{padding-left: 0}
    #sub.inquiry .con01 .form_area .form_w ul.line2 li{width: 100%}
    #sub.inquiry .con01 .form_area .form_w ul.line2 li:nth-child(2n){margin-left: 0}
    #sub.inquiry .con01 .form_area .form_w ul.line2 li:nth-child(3){margin-bottom: 5px;}
    #sub.inquiry .con01 .form_area .form_w .btn_area{padding-right: 0}
    #sub.inquiry .con01 .form_area .form_w .btn_area button{position: static;width: 100%;margin-top: 5px}
    #sub.inquiry .con01 .form_area .form_w ul.line3 li{margin-right: 0;width: 100%;margin-bottom: 5px;}
    #sub.product .con01 > div > ul > li .dept ul li{width: 31%;margin-right: 2%}
    #sub.product .con01 > div > ul > li .dept ul li:nth-child(4n){margin-right: 2%}
    #sub.product .con01 > div > ul > li .dept ul li:nth-child(3n){margin-right: 0}
    #sub.product .con01 p br{display: none;word-break: keep-all}
    #sub.product .con02 .list > ul > li{width: 49%;margin-right: 2%;margin-bottom: 4%}
    #sub.product .con02 .list > ul > li:nth-child(3n){margin-right: 2%}
    #sub.product .con02 .list > ul > li:nth-child(2n){margin-right: 0}
    #sub.pro_view .pv_txt p br{display: none}
    #sub.pro_view .pv_txt p {word-break: keep-all}
    #sub.pro_view .con03{position: relative;overflow: hidden}
    #sub.pro_view .con03 .c01{transform: scale(0.55);position: absolute;left: 50%;top: -227px;margin-left: -263.5px;}
    #sub.pro_view .con03 .c02{padding-top: 350px;}
    #sub.direction .con01 .tab ul li{margin-right: 40px;}
    #sub.direction .con02 > div > ul > li:nth-child(1){margin-bottom: 55px;}
    #sub .loc2 {height: 45px;}
    #sub .loc2 div ul li a{width: 140px;padding-left: 0;line-height: 45px;text-align: center;font-size: 14px;}
    #sub .loc2 div ul li a:after{display: none}
    #sub.greeting .con05 .c02 .graph strong{font-size: 13px;color: #fff;}
    #sub.organ .organ_con > ul > li ul{text-align: left}
    #sub.organ .organ_con > ul > li ul li{width: 50%;text-align: left;margin-bottom: 2%}
    #sub.organ .organ_con > ul > li ul li div{height: 130px;padding-top: 10px}
    #sub.pro_view .con03 .c02 iframe, #sub.greeting .con03 .video iframe{height: 350px}
    #sub.inquiry .popup{padding-top: 120px;padding-bottom: 120px;}
    #sub.inquiry .popup .wrap button img{width: 22px;}
    #sub.inquiry .popup .wrap button{top: -48px}
    #sub.ci .con01 .txt2 .t_deco{left: 30%;top: 60%}
    #sub.ci .con01 .txt2 .t_deco01 {
        margin-left: -124px;
        margin-top: -140px;
    }
    #sub.history .con01 .right ul li i{position: absolute;top: auto;margin-top: 12px;left: 60px;}
    #sub.ci .con01 img{margin-bottom: 30PX;}
    #sub.pro_view .con03 .c03 iframe{height: 300px;}
    #sub.update .content .c02 ul li p{height: 60px;display: flex;align-items: center;justify-content: center}

}
@media (max-width: 580px){
    #sub.talent .con02 .in ul li{width: 100%;height: auto;padding-top: 20px;padding-bottom: 20px;}
    #sub.talent .con02 .in ul li strong{margin-top: 10px;margin-bottom: 10px;}
    #sub.talent .con02 .in ul li img{width: 90px;}
    #sub.talent .con02 .in ul li .icon{margin-bottom: 0}
    #sub.talent .con02 .in ul li{margin-bottom: 15px;}
    #sub.talent .con02 .in{padding-top: 40px;padding-bottom: 60px}
    #sub.talent .con01 ul li .txt p{font-size: 12px;line-height: 1.5}
    #sub.talent .con01 ul li .txt{margin-top: -80px}
    #sub.rnd01 .con04 ul li {width: 100%;max-width: 100%}
    #sub.rnd01 .con04 ul li img{max-width: 80%}
    #sub.rnd01 .con04 ul li:nth-child(2){position: static;text-align: right}
    #sub.rnd01 .con04 ul li:nth-child(1) .txt{position: static;margin-top: 10px;margin-bottom: 25px;}
    #sub.rnd01 .con04{padding-bottom: 0}
    #sub.rnd01 .con02 .in strong br, #sub.rnd01 .con02 .in p br{display: none}
    #sub.rnd01 .con02 .in .box2 .list01 i{width: 0;margin-left: -110px}
    #sub.rnd01 .con02.on .in .box2 .list01 i{width: 220px;margin-left: -110px}
    #sub.rnd01 .con05 ul li:nth-child(4){clear: none}
    #sub.rnd01 .con05 ul li:nth-child(3){clear: left}
    #sub.rnd01 .con05 ul li:nth-child(5){clear: left}
    #sub.rnd01 .con05 ul li:nth-child(3){margin-right: 20px}
    #sub.rnd01 .con05 ul li:nth-child(2){margin-right: 0}
    #sub.rnd01 .con05 ul li:nth-child(4){margin-right: 0}
    #sub .depth_tab .d01 ul li a{padding: 10px 5px }
    #sub .depth_tab .d01 ul li.on:after{width: 4px;height: 4px;margin-left: -2px;bottom: -8px;}
    #sub .depth_tab .d02 ul li a{padding: 0 8px}
    #sub.pro_view .con12 ul li{width: 49%;margin-right: 2%}
    #sub.pro_view .con12 ul li:nth-child(3n){margin-right: 2%}
    #sub.pro_view .con12 ul li:nth-child(2n){margin-right: 0%}
    #sub.direction .con02 > div > ul > li .sym{position: static;width: 100%;text-align: center;margin-bottom: 25px;}
    #sub.direction .con02 > div > ul > li .sym img{width: 70px;}
    #sub.direction .con02 > div > ul > li{padding-left: 0}
    #sub.direction .con02 > div > ul > li strong{font-size: 20px;}
    #sub.ci .con01 .txt ul li{width: 49%}
    #sub.ci .con01 .txt ul li:nth-child(2){margin-right: 0;margin-bottom: 10px;}
    #sub.organ .organ_tab ul li{width: 33.33%}
    #sub.update .content .c02 ul li strong, #sub.update .content .c02 ul li p{display: block;float: none;text-align: center;padding-left: 0;width: 100%}
    #sub.update .content .c02 ul li p{display: flex}
    #sub.faq .list ul li .tit{padding-right: 30px}
    #sub.organ .organ_con > ul > li ul{padding-left: 5px}
    #sub.organ .organ_con > ul > li ul li{margin-left: -5px;}
    #sub.greeting .con05 .c02 .graph:before{height: 20px;left: -50%}
    #sub.greeting .con05 ul{padding-left: 30px}
    .sub_visual .v_loc2 > div > ul > li > a{font-size: 12px}
    #sub.pro_view .con13 .pv_txt p i{display: block}
    #sub.pro_view .con13 .pv_txt p br{display: none}
    #sub.pro_view .con11 .in > div.c02 > p br{display: none;word-break: keep-all}
    #sub.pro_view .con11 .in > div.c02 > p{word-break: keep-all}
    #sub.history .con01.sec01 .right ul li i{display: inline-block;width: 4px;height: 4px;background: #0b162e;border-radius: 50%;margin-right: 5px;vertical-align: middle}
    #sub.info .con01 strong{font-size: 50px}
    #sub.info .con01 p{margin-top: -15px;}
    .sub_loc{display: none}
    #sub.product .con01 > div > ul > li .dept ul li{width: 100%}
    #sub.direction .con01 .tab ul li a{padding: 0 3px}
    #sub .scr ul li{width: 49%;margin-right: 0}
    #sub .scr ul li a{font-size: 12.5px;}
    #sub .scr ul{width: 100%}
    #sub .scr ul li{margin-bottom: 0;}
    #sub .scr ul li:nth-child(1){margin-left: 0}
    #sub.safe .con02 .st strong{ font-size: 14px; }
    #sub.safe .con02 .box dl dd strong{ font-size: 14px; }
    #sub.safe .con02 .box dl dd p{ font-size: 12px; }

}


.update_tab {
    display: flex;
    justify-content: center;
}
#update_div {
    width: 1400px;

}

#update_ul {
    text-align: center;
    display: flex;
    flex-wrap: wrap;       /* 줄바꿈 허용 */
    justify-content: center;
    padding: 0;
}

#update_ul li {
    width: 22%;
    box-sizing: border-box;
    margin-right: 4px !important;
    margin-bottom: 10px;
}

@media (max-width: 1200px) {
    #update_div {
        width: 900px;
    }

    #update_ul li {
        width: 23%;
        box-sizing: border-box;
        margin-right: 2px !important;
        margin-bottom: 6px;
    }

     #update_ul li a {
        width: 230px ;
    
    }
}

@media (max-width: 960px) {
    #update_div {
        width: 100%;
    }

    #update_ul li {
        width: 22%;
        box-sizing: border-box;
        margin-right: 2px !important;
        margin-bottom: 6px;
    }
}