/* 공통 */ .h4tit {float:left; width:20%; margin:20px 2% 0 0; color:#085173; line-height:110%;} .h4tit .sTit {display:block; opacity:0.6; letter-spacing:4px; padding-left:2px; font-weight:400;} .contBox {float:left; width:78%; margin:20px 0;} .mb70 {margin-bottom:70px;} .tal {text-align:left;} .dotline {display:inline-block; width:100%; margin-bottom:70px; border-bottom:1px dashed #aaa; padding-bottom:70px;} /* 회사소개 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page6 { max-width:1350px; margin:0 auto; font-weight:300; } .page6 .greeting { position:relative;background-image:url('/layouts/bluebDesign_2020/image/sub/6/greeting_back.jpg'); background-repeat:no-repeat;background-size:cover;background-position:center; padding:7%; } .page6 .titBox { padding:5% 6%; position:relative; color:#113a6f;} .page6 .titBox .bTxt {letter-spacing:-2px;} .page6 .titBox .bTxt span {line-height:140%;} .page6 .titBox .sTxt {padding-top:20px;} .page6 .titBox p {margin:3px 0; letter-spacing:-1px;} .page6 .sec {display:inline-block; width:88%; padding:40px 6%; background-color:#fff; margin:15px 0;} .page6 .h4tit {float:left; width:25%; margin:10px 5% 0 0; color:#085173; line-height:135%;} .page6 .h4tit .sTit {display:block; opacity:0.6; letter-spacing:4px; padding-left:2px; font-weight:400; line-height:100%; margin-bottom:7px;} .page6 .contBox {float:left; width:70%; margin:30px 0 20px;} .page6 .bT {letter-spacing:-2px; font-weight:500; color:#ffa800; line-height:135%;} .page6 .sT {padding:20px 0 0 5px;} .page6 .sT li {padding:3px 0;} .page6 .sT .no {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; background:#f9d38a; color:#fff; border-radius:50%; margin-right:5px;} /* 인증현황 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page8 .imgBox {text-align:center;} .page8 .imgBox img {margin:0 10px 10px;} /* 찾아오시는길 ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page9{} .page9 .s01{ display:inline-block; width:30%;vertical-align:top; margin-right:5%;} .page9 .s01 dl{ position:relative; border-bottom:2px #222 solid; margin-bottom:20px;} .page9 .s01 dl dt{ color:#999;} .page9 .s01 dl dd{ margin:7px 0 10px 0;} .page9 .s02{ display:inline-block; width:calc(65% - 4px); vertical-align:top;} .root_daum_roughmap {width: 100% !important;border: none;padding: 0;} .root_daum_roughmap .wrap_map{ height:800px !important;} /* Health Mask(KF94) -------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page11 {} .h_mask {position:relative; width:100%; max-width:1200px; height:1500px; margin:0 auto; margin-bottom:50px; text-align:center; background:url('/layouts/bluebDesign_2020/image/sub/11/11_bg.jpg') no-repeat center 0; background-size:auto 100%;} .h_mask .title {padding-top:60px;} .h_mask .title p {margin:20px auto; width:150px; height:40px; line-height:40px; padding:5px 0; border:5px solid #fff; color:#fff;} .h_mask .title span {display:inline-block; margin:20px auto; width:650px; height:40px; line-height:40px; padding:7px 0; border:4px solid #fff; color:#fff; border-width:5px 0;} .h_mask .txt {position:absolute; bottom:50px; width:600px; left:50%; margin-left:-300px;} /* LED Mask -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page12 {} .led_mask {position:relative; width:1200px; height:940px; margin:0 auto; margin-bottom:120px; background:url('/layouts/bluebDesign_2020/image/sub/12/12_bg.jpg') no-repeat center 0; background-size:auto 100%;} .led_mask .title {padding:120px 0 0 80px;} .led_mask .title span {display:inline-block; margin:20px 5px; height:80px; line-height:40px; padding:7px 10px; border:4px solid #fff; color:#fff; border-width:5px 0;} .led_mask .mask_img {position:absolute; bottom:-150px; width:630px; left:80px;} .page12 .s01 {display:inline-block; width:100%; margin:50px 0;} .page12 .s01 .tit {text-align:center; margin:70px 0;} .page12 .s01 .tit p {font-weight:200;} .page12 .s01 .tit p span {font-weight:700;} .page12 .s01 ul {width:1040px; margin:0 auto;} .page12 .s01 ul li {float:left; text-align:center; width:25%;} .page12 .s01 ul li p {margin-top:10px;font-weight:200;} .page12 .s02 {position:relative; width:1200px; height:900px; margin:70px auto; background:url('/layouts/bluebDesign_2020/image/sub/12/12_bg2.jpg') no-repeat center 0; background-size:auto 100%;} .page12 .s02 .title {padding:80px 0 0 80px;} .page12 .s02 .title span {display:inline-block; margin:10px 3px; color:#fff;} .page12 .s03 {display:block; width:70%; margin:50px auto; text-align:center;} .page12 .s03 ul {display:inline-block; width:100%; margin:50px 0;} .page12 .s03 ul li {float:left; width:33.3%;} .page12 .s03 ul li img {max-width:220px; width:96%;} .page12 .s03 ul li p {width:100px; height:40px; line-height:40px; border-radius:10px; margin:10px auto; background:#282828;} .red {color:red;} .blue {color:blue} .pink {color:#ff0aff;} /* 펫 드라이 룸 --------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page13 {} .d_room {position:relative; width:100%; max-width:1200px; height:1080px; margin:0 auto; margin-bottom:50px; text-align:center; background:url('/layouts/bluebDesign_2020/image/sub/13/13_bg.jpg') no-repeat center 0; background-size:auto 100%;} .d_room .title {padding-top:130px;} .d_room .title span {display:inline-block; margin:20px auto; height:40px; line-height:40px; color:#545454;} .d_room .txt {position:absolute; top:420px; width:600px; left:50%; margin-left:-300px;} .t_box {position:relative; width:100%; margin:50px 0; text-align:center;} .t_box .txt {display:inline-block; margin:20px auto; height:40px; line-height:40px; color:#545454;} .t_box .Img {margin-top:40px;} .page13 .h4tit {float:left; display:inline-block; width:26%; margin:20px 4% 0 0; color:#e84535; line-height:130%;} .page13 .h4tit .sTit {display:block; opacity:0.6; letter-spacing:4px; padding-left:2px; font-weight:400;} .page13 .cont {float:left; display:inline-block; width:70%; margin:20px 0;} /* LED_package -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page14 {} .led_package {max-width:1160px; margin:0 auto;} .led_package li {float:left; width:50%; padding:40px 0;} .led_package li .grayBox {position:relative; border:1px solid #d8d8d9; width:510px; height:260px; min-height:260px; border-radius:20px;} .led_package li .grayBox dl {margin:20px;} .led_package li .grayBox dl dt {margin:30px 20px 30px;} .led_package li .grayBox .num {width:140px; height:140px; border-radius:50%; text-align:center; background-image:url('/layouts/bluebDesign_2020/image/sub/14/14_tit.png'); background-repeat:no-repeat; background-size:40%; background-position:center 68%; } .led_package li .grayBox .num .no {margin:25px auto; width:40px; height:30px; color:#fff; opacity:0.5;} .led_package li .grayBox .p01 {position:absolute; right:-60px; bottom:-30px;} .led_package li .grayBox .p02 {position:absolute; left:-60px; bottom:-30px;} .led_package li .grayBox .p03 {position:absolute; right:-60px; top:-30px;} .led_package li .grayBox .p04 {position:absolute; left:-60px; top:-30px;} .img_14_01 {width:auto; height:92px; margin:0 0 0 2%;} .img_14_02 {width:auto; height:94px; margin:0 2%;} .img_14_02_1 {width:auto; height:110px; margin:0 2%;} .img_14_03 {width:24%; max-width:150px; margin:0 0.5%;} .img_14_04 {width:auto; height:94px; margin:0 0.5%;} .fc_blue {background:#2998ce;} .fc_olive {background:#95ca25;} .fc_green {background:#289a83;} .fc_darkblue {background:#3a485f;} .c_blue {display:block; font-weight:700; color:#2998ce;} .c_olive {display:block; font-weight:700; color:#95ca25;} .c_green {display:block; font-weight:700; color:#289a83;} .c_darkblue {display:block; font-weight:700; color:#3a485f;} .fl {float:left} .fr {float:right} .tar {text-align:right;} /* Health Mask(KF94) ---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page15 .s01 {display:inline-block; max-width:1200px; width:100%; margin:0 auto 70px;} .health_mask {position:relative; display:inline-block; width:100%; height:auto; margin-bottom:20px; padding-bottom:40px; background:#fbb5a9 url('/layouts/bluebDesign_2020/image/sub/15/15_s01_bg1.jpg') no-repeat center 0; background-size:100% auto;} .health_mask .title {padding:100px 0 160px 70px; max-width:440px; width:50%;} .health_mask .title img {width:100%;} .health_mask .level {width:90%; margin:0 5%;} .health_mask .level li {float:left; width:33.3%; text-align:center} .health_mask .level li img {max-width:320px; width:100%; height:auto;} .health_mask .level li div {margin-top:15px; line-height:130%;} .health_mask .level li span {display:block; color:#fff;} .health_mask .level li p {color:#000; font-weight:700; margin-top:10px;} .page15 .contBox .c01 {position:relative; width:50%; padding:40px 0 70px 50%; text-align:center; background:url('/layouts/bluebDesign_2020/image/sub/15/15_s01_bg2.jpg') no-repeat center 40px; background-size:100% auto;} .page15 .s01 .c01 .tBox img {height:34px;} .page15 .s01 .c01 .tit {margin:20px 0 60px;} .page15 .s01 .c01 .tit img {height:140px;} .page15 .s01 .c01 .sTxt {margin-bottom:40px;} .page15 .s01 .c01 .ccont img {height:130px;} .page15 .s01 .c02 {position:relative; display:inline-block; width:100%; padding:40px 0 30px; background:#2b579b; border-radius:15px;} .page15 .s01 .c02 .tit {float:left; width:17%; margin:10px 0 0 5%} .page15 .s01 .c02 .m_txt {display:none;} .page15 .s01 .c02 .tit img {height:140px;} .page15 .s01 .c02 ul {float:left; width:75%;} .page15 .s01 .c02 ul li {float:left; width:25%; text-align:center;} .page15 .s01 .c02 ul li img {width:160px;} .page15 .s01 .c02 ul li p {width:80%; margin:10px 10% 0; color:#fff;} .dental_mask {position:relative; text-align:center; width:100%; margin:0 auto 70px; background:url('/layouts/bluebDesign_2020/image/sub/15/15_s02_bg.jpg') no-repeat center 0; background-size:100% auto;} .dental_mask .title img {padding:120px 0 0; height:110px;} .dental_mask .txt img {padding:40px 0 50px; height:40px;} .dental_mask .cont {width:96%; background:#004a75; padding:0 2% 80px; margin-top:220px;} .dental_mask .cont .Img {position:relative; top:-220px; height:220px;} .dental_mask .cont .Img img {width:680px;} .dental_mask .cont .dental_detail {display:inline-block; width:90%; margin:0 auto;} .dental_mask .cont .dental_detail dt {float:left; width:48%;} .dental_mask .cont .dental_detail dt img {max-width:310px; width:100%;} .dental_mask .cont .dental_detail dd {float:left; width:50%; padding:0; text-align:left;} .dental_mask .cont .dental_detail .info {width:90%; margin:0 5%;} .dental_mask .cont .dental_detail .info li {padding:18px 0;} .dental_mask .cont .dental_detail .info li img {float:left; width:66px; height:auto; margin-right:15px;} .dental_mask .cont .dental_detail .info li div {position:relative; padding:12px 0 0; line-height:130%;} .dental_mask .cont .dental_detail .info li .no {position:absolute; left:50px; top:12px; width:24px; height:24px; border-radius:50%; background:#000; color:#fff; text-align:center;} .dental_mask .cont .dental_detail .info li .t1 {color:#fff; font-weight:700; margin-bottom:10px;} .dental_mask .cont .dental_detail .info li .t2 {color:#fff; opacity:0.5;} /* LED Application -------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page16 .s01, .page16 .s02, .page16 .s03 {display:inline-block; max-width:1200px; width:100%; margin:0 auto 70px;} .page16 .s04 {position:relative;display:inline-block; max-width:1200px; width:100%; margin:0 auto;} .page16 .txt_01 {display:block; margin:0 0 40px 40px;} .page16 .s01 .Img1, .page16 .s01 .Img2 {width:100%; text-align:center; margin:20px 0;} .page16 .s01 .Img1 .s01_1 {max-width:430px; width:96%; margin:0 15px;} .page16 .s01 .Img1 .s01_2 {max-width:430px; width:96%; vertical-align:bottom; margin:40px 15px 0;} .page16 .s01 .Img2 .s01_3 {max-width:430px; width:96%; margin:40px 15px 0;} .page16 .s01 .Img2 .s01_4 {max-width:430px; width:96%; vertical-align:bottom; margin:40px 15px 0;} .page16 .s02 .Img {width:100%; text-align:center;} .page16 .s02 .Img .s02_1 {max-width:470px; width:96%; margin:0 15px;} .page16 .s02 .Img .s02_2 {max-width:400px; width:90%; vertical-align:bottom; margin:50px 15px 0;} .page16 .s04 .txt_03 {display:block; margin:30px 0 50px; width:60%;} .page16 .s04 .txt_03 p {margin:10px 0;} .page16 .s04 .txt_03 p span {font-weight:700;} .page16 .s04 .Img1 .s04_1 {max-width:400px; width:90%; margin:0 15px 0;} .page16 .s04 .Img2 {position:absolute; left:72%; top:150px; text-align:center;} .page16 .s04 .Img2 .s04_2 {max-width:360px; width:90%; margin:40px 15px 0;} .page16 .s04 .Img2 .s04_3 {max-width:280px; width:90%; vertical-align:bottom; margin:40px 15px 0;} .page16 .s04 .Img3 {display:block; margin:0 0 50px; text-align:center;} .page16 .s04 .Img3 .s04_4 {max-width:400px; width:96%; margin:40px 15px 20px;} .page16 .s04 .Img3 .s04_5 {max-width:360px; width:96%; margin:20px 15px 0;} .page16 .tit {display:inline-block; margin:0 0 20px; box-shadow:0 -10px 0 rgba(78,193,218,0.3) inset;} /* 복지안내 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page19 {} div.welfare {padding:0 120px;} div.welfare:after {display:block;content:"";clear: both;} div.welfare > dl {float:left;width:46%;min-height:230px; margin:20px 2%;display:block;padding:40px 0 0 15%;box-sizing:border-box;border:1px solid #ddd;} dl.welfare_family{background:url('/layouts/bluebDesign_2020/image/sub/19/19_01.png')no-repeat 15% 40px;} dl.welfare_health{background:url('/layouts/bluebDesign_2020/image/sub/19/19_02.png')no-repeat 15% 40px;} dl.welfare_officelife{background:url('/layouts/bluebDesign_2020/image/sub/19/19_03.png')no-repeat 15% 40px;} dl.welfare_leisure{background:url('/layouts/bluebDesign_2020/image/sub/19/19_04.png')no-repeat 15% 40px;} div.welfare > dl > dt {font-weight: 500;} div.welfare > dl > dd {padding:10px 0 30px; word-break: keep-all;} .list_dat li {position:relative; padding:2px 0 2px 12px;} .list_dat li:before {content:""; position:absolute; top:13px; left:2px; width:3px; height:3px; background:#282828;} /* 채용안내 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page20 {} .recruit {display:inline-block; width:94%; margin:40px 3% 20px;} .recruit li {position:relative; float:left; width:20%; text-align:center; padding-bottom:20px;} .recruit li .cBox {display:inline-block; margin:0 auto; width:160px; height:160px; border:4px solid #68b6dc; border-radius:50%; } .recruit li .cBox .ico {display:inline-block; margin:0 auto; margin:25px 0; width:100%; height:30px; padding-top:80px; background-repeat:no-repeat; background-size:auto 60px; background-position:center 10px; color:#3a485f;} .recruit li .cBox .ico.ico1 {background-image:url('/layouts/bluebDesign_2020/image/sub/20/20_01.png');} .recruit li .cBox .ico.ico2 {background-image:url('/layouts/bluebDesign_2020/image/sub/20/20_02.png');} .recruit li .cBox .ico.ico3 {background-image:url('/layouts/bluebDesign_2020/image/sub/20/20_03.png');} .recruit li .cBox .ico.ico4 {background-image:url('/layouts/bluebDesign_2020/image/sub/20/20_04.png');} .recruit li .cBox .ico.ico5 {background-image:url('/layouts/bluebDesign_2020/image/sub/20/20_05.png');} .recruit li .arrow {position:absolute; top:68px; right:-12px; width:24px; height:24px; line-height:24px; border-radius:50%; background:#555; color:#fff} .recruit li p {display:inline-block; margin:10px 1% 0; padding:15px 3%; width:92%; min-height:100px; color:#777; background:#f7f7f7;} /* LED Package ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pro_table {text-align:left; margin-bottom:40px;} .pro_table caption{display:none;} .pro_table thead tr th {background-color:#e9f1f6; color:#000; font-size:17px; text-align:center; border-top: 3px solid #666; border-right: 1px solid #c4c4c4; padding:1%;} .pro_table tbody { font-size:14px;border-bottom:1px solid #c4c4c4;} .pro_table td { background-color:#fff; padding:15px 10px; border-left: 1px solid #c4c4c4} .pro_table .bo1{border-right:none} .pro_table .bo_rline{border-right:1px solid #c4c4c4;} .pro_table .bo_line{border-left:1px solid #c4c4c4;} .pro_table td:first-child{border:none} .pro_table tbody tr .net_title {color:#000; border-right:1px solid #c4c4c4; padding: 15px 0; font-weight:400; font-size:16px;} .pro_table thead .net_title {border-right:1px solid #c4c4c4; padding:1%;} .pro_table tbody tr {border-top:1px solid #c4c4c4;} .pro_table tbody .net_title2 {border-bottom:1px solid #c4c4c4;} .pro_table tbody tr .net_title3 {padding:15px;} .mark {position:relative; margin-top:10px; padding-bottom:5px; text-align:center;} .mark .mk {display:inline-block; min-width:90px; height:40px; line-height:40px; padding:0 10px; border-radius:5px; color:#fff; margin:2px;} .mark .fda {background-color:#f84962;} .mark .food {background-color:#ffae00;} .m_img {max-width:170px; width:90%; margin:2px;} .c_img {max-width:160px; width:90%; margin:2px;} .detail {text-align:left;} .detail dt {position:relative; color:#f84962; font-weight:500; margin-bottom:15px;} .detail dd {position:relative; padding-left:10px; color:#777;} .detail dd:after {content:""; position:absolute; left:0; top:11px; width:3px; height:3px; background-color:#086fa5;} #tabmenu{ position:relative; height:52px; font-size:15px; padding-top:0px; padding-bottom:100px; text-align:center; width:100%;} #tabmenu ul,.tabmenu ul li{margin:0;padding:0;} #tabmenu ul li{list-style:none; } #tabmenu ul li,.tabmenu ul li a{background:url('/images/bg_tab2_off.gif'); no-repeat} #tabmenu ul li{float:left;margin-right:-1px;line-height:26px} #tabmenu ul li a{display:inline-block; height:50px; line-height:50px;padding:2px 16px 1px;_padding:3px 16px 0;background-position: 100% 0; margin-right:5px;color:#666;cursor:pointer;text-decoration:none !important} #tabmenu ul li a:hover{color:#000} #tabmenu ul li.on a{color:#000;} #tabmenu ul li.on a:after { content: ''; width: 8%; height: 1px; display: block; position: absolute; margin-top: -8px; border-bottom: 5px solid #c00;} #tabcontent0 h3 { margin-bottom:40px;} #tabcontent1 h3 { margin-bottom:40px;} #tabcontent1 .work_01 td { padding-left:0;} #tabcontent2 .sub_box{ position:relative;} #tabcontent2 .center_img img {width:100%;} #tabcontent2 .center_img { position:relative;margin-bottom:100px;} #tabcontent2 .center_img img {width:100%;} #tabcontent2 .main_title {position:absolute; top:25%; right:4%; text-align:left; width:32%;} #tabcontent2 .right_line {position:absolute; right:5%; top:-65%;} #tabcontent2 .sub_box,sub_box1 { text-align:center; } #tabcontent2 .sub_box1 { margin:100px 0;} #tabcontent2 .sub_box .redbox img{ width:100%;} #tabcontent2 .sub_box .redbox_write { position:absolute; top:77%; left:0;} #tabcontent2 .sub_box .redbox_write ul li{width:calc(80% / 3); display:inline-block; text-align:left; padding:0 3%;} #tabcontent2 .sub_box .redbox_write dt {margin-bottom:100px; text-align:center;} #tabcontent2 .left_write {text-align:left; margin-bottom:50px;} #tabcontent2 .left_write dt {margin-bottom:100px;} .detail-lists { margin-top: 50px; display: flex;} .detail-lists li { flex: 1; min-width: 0; } /*.detail-lists li img { width: 100%;}*/ .detail-lists .detail { padding-top: 40px; letter-spacing: -1.1px;} .detail-lists .detail strong { font-size: 24px; font-weight: 700;} .detail-lists .detail p { margin-top: 16px; line-height: 1.6; letter-spacing: -0.8px;} .detail-lists2 { margin-top: 107px;} .detail-lists2 li { display: flex; } .detail-lists2 strong { font-size: 30px; text-transform: uppercase;} .detail-lists2 .column-box { flex: 1; display: flex; flex-direction: column; justify-content: center;} .detail-lists2 .column-box img { width: 100%; height: 100%;} .detail-lists2 .column-box>div { padding-left: 58px;} .detail-lists2 .column-box+.column-box>div { padding-left: 97px;} .detail-lists2 .column-box p { margin-top: 20px; line-height: 1.64;} #tabcontent2 .boxing .box_title .pointicon { display:block; margin-bottom:30px;} #tabcontent2 .boxing .box_title { text-align:center; background-color:#e8e8e8; padding:15%; position:relative;} #tabcontent2 .boxing .box_title .icon{ padding-bottom:50px; } #tabcontent2 .boxing .box_title1 { background-color:#a40000;} #tabcontent2 .boxing .detail {padding:10%;} #tabcontent2 .boxing .box_title .line_gray {border: 10px solid #a40000;width: 250px;display: block;position: absolute;border: ;bottom: -8px;left: 95px; box-shadow:2px 2px 5px -2px;} #tabcontent2 .boxing .box_title .line_rad {border: 10px solid #fff;width: 250px;display: block;position: absolute;border: ;bottom: -8px;left: 95px; box-shadow:2px 2px 5px -2px;} #tabcontent2 .boxing .detail dl dt {margin-bottom:5px;} #tabcontent2 .boxing1 { position:relative; margin:0 auto; background-image:url('/layouts/bluebDesign_2020/image/sub/39/circle2.png'); background-repeat:no-repeat;background-size:50%;background-position:center; } #tabcontent2 .boxing1 ul li { display:flex; text-align:left; margin-bottom:50px;} #tabcontent2 .boxing1 .detail { padding: 35px 100px;} #tabcontent2 .boxing1 .detail dl { padding: 35px 100px; border:2px dashed #a0a0a0; width:700px; background-color:#fff;} #tabcontent2 .boxing1 .detail dl dt {margin-bottom:2px;} #tabcontent2 .boxing1 .box_title p {letter-spacing:-1.5px;} #tabcontent2 .boxing1 ul li::before{ border:1px solid #a0a0a0; width:150px; content: ""; display:block; position:absolute;margin:100px 160px; z-index:-1; } #tabcontent2 .boxing1 ul li::after{ border-radius: 100%;width:20px;height:20px; content: ""; display:block; position:absolute;margin:91px 190px; background-color:#fff; } #tabcontent2 .boxing1 .box_title::after{ border-radius: 100%;width:15px;height:15px; content: ""; display:block; position:absolute;margin:-107px 194px; background-color:#a40000; z-index:2;} #tabcontent2 .boxing1 .box_title .line_gray {border-radius: 100%;width:200px;height:200px; background-color:#a0a0a0; display:block; display: table-cell;vertical-align: middle; text-align:center;} #tabcontent2 .boxing1 .box_title .line_rad {border-radius: 100%;width:200px;height:200px; background-color:#a40000;display:block; display: table-cell;vertical-align: middle;text-align:center;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pa1 { padding-top:10px;} .r1 { color:#8d1607;} .b1 { color:#0e4f78;} .w0{ font-weight:300; } .w1{ font-weight:500; } .w2{ font-weight: 600;} .cfff{color:#FFF;} .cred{color:#cc3300;} .pn2{#1e3451;} .pn1 {color:#fff; padding:10px 20px 20px 20px;} @media all and (max-width:1920px){ } @media all and (max-width:1350px){ .page9{ margin:0 15px;} .root_daum_roughmap .wrap_map{ height:500px !important;} .h_mask {position:relative; width:100%; height:1300px; margin-bottom:50px;} .h_mask .title {padding-top:50px;} .h_mask .title p {margin:20px auto; width:150px; height:35px; line-height:35px; padding:4px 0;} .h_mask .title span {width:560px; height:40px; line-height:40px; padding:7px 0; border:4px solid #fff; color:#fff; border-width:5px 0;} .h_mask .title .tit img {height:250px;} .h_mask .txt img {height:160px;} .led_mask {width:100%; height:900px; margin-bottom:100px;} .led_mask .title {padding:110px 0 0 70px;} .led_mask .title .tit img {height:250px;} .led_mask .mask_img {bottom:-150px; width:600px; left:70px;} .led_mask .mask_img img {width:100%; height:auto;} .page12 .s01 .tit {margin:60px 0;} .page12 .s01 .tit .iTxt img {height:55px;} .page12 .s01 ul {width:96%; max-width:1040px;} .page12 .s01 ul li img {width:90%; max-width:220px; height:auto;} .page12 .s02 {width:100%; height:850px; margin:60px auto; } .page12 .s02 .title {padding:70px 0 0 70px;} .page12 .s02 .title span {margin:8px 3px;} .page12 .s02 .title .tit img {height:100px;} .page12 .s03 {width:90%;} .d_room {height:900px;} .d_room .title {padding-top:90px;} .d_room .title span {margin:20px auto; height:30px; line-height:30px;} .d_room .txt {top:360px;} .t_box {margin:40px 0;} .t_box .Img {margin-top:40px;} .page13 .cont img {width:100%; height:auto;} .led_package {width:90%; margin:0 3% 0 7%;} .led_package li {width:100%; padding:20px 0;} .led_package li .fr {float:left;} .led_package li .grayBox {width:100%; height:auto; } .led_package li .grayBox .tar {text-align:left;} .led_package li .grayBox dl {margin:20px 20px 20px 90px;} .led_package li .grayBox .p01 {left:-60px; top:40px;} .led_package li .grayBox .p02 {left:-60px; top:40px;} .led_package li .grayBox .p03 {left:-60px; top:40px;} .led_package li .grayBox .p04 {left:-60px; top:40px;} .img_14_01 {width:auto; height:150px; margin:5px 1%;} .img_14_02 {width:auto; height:150px; margin:5px 1%;} .img_14_02_1 {width:auto; height:200px; margin:5px 1%;} .img_14_04 {width:auto; height:150px; margin:5px 1%;} .health_mask .title {padding:80px 0 180px 5%;} .page15 .s01 .c01 .tBox img {height:32px;} .page15 .s01 .c01 .tit img {height:120px;} .page15 .s01 .c01 .ccont img {height:120px;} .page15 .s01 .c02 .tit img {height:120px;} .page15 .s01 .c02 ul li img {width:140px;} .dental_mask .title img {padding:100px 0 0; height:96px;} .dental_mask .txt img {padding:35px 0 45px; height:35px;} .dental_mask .cont {margin-top:180px;} .dental_mask .cont .Img {top:-180px; height:180px;} .dental_mask .cont .Img img {width:560px;} .page16 .txt_01 {display:block; margin:0 0 20px 3%;} .page16 .contBox .img img {width:100%;} .page16 .s04 .txt_03 {margin:30px 0 0; width:100%;} .page16 .s04 .Img2 {position:relative; left:0; top:0; width:100%; margin:0 0 50px;} div.welfare {padding:0 5%;} dl.welfare_family{background:url('/layouts/bluebDesign_2020/image/sub/19/19_01.png')no-repeat 15% 40px;} dl.welfare_health{background:url('/layouts/bluebDesign_2020/image/sub/19/19_02.png')no-repeat 15% 40px;} dl.welfare_officelife{background:url('/layouts/bluebDesign_2020/image/sub/19/19_03.png')no-repeat 15% 40px;} dl.welfare_leisure{background:url('/layouts/bluebDesign_2020/image/sub/19/19_04.png')no-repeat 15% 40px;} } @media all and (max-width:980px){ .page9 .s01{ width:100%;} .page9 .s02{ width:100%;} .h_mask {height:1100px; margin-bottom:40px;} .h_mask .title {padding-top:40px;} .h_mask .title p {margin:15px auto; width:140px; height:30px; line-height:30px; padding:4px 0; border:3px solid #fff;} .h_mask .title span {width:520px; height:40px; line-height:40px; padding:7px 0; border:3px solid #fff; color:#fff; border-width:3px 0;} .h_mask .title .tit img {height:220px;} .h_mask .txt img {height:140px;} .m_img {width:150px; height:auto;} .c_img {width:150px; height:auto;} .led_mask {height:850px; margin-bottom:50px;} .led_mask .title {padding:110px 0 0 70px;} .led_mask .title .tit img {height:180px;} .led_mask .title span {line-height:30px; height:auto; padding:3px 0; border:3px solid #fff;font-size:23px;border-width:3px 0;} .led_mask .mask_img {bottom:-120px; width:550px; left:70px;} .mark .mk { width:80px; height:30px; line-height:30px; border-radius:5px;} .page12 .s01 .tit {margin:60px 0;} .page12 .s01 .tit .iTxt img {height:55px;} .page12 .s01 ul {width:96%; max-width:1040px;} .page12 .s01 ul li img {width:90%; max-width:220px; height:auto;} .page12 .s02 {height:670px; margin:50px auto; } .page12 .s02 .title {padding:50px 0 0 50px;} .page12 .s02 .title span {margin:8px 3px;} .page12 .s02 .title .tit img {height:80px;} .page12 .s03 {width:100%;} .d_room {height:760px;} .d_room .title {padding-top:80px;} .d_room .title .tit img {height:110px;} .d_room .txt {top:300px;} .t_box {margin:40px 0;} .t_box .tit img {max-width:500px; width:96%; height:auto;} .t_box .txt {margin:10px auto; font-size:20px;} .t_box .Img {margin-top:40px;} .t_box .Img img {width:100%; height:auto;} .img_14_01 {height:110px;} .img_14_02 {height:120px;} .img_14_02_1 {height:140px;} .img_14_04 {height:130px;} .health_mask .title {padding:60px 0 90px 5%;} .page15 .contBox .c01 {padding:10px 0 70px 50%;} .page15 .s01 .c01 .tBox img {height:26px;} .page15 .s01 .c01 .tit {margin:20px 0 30px;} .page15 .s01 .c01 .tit img {height:100px;} .page15 .s01 .c01 .sTxt {font-size:20px; margin-bottom:20px;} .page15 .s01 .c01 .ccont img {height:110px;} .page15 .s01 .c02 .tit img {height:110px;} .page15 .s01 .c02 ul li img {width:130px;} .page15 .s01 .c02 ul li {width:50%; padding-bottom:20px;} .dental_mask .title img {padding:70px 0 0; height:80px;} .dental_mask .txt img {padding:20px 0 30px; height:28px;} .dental_mask .cont {margin-top:140px;} .dental_mask .cont .Img {top:-140px; height:140px;} .dental_mask .cont .Img img {width:430px;} .dental_mask .cont .dental_detail {width:100%;} .dental_mask .cont .dental_detail .info li {padding:12px 0;} .dental_mask .cont .dental_detail .info li img {width:52px;} .dental_mask .cont .dental_detail .info li .no {left:36px;} .page16 .s01, .page16 .s02, .page16 .s03 {width:96%; margin:0 2% 50px;} .page16 .s04 {width:96%; margin:0 2%;} .page16 .txt_01 {margin:0 0 40px 1%;} .page16 .s01 .Img1 .s01_1 {width:100%; margin:0;} .page16 .s01 .Img1 .s01_2, .page16 .s01 .Img2 .s01_3, .page16 .s01 .Img2 .s01_4 {width:100%; margin:40px 0 0;} .page16 .s02 .Img .s02_1 {width:100%; margin:0;} .page16 .s02 .Img .s02_2 {width:100%; margin:40px 0 0;} .page16 .s04 .Img1 .s04_1 {width:100%; margin:0;} .page16 .s04 .Img2 .s04_2 {width:85%; margin:20px 0 0;} .page16 .s04 .Img2 .s04_3 {width:70%; margin:40px 0 0;} .page16 .s04 .Img3 .s04_4 {width:100%; margin:0 0 20px;} .page16 .s04 .Img3 .s04_5 {width:100%; margin:20px 0 0;} .pro_table thead tr th {font-size:18px;} .pro_table tbody tr .net_title { font-size:18px; padding:15px 5px;} .pro_table tbody td {font-size:18px;} div.welfare {padding:0 3%;} dl.welfare_family{background:url('/layouts/bluebDesign_2020/image/sub/19/19_01.png')no-repeat 12% 40px;} dl.welfare_health{background:url('/layouts/bluebDesign_2020/image/sub/19/19_02.png')no-repeat 12% 40px;} dl.welfare_officelife{background:url('/layouts/bluebDesign_2020/image/sub/19/19_03.png')no-repeat 12% 40px;} dl.welfare_leisure{background:url('/layouts/bluebDesign_2020/image/sub/19/19_04.png')no-repeat 12% 40px;} .recruit li {width:31%; margin:0 1%;} .recruit li .arrow {right:-20px;} } @media all and (max-width:640px){ /* 공통 */ .h4tit {display:block; width:96%; margin:20px 2% 0 0; color:#085173;} .h4tit .sTit {display:block; opacity:0.6; letter-spacing:4px; padding-left:2px; font-weight:400;} .contBox {float:left; width:100%; margin:20px 0;} .mb70 {margin-bottom:30px;} .dotline {margin-bottom:30px; padding-bottom:30px;} .tabl {overflow-x:scroll; margin-bottom:30px;} /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .page6 {width:92%;} .page6 .titBox {padding:0;} .page6 .sec {width:100%; padding:20px 0 0;} .page6 .h4tit {width:100%; margin:0;} .page6 .h4tit .sTit {margin-bottom:0;} .page6 .contBox {width:100%; margin:10px 0 0;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .h_mask {height:900px; margin-bottom:30px;} .h_mask .title {padding-top:30px;} .h_mask .title p {width:130px;} .h_mask .title span {width:400px; height:30px; line-height:30px; padding:4px 0;} .h_mask .title .tit img {height:170px;} .h_mask .txt img {height:110px;} .m_img {width:120px;} .c_img {width:120px;} .led_mask {height:770px; margin-bottom:30px;} .led_mask .title {padding:100px 0 0 30px;} .led_mask .title span {font-size:21px;} .led_mask .title .tit img {height:150px;} .led_mask .mask_img {bottom:-100px; width:440px; left:50px;} .page12 .s01 .tit {margin:60px 0;} .page12 .s01 .tit .iTxt img {height:55px;} .page12 .s02 {height:560px; margin:50px auto; } .page12 .s02 .title {padding:40px 0 0 40px;} .page12 .s02 .title span {margin:8px 3px;} .page12 .s02 .title .tit img {height:70px;} .page12 .s03 {width:100%;} .d_room {height:600px; margin-bottom:30px;} .d_room .title {padding-top:80px;} .d_room .title .tit img {height:65px;} .d_room .title span {width:90%;font-size:20px;} .d_room .txt {top:270px;} .d_room .txt img {width:340px;} .t_box {margin:20px 0;} .page13 .h4tit {width:94%; margin:20px 3% 0; } .page13 .h4tit .sTit {display:block; opacity:0.6; letter-spacing:4px; padding-left:2px; font-weight:400;} .page13 .cont {width:94%; margin:20px 3%;} .page13 .cont .img img {width:100%; height:auto;} .led_package {width:92%; margin:0 4%;} .led_package li {width:100%; padding:10px 0;} .led_package li .grayBox {border-radius:10px; height:auto; min-height:200px;} .led_package li .grayBox dl {margin:35px 3.5% 20px;} .led_package li .grayBox dl dt {margin:40px 10px 20px; line-height:210%;} .led_package li .grayBox dl dd {text-align:center;} .led_package li .grayBox .num {width:40px; height:40px; border-radius:0; text-align:left; background:none; } .led_package li .grayBox .num .no {margin:5px auto; width:30px; height:30px; color:#000; opacity:0.5; font-size:16px;} .led_package li .grayBox .p01 {left:20px; top:10px;} .led_package li .grayBox .p02 {left:20px; top:10px;} .led_package li .grayBox .p03 {left:20px; top:10px;} .led_package li .grayBox .p04 {left:20px; top:10px;} .img_14_01 {height:90px;} .img_14_02 {height:100px;} .img_14_02_1 {height:120px;} .img_14_03 {width:31.3%; max-width:150px; margin:0 1%;} .health_mask .title {padding:40px 0 130px 5%;} .health_mask .level {width:100%; margin:0;} .health_mask .level li span {font-size:14px;line-height:120%;} .health_mask .level li p {font-size:18px;} .page15 .contBox .c01 {padding:10px 0 70px 50%;} .page15 .s01 .c01 .tBox img {height:26px;} .page15 .s01 .c01 .tit {margin:20px 0 30px;} .page15 .s01 .c01 .tit img {height:100px;} .page15 .s01 .c01 .sTxt {font-size:20px; margin-bottom:20px;} .page15 .s01 .c01 .ccont img {height:110px;} .page15 .s01 .c02 .tit img {height:110px;} .page15 .s01 .c02 ul li img {width:130px;} .page15 .s01 .c02 ul li {width:50%; padding-bottom:20px;} .dental_mask .title img {padding:60px 0 0; height:70px;} .dental_mask .txt img {padding:20px 0 30px; height:24px;} .dental_mask .cont {margin-top:130px;} .dental_mask .cont .Img {top:-130px; height:130px;} .dental_mask .cont .Img img {width:400px;} .dental_mask .cont .dental_detail .info li {padding:10px 0;} .dental_mask .cont .dental_detail .info li img {width:50px;} .dental_mask .cont .dental_detail .info li .no {left:34px; width:20px; height:20px; font-size:12px;} .pro_table {margin:0;} .pro_table thead tr th {font-size:15px;} .pro_table tbody tr .net_title { font-size:15px; padding:15px 5px;} .pro_table tbody td {font-size:15px;} div.welfare {padding:0 3%;} div.welfare > dl {width:46%; margin:10px 2%; padding:40px 0 0 18%;} .recruit {margin:10px 2% 20px;} .recruit li {width:48%; margin:0 1% 10px;} .recruit li .cBox {width:110px; height:110px;} .recruit li .cBox .ico {margin:15px 0; height:20px; padding-top:52px; background-size:auto 40px; background-position:center 6px; font-size:16px;} .recruit li .arrow {top:52px; right:-16px;} /*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #tabmenu ul li.on a::after{ width:17%;} #tabcontent2 .right_line {top:-31%;} #tabcontent2 .main_title { width:94%; color:#fff;} #tabcontent2 .boxing .box_title .line_gray {border: 7px solid #a40000;width: 120px; left:40px; } #tabcontent2 .boxing .box_title .line_rad {border: 7px solid #fff;width: 120px; left:40px; } #tabcontent2 .boxing .box_title .{border: 7px solid #fff;width: 120px;left: 40px;} #tabcontent2 .boxing .box_title p{font-size:18px;} #tabcontent2 .boxing1 .box_title p{font-size:18px; color:#000;} #tabcontent2 .boxing1 .box_title .line_gray{ background-color: initial;} #tabcontent2 .boxing1 .box_title .good { color:#fff;} #tabcontent2 .boxing1 .box_title .line_rad{background-color: initial;} #tabcontent2 .boxing1 .detail dl { padding:15px; width:80%;} #tabcontent2 .boxing1 ul li{ margin-bottom:0;} #tabcontent2 .boxing1 .box_title::after { display:none;} #tabcontent2 .boxing1 ul li::after{ display:none;} #tabcontent2 .boxing1 ul li::before {display:none;} #tabcontent2 .boxing1 .detail{ padding:30px 0;} #tabcontent2 .main_title { top:17%;} .pa1 { padding-top:2px;} /*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .root_daum_roughmap .wrap_map{ height:400px !important;} } @media all and (max-width:480px){ .page6 .greeting {padding:0; background-image:none;} .page6 .titBox .bTxt span {line-height:120%;} .page6 .sec {padding:40px 0 0;} .page6 .bT {font-size:21px; font-weight:300;} .page6 .sT {padding-top:10px;} .page6 .sT li {font-size:17px;} .page8 .imgBox img {width:45%; margin:0 5px 10px;} .h_mask {height:600px; margin-bottom:20px;} .h_mask .title {padding-top:10px;} .h_mask .title p {width:80px; height:18px; line-height:18px; font-size:16px;} .h_mask .title span {width:300px; height:auto; line-height:26px; padding:3px 0; font-size:20px; margin:10px auto;} .h_mask .title .tit img {height:110px;} .h_mask .txt img {height:90px;} .led_mask {height:440px; margin-bottom:0;} .led_mask .title {padding:60px 0 0 15px;} .led_mask .title span {height:auto; line-height:20px; padding:4px 0; font-size:15px; margin:10px auto;} .led_mask .title .tit img {height:100px;} .led_mask .mask_img {bottom:-60px; width:320px; left:20px;} .led_mask .mask_img img {width:100%; height:auto;} .page12 .s01 {margin:50px 0 0;} .page12 .s01 .tit {margin:30px 0;} .page12 .s01 .tit .iTxt img {width:90%; height:auto;} .page12 .s01 .tit .bTxt {line-height:110%;} .page12 .s01 ul li {width:50%; padding-bottom:20px;} .page12 .s01 ul li img {width:90%; max-width:220px; height:auto;} .page12 .s01 ul li p {font-size:18px; line-height:120%; font-weight:300;} .page12 .s02 {background-position:33% 0;} .page12 .s02 {height:450px; margin:30px auto; } .page12 .s02 .title {padding:30px 0 0 20px;} .page12 .s02 .title span {margin:5px 0; font-size:20px;} .page12 .s02 .title .tit img {height:60px;} .page12 .s03 {width:100%; margin:30px auto 0;} .page12 .s03 .tit {font-size:25px; line-height:27px;} .page12 .s03 ul {margin:30px 0;} .page12 .s03 ul li img {height:150px;} .page12 .s03 ul li p {width:80px; height:30px; line-height:30px; border-radius:5px; margin:10px auto; font-size:16px;} .d_room {height:540px; margin-bottom:30px; background-position:30% 0;} .d_room .title {padding-top:70px;} .d_room .title .tit img {width:96%; height:auto;} .d_room .title span {width:90%; height:auto; font-size:18px; line-height:135%;} .d_room .txt {top:230px;} .d_room .txt img {width:330px;} .t_box {margin:20px 0;} .t_box .Img {margin-top:20px;} .led_package li .grayBox dl dt .fs18 {padding-left:2px;} .img_14_01 {height:62px;} .img_14_02 {height:65px;} .img_14_02_1 {height:80px;} .img_14_03 {width:40%; margin:0 5%;} .img_14_04 {height:110px;} .page15 .s01 {margin:0 auto 20px;} .health_mask .title {padding:30px 0 50px 5%;} .health_mask .level li span {font-size:12px;line-height:120%;} .health_mask .level li p {font-size:16px;} .page15 .contBox .c01 {position:relative; width:90%; padding:280px 5% 50px; background:url('/layouts/bluebDesign_2020/image/sub/15/15_s01_bg2.jpg') no-repeat 30px 0; background-size:540px auto;} .page15 .s01 .c01 .tBox img {height:30px;} .page15 .s01 .c01 .tit {margin:20px 0 20px;} .page15 .s01 .c01 .tit img {height:90px;} .page15 .s01 .c01 .sTxt {margin-bottom:30px; font-size:18px;} .page15 .s01 .c01 .ccont img {width:100%; height:auto;} .page15 .s01 .c02 {width:94%; padding:20px 3%;} .page15 .s01 .c02 .tit {float:left; width:90%; margin:10px 0 20px 5%} .page15 .s01 .c02 .p_txt {display:none;} .page15 .s01 .c02 .m_txt {display:block; color:#ffe6a5; font-size:30px; font-weight:100; letter-spacing:-3px;} .page15 .s01 .c02 .m_txt span {font-weight:500;} .page15 .s01 .c02 ul {float:left; width:100%;} .page15 .s01 .c02 ul li img {width:130px;} .page15 .s01 .c02 ul li {width:50%; padding-bottom:20px;} .dental_mask {margin:0 auto;} .dental_mask .title img {padding:40px 0 0; width:85%; height:auto;} .dental_mask .txt img {padding:15px 0 25px; height:24px;} .dental_mask .cont {margin-top:100px;} .dental_mask .cont .Img {top:-100px; height:100px;} .dental_mask .cont .Img img {width:100%;} .dental_mask .cont .dental_detail dt {width:98%; padding:10px 0 10px 2%;} .dental_mask .cont .dental_detail dt img {max-width:200px; width:100%; text-align:center;} .dental_mask .cont .dental_detail dd {width:96%; padding-left:4%;} .dental_mask .cont .dental_detail .info li {padding:15px 0;} .dental_mask .cont .dental_detail .info li img {width:66px;} .dental_mask .cont .dental_detail .info li .no {left:50px; width:24px; height:24px; font-size:14px; line-height:22px;} .page16 .s01, .page16 .s02, .page16 .s03 {width:94%; margin:0 3% 30px;} div.welfare > dl {width:96%; margin:10px 2%; padding:30px 0 0 35%; min-height:120px;} #tabcontent2 .boxing .box_title .line_gray {border: 7px solid #a40000;width: 395px; left:40px; } #tabcontent2 .boxing .box_title .line_rad {border: 7px solid #fff;width:395px; left:40px; } #tabcontent2 .boxing .box_title .pointicon{margin-bottom: 20px;} #tabcontent2 .boxing .box_title p {padding-bottom: 10px;} #tabcontent2 .boxing .box_title{ padding:3%; width:94%;} .detail-lists { display:block; } #tabcontent2 .sub_box1 {margin:40px 0;} /*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pn1 { padding:5px;} .root_daum_roughmap .wrap_map{ height:350px !important;} } @media all and (max-width:375px){ #tabcontent2 .boxing .box_title .line_gray {border: 7px solid #a40000;width: 275px; left:40px; } #tabcontent2 .boxing .box_title .line_rad {border: 7px solid #fff;width:275px; left:40px; } #tabcontent2 .main_title {width: 95%; top:27%;} #tabmenu ul li.on a::after { width:30%;} #tabcontent2 .center_img img { background-color:#666;} }