/* common */ @import url('font.css'); * {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none} /* {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}*/ html {font-family:'SCoreDream',sans-serif;font-size:14px} ul,ol,dl {list-style:none} ul li {display:inline-block;vertical-align:top;font-size:14px} a,a:link,a:visited,a:hover {text-decoration:none !important;} img {border:0;max-width:100%;width:auto} table {border-spacing:0;border-collapse:collapse} .clear {clear:both} .green {color:#2fe19c} .blue {color:#12298e} .red {color:#e50001} .red2 {color:#e6441f} .white {color:#fff} .left {float:left} .right {float:right} .bold {font-weight:500} .space10 {clear:both;height:10px} .space20 {clear:both;height:20px} .space25 {clear:both;height:25px} .space30 {clear:both;height:30px} .space40 {clear:both;height:40px} .space50 {clear:both;height:50px} .space60 {clear:both;height:60px} .space80 {clear:both;height:80px} .pc1200 {display:block} .mobile1200 {display:none} .pc1000 {display:block} .mobile1000 {display:none} .pc1000_in {display:inline} .mobile1000_in {display:none} .pc840 {display:block} .mobile840 {display:none} .pc640 {display:block} .mobile640 {display:none} .pc480 {display:block} .mobile480 {display:none} .wr1740 {max-width:1740px;width:100%;margin:0 auto} .wr1420 {max-width:1420px;margin:0 auto} /* total_menu */ #total_menu_wrap {display:none;position:absolute;align-items:center;z-index:999999;top:50%;left:50%;transform:translate(-50%,-50%);width:100%} #total_menu_wrap .total_menu {background:#fff;width:80%;max-width:1100px;max-height:580px;margin:10vh auto;border-radius:10px;padding:0 30px 40px} #total_menu_wrap .total_menu .title_wrap {position:relative;display:flex;justify-content:center;align-items:center;height:95px;border-bottom:1px solid #ccc} #total_menu_wrap .total_menu .title_wrap h1 {font-family:'GmarketSans';font-size:35px;font-weight:500;color:#000} #total_menu_wrap .total_menu .title_wrap .total_close {position:absolute;right:0;top:25px;cursor: pointer;} #total_menu_wrap .total_menu .menu {display:flex;flex-direction:row;justify-content:space-around;width:100%;margin:40px 0 0} #total_menu_wrap .total_menu .menu ul {font-size:0;width:100%} #total_menu_wrap .total_menu .menu li {padding-bottom:5%;width:20%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box} #total_menu_wrap .total_menu .menu li .menu_list a {display:block} #total_menu_wrap .total_menu .menu li .menu_list a.top {font-size:20px;font-weight:700;color:#303030;padding-bottom:7px} #total_menu_wrap .total_menu .menu li .menu_list a.sub {font-size:16px;font-weight:400;color:#666;padding:4px 0} #total_menu_wrap .total_menu .menu li .menu_list a.sub:hover {font-weight:500;color:#d51f26} #total_menu_wrap .total_menu .menu li {display:inline-flex;justify-content:center} #total_menu_wrap .total_menu .menu_list {min-width:137px} /* wrap */ #wrap .quick_right {position:fixed;z-index:999;right:30px;top:700px} #wrap .sub_quick {top:300px} #wrap .sub_quick_right {position:fixed;z-index:999;right:30px;top:300px} #wrap .sub_quick {top:300px} #wrap .quick_right li,#wrap .sub_quick_right li {display:flex;justify-content:center;align-items:center;text-align:center;} #wrap .quick_right li:first-child,#wrap .sub_quick_right li:first-child {background:#fe0102;width:130px;height:100px;border-radius:30px 0 0 0;box-shadow:2px -2px 5px #444;} #wrap .quick_right li:first-child p,#wrap .sub_quick_right li:first-child p {font-size:16px;font-weight:500;color:#fff;} #wrap .quick_right li:last-child,#wrap .sub_quick_right li:last-child {background:#f6f6f6;width:127px;height:100px;border-radius:0 0 30px 30px;box-shadow:3px 3px 5px #ddd;border:1px solid #ddd} #wrap .quick_right li:first-child img,#wrap .sub_quick_right li:first-child img {padding-bottom:7px} #wrap .quick_right li:last-child img,#wrap .sub_quick_right li:last-child img {padding-bottom:3px} #wrap .quick_right li:last-child p,#wrap .sub_quick_right li:last-child p {font-size:17px;font-weight:600;color:#010513;line-height:1.3} /* header */ #header .top {position:fixed;background:rgba(0,0,0,0.6);display:flex;justify-content:space-between;align-items:center;width:100%;height:100px;z-index:99;} #header .top .left_con {width:calc(100% - 100px)} #header .top .logo {float:left;width:270px;padding-left:5.15%;padding-right:7.5%;;display:flex;justify-content:space-between;align-items:center;height:90px} #header .top .toggle {display:flex;justify-content:center;align-items:center} /* #header .top .toggle a {display:block} */ #header .top .navi {max-width:990px;display:flex;justify-content:space-between;align-items:center;padding-right:15%} #header .top .navi ul {display:flex;justify-content:space-between;align-items:center;width:100%;} #header .top .navi ul li a.tmenu {align-items:center;display:flex;font-size:18px;font-weight:500;height:60px;color:#fff} #header .navi ul {display:flex;justify-content:space-around;align-items:center;width:100%;width:635px;margin:0 auto;height:90px} #header .navi ul li {position:relative} #header .navi ul li .sub_menu {display:none;position:absolute;z-index:999;top:100px;background:rgba(0,0,0,0.7);width:200px;padding:15px 0} #header .navi ul li .sub_menu a {display:block;padding:10px 20px;font-size:15px;} #header .navi ul li .sub_menu a:hover {color:#ffff00} #header .navi ul li a {font-size:18px;font-weight:500;color:#fff;text-shadow:2px 1px 10px #000;padding:20px} #header .mroll .swiper-slide {position:relative;display:flex;align-items:center;height:800px;text-align:left} #header .mroll .wr1740 {position:absolute;z-index:99} #header .mroll .wr1740 h1 {font-family:'SUIT';font-size:76px;font-weight:600;line-height:1.1;padding-top:35px} #header .mroll .swiper-slide:nth-of-type(1) .wr1740 h4 {font-size:16px;font-weight:400;padding-top:10px;text-shadow:1px 1px 5px #000;} #header .mroll .swiper-slide:nth-of-type(2) .wr1740 h4 {font-size:16px;font-weight:400;padding-top:10px;text-shadow:1px 1px 5px #fff;} #header .mroll .wr1740 h4 {font-size:16px;font-weight:400;padding-top:10px;} #header .mroll .wr1740 .type1 h4 {text-shadow:1px 1px 5px #000;} #header .mroll .wr1740 .type1 h1,#header .mroll .wr1740 .type1 h4 {color:#fff} #header .mroll .wr1740 .type2 h4 {text-shadow:1px 1px 5px #fff;} #header .mroll .wr1740 .type2 h1,#header .mroll .wr1740 .type2 h4 {color:#06007b} #header .mroll .wr1740 h4 b {font-weight:700} #header .mroll .swiper-button-next:after,#header .mroll .swiper-container-rtl .swiper-button-prev:after {content:'';overflow:hidden} #header .mroll .swiper-button-prev:after, #header .mroll .swiper-container-rtl .swiper-button-next:after {content:'';overflow:hidden} #header .mroll .swiper-button-prev,#header .mroll .swiper-button-next {width:41px;height:81px} #header .mroll .swiper-button-prev.swiper-button-disabled,#header .mroll .swiper-button-next.swiper-button-disabled {opacity:1;} #header .mroll .swiper-pagination-bullet {width:13px;height:13px;background:#fff;opacity:1;margin-right:8px;box-shadow:1px 1px 2px #333;} #header .mroll .swiper-pagination-bullet-active {background:#ff1a1b;width:38px;height:12px;border-radius:999px} #header .sub_top_bg * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;} #header .sub_top_bg {display:flex;justify-content:center;align-items:center;height:400px;background-size:cover !important} #header .sub_top1 {background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub_top1_bg.jpg) no-repeat center center;} #header .sub_top2 {background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub_top2_bg.jpg) no-repeat center center;} #header .sub_top3 {background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub_top3_bg.jpg) no-repeat center center;} #header .sub_top4 {background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub_top4_bg.jpg) no-repeat center center;} #header .sub_top5 {background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub_top5_bg.jpg) no-repeat center center;} #header .sub_top_bg .sub_top_txt {padding-top:100px;text-align:center;} #header .sub_top_bg .sub_top_txt h1 {font-size:54px;font-weight:600;color:#fff;text-shadow:3px 3px 10px #000;} #header .sub_top_bg .sub_top_txt p.txt {font-size:16px;color:#fff;text-shadow:3px 3px 10px #000;padding-top:10px} /* container */ #container * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;} #container .main_content1 {padding:80px 0} #container .main_title_area .stit {font-size:14px;font-weight:800;color:#102990;padding-bottom:15px;} #container .main_title_area h1 {font-size:42px;font-weight:300;color:#010513} #container .main_title_area h1 b {font-weight:600} #container .main_list {padding-top:60px} #container .main_list ul {font-size:0} #container .main_content3 .main_list .mobile640 .title {display:block;font-size:15px;border-top:1px solid #eee;border-bottom:1px solid #eee;width:calc(100% - 30px);padding:13px 2%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} #container .main_content1 .main_list .swiper-slide {width:100%;display:flex;justify-content:center;height:505px} #container .main_content1 .main_list .swiper-slide a {position:relative;width:100%;height:505px} #container .main_content1 .main_list .swiper-button-prev.swiper-button-disabled, #container .main_content1 .main_list .swiper-button-next.swiper-button-disabled {opacity:0;} #container .main_content1 .main_list .swiper-button-prev, #container .main_content1 .main_list .swiper-button-next {color:#fff} #container .main_content1 .main_list ul li:last-child {margin-right:0} #container .main_content1 .main_list .txt {opacity:1;position:absolute;bottom:30px;left:0;width:85%;padding:0 7.5%;z-index:999;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;} #container .main_content1 .main_list .txt .tit_ko, #container .main_content1 .main_list .txt2 .tit_ko {font-size:14px;font-weight:300;color:#fff;padding-top:10px} #container .main_content1 .main_list .txt .tit_en, #container .main_content1 .main_list .txt2 .tit_en {font-size:24px;font-weight:700;color:#fff;padding-top:5px} #container .main_content1 .main_list .txt2 .view {font-size:14px;color:#fff;padding-top:15px} #container .main_content1 .main_list .txt2 .view img {padding-left:5px} #container .main_content1 .main_list .txt2 {opacity:0;position:absolute;bottom:30px;left:0;width:85%;padding:0 7.5%;z-index:999} #container .main_content1 .main_list .main_business {position:relative} #container .main_content1 .main_list .main_business .black_bg {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:99;opacity:0} #container .main_content1 .main_list a:hover .txt {opacity:0} #container .main_content1 .main_list a:hover .txt2 {opacity:1} #container .main_content1 .main_list a:hover .black_bg {opacity:1} #container .main_content2 {background:#f9fbff;padding:80px 0} #container .main_content2 .main_list ul li {width:32.5%;margin-right:1.25%;margin-bottom:30px} #container .main_content2 .main_list ul li:nth-of-type(3n) {margin-right:0} #container .main_content2 .main_list .txt .title1 {font-size:18px;font-weight:500;color:#010513;padding-top:10px} #container .main_content2 .main_list .txt .title2 {font-size:14px;font-weight:400;color:#8b8b8b;padding-top:3px} #container .main_content2 .main_list img {width:100%;height:305px;object-fit:cover;} #container .btn_white_more {display:block;width:240px;height:50px;line-height:50px;text-align:center;font-size:15px;font-weight:500;color:#102990;margin:20px auto 0;border:1px solid #102990} #container .btn_white_more:hover {background:#102990;color:#fff} #container .main_content3 {padding:80px 0} #container .main_content3 ul {font-size:0} #container .main_content3 ul li {display:inline-block;width:23.95%;margin-right:1.4%;padding:30px 20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #eee;box-shadow:5px 5px 10px #ddd} #container .main_content3 ul li:hover {border:1px solid #314fcc} #container .main_content3 ul li:last-child {margin-right:0} #container .main_content3 .main_list .title {font-size:18px;font-weight:500;color:#010513;line-height:1.6;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} #container .main_content3 .main_list .content_txt {font-size:14px;font-weight:400;color:#606060;line-height:1.78;margin:20px 0 30px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5} #container .main_content3 .main_list .date {font-size:13px;color:#102990} /* sub container */ #sub_container {padding:50px 0 80px} #sub_container .sub_title {font-size:34px;font-weight:600;color:#010513;text-align:center} #sub_container .sub_title::after {display:block;width:60px;content:'';margin:0 auto;border-bottom:3px solid #000;padding-bottom:30px} #sub_container .sub12 ul {font-size:0} #sub_container .sub12 ul > li:first-child {width:38%;padding-right:8%} #sub_container .sub12 ul > li:last-child {width:53%;} #sub_container .sub12 .ceo_sign {display:flex;align-items:center;justify-content:right;} #sub_container .sub12 .ceo_sign img {padding-left:10px} #sub_container .sub_btit {font-family:'GmarketSans';font-size:32px;font-weight:500;color:#010513;line-height:1.43;} #sub_container .sub_con_txt {font-size:16px;color:#010513;line-height:1.68;word-break:keep-all;} #sub_container .sub16 ul {font-size:0} #sub_container .sub16 ul li {width:23.95%;margin-right:1.4%;margin-bottom:40px} #sub_container .sub16 ul li:nth-of-type(4n) {margin-right:0} #sub_container .sub16 ul li .title {font-size:16px;font-weight:500;color:#010513;padding-top:15px} #sub_container .sub_img {border:1px solid #dedede;text-align:center;padding:40px 20px} #sub_container .sub18 #map {width:100%;height:500px;border:1px solid #ddd} #sub_container .sub18 .title {font-size:16px;font-weight:600;padding:20px 0} #sub_container .sub18 .address ul {display:flex;justify-content:space-between;align-items:center;height:45px} #sub_container .sub18 .address ul li {font-size:18px;font-weight:400;color:#010513} #sub_container .sub18 .address ul li:nth-of-type(1) {font-size:25px;font-weight:600;color:#010513} #sub_container .sub18 .address ul li img {vertical-align:middle;padding-right:10px} #sub_container .sub18 .address ul li span {font-size:18px;font-weight:600;color:#010513} #sub_container .sub18 .address ul li span.btit {font-size:18px;font-weight:600;color:#010513} #sub_container .sub_detail_title {font-size:24px;font-weight:600;color:#121212;padding-bottom:20px} #sub_container .sub24 .step6 {padding:30px 2.5%;border:1px solid #e1e1e1} #sub_container .sub24 .step6 ul {font-size:0} #sub_container .sub24 .step6 ul li {position:relative;padding:5px 0} #sub_container .sub24 .step6 ul li:nth-of-type(2n+1) {width:14.1%;} #sub_container .sub24 .step6 ul li:nth-of-type(2n) {width:3.08%;background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub24_7.gif) no-repeat center center;height:200px} #sub_container .sub24 .step6 ul li .step_con {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%} #sub_container .sub24 .step6 ul li .step_con .tit {font-size:18px;font-weight:600} #sub_container .sub24 .step6 ul li .step_con .txt {font-size:15px;font-weight:500;color:#121212;padding-top:5px} #sub_container .sub24 .step6 ul li:nth-of-type(1) .step_con .tit {font-weight:600;color:#9ed343} #sub_container .sub24 .step6 ul li:nth-of-type(2) .step_con .tit {font-weight:600;color:#43d1a0} #sub_container .sub24 .step6 ul li:nth-of-type(3) .step_con .tit {font-weight:600;color:#40d3e1} #sub_container .sub24 .step6 ul li:nth-of-type(4) .step_con .tit {font-weight:600;color:#41a7e0} #sub_container .sub24 .step6 ul li:nth-of-type(5) .step_con .tit {font-weight:600;color:#4383dd} #sub_container .sub24 .step6 ul li:nth-of-type(6) .step_con .tit {font-weight:600;color:#6a45db} #sub_container table.tbl_basic {display:table;width:100%;border-collapse:collapse;} #sub_container table.tbl_basic caption {border-top:2px solid #000} #sub_container table.tbl_basic th {background:#f1f2f8;font-size:16px;font-weight:500;color:#010513;padding:20px 10px;border-bottom:1px solid #dedede} #sub_container table.tbl_basic td {font-size:16px;color:#010513;padding:20px 2%;border-bottom:1px solid #dedede} #sub_container table.tbl_basic2 {display:table;width:100%;border-collapse:collapse;} #sub_container table.tbl_basic2 caption {border-top:2px solid #000} #sub_container table.tbl_basic2 th {background:#f1f2f8;font-size:16px;font-weight:500;color:#010513;padding:20px 10px;border-bottom:1px solid #dedede;border-right:1px solid #dedede} #sub_container table.tbl_basic2 td {font-size:16px;color:#010513;padding:20px 2%;border-bottom:1px solid #dedede;border-right:1px solid #dedede;vertical-align:top;line-height:1.8} #sub_container table.tbl_basic2 th:last-child, #sub_container table.tbl_basic2 td:last-child {border-right:none} #sub_container .sub21 .imgs {text-align:center;padding:30px 10px;border:1px solid #dedede} #sub_container .sub21 .imgs .consist {width:83%;margin:0 auto;background:#f8f8f8;border-radius:20px;border:1px solid #eee;padding:25px 2%} #sub_container .sub21 .imgs .consist ul {display:flex;justify-content:space-around;align-items: center;} #sub_container .sub21 .imgs .consist ul li {padding:0 2%} #sub_container .sub21 .con_div2 ul {font-size:0} #sub_container .sub21 .con_div2 li {width:48%;margin-right:4%;margin-bottom:50px} #sub_container .sub21 .con_div2 li:nth-of-type(2n) {margin-right:0} #sub_container .sub21 .con_div2 .title {font-size:24px;font-weight:600;color:#121212;padding:15px 0} #sub_container .sub21 .con_div2 .txt {font-size:16px;color:#121212;line-height:1.75} #sub_container .sub_detail_con_title {display:block;font-size:16px;font-weight:600;color:#0065f4;padding:5px 0} #sub_container .sub22 .step4 {padding:30px 10%;border:1px solid #e1e1e1} #sub_container .sub22 .step4 ul {font-size:0} #sub_container .sub22 .step4 ul li {position:relative;padding:5px 0;text-align:center} #sub_container .sub22 .step4 ul li:nth-of-type(2n+1) {width:19.23%;} #sub_container .sub22 .step4 ul li:nth-of-type(2n) {width:7.5%;background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub22_plus.gif) no-repeat center center;height:200px} #sub_container .sub22 .step4 ul li .step_con {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%} #sub_container .sub22 .step4 ul li .step_con .tit {font-size:18px;font-weight:600} #sub_container .sub22 .step4 ul li .step_con .txt {font-size:15px;font-weight:500;color:#121212;padding-top:5px} #sub_container .step_type_blue {border:1px solid #dedede;padding:30px 2%} #sub_container .step_type_blue ul {font-size:0} #sub_container .step_type_blue ul li {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;text-align:center;margin-bottom:20px} #sub_container .step_type_blue ul li:nth-of-type(2n+1) {width:17.6%;} #sub_container .step_type_blue ul li:nth-of-type(2n) {width:3%;background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub24_7.gif) no-repeat center center;height:130px} #sub_container .step_type_blue ul li .title {display:flex;justify-content:center;align-items:center;background:#102990;height:66px;border-radius:10px;font-size:16px;font-weight:600;color:#fff} #sub_container .step_type_blue ul li .txt {position:relative;display:flex;justify-content:center;align-items:center;border-left:1px solid #102990;border-right:1px solid #102990;border-bottom:1px solid #102990;margin-top:-10px;margin-left:1px;margin-right:1px;height:60px;padding:10px 2px 0;font-size:15px} #sub_container .step_type_green {border:1px solid #dedede;padding:30px 2%} #sub_container .step_type_green ul {font-size:0} #sub_container .step_type_green ul li {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;margin-bottom:20px} #sub_container .step_type_green ul li:nth-of-type(2n+1) {width:19.8%;} #sub_container .step_type_green ul li:nth-of-type(2n) {width:5.2%;background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub24_7.gif) no-repeat center center;height:150px} #sub_container .step_type_green ul li .title {display:flex;justify-content:center;align-items:center;background:#10904c;height:66px;border-radius:10px;font-size:16px;font-weight:600;color:#fff} #sub_container .step_type_green ul li .txt {position:relative;display:flex;justify-content:center;align-items:center;border-left:1px solid #10904c;border-right:1px solid #10904c;border-bottom:1px solid #10904c;margin-top:-10px;margin-left:1px;margin-right:1px;height:80px;padding:10px 10px 0;font-size:15px} #sub_container dl.dot_list {font-size:0} #sub_container dl.dot_list dt {display:inline-block;width:15px;font-size:16px;font-weight:500;text-align:left;vertical-align:top;} #sub_container dl.dot_list dd {display:inline-block;width:calc(100% - 15px);font-size:16px;color:#010513} #sub_container .sub23 ul {display:flex;align-items:center;justify-content:space-between;flex-wrap: wrap;} #sub_container .sub23 ul li {width:49%} #sub_container .sub23 .title {font-size:24px;font-weight:600;color:#121212;padding-top:15px} #sub_container .sub23 .txt {font-size:16px;font-weight:400;color:#010513;padding-top:10px;line-height:1.75;height:140px} #sub_container .sub13 ul {display:flex;justify-content:space-between;font-size:0} #sub_container .sub13 ul li {vertical-align:top;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;} #sub_container .sub13 ul li:nth-of-type(1) {width:150px;font-size:24px;font-weight:600;color:#121212;line-height:1;text-align:right} #sub_container .sub13 ul li:nth-of-type(2) {width:550px;padding-left:60px;background:url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/sub13_1.gif) no-repeat 20px top} #sub_container .sub13 ul li:nth-of-type(2) .year_wrap {padding-bottom:50px} #sub_container .sub13 ul li:nth-of-type(2) .year_wrap .year {font-size:20px;font-weight:600;color:#121212;line-height: 1;} #sub_container .sub13 ul li:nth-of-type(2) .year_wrap .txt {font-size:16px;font-weight:400;color:#121212;padding-top:10px} #sub_container .sub13 ul li:nth-of-type(3) {width:calc(100% - 700px);text-align:right} #sub_container .sub14 {text-align:center;} #sub_container .sub14 .pc {display:block} #sub_container .sub14 .tablet, #sub_container .sub14 .mobile {display:none} #sub_container .sub15 #map, #sub_container .sub15 #map2, #sub_container .sub15 #map3, #sub_container .sub15 #map4, #sub_container .sub15 #map5, #sub_container .sub15 #map6 {width:100%;height:400px;border:1px solid #ddd} #sub_container .sub15 .title {font-size:18px;font-weight:600;padding:20px 0} #sub_container .sub15 .address ul {display:block;height:45px} #sub_container .sub15 .address ul li {font-size:18px;font-weight:400;color:#010513} #sub_container .sub15 .address ul li:nth-of-type(1) {font-size:25px;font-weight:600;color:#010513} #sub_container .sub15 .address ul li img {vertical-align:middle;padding-right:10px} #sub_container .sub15 .address ul li span {font-size:18px;font-weight:600;color:#010513} #sub_container .sub15 .address ul li span.btit {font-size:24px;font-weight:600;color:#010513} #sub_container .img_border_wrap {text-align:center;padding:35px 2%;border:1px solid #dedede} #sub_container .img_border_wrap img {margin:0 auto} /* 공장 및 사업부 */ .sub15_tab {margin-bottom:40px} .sub15_tab ul {display:flex;align-items:center;width:100%} .sub15_tab ul li {width:calc(100% / 6);text-align:center} .sub15_tab ul li a {display:block;font-size:20px;font-weight:500;color:#606060;border:1px solid #ddd;border-right:none;padding:15px 10px;cursor:pointer} .sub15_tab ul li a.on {background:#0063b1;color:#fff} .sub15_tab ul li:nth-of-type(6n) a {border-right:1px solid #ddd} #sub_container .sub15 .address ul {margin-top:15px} #sub_container .sub15 .address ul li:nth-of-type(1) {display:flex !important;align-items:center} /* footer */ #footer * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;} #footer .footer_bottom_link * {transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-o-transition:all 0.7s ease;} #footer .footer_bottom_link {background:#000 url(https://d2u33oej7xc753.cloudfront.net/busanweb/haeoreum/skin/main_bottom_bg1.jpg) no-repeat center center;background-size:cover;height:220px} #footer .footer_bottom_link ul {display:flex;justify-content:space-evenly;align-items:center;height:220px;flex-wrap:wrap;max-width:1420px;margin:0 auto} #footer .footer_bottom_link ul li {width:33.3%;display:flex;align-items:center;justify-content:center;text-align:center;height:220px;;border-left:1px solid rgba(255,255,255,0.15);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} #footer .footer_bottom_link ul li:last-child {border-right:1px solid rgba(255,255,255,0.15) } #footer .footer_bottom_link ul li .txt {font-size:16px;font-weight:500;color:#fff} #footer .footer_bottom_link ul li .raw_img {margin:0 auto;padding-bottom:20px} #footer .footer_bottom_link ul li .stxt {opacity:0;font-size:14px;font-weight:500;color:#fff;padding-top:0} #footer .footer_bottom_link ul li .img {opacity:0;;padding-top:0} #footer .footer_content {background:#191919;padding:40px 0} #footer .footer_content ul {display:flex;justify-content:space-between;} #footer .footer_content ul li:last-child {text-align:right;} #footer .logo {font-size:22px;font-weight:600;color:#fff;padding-bottom:25px} #footer .copyright {font-size:14px;font-weight:400;color:#959595;line-height:1.9} #footer .copyright p {padding-top:10px} #footer .flink {width:385px;padding-bottom:20px} #footer .flink ul {display:flex;justify-content:space-between} #footer .flink ul li a {font-size:14px;color:#fff} #footer .bottom_info {font-size:14px;font-weight:400;color:#959595;line-height:1.9} #footer .bottom_info .tel {font-size:20px;font-weight:700;color:#fff} #footer .footer_bottom_link ul li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column;} #footer .footer_bottom_link ul li a:hover .raw_img {opacity:0;padding-bottom:0} #footer .footer_bottom_link ul li a:hover .txt {font-size:26px} #footer .footer_bottom_link ul li a:hover .stxt {opacity:1;padding-top:10px} #footer .footer_bottom_link ul li a:hover .img {opacity:1;padding-top:10px} #footer .footer_bottom_link ul li a:hover .img {opacity:1;;padding-top:25px} @media all and (max-width : 1500px){ } @media all and (max-width : 1420px){ .wr1420 {padding-left:2.5%;padding-right:2.5%} #header .top .logo {width:240px;padding-right:0;padding-left:2.5%} #header .top .navi {padding-left:5%;padding-right:5%} #header .mroll .swiper-button-prev, #header .mroll .swiper-button-next {display:none} } @media all and (max-width : 1400px){ #wrap .quick_right {display:none} #header .mroll .swiper-slide {height:57.14vw;min-height:430px} #header .mroll .wr1740 h1 {font-size:5.428vw} #header .sub_top_bg .sub_top_txt h1 {font-size:46px} #container .main_title_area h1 {font-size:36px} #container .main_content1 .main_list .txt .tit_en {font-size:20px} } @media all and (max-width : 1200px){ .pc1200 {display:none} .mobile1200 {display:block} #header .top .navi ul li a.tmenu {padding:20px 10px} #container .main_list {padding-top:40px} #container .main_content3 ul li {width:49%;margin-right:2%;margin-bottom:20px;min-height:312px} #container .main_content3 ul li:nth-of-type(2n) {margin-right:0} #sub_container .sub16 ul li {width:32%;margin-right:2%;margin-bottom:30px} #sub_container .sub16 ul li:nth-of-type(4n) {margin-right:2%} #sub_container .sub16 ul li:nth-of-type(3n) {margin-right:0} .space60 {clear:both;height:70px} #sub_container .sub24 .step6 ul li:nth-of-type(2n+1) {width:20%;} #sub_container .sub24 .step6 ul li:nth-of-type(2n) {width:6.66%;height:16.66vw} #sub_container .sub22 .step4 ul li:nth-of-type(2n+1) {width:20%;} #sub_container .sub22 .step4 ul li:nth-of-type(2n) {width:6.66%;height:16.66vw} #sub_container .step_type_blue ul li:nth-of-type(2n+1) {width:27%;} #sub_container .step_type_blue ul li:nth-of-type(2n) {width:6.33%;height:11.083vw} #sub_container .step_type_green ul li:nth-of-type(2n+1) {width:27%;} #sub_container .step_type_green ul li:nth-of-type(2n) {width:6.33%} #sub_container dl.dot_list dt {font-size:15px} #sub_container dl.dot_list dd {font-size:15px} #sub_container .sub23 ul li {width:49%} #sub_container .sub23 .title {font-size:20px;padding-top:15px} #sub_container .sub23 .txt {padding-top:10px;line-height:1.75;height:140px} #sub_container .sub14 .tablet {display:block} #sub_container .sub14 .pc, #sub_container .sub14 .mobile {display:none} .sub15_tab ul li a {font-size:18px;padding:12px 10px} #footer .logo {font-size:18px;padding-bottom:20px} } @media all and (max-width : 1100px){ #sub_container .sub18 #map {width:100%;height:350px;border:1px solid #ddd} #sub_container .sub18 .title {font-size:16px;font-weight:600;padding:20px 0} #sub_container .sub18 .address ul {display:block;height:auto} #sub_container .sub18 .address ul li {display:block;width:100%;font-size:18px;font-weight:400;color:#010513;margin-bottom:10px} #sub_container .sub15 #map, #sub_container .sub15 #map2, #sub_container .sub15 #map3, #sub_container .sub15 #map4, #sub_container .sub15 #map5, #sub_container .sub15 #map6 {width:100%;height:350px;border:1px solid #ddd} #sub_container .sub15 .address ul li span.btit {font-size:20px} #sub_container .sub15 .title {font-size:16px;font-weight:600;padding:20px 0} #sub_container .sub15 .address ul {display:block;height:auto} #sub_container .sub15 .address ul li {display:block;width:100%;font-size:18px;font-weight:400;color:#010513;margin-bottom:10px} #sub_container .sub13 ul li:nth-of-type(1) {width:30%} #sub_container .sub13 ul li:nth-of-type(2) {width:70%} #sub_container .sub13 ul li:nth-of-type(3) {display:none} } @media all and (max-width : 1000px){ .pc1000 {display:none !important} .mobile1000 {display:block} .pc1000_in {display:none} .mobile1000_in {display:inline} .space60 {clear:both;height:50px} .space50 {clear:both;height:40px} #header .top {width:97.5%;height:60px;padding-left:2.5%;padding-right:2.5%} #header .top .left_con {width:calc(100% - 60px)} #header .top .logo {float:left;padding-left:0;padding-right:0;height:60px} #header .top .toggle {display:flex;justify-content:center;align-items:center} #header .top .navi {max-width:990px;display:flex;justify-content:space-between;align-items:center;padding-right:15%} #header .top .navi ul {display:flex;justify-content:space-between;align-items:center;width:100%;} #header .top .navi ul li a.tmenu {align-items:center;display:flex;font-size:18px;font-weight:500;height:60px;color:#fff} #header .sub_top_bg .sub_top_txt {padding-top:60px} #header .sub_top_bg .sub_top_txt h1 {font-size:38px} #header .sub_top_bg .sub_top_txt p.txt {font-size:15px} #header .sub_top_bg {height:250px} #container .main_content1, #container .main_content2, #container .main_content3 {padding:60px 0} #container .main_title_area h1 {font-size:30px} #container .main_list {padding-top:30px} #container .main_content2 .main_list ul li {width:49%;margin-right:2%;margin-bottom:20px} #container .main_content2 .main_list ul li:nth-of-type(3n) {margin-right:2%} #container .main_content2 .main_list ul li:nth-of-type(2n) {margin-right:0} #container .main_content2 .main_list .txt .title1 {font-size:16px} #container .main_content2 .main_list img {width:100%;height:250px} #sub_container {padding:40px 0 70px} #sub_container .sub_title {font-size:30px} #sub_container .sub12 ul > li:first-child {display:none} #sub_container .sub12 ul > li:last-child {width:100%;} #sub_container .sub12 .ceo_sign img {padding-left:10px} #sub_container .sub_btit {font-size:28px} .space80 {clear:both;height:60px} #sub_container .sub_detail_title {font-size:20px;padding-bottom:15px} #sub_container .sub_detail_con_title {display:block;font-size:15px} #sub_container table.tbl_basic th {font-size:15px;padding:15px 5px} #sub_container table.tbl_basic td {font-size:15px;padding:15px 2%} #sub_container table.tbl_basic2 th {padding:15px 5px} #sub_container table.tbl_basic2 td {font-size:15px;color:#010513;padding:15px 2%;line-height:1.7} #sub_container .sub21 .con_div2 li {width:48%;margin-right:4%;margin-bottom:40px} #sub_container .sub21 .imgs {padding:20px 10px} #sub_container .sub21 .con_div2 .title {font-size:20px} #sub_container .sub21 .con_div2 .txt {font-size:15px} #sub_container .sub13 ul li:nth-of-type(2) .year_wrap {padding-bottom:40px} #sub_container .img_border_wrap {padding:30px 2%} .sub15_tab ul {flex-wrap:wrap} .sub15_tab ul li {width:calc(100% / 3);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box} .sub15_tab ul li:nth-of-type(3n) a {border-right:1px solid #ddd} .sub15_tab ul li:nth-of-type(n+4) a {border-top:none} .sub15_tab ul li a {font-size:18px;padding:10px} } @media all and (max-width : 840px){ .pc840 {display:none !important} .mobile840 {display:block} #container .main_content1 .main_list .txt .tit_en {font-size:18px} #container .main_content1 .main_list .swiper-slide {height:350px} #sub_container .sub24 .step6 ul li:nth-of-type(2n+1) {width:27%;} #sub_container .sub24 .step6 ul li:nth-of-type(2n) {width:6.33%;height:23.8vw} #sub_container .sub21 .con_div2 li {width:100%;margin-right:0;margin-bottom:40px} #sub_container .sub21 .con_div2 .img img {width:100%} #sub_container .sub21 .con_div2 .title {font-size:18px;padding:12px 0} #sub_container .sub21 .con_div2 .txt {line-height:1.65} #sub_container .sub22 .step4 ul li:nth-of-type(2n+1) {width:27%;} #sub_container .sub22 .step4 ul li:nth-of-type(2n) {width:6.33%;height:23.8vw} #sub_container .step_type_blue ul li:nth-of-type(2n+1) {width:40%;} #sub_container .step_type_blue ul li:nth-of-type(2n) {width:10%;height:15.833vw} #sub_container .step_type_blue ul li .title {font-size:15px} #sub_container .step_type_blue ul li .txt {font-size:14px} #sub_container .step_type_green ul li:nth-of-type(2n+1) {width:40%;} #sub_container .step_type_green ul li:nth-of-type(2n) {width:10%} #sub_container .step_type_green ul li .title {font-size:15px} #sub_container .step_type_green ul li .txt {font-size:14px} #sub_container dl.dot_list dd {font-size:14px} #sub_container .sub23 ul li {width:100%;margin-bottom:30px} #sub_container .sub23 .title {font-size:18px;padding-top:15px} #sub_container .sub23 .txt {padding-top:10px;line-height:1.6;height:auto} #sub_container .sub13 ul li:nth-of-type(1) {display:none} #sub_container .sub13 ul li:nth-of-type(2) {width:100%} #sub_container .sub13 ul li:nth-of-type(2) .year_wrap {padding-bottom:30px} #sub_container .sub13 ul li:nth-of-type(2) .year_wrap .year {font-size:18px} #sub_container .sub13 ul li:nth-of-type(2) .year_wrap .txt {font-size:15px} .sub15_tab ul li a {font-size:16px;padding:8px} #footer ul li .copyright {font-size:13px} #footer ul li:last-child {text-align:left;} #footer .footer_content ul li:last-child {width:100%;text-align:left} } @media all and (max-width : 720px){ #sub_container .sub16 ul li {width:49%;margin-right:2%;margin-bottom:20px} #sub_container .sub16 ul li:nth-of-type(3n) {margin-right:2%} #sub_container .sub16 ul li:nth-of-type(2n) {margin-right:0} } @media all and (max-width : 640px){ .pc640 {display:none} .mobile640 {display:block} .space60 {clear:both;height:40px} .space50 {clear:both;height:30px} #header .mroll .wr1740 h1 {font-size:34px} #header .mroll .wr1740 h4 {font-size:15px} #header .sub_top_bg .sub_top_txt h1 {font-size:30px} #header .sub_top_bg .sub_top_txt p.txt {font-size:14px;padding-top:5px} #container .main_content1, #container .main_content2, #container .main_content3 {padding:40px 0} #container .main_title_area h1 {font-size:24px} #container .main_list {padding-top:20px} #container .main_content2 .main_list .txt .title1 {font-size:15px;padding-top:5px;word-break:keep-all;} #container .main_content2 .main_list .txt .title2 {font-size:13px;word-break:keep-all;} #container .btn_white_more {width:180px;height:40px;line-height:40px;font-size:14px;} #sub_container {padding:30px 0 50px} #sub_container .sub_btit {font-size:24px} #sub_container .sub_title {font-size:26px} #sub_container .sub_title::after {padding-bottom:20px} #sub_container .sub_con_txt {font-size:15px;color:#010513;} #sub_container .sub12 .ceo_sign img {width:90px} #sub_container .sub18 .pc640_in {display:none} #sub_container .sub18 .address ul li {display:block;width:100%;font-size:15px;font-weight:400;color:#010513;margin-bottom:10px;line-height:33px} #sub_container .sub18 .address ul li:nth-of-type(1) {font-size:20px;font-weight:600;color:#010513} #sub_container .sub18 .address ul li img {display:inline-block;width:35px;vertical-align:top;padding-right:0} #sub_container .sub18 .address ul li span {font-size:15px;font-weight:600;color:#010513} #sub_container .sub18 .address ul li span.btit {font-size:15px;font-weight:600;color:#010513} #sub_container .sub_detail_title {font-size:18px;padding-bottom:15px} #sub_container .sub24 .step6 ul li .step_con .tit {font-size:16px} #sub_container .sub24 .step6 ul li .step_con .txt {font-size:14px} #sub_container table.tbl_basic th {font-size:14px} #sub_container table.tbl_basic td {font-size:14px;padding:12px 2.5%} #sub_container table.tbl_basic2 th {font-size:14px} #sub_container table.tbl_basic2 td {font-size:14px} #sub_container .sub22 .step4 ul li .step_con .tit {font-size:16px} #sub_container .sub22 .step4 ul li .step_con .txt {font-size:14px} #sub_container .sub14 .mobile {display:block} #sub_container .sub14 .tablet, #sub_container .sub14 .pc {display:none} #sub_container .sub15 .pc640_in {display:none} #sub_container .sub15 .address ul li {display:block;width:100%;font-size:15px;font-weight:400;color:#010513;margin-bottom:10px;line-height:33px} #sub_container .sub15 .address ul li:nth-of-type(1) {font-size:20px;font-weight:600;color:#010513} #sub_container .sub15 .title {padding:20px 0 10px} #sub_container .sub15 .address ul li img {display:none} #sub_container .sub15 .address ul li span {font-size:16px;font-weight:600;color:#010513} #sub_container .sub15 .address ul li span.btit {font-size:18px;font-weight:600;color:#010513} #sub_container .img_border_wrap {padding:20px 2%} #sub_container .sub15 #map, #sub_container .sub15 #map2, #sub_container .sub15 #map3, #sub_container .sub15 #map4, #sub_container .sub15 #map5, #sub_container .sub15 #map6 {height:250px} #footer .footer_bottom_link, #footer .footer_bottom_link ul, #footer .footer_bottom_link ul li {height:170px} #footer .footer_bottom_link ul li .txt {font-size:14px !important;line-height:1.6} #footer .footer_bottom_link ul li .raw_img {padding-bottom:10px} #footer .footer_bottom_link ul li .raw_img {display:block !important} #footer .footer_bottom_link ul li .stxt {display:none !important} #footer .footer_bottom_link ul li .img {display:none !important} #footer {padding:25px 0} #footer .logo {font-size:15px;padding-bottom:15px} } @media all and (max-width : 550px){ /* 2024-04-19 추가 */ .space80 {clear:both;height:40px} #sub_container .sub24 .step6 ul li .step_con .tit {font-size:15px} #sub_container .sub24 .step6 ul li:nth-of-type(2n+1) {width:40%;} #sub_container .sub24 .step6 ul li:nth-of-type(2n) {width:10%;height:36.33vw} #sub_container .sub22 .step4 ul li .step_con .tit {font-size:15px} #sub_container .sub22 .step4 ul li:nth-of-type(2n+1) {width:40%;} #sub_container .sub22 .step4 ul li:nth-of-type(2n) {width:10%;height:36.33vw} #sub_container .step_type_green ul li {margin-bottom:10px} #sub_container .step_type_green ul li:nth-of-type(2n+1) {width:100%;} #sub_container .step_type_green ul li:nth-of-type(2n) {display:none} #sub_container .step_type_green ul li .txt {height:70px} } @media all and (max-width : 480px){ .pc480 {display:none} .mobile480 {display:block} #container .main_title_area h1 {font-size:18px} #sub_container .sub_btit {font-size:20px} #sub_container .sub16 ul li {width:100%;margin-right:0;margin-bottom:15px;text-align:center;} #sub_container .step_type_blue ul li {margin-bottom:10px} #sub_container .step_type_blue ul li:nth-of-type(2n+1) {width:100%;} #sub_container .step_type_blue ul li:nth-of-type(2n) {display:none} #sub_container .sub13 ul li:nth-of-type(2) {padding-left:60px;} #container .main_content2 .main_list img {width:100%;height:180px} .sub15_tab ul li {width:calc(100% / 2)} .sub15_tab ul li:nth-of-type(3n) a {border-right:none} .sub15_tab ul li:nth-of-type(2n) a {border-right:1px solid #ddd} .sub15_tab ul li:nth-of-type(n+3) a {border-top:none} } .panel { /*font-family:'notokr','Nanum';*/ transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; position: fixed; z-index: 9999; top: 0; height: 100%; width: 320px; background-color: #fff; } .panel .moff {display:none} .panel .ninja-btn { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; display: inline-block; float: left; cursor: pointer; padding: 30.285714px 31px; position: absolute; z-index: 2; top: -25px; width: 25px; height: auto; } .panel .ninja-btn span, .panel .ninja-btn span:before, .panel .ninja-btn span:after { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; width: 0px; height: 2px; background-color: #fff; } .panel .ninja-btn span { position: relative; display: inline-block; float:left; margin-top: 9.09090909px; } .panel .ninja-btn span:before, .panel .ninja-btn span:after { content: ""; position: absolute; left: 0; } .panel .ninja-btn span:before { top: -9.09090909px; } .panel .ninja-btn span:after { top: 9.09090909px; } /*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/ .panel .ninja-btn.active span { background-color: transparent; } .panel .ninja-btn.active span:before, .panel .ninja-btn.active span:after { top: 0; } .panel .ninja-btn.active span:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .panel .ninja-btn.active span:after { -webkit-transition-delay: 0.09s; -moz-transition-delay: 0.09s; -o-transition-delay: 0.09s; -msa-transition-delay: 0.09s; transition-delay: 0.09s; transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); } /* 안보이는 패널위치고정 */ .panel-overlay,.panel-overlay2 { position: fixed; top: 0; z-index: 99998; width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.7); cursor: pointer; } .panel.left { left: -800px; } /*패널 버튼 부분 위치*/ .panel.left .ninja-btn { left: 770px;top:0; } /* 패널이 활성화 되었을때 */ .panel.left.active { left: 0; overflow: scroll; overflow-x:hidden; overflow-y:auto; z-index:9999999; } .panel.left.active .ninja-btn { left: 100%; margin-left: -70px; } .panel ul li.sub-menu{ } .mmenu .toggle_logo {padding-top:20px} .mmenu ul { width:100%; margin:0; list-style:none; } .mmenu ul > li{ display:block; border-bottom:1px solid #f1c28c; } .mmenu ul > li > a.tmenu{ height:45px; line-height:45px; display:block; text-decoration:none; color:#fff; background:#f2a64d; font-size:15px; font-weight:500; padding-left:35px; letter-spacing:-1 } .mmenu ul > li > a.tmenu.btn_reserve_m{ background:#f42200; } .mmenu .login_area {height:160px;background:#000;font-size:15px;padding-left:30px} .mmenu .login_area .btn_login {display:inline-block;margin:30px auto 0;width:100px;height:40px;line-height:38px;background:#000;color:#fff;} .mmenu .login_area .btn_new {display:inline-block;width:35%;height:38px;border:1px solid #616161;text-align:center;line-height:38px;margin-top:10px;color:#fff} .mmenu .sub_list {background:#fff;padding:10px 0} .mmenu .sub_list a {display:block;line-height:30px;height:30px;padding-left:40px;font-size:97%;color:#034042} .main-swiper .swiper-slide-active [data-animate] {opacity: 0.8;transform: none;} [data-animate] {opacity: 0;transition: all 0.8s ease-out;} [data-animate="bottom"] {transform: translate3d(0, 50px, 0);} .main-swiper{height: 100%;} .main-swiper .swiper-wrapper{height: 100%;} .main-swiper .swiper-slide {height: 100%; background: #000;} .main-swiper .swiper-slide .main_slide_bg_img{width: 100%; height: 800px; position: relative; overflow: hidden;} .main-swiper .swiper-slide .main_slide_bg_img{width: 100%; height: 800px; position: relative; overflow: hidden;} .main-swiper .swiper-slide .main_slide_bg_img img{transform: translate(-50%, -50%) scale(1.1); transform-origin: 100% 100%; position: absolute; top: 50%; left: 50%; width: auto; height: 800px;max-width:none} .main-swiper .swiper-slide .main_slide_bg_img img{transform: translate(-50%, -50%) scale(1.1); transform-origin: 100% 100%; position: absolute; top: 50%; left: 50%; width: auto; height: 800px;max-width:none} .main-swiper .on .main_slide_bg_img img{transform: translate(-50%, -50%) scale(1.00); transition: all 5s ease-in-out 0s;} .main-swiper .on .main_slide_bg_img img{transform: translate(-50%, -50%) scale(1.00); transition: all 5s ease-in-out 0s;} #container .img img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/ } #container .img:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); } #sub_container #bw_board_write table caption {border-bottom:2px solid #4a4a4a9 !important} #sub_container #bw_board_list caption {border-bottom:2px solid #4a4a4a9 !important} #sub_container #bw_board_view caption {border-bottom:2px solid #4a4a4a9 !important} #sub_container .bw_page li a.on {background:#4a4a4a9 !important;border:1px solid #4a4a4a9 !important} #sub_container .bw_board_tab_0 {font-sizer:0;text-align:center} #sub_container .bw_board_tab_0 li {display:inline-block;text-align:center} #sub_container .bw_board_tab_0 li a {display:block;width:255px;height:50px;line-height:50px;font-size:16px;color:#010513;border:1px solid #ddd} #sub_container .bw_board_tab_0 li a.on {background:#06007b;font-weight:600;color:#fff;border:1px solid #06007b}