#header{padding-top: 0}

.personal {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;left: 0;z-index: 9999;display: none}
.personal.on{display: block}
.personal > div{width: 1000px;margin: 0 auto;height: 500px;max-width: 90%}
.personal > div >div{padding: 70px 50px;background: #fff;margin: 100px 0;overflow-y: scroll;height: 500px;position: relative}
.personal > div >div p{font-size: 16px;letter-spacing: -0.5px;color: #333;line-height: 30px;margin-top: 10px;}
.personal > div >div button{border: none;background: none;float: right}


#sub .sub_loc_w{height: 70px;margin-top: 100px;}
#sub .sub_loc_w .sub_loc{background: #14223a;z-index: 999}
#sub .sub_loc_w .sub_loc > div:after{content: '';display: block;clear: both}
#sub .sub_loc_w .sub_loc > div > div{float: left}
#sub .sub_loc_w .sub_loc > div > div.home{border-right: 1px solid #30405c}
#sub .sub_loc_w .sub_loc > div > div.home a{display: block;height: 70px;width: 70px;text-align: center;padding-top: 25px}
#sub .sub_loc_w .sub_loc > div .loc > ul > li{float: left;position: relative}
#sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(1) ul{position: absolute;display: none}
#sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) button{display: none}
#sub .sub_loc_w .sub_loc > div .loc > ul > li button{display: none;display: block;width: 200px;height: 70px;background: none; color: #ffffff;font-size: 16px;text-align: left; font-family:  'AppleSDGothicNeo', dotum, sans-serif;padding-left: 20px;box-sizing: border-box;border-right: 1px solid #30405c;background: url(/img/sub/s_arrow.jpg) no-repeat right center }
#sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul:after{content: '';display: block;clear: both}
#sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul li{float: left}
#sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul li a{display: block;line-height: 70px;color: #a7b0c1;font-size: 16px;padding: 0 20px;}
#sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul li.on a{color: #fff;}
#sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul li.on a:before{content: '';display: inline-block;background: #ffffff;border-radius: 50%;width: 4px;height: 4px;vertical-align: middle;position: relative;top: -2px;margin-right: 6px;}
#sub .sub_loc2{padding-right: 60px;padding-top: 45px;}
#sub .sub_loc2 ul{text-align: right}
#sub .sub_loc2 ul li{display: inline-block;vertical-align: middle}
#sub .sub_tit{margin-bottom: 48px;}
#sub .sub_tit ul{text-align: center;margin-bottom: 20px;}
#sub .sub_tit ul li{display: inline-block;width: 8px;height: 8px;border-radius: 50%}
#sub .sub_tit ul li:nth-child(1){background: #0a1e5b}
#sub .sub_tit ul li:nth-child(2){background: #f20355}
#sub .sub_tit strong{display: block;font-size: 36px;color: #353739;font-weight: 500;text-align: center;letter-spacing: -0.9px;}
#sub .sub_con{padding-bottom: 170px;}
#sub.product .sub_con{padding-bottom: 170px;min-height: 700px}
#sub .sub_visual{position: relative}
#sub .sub_visual ul li{position: absolute;background: #fff}
#sub .sub_visual ul li:nth-child(1){width: 60px;height: 100%;left: 0;top: 0}
#sub .sub_visual ul li:nth-child(2){width: 100%;height: 25px;left: 0;top: 0}
#sub .sub_visual ul li:nth-child(3){width: 60px;height: 100%;right: 0;top: 0}
#sub .sub_visual ul li:nth-child(4){width: 100%;height: 25px;right: 0;bottom: 0}
#sub .sub_visual .sv_txt{position: absolute;width: 100%;top: 0;padding-top: 250px;}
#sub .sub_visual .sv_txt ul{margin-bottom: 20px}
#sub .sub_visual .sv_txt ul li{display: inline-block;width: 8px;height: 8px;border-radius: 50%;position: static}
#sub .sub_visual .sv_txt ul li:nth-child(1){background: #fff;margin-right: 5px;}
#sub .sub_visual .sv_txt ul li:nth-child(2){background: #f20355}
#sub .sub_visual .sv_txt strong{color: #ffffff;font-size: 42px;letter-spacing: -1px;line-height: 68px;font-weight: 500}
#sub .sub_visual .sv_txt strong span{font-weight: 600;color: #f3197b}
#sub.greeting .con01{padding-top: 60px;position: relative}
#sub.greeting .con01 .bg{position: absolute;left: 50%;margin-left: 375px;top: -194px;}
#sub.greeting .con01 .bg div{position: relative}
#sub.greeting .con01 .bg div .bg02{position: absolute;top: 0;left: 0}
#sub.greeting .con01 p{color: #5c5f65;font-size: 22px;line-height: 44px;letter-spacing: -0.7px;margin-bottom: 70px;}
#sub.greeting .con01 p span{color: #f20355}
#sub.greeting .con01 strong{color: #2c2f33;font-size: 26px;letter-spacing: -0.5px;font-weight: 600}
#sub.organ .sub_con{position: relative}
#sub.organ .sub_con:after{content: '';display:  block;width: 100%;height: 650px;background: url(/img/sub/organ_bg.jpg);position: absolute;bottom: 0;left: 0;z-index: -1}
#sub.organ .con01{padding-top: 125px;}
#sub.organ .con01 ul{width: 363px;height: 432px;margin: 0 auto;position: relative}
#sub.organ .con01 ul li{position: absolute;bottom: 0;left: 0}
#sub.organ .con02{text-align: center;margin-top: -27px;}
#sub.direction .con01{text-align: right;}
#sub.direction .con01 .inner{padding-top: 240px;}
#sub.direction .con01{padding-top: 60px;position: relative}
#sub.direction .con01 .bg{position: absolute;left: 135px;top: -194px;}
#sub.direction .con01 .bg div{position: relative}
#sub.direction .con01 .bg div .bg02{position: absolute;top: 0;left: 0}
#sub.direction .con01 ul{display: inline-block;padding: 0 20px; padding-bottom: 35px;border-bottom: 1px solid #dddddd}
#sub.direction .con01 ul:after{content: '';display: block;clear: both}
#sub.direction .con01 ul li{float: left;text-align: left;letter-spacing: -0.8px;width: 50%;margin-bottom: 10px;}
/*
#sub.direction .con01 ul li:nth-child(1){margin-right: 50px;}
#sub.direction .con01 ul li:nth-child(2){margin-right: 220px;}
*/
#sub.direction .con01 ul li span{display: inline-block;color: #303030;font-size: 24px;font-weight: 600}
#sub.direction .con01 ul li span:before{content: '';display: inline-block;width: 5px;height: 5px;background: #f20355;margin-right: 5px;vertical-align: middle;border-radius: 50%;position: relative;top: -4px;}
#sub.direction .con01 ul li p{display: inline-block;color: #484848;font-size: 24px;}
#sub.bo_list .con01{padding-top: 135px;}
#sub.bo_list .tb_hd{margin-bottom: 30px;}
#sub.bo_list .tb_hd:after{content: '';display: block;clear: both}
#sub.bo_list .tb_hd strong{float: left;color: #4a4a4b;font-weight: 500;font-size: 18px;display: block;padding-top: 40px;} 
#sub.bo_list .tb_hd strong span{font-weight: 600}
#sub.bo_list .tb_hd .sch_w{float: right;position: relative;} 
#sub.bo_list .tb_hd .sch_w input[type="text"]{width: 345px;height: 58px;background:#f3f3f3;border-radius: 15px;border: none;}
#sub.bo_list .tb_hd .sch_w input[type="submit"]{width: 58px;height: 58px;background: url(/img/sub/sch_icon.png);position: absolute;right: 0;top: 0;text-indent: -9999px;border: none;}
#sub.bo_list .list table{width: 100%;border-collapse: collapse;border-top: 2px solid #4a4a4b}
#sub.bo_list .list table th{height: 70px;vertical-align: middle;font-weight: 600;color: #4a4a4b;letter-spacing: -0.5px;border-bottom: 1px solid #dddddd}
#sub.bo_list .list table th.tit{width: 55%}
#sub.bo_list .list table td{height: 70px;vertical-align: middle;font-weight: 400;color: #4a4a4b;letter-spacing: -0.5px;border-bottom: 1px solid #dddddd;text-align: center}
#sub.bo_list .list table .notice td{background: #f8f9fb;font-weight: 500}
#sub.bo_list .list table .notice td.not{color: #f3197b;font-weight: 600}
#sub.bo_list .list table td:nth-child(2){text-align: left}
#sub .paging{padding-top: 70px;}
#sub .paging ul{text-align: center}
#sub .paging ul li{display: inline-block;vertical-align: middle}
#sub .paging ul li.prev a{text-indent: -9999px;background: url(/img/sub/prev.png)}
#sub .paging ul li.next a{text-indent: -9999px;background: url(/img/sub/next.png)}
#sub .paging ul li a{display: block;width: 38px;height: 38px;line-height: 38px;font-size: 16px;color: #525252}
#sub .paging ul li.on a{background: #14223a;border-radius: 50%;color: #fff;box-shadow: 5px 5px 5px rgba(0,0,0,0.1)}
#sub.bo_view .tit{margin-bottom: 38px;}
#sub.bo_view .tit strong{display: block;text-align: center;color: #4a4a4b;font-size: 24px;letter-spacing: -0.7px;font-weight: 600}
#sub.bo_view .tit strong span{color: #f3197b}
#sub.bo_view .tit ul{text-align: center;margin-top: 25px;}
#sub.bo_view .tit ul li{display: inline-block;color: #999999;font-size: 18px;letter-spacing: -0.5px;}
#sub.bo_view .tit ul li:after{content: '';display: inline-block;width: 1px;height: 13px;background: #d2d2d2;margin: 0 12px;}
#sub.bo_view .tit ul li:last-child:after{display: none;}
#sub.bo_view .txt{border-top: 2px solid #4a4a4b;padding: 75px 40px;}
#sub.bo_view .file_w{border-top: 1px solid #dddddd;background: #f8f9fb;border-bottom: 2px solid #4a4a4b;}
#sub.bo_view .file_w table{width: 100%}
#sub.bo_view .file_w table th{width: 15%}
#sub.bo_view .file_w table th, #sub.bo_view .file_w table td{padding: 25px 0}
#sub.bo_view .file_w table th i{display: inline-block;vertical-align: middle;margin-right: 4px;}
#sub.bo_view .file_w table th strong{display: inline-block;vertical-align: middle;font-size: 18px;color: #f3197b;letter-spacing: -0.3px;}
#sub.bo_view .file_w table td a{color: #492b36;font-size: 16px;letter-spacing: -0.5px;;}
#sub .list_b{margin-top: 65px;}
#sub .list_b a{display: block;width: 85px;height: 85px;background: #e20669 url(/img/sub/more_bg.png) no-repeat center center;margin: 0 auto;border-radius: 50%;text-indent: -9999px;}



#sub.inquiry .con01{padding-top: 115px}
#sub.inquiry .con01 ul:after{content: '';display: block;clear: both}
#sub.inquiry .con01 form > ul > li{float: left;width: 46.5%;margin-right: 7%;margin-bottom: 50px;}
#sub.inquiry .con01 form > ul > li:nth-child(2n){margin-right: 0}
#sub.inquiry .con01 form > ul > li:last-child{width: 100%;margin-right: 0;margin-bottom: 0}
#sub.inquiry .con01 form > ul > li > *{display: block;width: 100%;box-sizing: border-box}
#sub.inquiry .con01 form > ul > li input, #sub.inquiry .con01 form > ul > li textarea, #sub.inquiry .con01 form > ul > li select{height: 60px;padding-left: 18px;border: none; border-bottom: 2px solid #c9cdd6;font-size: 16px;color: #a3a5ab;letter-spacing: -0.5px;transform: skew(-0.1deg); font-family: 'Roboto', 'AppleSDGothicNeo', dotum, sans-serif;}
#sub.inquiry .con01 form > ul > li.on input::placeholder, #sub.inquiry .con01 form > ul > li.on textarea::placeholder{color: #0c1f3f;font-weight: 600;border-color: #0c1f3f}
#sub.inquiry .con01 form > ul > li.on input, #sub.inquiry .con01 form > ul > li.on textarea{color: #0c1f3f;font-weight: 600;border-color: #0c1f3f}
#sub.inquiry .con01 form > ul > li.wid100{width: 100%}
#sub.inquiry .con01 form > ul > li div{height: 60px;padding-left: 18px;border: none; border-bottom: 2px solid #c9cdd6;font-size: 16px;color: #9c9fa5;letter-spacing: -0.5px;transform: skew(-0.1deg);position: relative;padding-top: 15px;}
#sub.inquiry .con01 ul li div input{position: absolute;width: 100%;height: 100%;opacity: 0}
#sub.inquiry .con01 ul li div span{display: inline-block;width: 82px;line-height: 30px;border: 1px solid #858f9f;text-align: center;color: #0c1f3f;font-size: 16px;border-radius: 4px;vertical-align: middle}
#sub.inquiry .con01 ul li div p{display: inline-block;vertical-align: middle;color: #9c9fa5;font-size: 16px;padding-left: 15px;}
#sub.inquiry .con01 form > ul >  li textarea{height: 160px;margin-top: 20px;}
#sub.inquiry .con01 ul li label{color: #0c1f3f;font-size: 20px;font-weight: 600;margin-bottom: 10px;}
#sub.inquiry .con01 ul li label i{color: #e20669;font-weight: 600}

#sub.inquiry .con01 .chk:after{content: ''; display: block; clear: both}
#sub.inquiry .con01 .chk_w{display: inline-blockl;text-align: right}
#sub.inquiry .con01 .chk{position: relative;margin-top: 26px; text-align: right;margin-bottom: 75px;display: inline-block}
#sub.inquiry .con01 .chk input[type="checkbox"]{ opacity: .0; position: absolute; width: 32px; 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: 32px; height: 32px; cursor: pointer; background: url('/img/sub/chk.png') center center no-repeat; vertical-align: middle;}
#sub.inquiry .con01 .chk input[type="checkbox"]:checked + label:before{ background: url('/img/sub/chk_on.png') 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 a{font-weight: 600;color: #e20669;display: inline-block;transform: skew(0.1deg);margin-left: 10px;}
#sub.inquiry .con01 a.inq_submit{display: block;width: 237px;margin: 0 auto;transition: 1s}
#sub.inquiry .con01 a.inq_submit:hover{transform: translateX(30px)}
#sub.inquiry .sub_wrap a{display: block;width: 255px;margin: 0 auto; line-height: 85px;background: #0f2241;border-radius: 0 40px 0 40px;text-align: center;font-weight: 600;font-size: 24px;color: #ffffff;box-sizing: 5px 5px 10px rgba(0,0,0,0.1)}
#sub.inquiry .sub_wrap a i{display: inline-block;padding-left: 35px;}
#sub.job .con01{padding-top: 150px;}
#sub.job .con01:after{content: '';display: block;clear: both}
#sub.job .con01 > div{float: left}
#sub.job .con01 .left{width: 46.14%;padding-right: 20px;}
#sub.job .con01 .left strong{display: block;color: #0c1f3f;font-size: 30px;letter-spacing: -0.7px;line-height: 52px;font-weight: 600}
#sub.job .con01 .right{width: 53.86%}
#sub.job .con01 .left .chk:after{content: ''; display: block; clear: both}
#sub.job .con01 .left .chk{position: relative;margin-top: 110px; margin-bottom: 24px}
#sub.job .con01 .left .chk input[type="checkbox"]{ opacity: .0; position: absolute; width: 32px; height: 100%;  cursor: pointer;  z-index: 22; left: 0; top: 0;}
#sub.job .con01 .left .chk label{ display: inline-block;}
#sub.job .con01 .left .chk input[type="checkbox"] + label:before{ content: ''; display: inline-block; width: 32px; height: 32px; cursor: pointer; background: url('/img/sub/chk.png') center center no-repeat; vertical-align: middle;}
#sub.job .con01 .left .chk input[type="checkbox"]:checked + label:before{ background: url('/img/sub/chk_on.png') center center no-repeat; }
#sub.job .con01 .left .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.job .con01 .left .chk p a{font-weight: 600;color: #e20669;display: inline-block;transform: skew(0.1deg);margin-left: 10px;}
#sub.job .con01 .left em{display: inline-block;padding: 0 33px; color: #767a87;font-size: 16px;letter-spacing: -0.6px;background: #f4f5f7;line-height: 54px;border-radius: 27px;}
#sub.job .con01 .right ul{margin-bottom: 135px;;position: relative;display: inline-block}
#sub.job .con01 .right ul li:nth-child(1){display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0}
#sub.job .con01 .right ul li:nth-child(1).on{display: none}
#sub.job .con01 .right ul:after{content: '';display: block;clear: both}
#sub.job .con01 .right ul li{float: left;margin-right: 26px;}
#sub.job .con01 .right ul li:nth-child(3){margin-right: 0}
#sub.job .con01 .right ul li a{display: block;width: 314px;line-height: 71px;font-size: 22px;color: #878b92;text-align: center;letter-spacing: -0.6px;border: 2px solid #d9dbde;border-radius: 36px 0 36px 0;transition: 0.8s}
#sub.job .con01 .right ul li:hover a{background: #f20355;color: #fff;border-color: #f20355}
#sub.job .con01 .right ul li a i{display: inline-block;width: 18px;height: 16px;background: url(/img/sub/re_btn.png);margin-right: 10px;;transition: 0.8s}
#sub.job .con01 .right ul li:hover a i{background: url(/img/sub/re_btn2.png);}
#sub.job .con01 .right ul li a span{font-size: 18px;}
#sub.job .con01 .right .sub_btn{position: relative}
#sub.job .con01 .right .sub_btn .bg{position: absolute}
#sub.job .con01 .right .sub_btn a{display: block;line-height: 220px;position: relative;z-index: 2;text-align: right;color: #ffffff;font-size: 32px;letter-spacing: -0.7px;font-weight: 500}
#sub.job .con01 .right .sub_btn a i{display: inline-block;margin-left: 24px;position: relative}
#sub.job .con01 .right .sub_btn a i:after{content: '';display: block;width: 90px;height: 90px;border: 24px solid rgba(118,126,141,0.2); box-sizing: border-box;position: absolute;top: 50%;left: 50%;margin-left: -45px;margin-top: -45px;border-radius: 50%;transition: 0.6s;transform: scale(0)}
#sub.job .con01 .right .sub_btn a:hover i:after{transform: scale(1)}

#sub.talent .con01{position: relative;text-align: center;margin-top: 140px}
#sub.talent .con01 .center{display: inline-block;position: relative}
#sub.talent .con01 .center:after{content: '';display: block;width: 616px;height: 616px;background: url(/img/sub/tal_dic_line.png);position: absolute;top: 50%;left: 50%;margin-left: -308px;margin-top: -308px;}
#sub.talent .con01 .txt{position: absolute;top: 50%;margin-top: -100px;}
#sub.talent .con01 .txt div{position: relative}
#sub.talent .con01 .txt div ul{display: inline-block;position: relative}
#sub.talent .con01 .txt div ul li:nth-child(1){position: absolute;top: 0;left: 0;z-index: 9}
#sub.talent .con01 .txt div:after{content: '';display: block;width: 62px;height: 1px;background: #95a4c0;left: -62px;position: absolute;top: 50%}
#sub.talent .con01 .txt.left div:after{content: '';display: block;width: 62px;height: 1px;background: #95a4c0;left: auto; right: -62px;position: absolute;top: 50%}
#sub.talent .con01 .txt.left{left: 50%;margin-left: -653px;}
#sub.talent .con01 .txt.right{right: 50%;margin-right: -653px;}
#sub.talent .con02{background: url(/img/sub/tal_bg.jpg);padding-bottom: 130px;padding-top: 170px;margin-top: -100px;}
#sub.talent .con03 ul.list{position: relative}
#sub.talent .con02 ul.list:after{content: '';display: block;clear: both}
#sub.talent .con02 ul.list li{float: left;width: 18.21%;margin-right: 2.2375%;height: 305px;border-radius: 0 0 60px 0;padding-left: 35px;padding-top: 40px;}
#sub.talent .con02 ul.list li:last-child{margin-right: 0}
#sub.talent .con02 ul.list li:nth-child(1), #sub.talent .con02 ul.list li:nth-child(5){background: rgba(21,57,110,0.8)}
#sub.talent .con02 ul.list li:nth-child(2), #sub.talent .con02 ul.list li:nth-child(4){background: rgba(1,27,67,0.8)}
#sub.talent .con02 ul.list li:nth-child(3){background: rgba(31,70,130,0.8)}
#sub.talent .con02 ul.list li i{display: block;margin-bottom: 15px}
#sub.talent .con02 ul.list li strong{display: block;font-size: 24px;color: #ffffff;font-weight: 500;margin-bottom: 20px;}
#sub.talent .con02 ul.list li p{display: block;font-size: 16px;color: #b6c0d1;font-weight: 400;line-height: 30px}
#sub.talent .con03 ul.list:after{content: '';display: block;clear: both}
#sub.talent .con03 ul.list li:first-child{margin-left: 0}
#sub.talent .con03 ul.list li img{max-width: 100%}
#sub.talent .con03 ul.list li{float: left;width: 31.28%;margin-left: 3.08%;padding-bottom: 45px;}
#sub.talent .con03 ul.list li:last-child{display: block;position: absolute;right: -260px;width: 260px;top: 50%;margin-top: -72.5px;}
#sub.talent .con03 ul.list li:last-child strong{display: block;width: 260px;line-height: 145px;color: #ffffff;font-size: 25px;letter-spacing: -0.5px;background: #22529a url(/img/sub/step_bg.jpg) no-repeat left center;padding-left: 72px;}
#sub.talent .con03 ul.list li .txt .tag{margin-top: -35px;position: relative;z-index: 2}
#sub.talent .con03 ul.list li .tag{background: #0c1f3f;width: 69px;height: 69px;padding: 16px;margin: 0 auto;border-radius: 50%;margin-bottom: 20px;}
#sub.talent .con03 ul.list li .tag span{display: block;width: 37px;line-height: 37px;text-align: center;color: #fff;color: #0c1f3f;font-size: 20px;font-weight: 600;background: #fff;border-radius: 50%}
#sub.talent .con03 ul.list li .txt strong{display: block;text-align: center;font-size: 26px;color: #333d51;letter-spacing: -0.5px;font-weight: 600;margin-bottom: 15px}
#sub.talent .con03 ul.list li:nth-child(3) p{color: #98a5b9}
#sub.talent .con03 ul.list li:nth-child(3) .tag{background: #e20669}
#sub.talent .con03 ul.list li:nth-child(3) .tag span{color: #e20669}
#sub.talent .con03 ul.list li:nth-child(3) strong{color: #fff}
#sub.talent .con03 ul.list li p{display: block;text-align: center;font-size: 20px;color: #6d6e70;letter-spacing: -0.5px;line-height: 39px;}
#sub.talent .con03 ul.list li:nth-child(3){background: #0c1f3f;box-shadow: 15px 15px 30px rgba(0,0,0,0.1)}
#sub.talent .tit2{margin-bottom: 50px}
#sub.talent .tit2 ul{margin-bottom: 20px;}
#sub.talent .tit2 ul li{display: inline-block;width: 8px;height: 8px;background: #0a1e5b;border-radius: 50%;margin-right: 5px;}
#sub.talent .tit2 ul li:last-child{margin-right: 0}
#sub.talent .tit2 ul li:nth-child(2){background: #f20355}
#sub.talent .tit2 strong{display: block;color: #353739;font-size: 36px;font-weight: 600;letter-spacing: -0.5px;}
#sub.talent .con03{padding-top: 135px;}

#sub.talent .con02 .tit2 strong{color: #fff}
#sub.talent .con02 .tit2 ul li{background: #fff}
#sub.talent .con02 .tit2 ul li:nth-child(2){background: #858890}
#sub.talent .con02 .tit2 ul li:nth-child(2){background: #858890}


#sub.history{position: relative}
#sub.history:before{content: '';display: block;position: absolute;width: 100%;height: 100%; background: url(/img/sub/his_bg.jpg) no-repeat bottom left}
#sub.history .con01{padding-left: 260px;padding-top: 140px;padding-right: 20px;position: relative}
#sub.history .con01:after{content: '';display: block;width: 100%;height: 100%;position:absolute;top: 0;left: 0}
#sub.history .con01 .mySwiper{width: 100%;overflow: hidden;position: relative;}
#sub.history .con01 .mySwiper .swiper-slide, #sub.history .con01 .swiper-wrapper{position: static;height: auto}
#sub.history .con01 .img{margin-bottom: 45px;}
#sub.history .con01 .img img{max-width: 100%}
#sub.history .con01 .img i{display: block;width: 14px;height: 14px;border-radius: 50%;background: #ccc0c5;margin-bottom: 80px;position: relative}
#sub.history .con01 .img i:after{content: '';display: block;width: 36px;height: 36px;position: absolute;top: 50%;;left: 50%;background: url(/img/sub/his_bul.png);margin-top: -18px;margin-left: -18px;    animation: rotate 10s linear infinite;}
#sub.history .con01 .swiper-slide-active .img i{background: #e20669}
#sub.history .con01 .swiper-pagination-progressbar{top: 24.5px;height: 1px;z-index: -1;background: #dddddd}
#sub.history .con01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #e20669}
#sub.history .con01 .year{position: fixed;top: 0;left: 0}
#sub.history .con01 .mySwiper .swiper-wrapper{padding-left: 10px;}
#sub.history .con01 .mySwiper2{margin-bottom: 105px;}
#sub.history .con01 .mySwiper2 .swiper-slide{opacity: 0 !important;font-size: 100px;color: #303030;font-weight: 600}
#sub.history .con01 .mySwiper .swiper-slide{padding-top: 18px;}
#sub.history .con01 .mySwiper2 .swiper-slide.swiper-slide-active{opacity: 1 !important}
#sub.history .con01 ul li{display: block;font-size: 18px;line-height: 30px;color: #5c5f65;letter-spacing: -0.7px;position: relative;padding-left: 10px;margin-bottom: 10px;}
#sub.history .con01 ul li:before{content: '';display: block;width: 4px;height: 4px;background: #5c5f65;border-radius: 50%;position: absolute;top: 11px;left: 0}
#sub.product .con01{padding-top: 230px}
#sub.product .list ul{padding-left: 5px;}
#sub.product .list ul:after{content: '';display: block;clear: both}
#sub.product .list ul li{display: inline-block;margin-left: -5px;;width: 23.57%;margin-right: 1.9%;margin-bottom: 2%}
#sub.product .list ul li:nth-child(4n){margin-right: 0}
#sub.product .list ul li a{display: block;border: 1px solid #d5d5d6;padding-bottom: 50px;position: relative}
#sub.product .list ul li > a{display: none}
#sub.product .list ul li a:after{content: '';display: block;width: 100%;height: 100%;background: url(/img/sub/btn_on.png) center center ;background-size: auto 100%; position: absolute;top: 0;left: 0;opacity: 0;transition: 0.6s}
#sub.product .list ul li:hover a:after{opacity: 1}
#sub.product .list ul li a img{max-width: 100%}
#sub.product .list ul li a strong{display: block;text-align: center;font-size: 20px;color: #0c1f3f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;margin-bottom: 15px;}
#sub.product .list ul li a p{display: block;text-align: center;font-size: 16px;color: #939ba9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500}
#sub .sub_visual .sv_txt2{position: absolute;width: 100%;top: 0;padding-top: 245px;z-index: 44}
#sub .sub_visual .sv_txt2 span{display: block;font-size: 24px;color: #ffffff;line-height: 1;margin-bottom: 25px;}
#sub .sub_visual .sv_txt2 strong{display: block;font-size: 72px;color: #ffffff;line-height: 1;margin-bottom: 35px;letter-spacing: -1px;}
#sub .sub_visual .sv_txt2 p{display: block;font-size: 42px;color: #ffffff;line-height: 1}
#sub .sub_visual .product{position: absolute;right: 50px;top: 60px;z-index: 10}
#sub .sub_visual .product div{position: relative}
#sub .sub_visual .product div .img_on{position: absolute;top: 0;left: 0;opacity: 0}
#sub .sub_visual .product .img img{transform: scale(1)}
#sub.pro_view{background: #ffffff}
#sub.pro_view .sub_con{padding-bottom: 0}
#sub.pro_view{background: url(/img/sub/pro_bg.jpg) no-repeat left 70%}
#sub.pro_view .con01:after{content: '';display: block;clear: both}
#sub.pro_view .con01 > div{float: left}
#sub.pro_view .con01 > div.left{width: 40%;position: relative;z-index: 2;min-height: 200px;}
#sub.pro_view .con01 > div.left .box{width: 698px;box-shadow: 25px 17px 50px 0px rgba(110, 119, 134, 0.2);border: 1px solid #dddddd}
#sub.pro_view .con01 > div.left .box img{width: 100%;display: block;}
#sub.pro_view .con01 > div.right{width: 60%;}
#sub.pro_view .con01 > div.right .tit{padding-top: 100px;padding-left: 23.8%;margin-bottom: 50px;}
#sub.pro_view .con01 > div.right .tit strong{display: block;line-height: 52px;letter-spacing: -0.5px;color: #0c1f3f;font-size: 30px;font-weight: 500}
#sub.pro_view .con01 > div.right .wrap{background: #f3f4f6;padding-top: 80px;position: relative}
#sub.pro_view .con01 > div.right .wrap:after{content: '';width: 260px;height: 100%; position: absolute;right: -260px;background: #f3f4f6;top: 0}
#sub.pro_view .con01 > div.right .txt_w > li{padding-bottom: 85px;}
#sub.pro_view .con01 > div.right .tit2{margin-bottom: 35px;}
#sub.pro_view .con01 > div.right .tit2 strong{display: block;width: 315px;line-height: 66px;padding-left: 172px;line-height: 66px;background: #333d51;font-size: 20px;color: #fff;font-weight: 400}
#sub.pro_view .con01 > div.right .tit2 strong i{display: inline-block;vertical-align: middle;position: relative;top: -2px;margin-right: 9px;}
#sub.pro_view .con01 > div.right .txt{padding-left: 23.8%}
#sub.pro_view .con01 > div.right .txt p{color: #828c9d;font-size: 16px;letter-spacing: -0.5px;line-height: 38px;}
#sub.pro_view .con01 > div.right table{border-top: 2px solid #ccd1d9;width: 100%;max-width: 100% }
#sub.pro_view .con01 > div.right table th{text-align: left;font-size: 16px;color: #58657f;font-weight: 500;background: #eaecf0;width: 40%}
#sub.pro_view .con01 > div.right table td{text-align: left;font-size: 16px;color: #828c9d;font-weight: 400}
#sub.pro_view .con01 > div.right table th, #sub.pro_view .con01 > div.right table td{height: 50px;border-bottom: 1px solid #e0e3e8;vertical-align: middle;padding-left: 22px;}

#sub.pro_view .con01 > div.right .sub_btn{position: relative;height: 220px}
#sub.pro_view .con01 > div.right .sub_btn .bg{position: absolute}
#sub.pro_view .con01 > div.right .sub_btn a{display: block;padding-top: 70px;;position: relative;z-index: 2;text-align: right;color: #ffffff;font-size: 32px;letter-spacing: -0.7px;font-weight: 500}
#sub.pro_view .con01 > div.right .sub_btn a i{display: inline-block;margin-left: 24px;position: relative}
#sub.pro_view .con01 > div.right .sub_btn a i:after{content: '';display: block;width: 90px;height: 90px;border: 24px solid rgba(118,126,141,0.2); box-sizing: border-box;position: absolute;top: 50%;left: 50%;margin-left: -45px;margin-top: -45px;border-radius: 50%}
#sub.pro_view .con01 > div.right .sub_btn a i:after{transform: scale(0);transition: 0.6s}
#sub.pro_view .con01 > div.right .sub_btn a:hover i:after{transform: scale(1)}
#sub.pro_view .con01 > div.right .sub_btn p{position: relative;z-index: 2;text-align: right;font-size: 16px;color: #99a7be;padding-right: 35px;letter-spacing: -0.5px;margin-top: 17px;}
#sub .sub_loc2 ul{text-align: right}
#sub .sub_loc2 ul li{display: inline-block;font-size: 15px;color: #86898d;vertical-align: middle}
#sub .sub_loc2 ul li:after{content: '';display: inline-block;width: 3px;height: 3px;vertical-align: middle;background: #86898d;border-radius: 50%;position: relative;top: -2px;margin: 0 10px;margin-right: 5px;}
#sub .sub_loc2 ul li:last-child:after{display: none}
#sub.product_main .sub_con{margin-top: -350px}
#sub.product_main .main_con03{background: none}
#sub.product_main .main_con03 .sub_t{margin-bottom: 65px}
#sub.product_main .main_con03 .sub_t span{display: block;text-align: center;color: #ffffff;font-size: 30px;line-height: 1;margin-bottom: 30px;}
#sub.product_main .main_con03 .sub_t strong{display: block;text-align: center;color: #ffffff;font-size: 60px;line-height: 1}
#sub.product_main .con02{margin-bottom: 115px}
#sub.product_main .con02 .tit strong{display: block;background: #f2f3f5;font-size: 30px;letter-spacing: -0.7px;color: #303030;font-weight: 500;line-height: 120px;border-radius: 0 56px 0 0;position: relative}
#sub.product_main .con02 .tit strong:after{content: '';display: block;width: 350px;height: 100%;background: #f2f3f5;position: absolute;left: -350px;top: 0}
#sub.product_main .con02 .tit strong i{display: inline-block;width: 6px;height: 6px;vertical-align: middle;background: #0a1e5b;border-radius: 50%}
#sub.product_main .con02 .tit strong i.i2{margin-right: 19px;margin-left: 7px;background: #f20355}
#sub.product_main .con02 .txt p{font-size: 20px;letter-spacing: -0.5px;line-height: 40px;color: #727272;margin-top: 45px;}
#sub.product_main .con02 .txt p span{color: #e20669}
#sub.product_main .con03 ul:after{content: '';display: block;clear: both}
#sub.product_main .con03 ul.list > li{float: left;width: 48%;margin-right: 4%;background: url(/img/sub/p_01.jpg);padding-left: 70px;padding-top: 110px;height: 395px;box-shadow: 17px 10px 30px 0px rgba(22, 30, 44, 0.18);}
#sub.product_main .con03 ul.list > li:last-child{margin-right: 0;background: url(/img/sub/p_02.jpg)}
#sub.product_main .con03 ul.list > li:nth-child(2){border-radius: 0 0 95px 0;}
#sub.product_main .con03 ul.list > li:nth-child(2){border-radius: 0 0 95px 0;}
#sub.product_main .con03 ul.list > li strong{font-size: 30px;line-height: 1;letter-spacing: -0.7px;color: #fff;font-weight: 500;display: block;margin-bottom: 30px;}
#sub.product_main .con03 ul.list > li p{font-size: 18px;line-height: 36px;letter-spacing: -0.5px; color: #c5ccd9;}
#sub.product_main .con03 ul.list > li p{font-size: 18px;line-height: 36px;letter-spacing: -0.5px; color: #c5ccd9;}
#sub.product_main .con03 ul.list > li ul{margin-bottom: 20px;}
#sub.product_main .con03 ul.list > li ul li{display: inline-block;width: 5px;height: 5px;;background: #fff; border-radius: 50%}
#sub.product_main .con03 ul.list > li:nth-child(1){border-radius: 95px 0 0 0;}
#sub.product_main .con03 ul.list > li ul li:nth-child(2){background: #889bbb;margin-left: 2px;}

/*효과*/
#header{height: 100px;transition: 1s;z-index: 9999}
#header.remove{height: 0;overflow: hidden;transition: 1s}
#sub .sub_visual > ul > li{transition: 2s;transition-delay: 2s;z-index: 9}

#sub .sub_visual > ul > li:nth-child(1){width: 0;height: 100%;left: -1px;top: -1px}
#sub .sub_visual > ul > li:nth-child(2){width: 100%;height: 0;left: -1px;top: -1px}
#sub .sub_visual > ul > li:nth-child(3){width: 0;height: 100%;right: -1px;top: -1px}
#sub .sub_visual > ul > li:nth-child(4){width: 100%;height: 0;right: -1px;bottom: -1px}

#sub .sub_visual.on > ul > li:nth-child(1){width: 60px;height: 100%;left: -1px;top: -1px}
#sub .sub_visual.on > ul > li:nth-child(2){width: 100%;height: 25px;left: -1px;top: -1px}
#sub .sub_visual.on > ul > li:nth-child(3){width: 60px;height: 100%;right: -1px;top: -1px}
#sub .sub_visual.on > ul > li:nth-child(4){width: 100%;height: 25px;right: -1px;bottom: -1px}

#sub .sub_loc_w{height: 70px;transition: 0.8s}
#sub .sub_loc_w .sub_loc{position: relative;top: 0;left: 0;width: 100%}
#sub .sub_loc_w.on .sub_loc{position: fixed;top: 0;left: 0;width: 100%}

#sub .sub_tit ul li{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 2.3s;}
#sub .sub_tit.on ul li{transform: translate(0,0);opacity: 1;}
#sub .sub_tit.on strong{transform: translate(0,0);opacity: 1;}
#sub .sub_tit strong{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: .3s;transition-delay: 2.6s;}

#sub .sub_visual .sv_txt ul{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 2.8s;}
#sub .sub_visual.on .sv_txt ul{transform: translate(0,0);opacity: 1;}

#sub.product_main{background: url(/img/sub/product_bg.jpg) right bottom no-repeat}
#sub.product_main .main_con03 .sub_t span{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 2.8s;}
#sub.product_main .on .main_con03 .sub_t span{transform: translate(0,0);opacity: 1;}
#sub.product_main .main_con03 .sub_t strong{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 3.1s;}
#sub.product_main .on .main_con03 .sub_t strong{transform: translate(0,0);opacity: 1;}
#sub.product_main .main_con03 ul li{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 3.1s;}
#sub.product_main .on .main_con03 ul li{transform: translate(0,0);opacity: 1;}
#sub.product_main .main_con03 ul li:nth-child(1){transition-delay: 3.4s}
#sub.product_main .main_con03 ul li:nth-child(2){transition-delay: 3.7s}
#sub.product_main .main_con03 ul li:nth-child(3){transition-delay: 4s}
#sub .sub_visual .sv_txt strong{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 3.1s;display: block}
#sub .sub_visual.on .sv_txt strong{transform: translate(0,0);opacity: 1;}
#sub .sub_visual{transform: translateY(-70px);transition:transform 1.5s;transition-delay: 2s}
#sub .sub_visual.on{transform: translateY(0);}
#sub .sub_visual .img{overflow: hidden}
#sub .sub_visual .img .root_daum_roughmap{width: 100%}
#sub .sub_visual .img .root_daum_roughmap .wrap_map{height: 523px}
#sub .sub_visual .img .video{height: 523px;background: #000}
#sub .sub_visual .img .video video{opacity: 0.5}
#sub .sub_visual .img img{transform: scale(1.05);transition:transform 1.5s}
#sub .sub_visual.on .img img{transform: scale(1);}


#sub .sub_visual .sv_txt2 span{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 2.8s;}
#sub .sub_visual.on .sv_txt2 span{transform: translate(0,0);opacity: 1;}
#sub .sub_visual .sv_txt2 strong{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 3.1s;}
#sub .sub_visual.on .sv_txt2 strong{transform: translate(0,0);opacity: 1;}
#sub .sub_visual .sv_txt2 p{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 3.4s;}
#sub .sub_visual.on .sv_txt2 p{transform: translate(0,0);opacity: 1;}
{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 3.7s}
#sub.direction .con01.on ul{transform: translate(0,0);opacity: 1;}
#sub .sub_visual .product{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 4s}
#sub .sub_visual.on .product{transform: translate(0,0);opacity: 1;}

#sub .sub_visual .product div .img_on{opacity: 0;transition: 2s;transition-delay: 6s}
#sub .sub_visual .product div .svg{opacity: 1;transition: 2s;transition-delay: 6s}
#sub .sub_visual.on .product div .svg{opacity: 0;}
#sub .sub_visual.on .product div .img_on{opacity: 1}
#sub .sub_visual .product div .img{opacity: 1;transition: 2s;transition-delay: 6s}
#sub .sub_visual.on .product div .img{opacity: 0}


#sub.greeting .con01 p{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.greeting .con01.on p{transform: translate(0,0);opacity: 1;}
#sub.greeting .con01 strong{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.3s;display: block}
#sub.greeting .con01.on strong{transform: translate(0,0);opacity: 1;}
#sub.greeting .con01 .bg{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.6s}
#sub.greeting .con01.on .bg{transform: translate(0,0);opacity: 1;}
#sub.greeting .con01 .bg01, #sub.organ .con01 ul li:nth-child(1), #sub.direction .con01 .bg div .bg01{animation: rotate 15s linear infinite}
#sub.talent .con01 .center:after{animation: rotate 20s linear infinite}

#sub.history .con01 .mySwiper2{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.history .con01.on .mySwiper2{transform: translate(0,0);opacity: 1;}

#sub.history .con01 .mySwiper{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.3s}
#sub.history .con01.on .mySwiper{transform: translate(0,0);opacity: 1;}
#sub.organ .con01 ul{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.organ .con01.on ul{transform: translate(0,0);opacity: 1;}
#sub.organ .con02{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.3s}
#sub.organ .con02.on{transform: translate(0,0);opacity: 1;}
#sub.direction .con01 .bg{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.direction .con01.on .bg{transform: translate(0,0);opacity: 1;}
#sub.direction .con01 ul{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.3s}
#sub.direction .con01.on ul{transform: translate(0,0);opacity: 1;}
#sub.product .con01{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.3s}
#sub.product .con01.on{transform: translate(0,0);opacity: 1;}


/*#sub.pro_view .con01 > div.left > div.on{position: fixed;width: 698px;top: 0}*/
#sub.talent .con01 .center{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.talent .con01.on .center{transform: translate(0,0);opacity: 1;}
#sub.talent .con01 .left{transform: translate(-30px,0);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.6s}
#sub.talent .con01 .left ul li{transform: translate(-30px,0);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.9s}
#sub.talent .con01 .left ul li:nth-child(2){transition-delay: 1.5s;position: relative;z-index: 5}
#sub.talent .con01.on .left ul li{transform: translate(0,0);opacity: 1;}
#sub.talent .con01.on .left{transform: translate(0,0);opacity: 1;}
#sub.talent .con01 .right{transform: translate(30px,0);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.9s}
#sub.talent .con01.on .right{transform: translate(0,0);opacity: 1;}

#sub.talent .con01 .right{transform: translate(30px,0);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.6s}
#sub.talent .con01 .right ul li{transform: translate(30px,0);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.9s}
#sub.talent .con01 .right ul li:nth-child(2){transition-delay: 1.2s}
#sub.talent .con01.on .right ul li{transform: translate(0,0);opacity: 1;}



#sub.talent .con02 .tit2 ul li{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.talent .con02.on .tit2 ul li{transform: translate(0,0);opacity: 1;}
#sub.talent .con02 .tit2 ul li:nth-child(2){transition-delay: 0.3s}
#sub.talent .con02 .tit2 strong{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.6s}
#sub.talent .con02.on .tit2 strong{transform: translate(0,0);opacity: 1;}
#sub.talent .con02 ul.list li{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.6s}
#sub.talent .con02.on ul.list li{transform: translate(0,0);opacity: 1;}
#sub.talent .con02 ul.list li:nth-child(1){transition-delay: 0.9s}
#sub.talent .con02 ul.list li:nth-child(2){transition-delay: 1.2s}
#sub.talent .con02 ul.list li:nth-child(3){transition-delay: 1.5s}
#sub.talent .con02 ul.list li:nth-child(4){transition-delay: 1.8s}
#sub.talent .con02 ul.list li:nth-child(5){transition-delay: 2.1s}


#sub.talent .con03 .tit2 ul li{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.talent .con03.on .tit2 ul li{transform: translate(0,0);opacity: 1;}
#sub.talent .con03 .tit2 ul li:nth-child(2){transition-delay: 0.3s}
#sub.talent .con03 .tit2 strong{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.6s}
#sub.talent .con03.on .tit2 strong{transform: translate(0,0);opacity: 1;}
#sub.talent .con03 ul.list li{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.talent .con03.on ul.list li{transform: translate(0,0);opacity: 1;}
#sub.talent .con03 ul.list li:nth-child(1){transition-delay: 0.9s}
#sub.talent .con03 ul.list li:nth-child(2){transition-delay: 1.2s}
#sub.talent .con03 ul.list li:nth-child(3){transition-delay: 1.5s}
#sub.talent .con03 ul.list li:nth-child(4){transition-delay: 1.5s}

#sub.bo_list .con01{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.bo_list .con01.on{transform: translate(0,0);opacity: 1;}

#sub.job .con01 .left strong{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.job .con01.on .left strong{transform: translate(0,0);opacity: 1;}
#sub.job .con01 .left .chk{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.3s}
#sub.job .con01.on .left .chk{transform: translate(0,0);opacity: 1;}
#sub.job .con01 .left em{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.6s}
#sub.job .con01.on .left em{transform: translate(0,0);opacity: 1;}
#sub.job .con01 .right ul{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.9s}
#sub.job .con01.on .right ul{transform: translate(0,0);opacity: 1;}
#sub.job .con01 .right .sub_btn{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 1.2s}
#sub.job .con01.on .right .sub_btn{transform: translate(0,0);opacity: 1;}

#sub.organ .con02 img{max-width: 100%}


#sub.product_main .con02 .tit{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.product_main .con02.on .tit{transform: translate(0,0);opacity: 1;}
#sub.product_main .con02 .txt{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.3s}
#sub.product_main .con02.on .txt{transform: translate(0,0);opacity: 1;}

#sub.history:before{transform: translate(0,90px);opacity: 0;transition: transform 0.8s, opacity 0.8s;transition-delay: 0.9s}
#sub.history.on:before{transform: translate(0,0);opacity: 1;}

#sub.product_main .con03 ul.list > li{transform: translate(0,30px);opacity: 0;transition: transform 0.8s, opacity 0.8s;}
#sub.product_main .con03.on ul.list > li{transform: translate(0,0);opacity: 1;}
#sub.product_main .con03 ul.list > li:nth-child(2){transition-delay: 0.3s}

    
    
#sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(1) ul{display: none;position: absolute;width: 100%;background: #14223a}
 #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(1) ul li a{font-size: 14px;line-height: 40px;color: #a7b0c1;padding-left: 20px;border-top: 1px solid #30405c;display: block}

#sub.product.search .con01{padding-top: 0;padding-bottom: 80px;}

#sub.product.search .tit2{margin-bottom: 60px}
#sub.product.search .tit2 ul{margin-bottom: 12px;}
#sub.product.search .tit2 ul li{display: inline-block;width: 5px;height: 5px;background: #0a1e5b;border-radius: 50%;margin-right: 3px;}
#sub.product.search .tit2 ul li:last-child{margin-right: 0}
#sub.product.search .tit2 ul li:nth-child(2){background: #f20355}
#sub.product.search .tit2 strong{display: block;color: #353739;font-size: 26px;font-weight: 600;letter-spacing: -0.5px;}

#sub .sub_visual .product div .img img{opacity: 0}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #sub .sub_visual .product div .svg{display: none}
    #sub .sub_visual .product div .img img{opacity: 1}
}


@media (max-width: 1416px){
    .inner{width: 100%;padding: 0 20px;}
    #sub .sub_visual .sv_txt strong{padding-left: 80px;padding-right: 80px;}
    #sub.direction .con01 ul li:nth-child(2), #sub.direction .con01 ul li:nth-child(1){margin-right: 20px;}
    #sub .sub_visual .sv_txt2{padding-left: 80px;}
    #sub.pro_view .inner{padding: 0}
    #sub.pro_view .con01 > div.left, #sub.pro_view .con01 > div.right{float: none;width: 100%}
    #sub.pro_view .con01 > div.left > div.on, #sub.pro_view .con01 > div.left .box{position: static;width: 528px;margin: 0 auto;max-width: 90%}
    #sub.pro_view .con01 > div.right .txt{padding-left: 25px}
    #sub.pro_view .con01 > div.right .sub_btn .bg img{width: 100%;min-width: 960px}
    #sub.pro_view .con01 > div.right .sub_btn .bg{width: 100%}
    #sub.pro_view .con01 > div.right .sub_btn{padding-right: 70px;}
    #sub.pro_view .con01 > div.right .tit{padding-left: 0;text-align: center}
    #sub.talent .con01 .center img{width: 360px;}
    #sub.talent .con01 .txt{margin-top: -75px;}

    #sub.talent .con01 .txt div img{width: 280px;}
    #sub.talent .con01 .txt.left{margin-left: -523px;}
    #sub.talent .con01 .txt.right{margin-right: -523px;}
    #sub.talent .con01 .center:after{width: 400px;height: 400px;background-size: 100% 100%;margin-top: -200px;margin-left: -200px;}
    #sub.talent .con03 ul.list li{width: 49%;margin-right: 2%;margin-left: 0}
    #sub.talent .con03 ul.list li:nth-child(2n){margin-right: 0}
    #sub.talent .con03 ul.list li .img{text-align: center}
    #sub.talent .con03 ul.list li img{width: 100%}
    #sub.talent .con03 ul.list li:last-child{position: static;display: table;width: 49%;margin-top: 0}
    #sub.talent .con03 ul.list li:last-child .result{display: table-cell;width: 100%;vertical-align: middle;padding-top: 40%}
    #sub.talent .con03 ul.list li:last-child strong{width: 100%}
    #sub.job .con01 .left em{word-break: keep-all;line-height: 1.8;padding: 15px;}
    #sub.job .con01 .left strong{word-break: keep-all}
    #sub.job .con01 .right ul li a{width: 254px;}
    #sub.product_main .con02 .tit strong{font-size: 24px;}
    #sub.product_main .con02 .txt p br{display: none}
    #sub.product_main .con02 .txt p{word-break: keep-all}
    #sub.product_main .con03 ul.list > li{padding-left: 20px;padding-right: 20px;}
    #sub.product_main .con03 ul.list > li p br{display: none}
    #sub.product_main .con03 ul.list > li p{word-break: keep-all}
    #sub.product_main .con03 ul.list > li{padding-top: 60px;}
}
@media (max-width: 1200px){
    #sub.direction .con01 ul li{float: none;margin-bottom: 25px;}
    #sub .sub_visual .sv_txt2 strong{font-size: 50px;}
    #sub .sub_visual .product img{height: 400px !important}
    #sub .sub_visual .product{top: 160px;}
    #sub.job .con01 .left{text-align: center;margin-bottom: 45px;}
    #sub.job .con01 .left, #sub.job .con01 .right{width: 100%}
    #sub.job .con01 .left{padding-right: 0}
    #sub.job .con01 .left .chk{margin-top: 30px}
    #sub.job .con01 .right ul{text-align: center}
    #sub.job .con01 .right ul li{display: inline-block;float: none}
    #sub.job .con01 .right .sub_btn{overflow: hidden}
    #sub.job .con01 .right .sub_btn a{text-align: center}
    #sub.job .con01 .left .chk{display: inline-block}
}
@media (max-width: 960px){
    #sub .sub_visual .sv_txt strong{font-size: 25px;line-height: 1.8}
    #sub.greeting .con01 p{font-size: 15px;line-height: 2}
    #sub.greeting .con01 .bg div img{width: 120px;}
    #sub.greeting .con01 .bg{left: auto;margin-left: 0;right: 20px;}
    #sub .sub_visual .img img{height: 400px;}
    #sub .sub_visual.on > ul > li:nth-child(1), #sub .sub_visual.on > ul > li:nth-child(3){width: 25px;}
    #sub .sub_tit ul li{width: 4px;height: 4px;}
    #sub .sub_tit strong{font-size: 25px;}
    #header{height: 70px}
    #sub .sub_loc_w{margin-top: 70px;}
    #sub .sub_tit ul{margin-bottom: 10px;}
    #sub .sub_tit{margin-bottom: 20px;}
    #sub .sub_visual .sv_txt ul{padding-left: 40px;}
    #sub .sub_visual .sv_txt{padding-top: 170px;}
    #sub .sub_visual .sv_txt strong{padding-left: 40px;}
    #sub .sub_visual .sv_txt ul li{width: 4px;height: 4px;}
    #sub.greeting .con01{padding-top: 30px;}
    #sub.greeting .con01 p{margin-bottom: 30px;}
    #sub.greeting .con01 strong{font-size: 17px;}
    #sub.history .con01{padding-left: 20px;}
    #sub.history .con01 .mySwiper2 .swiper-slide{font-size: 50px;}
    #sub.history .con01{padding-top: 30px;}
    #sub.history .con01 .mySwiper2{margin-bottom: 40px;}
    #sub.history .con01 ul li{font-size: 14px;line-height: 1.7}
    #sub.history .con01 ul li:before{top: 8px;}
    #sub.history .con01 .mySwiper{width: 1400px;}
    #sub.history .con01 .img i{width: 7px;height: 7px}
    #sub.history .con01 .img i:after{width: 20px;height: 20px;background-size: 100% 100%;margin-top: -10px;margin-left: -10px;}
    #sub.organ .con01 ul li img{width: 200px;}
    #sub.organ .con01 ul{width: 200px;height: 238px;}
    #sub.organ .sub_con:after{height: 50%;background-size: auto 100%}
    #sub.direction .con01 ul li{margin-bottom: 10px;}
    #sub.direction .con01 ul li p, #sub.direction .con01 ul li span{font-size: 15px;}
    #sub.direction .con01 .bg {top: -75px;left: 20px}
    #sub.direction .con01 .bg div img{width: 150px;}
    #sub.direction .con01 .inner{padding-top: 50px;}
    #sub.direction .con01 ul{padding: 0;padding-bottom: 20px;}
    #sub .sub_visual .sv_txt2{padding-left: 40px;}
    #sub .sub_visual .sv_txt2 span{font-size: 13px;margin-bottom: 15px;}
    #sub .sub_visual .sv_txt2 strong{font-size: 25px;margin-bottom: 20px;}
    #sub .sub_visual .sv_txt2 p{font-size: 23px;}
    #sub .sub_visual .sv_txt2{padding-top: 175px;}
    #sub .sub_visual .product{right: 0}
    #sub.product .con01{padding-top: 100px}
    #sub.product .list ul li a strong{font-size: 14px;margin-bottom: 5px;}
    #sub.product .list ul li a p{font-size: 12px;}
    #sub.pro_view .con01 > div.right .tit strong{font-size: 17px;line-height: 1.8}
    #sub.pro_view .con01 > div.right .tit2 strong{width: 100%;padding-left: 0;text-align: center}
    #sub.pro_view .con01 > div.right .tit2 strong{font-size: 16px;line-height: 45px;}
    #sub.pro_view .con01 > div.right .txt p{font-size: 13px;line-height: 1.7}
    #sub.pro_view .con01 > div.right table th, #sub.pro_view .con01 > div.right table td{font-size: 13px;height: 40px;}
    #sub.pro_view .con01 > div.right .txt_w > li{margin-bottom: 30px;}
    #sub.pro_view .con01 > div.right .sub_btn a{font-size: 16px}
    #sub.pro_view .con01 > div.right .sub_btn p{font-size: 13px;}
    #sub.pro_view .con01 > div.right .tit{padding-top: 50px;margin-bottom: 25px;}
    #sub .sub_visual .sv_txt strong{padding-right: 40px;}
    #sub.bo_list .list table td{font-size: 12.5px;}
    #sub.bo_list .list table td a{font-size: inherit}
    #sub.bo_list .list table td:nth-child(1), #sub.bo_list .list table th:nth-child(1){display: none}
    #sub.bo_list .list table td, #sub.bo_list .list table th{height: 55px;}
    #sub.bo_list .list table td:nth-child(5), #sub.bo_list .list table th:nth-child(5){display: none}
    #sub.bo_list .list table td:nth-child(4), #sub.bo_list .list table th:nth-child(4){display: none}
    #sub.bo_list .list table th.tit{width: 75%}
    #sub.bo_list .tb_hd .sch_w input[type="text"]{width: 200px;height: 45px;}
    #sub.bo_list .tb_hd .sch_w input[type="submit"]{width: 45px;height: 45px;background-size: 100% 100%}
    #sub.bo_list .tb_hd strong{font-size: 12px;padding-top: 0;line-height: 45px;}
    #sub.bo_list .tb_hd{margin-bottom: 15px;}
    #sub.bo_list .con01{padding-top: 55px;}
    #sub.inquiry .con01 ul li label{font-size: 14px;}
    #sub.inquiry .con01 form > ul > li input, #sub.inquiry .con01 form > ul > li textarea, #sub.inquiry .con01 form > ul > li select{height: 40px;font-size: 13px;padding-left: 10px;}
    #sub.inquiry .con01 ul li label{margin-bottom: 5px;}
    #sub.inquiry .con01 form > ul > li{width: 49%;margin-right: 2%;margin-bottom: 20px;}
    #sub.inquiry .con01{padding-top: 40px;}
    #sub.inquiry .con01 .chk p{font-size: 13px;padding-left: 0}
    #sub.inquiry .con01 .chk input[type="checkbox"] + label:before{transform: scale(0.7);}
    #sub.inquiry .sub_wrap a{font-size: 14px;width: 160px;line-height: 45px;border-radius: 0 20px 0 20px}
    #sub.inquiry .sub_wrap a i{padding-left: 10px;}
    #sub.inquiry .sub_wrap a i img{width: 7px}
    #sub.inquiry .con01 .chk{margin-top: 10px;margin-bottom: 30px;}
    #sub.talent .con01 .txt{text-align: center}
    #sub.talent .con01 .txt.left{position: static;display: block;margin-left: 0}
    #sub.talent .con01 .txt.right{position: static;display: block;margin-right: 0}
    #sub.talent .con02{margin-top: 60px;}
    #sub.talent .con01 .txt.left{padding-top: 40px;}
    #sub.talent .con01 .txt{margin-top: -20px;}
    #sub.talent .con02{padding-top: 80px;}
    #sub.talent .con02 ul.list li strong{font-size: 16px;margin-bottom: 10px;}
    #sub.talent .con02 ul.list li p{font-size: 13px;line-height: 2}
    #sub.talent .con02 ul.list li{padding-left: 20px;padding-top: 20px;}
    #sub.talent .con02 ul.list li i img{height: 37px;}
    #sub.talent .con02 ul.list li{height: 205px}
    #sub.talent .tit2 strong{font-size: 24px;}
    #sub.talent .tit2 ul{margin-bottom: 10px;}
    #sub.talent .tit2 ul li{width: 4px;height: 4px;}
    #sub.talent .con03 ul.list li .txt strong{font-size: 16px;margin-bottom: 5px;}
    #sub.talent .con03 ul.list li p{font-size: 13px;line-height: 1.7}
    #sub.talent .con03 ul.list li:last-child strong{;line-height: 45px;font-size: 16px;}
    #sub.talent .con03 ul.list li{padding-bottom: 20px;}
    #sub.talent .con03 ul.list li .txt .tag{transform: scale(0.6);margin-bottom: 0}
    #sub.talent .con03{padding-top: 60px;}
    #sub .sub_loc2{display: none}
    #sub.job .con01 .left strong{font-size: 20px;line-height: 2}
    #sub.job .con01 .left .chk p{font-size: 13px;padding-left: 0}
    #sub.job .con01 .left .chk input[type="checkbox"] + label:before{transform: scale(0.7)}
    #sub.job .con01 .left em{font-size: 13px;}
    #sub.job .con01 .right ul li a{font-size: 14px;line-height: 40px;width: 170px;border-radius: 20px 0 20px 0 }
    #sub.job .con01 .right ul li a span{font-size: 13px;}
    #sub.job .con01 .right ul li a i{transform: scale(0.6);margin-right: 5px;position: relative;top: 4px;}
    #sub.job .con01 .right ul li{margin-right: 5px;}
    #sub.job .con01{padding-top: 45px;}
    #sub.job .con01 .left .chk{margin-top: 15px;margin-bottom: 10px;}
    #sub.job .con01 .right .sub_btn a{line-height: 100px;font-size: 16px}
    #sub.job .con01 .right ul{margin-bottom: 60px;}
    #sub .sub_con{padding-bottom: 80px}
    #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) button{display: block}
    
    
    #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul, #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(1) ul{display: none;position: absolute;width: 100%;background: #14223a}
    #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul li a, #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(1) ul li a{font-size: 14px;line-height: 40px;color: #a7b0c1;padding-left: 20px;border-top: 1px solid #30405c;display: block}
    #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul li{float: none}
    #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul li.on a:before{display: none}
    #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul li.on a{color: #a7b0c1}
    
    
    
    
    #sub .sub_loc_w .sub_loc > div .loc > ul > li:nth-child(2) ul li a{font-size: 14px;}
    #sub .sub_tit{padding-top: 40px;}
    #sub .sub_loc_w .sub_loc > div .loc > ul > li button{height: 50px;font-size: 14px;}
    #sub .sub_loc_w{height: 50px;}
    #sub .sub_loc_w .sub_loc > div > div.home a{height: 50px;width: 100%}
    #sub .sub_loc_w .sub_loc > div > div.home a{padding-top: 14px;}
    #sub .sub_loc_w .sub_loc > div .loc > ul > li button{background-size: auto 5px}
    #sub.product_main .con02 .tit strong{line-height: 1.8;padding: 10px; font-size: 15px;margin-bottom: 30px;}
    #sub.product_main .con02 .tit strong i{display: none}
    #sub.product_main .con02 .txt p{font-size: 13px;line-height: 1.8;margin-top: 20px;}
    #sub.product_main .con03 ul.list > li p{font-size: 13px;line-height: 1.9}
    #sub.product_main .con03 ul.list > li strong{font-size: 20px;margin-bottom: 20px;}
    #sub.product_main .con03 ul.list > li ul{margin-bottom: 10px}
    #sub.product_main .con03 ul.list > li ul li{width: 4px;height: 4px;}
    #sub.product_main .con03 ul.list > li{height: 295px}
    #sub.product_main .main_con03 .sub_t span{font-size: 15px;margin-bottom: 15px;}
    #sub.product_main .main_con03 .sub_t strong{font-size: 30px;}
    #sub.product_main .sub_con{margin-top: -250px;}
    #sub.product_main .main_con03 .sub_t{margin-bottom: 30px;}
    #sub.bo_view .tit strong{font-size: 16px;}
    #sub.bo_view .tit ul{margin-top: 10px;}
    #sub.bo_view .tit ul li{font-size: 13px;}
    #sub.bo_view .txt{padding: 30px 0}
    #sub.bo_view .file_w table th{width: 40%}
    #sub.bo_view .file_w table th i img{width: 16px;}
    #sub.bo_view .file_w table th strong{font-size: 13px;}
    #sub.bo_view .file_w table td a{font-size: 13px;}
    #sub.bo_view .file_w table th, #sub.bo_view .file_w table td{padding: 15px 0}
    #sub .list_b a{width: 60px;height: 60px;background-size: 20px 20px;}
    #sub.bo_view .tit{margin-bottom: 25px;}
    .personal > div >div p{font-size: 13px;line-height: 1.6}
    #sub.direction .con01 ul li{width: 100%}
    
}
@media (max-width: 760px){
    #sub.history .con01{padding-left: 20px;padding-right: 0}
    #sub.history .con01 .mySwiper{width: 100%}
    #sub.history .con01 .mySwiper .swiper-wrapper{padding-left: 0}
    #sub.history .con01 .mo_hidden{display: none !Important}
    #sub.history .con01 ul li{word-break: keep-all}
    #sub.history .con01 .img i{margin-bottom: 30px;}
    #sub.history .con01 .img i{left: 10px;}
    #sub.history .con01 .swiper-pagination-progressbar{top: 21.5px;}
    #sub.history .con01 .mySwiper2{margin-bottom: 15px;}
    #sub.organ .con02{margin-top: -5px;}
    #sub.product .list ul li{width: 49%;margin-right: 2%}
    #sub.product .list ul li:nth-child(2n){margin-right: 0}
    #sub.product .list ul li a{padding-bottom: 20px;}
    #sub.pro_view .con01 > div.right .wrap{padding-top: 0}
    #sub.talent .con02 ul.list li{width: 49%;margin-right: 2%}
    #sub.talent .con02 ul.list li:nth-child(2n){margin-right: 0;margin-bottom: 2%;}
    #sub.talent .con02{padding-top: 45px;padding-bottom: 45px;}
    #sub.talent .con01 .txt div img{width: 220px}
    #sub.talent .con01 .center img{width: 240px;}
    #sub.talent .con01 .center:after{width: 270px;height: 270px;margin-top: -135px;margin-left: -135px;}
    #sub .sub_loc_w .sub_loc > div > div.home{width: 15%}
    #sub .sub_loc_w .sub_loc > div > div.loc{width: 85%}
    #sub .sub_loc_w .sub_loc > div .loc > ul > li button{width: 100%}
    #sub .sub_loc_w .sub_loc > div .loc > ul > li{width: 50%}
    #sub .sub_loc_w .sub_loc .inner{padding: 0}
    #sub .sub_visual .sv_txt strong{padding-left: 20px;padding-right: 20px;}
    #sub .sub_visual .sv_txt ul{padding-left: 20px;margin-bottom: 10px;}
    #sub.product_main .con02{margin-bottom: 45px;}
    #sub .sub_visual .img .root_daum_roughmap .wrap_map{height: 350px}
    #sub .paging ul li a{width: 33px;height: 33px;}
    #sub.product .sub_con{min-height: 600px;}
    #sub.history:before{background-size: 60% auto}
    .personal > div >div{padding: 40px 20px}
    #sub .sub_visual .img .video{height: 400px;position: relative}
    #sub .sub_visual .img .video video{height: 100%;position: absolute;left: 50%;margin-left: -350px}


}

@media (max-width: 660px){
        #sub .sub_visual .product{display: none}

    #sub.product_main .con03 ul.list > li{width: 100%;margin-bottom: 20px;padding-top: 20px;padding-bottom: 20px;background-size: auto 100%;height: auto}
    #sub.product_main .con03 ul.list > li:first-child{border-radius: 20px 0 0 0}
    #sub.product_main .con03 ul.list > li:last-child{border-radius:  0 0 20px 0}
    #sub.pro_view .con01 > div.right table{width: 100% !important}
    #sub.pro_view .con01 > div.right table th{width: 40% !important}
    
}
@media (max-width: 520px){
    #sub .sub_visual .sv_txt strong{font-size: 20px;word-break: keep-all}
    #sub .sub_visual .sv_txt strong br{display: none;word-break: keep-all}
    #sub.talent .con03 ul.list li p{font-size: 12px;}
    #sub.job .con01 .right ul li a{width: 159px}
}