/* 공통 ***************************/ /**v1**/ .content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;} .page_title{width:100%; margin-bottom:70px;} .page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;} .page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; } /**v2**/ .daon_content_wrap li,ol,dd,dt{font-size:16px; color:#333; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; } .fc_ver2_pointer {color:#C53428; } /* 메인중단구성 */ .daon_content_wrap{width:100%; min-width:320px; max-width:100%; margin:0 auto;} .daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;} .daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;} .daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; } .daon_ver2_sub_type13 {width:100%; } .daon_ver2_sub_type13:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type13 .busi_top {width:100%; margin-top:50px; border-bottom:1px solid #eee;} .daon_ver2_sub_type13 .busi_top:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type13 .busi_top .txt_box { text-align:center; padding:80px 20px; background: linear-gradient(to left, #3884cf 0%, #2845ab 80%);} .daon_ver2_sub_type13 .busi_top .txt_box h2.tit { display:block; font-size:2.5em; font-weight:700; text-align:center; color:#fff; line-height:1.4em; letter-spacing:-0.05em; word-break:keep-all; } .daon_ver2_sub_type13 .busi_top .txt_box div.txts {width:100%; margin-top:20px; text-align:center; } .daon_ver2_sub_type13 .busi_top .txt_box div.txts p {display:block; margin-bottom:10px; font-size:1.1em; color:rgba(255,255,255,.7); line-height:1.6em; word-break:keep-all; } .daon_ver2_sub_type13 .busi_all{width:100%; max-width:1500px; margin:0 auto;} .daon_ver2_sub_type13 .busi_area{ position:relative; width:100%; max-width:1500px; margin:50px auto 0; text-align:center; } .daon_ver2_sub_type13 .busi_area:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type13 .busi_area ul{ width:100%; margin:0; padding:0; font-size:0;} .daon_ver2_sub_type13 .busi_area ul li {position:relative; float:left; width:23.5%; height:370px; min-height:470px; margin-right:2%; text-align:left; transition: 0.3s all ease; border-radius:10px;} .daon_ver2_sub_type13 .busi_area ul li img{width:100%; height:auto; border-radius:30px; border-bottom-right-radius:0; border-bottom-left-radius:0;} .daon_ver2_sub_type13 .busi_area ul li a { display:block; padding:40px 25px; text-decoration:none; transition: 0.3s all ease;} .daon_ver2_sub_type13 .busi_area ul li:hover { border-radius:30px; overflow:hidden; transition: 0.3s all ease; margin-top:-10px;} .daon_ver2_sub_type13 .busi_area ul li:last-child{ margin-right:0;} .daon_ver2_sub_type13 .busi_area ul li.bg1 { background-color:#f8f8f8; border-bottom:5px solid #ff6600; } .daon_ver2_sub_type13 .busi_area ul li.bg1 em { color:#ff6600; } .daon_ver2_sub_type13 .busi_area ul li:hover.bg1 { background-color:#ff6600; } .daon_ver2_sub_type13 .busi_area ul li.bg2 { background-color:#f8f8f8; border-bottom:5px solid #ff7700; } .daon_ver2_sub_type13 .busi_area ul li.bg2 em { color:#ff7700; } .daon_ver2_sub_type13 .busi_area ul li:hover.bg2 { background-color:#ff7700; } .daon_ver2_sub_type13 .busi_area ul li.bg3 { background-color:#f8f8f8; border-bottom:5px solid #ff8800; } .daon_ver2_sub_type13 .busi_area ul li.bg3 em { color:#ff8800; } .daon_ver2_sub_type13 .busi_area ul li:hover.bg3 { background-color:#ff8800; } .daon_ver2_sub_type13 .busi_area ul li.bg4 { background-color:#f8f8f8; border-bottom:5px solid #ff9900; } .daon_ver2_sub_type13 .busi_area ul li.bg4 em { color:#ff9900; } .daon_ver2_sub_type13 .busi_area ul li:hover.bg4 { background-color:#ff9900; } .daon_ver2_sub_type13 .busi_area ul li em {position:relative; display:inline-block; padding-bottom:20px; font-size:2em; font-weight:700; font-style:normal;} .daon_ver2_sub_type13 .busi_area ul li em:after { content: ''; position: absolute; left: 0; bottom:0; width:30px; height:1px; background-color:#000; transition: 0.3s all ease; } .daon_ver2_sub_type13 .busi_area ul li:hover em {display:block;} .daon_ver2_sub_type13 .busi_area ul li:hover em:after {width:100%; } .daon_ver2_sub_type13 .busi_area ul li strong {display:block; font-size:1.75em; color: #000; line-height:1.2em; margin-top:30px; } .daon_ver2_sub_type13 .busi_area ul li dl{ width:100%; margin-top:30px; transition: 0.3s all ease; } .daon_ver2_sub_type13 .busi_area ul li dl dd{ position:relative; font-size:1em; color:#666; margin-top:5px; text-align:left; } .daon_ver2_sub_type13 .busi_area ul li span.btn_view {opacity:0; position:absolute; bottom:0; right:25px; display:block; font-size:1.2em; text-align:left; color:#fff; transition: 0.3s all ease; } .daon_ver2_sub_type13 .busi_area ul li:hover span.btn_view {opacity:1; bottom:30px; transition: 0.3s all ease; } .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type em { color:#fff;} .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type em:after { background-color:#fff;} .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type strong { color:#fff;} .daon_ver2_sub_type13 .busi_area ul li:hover.hover_type dl dd { color:rgba(255,255,255,.6);} .daon_ver2_sub_type13 .busi_comment { width:100%;margin: 50px auto; padding: 25px 40px; background-color:#f8f8f8; border:1px solid #eee; box-sizing:border-box; } .daon_ver2_sub_type13 .busi_comment .point_tit {position:relative; display:block; font-size:1.5em; color:#000; padding-left:25px;} .daon_ver2_sub_type13 .busi_comment .point_tit:before { position:absolute; left:0; top:2px; content:"\f071"; display:block; font-size:0.75em; font-weight:700; font-family: "Font Awesome 5 Free"; } .daon_ver2_sub_type13 .busi_comment ul.point_list {width:100%; margin-top:20px;} .daon_ver2_sub_type13 .busi_comment dl strong {display:block; font-size:1.85em; color: #000; margin-bottom:30px; } .daon_ver2_sub_type13 .busi_comment dl dd{ position:relative; font-size:1em; color: #000; padding-left:15px; text-align:left; margin-top:5px; } .daon_ver2_sub_type13 .busi_comment dl dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color:#017ece; border-radius: 50%;} @media all and (max-width:1024px){ .daon_ver2_sub_type13 .busi_area {padding:0 4%;} .daon_ver2_sub_type13 .busi_area ul li {width:49%; margin-bottom:2%;} .daon_ver2_sub_type13 .busi_area ul li:nth-child(even) {margin-right:0; } .daon_ver2_sub_type13 .busi_area ul li {min-height:570px;} } @media all and (max-width:992px){ .daon_ver2_page_title{margin-bottom:50px;} .daon_ver2_page_title h1{font-size:1.85em;} .daon_ver2_page_title h2{font-size:1em;} .daon_s_tit{font-size:1.2em;} } @media all and (max-width:860px){ .daon_ver2_sub_type13 .busi_area ul li {min-height:490px;} } @media all and (max-width:640px){ .daon_ver2_sub_type13 .busi_top .txt_box {padding:50px 20px; } .daon_ver2_sub_type13 .busi_top .txt_box h2.tit {font-size:1.75em; } .daon_ver2_sub_type13 .busi_area ul li:hover{margin-top:0;} .daon_ver2_sub_type13 .busi_area ul li {min-height:470px;} .daon_ver2_sub_type13 .busi_area ul li strong{font-size:1.3em;} } @media all and (max-width:480px){ .daon_ver2_sub_type13 .busi_area ul li {width:100%; height:500px; min-height:auto; margin-bottom:15px;} .daon_ver2_sub_type13 .busi_area ul li span.btn_view {opacity:1; bottom:30px; color:#000;} .daon_ver2_sub_type13 .busi_area ul li:hover span.btn_view {right:15px; color:#fff;} } /* //메인중단구성 */ /* 제품개발절차 */ .daon_content_wrap{width:100%; min-width:320px; max-width:1500px; margin:0 auto;} .daon_ver2_page_title{width:100%; text-align:center; margin-bottom:70px;} .daon_ver2_page_title h1{width:100%; font-size:2.5em; font-weight:600;} .daon_ver2_page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;} .daon_ver2_page_title h2{width:100%; font-size:1.2em; color:#666; margin-top:20px; } .daon_ver2_sub_type5 {width:100%; } .daon_ver2_sub_type5:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type5 .step_top { width:100%; margin:0 auto; background:#ddd; transition: 0.3s all ease;} .daon_ver2_sub_type5 .step_top:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type5 .step_top .img_box {position:relative; width:100%; } .daon_ver2_sub_type5 .step_top .img_box img {max-width:100%;} .daon_ver2_sub_type5 .step_box{ width:95%; margin:80px auto;} .daon_ver2_sub_type5 .step_box:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type5 .step_box ul{ width:100%; padding:0; margin:0;} .daon_ver2_sub_type5 .step_box ul li{float:left; width:100%; margin-bottom:10px; list-style:none; transition: 0.3s all ease; } .daon_ver2_sub_type5 .step_box ul li > dl {width:100%; margin:0; padding:0; font-size:0; } .daon_ver2_sub_type5 .step_box ul li > dl dt {float:left; display:inline-block; width:20%; margin-right:5%; text-align:center; } .daon_ver2_sub_type5 .step_box ul li > dl dt:after {position:relative; left:50%; margin-left:-16px; top:5px; content:""; display:block; width:32px; height:32px; background:url('../image/step_arrow_down.png')no-repeat; } .daon_ver2_sub_type5 .step_box ul li:last-child > dl dt:after{display:none;} .daon_ver2_sub_type5 .step_box ul li > dl dt p { padding:15px; border:1px solid #ddd; box-sizing:border-box; border-radius:50px; background: linear-gradient(to top, #f8f8f8 50%, #fff 30%); color:#000; font-size:1.25em;} .daon_ver2_sub_type5 .step_box ul li:last-child > dl dt p {background:#ff6600; color:#fff;} .daon_ver2_sub_type5 .step_box ul li > dl dd {float:left; position:relative; display:inline-block; width:75%; } .daon_ver2_sub_type5 .step_box ul li > dl dd strong {display:block; font-size:1.25em; color:#000; margin-bottom:10px;} .daon_ver2_sub_type5 .step_box ul li > dl dd p {display:block; font-size:1em; letter-spacing:-0.05em; color:#666; text-align:left; word-break:keep-all;} .daon_ver2_sub_type5 .scroll{text-align:right; margin-bottom:5px; display:none;} .daon_ver2_sub_type5 .tbl_scroll_wrap { width:100%; overflow-x:auto; white-space: nowrap; margin-bottom:30px;} .daon_ver2_sub_type5 .tbl_scroll_wrap::-webkit-scrollbar { -webkit-appearance: none; } .daon_ver2_sub_type5 .tbl_scroll_wrap::-webkit-scrollbar:vertical { width: 12px; } .daon_ver2_sub_type5 .tbl_scroll_wrap::-webkit-scrollbar:horizontal { height: 8px; } .daon_ver2_sub_type5 .tbl_scroll_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } .daon_ver2_sub_type5 .tbl_scroll_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; } .daon_ver2_sub_type5 table.price_tbl{ width:100%; min-width:760px; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; border-top:2px solid #494949; } .daon_ver2_sub_type5 table.price_tbl thead th{ text-align:center; padding:15px 0; color:#111; font-size:1em; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; background-color:#fbfbfb; } .daon_ver2_sub_type5 table.price_tbl tbody td{ text-align:left; padding:10px 15px; color:#555; font-size:0.9em; vertical-align: middle; border-bottom:1px solid #e9e9e9 ; border-left:1px solid #e9e9e9 ; } .daon_ver2_sub_type5 table.price_tbl tbody td.txt_c {text-align:center;} .daon_ver2_sub_type5 table.price_tbl tbody td.txt_r {text-align:right;} .daon_ver2_sub_type5 table.price_tbl thead th:first-child { border-left:none;} .daon_ver2_sub_type5 table.price_tbl tbody td:first-child { border-left:none;} .daon_ver2_sub_type5 a.btn_online {display:block; width:360px; text-align:center; margin:50px auto 0; text-decoration:none; padding:15px 0px; font-size:1.25em; color:#fff; line-height:1.5em; background-color:#000; border-radius:2px; transition: 0.3s all ease; } .daon_ver2_sub_type5 a.btn_online:hover { background-color:#ff6600; transition: 0.3s all ease; } @media screen and (max-width:768px){ .daon_ver2_page_title{margin-bottom:40px;} .daon_ver2_page_title h1{font-size:1.85em;} .daon_ver2_page_title h2{font-size:1em;} .daon_ver2_sub_type5 .step_box{margin:40px auto;} .daon_ver2_sub_type5 .step_box ul li {margin-bottom:40px;} .daon_ver2_sub_type5 .step_box ul li > dl dt {position:relative; width:100%; margin-right:0;} .daon_ver2_sub_type5 .step_box ul li > dl dt:after {position:absolute; top:-40px;} .daon_ver2_sub_type5 .step_box ul li > dl dt p { padding:5px;} .daon_ver2_sub_type5 .step_box ul li:first-child > dl dt:after{display:none;} .daon_ver2_sub_type5 .step_box ul li:last-child > dl dt:after{display:block;} .daon_ver2_sub_type5 .step_box ul li > dl dd {width:100%; margin:20px 0; text-align:center;} .daon_ver2_sub_type5 .step_box ul li > dl dd p { padding:0 20px; text-align:center; } .daon_ver2_sub_type5 .scroll{display:block;} } /* //제품개발절차 */ /* 기본페이지 */ #company_type2 {width:100%; min-width:320px; max-width:1500px; margin:0 auto; } #company_type2:after{content:""; clear:both; display:block;} #company_type2 .ceo_img {width:100%; } #company_type2 .ceo_img img {width:100%; height:auto; } #company_type2 .ceo_area{ position:relative; left:0; bottom:0; width:94%; padding-top:50px; z-index:1; margin:0 auto;} #company_type2 .ceo_area .ceo_tit { position:relative; float:left; width:30%; font-size:1.6em; text-align:center; color:#50a7e7; line-height:1.4em; letter-spacing:-0.05em; padding-bottom:200px; } #company_type2 .ceo_area .ceo_tit:after {content:''; position:absolute; width:1px; height:150px; background-color:#aaa; bottom:0; left:50%; } #company_type2 .ceo_area .ceo_txt { position:relative; float:right; width:65%; height:auto;} #company_type2 .ceo_area .ceo_txt h4 {font-size:1.8em; line-height:1.8em; color: #000; } #company_type2 .ceo_area .ceo_txt p {margin-top:20px; font-size:1.5em; line-height:1.5em; color: #333; word-break: keep-all;} #company_type2 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:1.5em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;} .s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto; margin-bottom:20px; font-size:1.5em; text-indent:10;} .tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;} .tbla tr th{width:20%; height:45px; padding:20px 0; text-align:center; border-bottom:1px solid #666; font-size:1.2em;background:#eee; } .tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left; font-size:1.2em;} @media screen and (max-width: 992px){ .content_wrap{width:96%;} .page_title{margin-bottom:50px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} .s_tit{font-size:1.2em;} #company_type2 .ceo_area .ceo_tit { width:100%; font-size:1.3em; padding-bottom:50px; } #company_type2 .ceo_area .ceo_tit:after {height:40px; } #company_type2 .ceo_area .ceo_txt { width:100%; } #company_type2 .ceo_area .ceo_txt h4 {margin-top:40px; font-size:1.5em;} #company_type2 .ceo_area .ceo_txt p {font-size:1.2em;} #company_type2 .ceo_area .ceo_txt span.ceo_sign {margin-top:20px; font-size:1.2em; line-height:1.2em; } .tbla tr th{width:30%; font-size:0.9em;} .tbla tr td{width:70%; font-size:0.9em;} } /* //기본페이지 */ /* 채용페이지 */ #company_type2-1 {width:100%; min-width:320px; max-width:1500px; margin:0 auto; } #company_type2-1:after{content:""; clear:both; display:block;} #company_type2-1 span.bt{font-size : 1.2em; color:#222; font-weight:bold; margin-top:40px; } #company_type2-1 .recruit_img {width:100%; } #company_type2-1 .recruit_img img {width:100%; height:auto; } #company_type2-1 .recruit_area{ width:94%; padding-top:50px; z-index:1; margin:0 auto;} #company_type2-1 .recruit_area .recruit_tit { width:100%; font-size:1.6em; text-align:center; color:#50a7e7; line-height:1.4em; letter-spacing:-0.05em; padding-bottom:20px; } #company_type2-1 .recruit_area .recruit_txt { width:100%; height:auto;} #company_type2-1 .recruit_area .recruit_txt h4 {font-size:1.8em; line-height:1.8em; color: #000; } #company_type2-1 .recruit_area .recruit_txt p {margin-top:20px; font-size:1.5em; line-height:1.5em; color: #333; word-break: keep-all;} #company_type2-1 .recruit_area .recruit_txt span.recruit_sign{ display:block; font-size:1.5em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;} .s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto; font-size:1.5em; text-indent:10;} .s_tit2 {width:100%; height:30px; line-height:30px; text-align:left; margin-bottom:20px; font-size:1.5em; text-indent:10;} .tbla{width:100%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;} .tbla tr th{width:20%; height:45px; padding:20px 0; text-align:center; border-bottom:1px solid #666; font-size:1.2em;background:#eee; } .tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-top:20px; padding-bottom:20px; padding-left:15px; height:45px; text-align:left; font-size:1.2em; line-height:1.8em; } .pbox {width:100%; border:1px solid #ddd;padding:15px 25px;margin-bottom:25px;} @media screen and (max-width: 992px){ .content_wrap{width:96%;} .page_title{margin-bottom:50px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} .s_tit{font-size:1.2em;} .s_tit2{font-size:1.2em;} #company_type2-1 .recruit_area .recruit_tit { width:100%; font-size:1.3em; padding-bottom:50px; } #company_type2-1 .recruit_area .recruit_tit:after {height:40px; } #company_type2-1 .recruit_area .recruit_txt { width:100%; } #company_type2-1 .recruit_area .recruit_txt h4 {margin-top:40px; font-size:1.5em;} #company_type2-1 .recruit_area .recruit_txt p {font-size:1.2em;} #company_type2-1 .recruit_area .recruit_txt span.recruit_sign {margin-top:20px; font-size:1.2em; line-height:1.2em; } .tbla tr th{width:30%; font-size:0.9em;} .tbla tr td{width:70%; font-size:0.9em;} } /* //채용페이지 */ /* 품질경영 */ .daon_ver2_sub_type18 {width:100%; } .daon_ver2_sub_type18:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type18 h3.con_tit {display:block; font-size:2.5em; font-weight:700; line-height:1.5em; max-width:1500px; margin:50px auto 25px;} .daon_ver2_sub_type18 .busi_cont {width:100%; margin:0 auto; max-width:1500px;} .daon_ver2_sub_type18 .busi_cont_ex1 { width:100%; margin:0 auto;} .daon_ver2_sub_type18 .busi_cont_ex1 .list_box { width:100%;margin:0 auto;} .daon_ver2_sub_type18 .busi_cont_ex1 .list_box:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type18 .busi_cont_ex1 .list_box .txts {display:block; font-size:1.6em; color:#333; line-height:2em; margin-bottom:50px;} .daon_ver2_sub_type18 .busi_cont_ex1 .list_box .txtsimg img{display:block; margin-bottom:30px; width:60%; padding: 30px; border: 1px solid #ddd} .daon_ver2_sub_type18 .busi_cont_ex1 .list_box .txts strong {color:#005793;} .daon_ver2_sub_type18 .busi_cont_ex1 .list_box dl strong {display:block; font-size:1.85em; color: #000; margin-bottom:30px; } .daon_ver2_sub_type18 .busi_cont_ex1 .list_box dl dd{ position:relative; font-size:1em; color: #000; padding-left:15px; text-align:left; margin-top:5px; } .daon_ver2_sub_type18 .busi_cont_ex1 .list_box dl dd:before { content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color:#fa7245; border-radius: 50%;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box { width:100%; } .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul { width:100%;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li {background-color:#f8f8f8;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li:not(:first-child) { margin-top:10px; } .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li em.num {width:15%; padding: 15px 20px; display:inline-block; vertical-align:middle; text-align:center; color:#fff; font-size:1.5em; font-style:normal; background-color:#62c9f1;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li:nth-child(1) em.num{ background-color:#62c9f1; } .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li:nth-child(2) em.num{ background-color:#00acdc; } .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li:nth-child(3) em.num{ background-color:#0081b8; } .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li:nth-child(4) em.num{ background-color:#005e9a; } .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li:nth-child(5) em.num{ background-color:#003070; } .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li span { position: relative; width:80%; padding: 15px 20px; display:inline-block; vertical-align:middle; color:#000; } .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li span:before { content: ""; display: block; position: absolute; left:0; top:0; width:1px; height:100%; background:rgba(255, 255, 255, 0.2);} .daon_ver2_sub_type18 .scroll{width:100%;margin:0 auto; text-align:right; margin-bottom:5px; display:none;} .daon_ver2_sub_type18 .tbl_scroll_wrap { width:100%; overflow-x:auto; white-space: nowrap; margin-bottom:30px;} .daon_ver2_sub_type18 .tbl_scroll_wrap::-webkit-scrollbar { -webkit-appearance: none; } .daon_ver2_sub_type18 .tbl_scroll_wrap::-webkit-scrollbar:vertical { width: 12px; } .daon_ver2_sub_type18 .tbl_scroll_wrap::-webkit-scrollbar:horizontal { height: 8px; } .daon_ver2_sub_type18 .tbl_scroll_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #fff; } .daon_ver2_sub_type18 .tbl_scroll_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; } .daon_ver2_sub_type18 h3.busi_tbl_title {clear:both; font-size:1.5em; padding:0; margin-bottom:20px; margin-top:0 !important;} .daon_ver2_sub_type18 table.busi_tbl{ width:100%;min-width:850px; border-collapse:collapse; border-spacing:0; border-top:2px solid #494949; border-right:0px solid #e9e9e9; margin:0 auto; } .daon_ver2_sub_type18 table.busi_tbl tbody td{ font-size:1em; color:#333; padding:10px 50px; border-bottom:1px solid #e9e9e9;} .daon_ver2_sub_type18 table.busi_tbl tbody td:first-child { font-weight:700; background-color:#f8f8f8; text-align:center;} .daon_ver2_sub_type18 .busi_tbl_desc {margin:20px 0;} .daon_ver2_sub_type18 .busi_cont_ex2 { width:100%;margin:0 auto; } .daon_ver2_sub_type18 .busi_cont_ex2 .list_box { width:100%; } .daon_ver2_sub_type18 .busi_cont_ex2 .list_box:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type18 .busi_cont_ex2 .list_box ul {width:100%; margin:0; padding:0;} .daon_ver2_sub_type18 .busi_cont_ex2 .list_box ul li {float:left; width:49%; min-height:200px; margin-right:2%; padding:0; border:1px solid #eee; box-sizing:border-box; transition: 0.3s all ease;} .daon_ver2_sub_type18 .busi_cont_ex2 .list_box ul li:last-child {margin-right:0;} .daon_ver2_sub_type18 .busi_cont_ex2 .list_box ul li .img_box {position:relative; width:100%; text-align:center;} .daon_ver2_sub_type18 .busi_cont_ex2 .list_box ul li .img_box img {max-width:100%;} .daon_ver2_sub_type18 .busi_cont_ex2 .list_box ul li .img_box .tit {position:absolute; display:block; bottom:0; width:100%; padding:15px 20px; color:#fff; font-size:1.25em; line-height:1.4em; background-color:rgba(0,0,0,.65); } .daon_ver2_sub_type18 .busi_cont_ex2 .list_box ul li:nth-child(2) .img_box .tit {background-color:rgba(0, 172, 220, 0.75);} .daon_ver2_sub_type18 .busi_cont_ex3 { width:100%; background:#333 url('../image/img_2000_v2.jpg')no-repeat center center; background-size:cover; margin-top:100px;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box {position:relative; width:100%; padding:80px 0; } .daon_ver2_sub_type18 .busi_cont_ex3 .list_box:after{ content:""; display:block; clear:both;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .bg_blind {z-index:0; position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.3);} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box {z-index:1; position:relative; width:100%; max-width:1500px; margin:0 auto;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box:after {content:""; display:block; clear:both;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box h3.con_tit {display:block; text-align:center; color:#fff; font-size:2.5em; font-weight:700; line-height:1.5em; max-width:1500px; margin:0 auto;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul {width:100%; margin-top:50px; padding:0; } .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li {width:100%; padding:15px 0; } .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li dl.box { width:100%; margin:0; padding:25px 40px; border:1px solid rgba(255,255,255,0.9); box-sizing:border-box; border-radius:80px; overflow:hidden; transition: 0.3s all ease;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li dl.box dt { width:35%; display:inline-block; vertical-align: middle; color:#fff; font-size:1.5em; font-weight:700; text-align:center; } .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li dl.box dt p { font-size:0.75em; color:#fff;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li dl.box dd {width:60%; padding-left:50px; display:inline-block; vertical-align: middle; border-left:1px solid rgba(255,255,255,.2);} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li dl.box dd p { font-size:1em; color:#fff; } @media all and (max-width:1200px){ .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box {padding:0 4%;} } @media all and (max-width:1024px){ .daon_ver2_sub_type18 .busi_cont .ex1 {padding:0 4%;} } @media all and (max-width:992px){ .daon_ver2_page_title{margin-bottom:50px;} .daon_ver2_page_title h1{font-size:1.85em;} .daon_ver2_page_title h2{font-size:1em;} .daon_s_tit{font-size:1.2em;} .daon_ver2_sub_type18 .busi_cont_ex1 .list_box .txtsimg img{display:block; margin-bottom:30px; width:100%; padding: 30px; border: 1px solid #ddd} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li dl.box dt { width:100%;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li dl.box dd { width:100%; padding-left:0; margin-top:20px; text-align:center; border-left:0;} } @media all and (max-width:860px){ .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li {border-radius:0;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li em.num {width:20%; font-size:1.25em; } .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li span { width:75%;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li:not(:first-child) { margin-top:0; } .daon_ver2_sub_type18 .scroll{display:block;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li dl.box {border:1px solid #fff; border-radius:10px; } } @media all and (max-width:640px){ .daon_ver2_sub_type18 .busi_cont_ex1 {padding:0 4%; } .daon_ver2_sub_type18 .busi_cont_ex1 .list_box .txts {font-size:1em;} .daon_ver2_sub_type18 .busi_cont_ex2 {padding:0 4%; } .daon_ver2_sub_type18 .busi_cont_ex2 .list_box ul li {width:100%; min-height:auto; margin-bottom:25px;} .daon_ver2_sub_type18 .busi_cont_ex3 {margin-top:50px;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box h3.con_tit { font-size:1.5em;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul {margin-top:25px;} .daon_ver2_sub_type18 .busi_cont_ex3 .list_box .con_box ul li dl.box dt {font-size:1.25em; } } @media all and (max-width:480px){ .daon_ver2_sub_type18 h3.con_tit { font-size:1.5em;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li {padding:20px;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li em.num {width:auto; display:inline-block; padding:4px 10px; text-align:center; color:#fff; font-size:1em; background-color:#fff; border-radius:4px;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li span { width:100%; padding:0; margin-top:20px;} .daon_ver2_sub_type18 .busi_cont_ex1 .num_box ul li span:before { display:none;} } /* //품질경영 */ /*활동내역*/ #business_type5 h1{font-size:2.5em; font-weight:700; color:#111; text-align:center; margin:0 auto; margin-bottom:0px; } #business_type5 h2{font-weight:700; font-size:2em; color:#0078D7; text-align:center; margin-bottom:25px;} #business_type5 h2:after{display:block; position:relative; bottom:0; left:50%; margin-left:-2px; content:""; width:2px; height:30px; background-color:#195883; margin-top:20px;} #business_type5 h3{font-size:1.1em; color:#666; text-align:center; margin-bottom:50px;} #business_type5 h3 br.sn{display:none;} #business_type5 ul{width:100%;} #business_type5 ul > li{padding:15px 0px; width:100%; border-bottom:1px solid #d1d1d1; overflow:hidden;} #business_type5 ul > li:first-child{border-top:1px solid #d1d1d1;} #business_type5 ul > li:nth-child(odd){background-color:#f4f4f4;} #business_type5 ul li dl{display:table;} #business_type5 ul li dl dt, #business_type5 ul li dl dd{display:table-cell; vertical-align:middle;} #business_type5 ul li dl dt{width:40%; padding-left:5%;} #business_type5 ul li dl dt img{max-width:100%; margin:0 auto;} #business_type5 ul li dl dd{width:60%; padding:50px 0; padding-top:30px; padding-left:5%;} #business_type5 ul li dl dd > strong{display:block; font-size:2em; line-height:80px; color:#111; font-weight:500;} #business_type5 ul li dl dd > p{font-size:1em; line-height:40px; color:#111; letter-spacing:-0.75px; font-weight:300; word-break:keep-all; padding-left:15px; position:relative;} #business_type5 ul li dl dd > p:before{display:inline-block; position:absolute; left:0; top:17px; content:""; width:6px; height:6px; background-color:#0263ac; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%;} @media screen and (max-width:992px){ .content_wrap{width:100%;} .page_title{margin-bottom:50px;} .page_title h1{font-size:2em;} .page_title h2{font-size:1em;} .s_tit{font-size:1.2em;} } @media all and (max-width:768px){ #business_type5 h1{font-size:1.8em; } #business_type5 h2{font-size:1.4em; } #business_type5 h3{font-size:0.9em; padding:0 5px;} #business_type5 ul li dl, #business_type5 ul li dl dt, #business_type5 ul li dl dd{display:block; width:100%;} #business_type5 ul li dl dt{padding:5%;} #business_type5 ul li dl dt img{width:91%;} #business_type5 ul li dl dd > strong{line-height:30px; font-size:1.3em;} #business_type5 ul li dl dd{width:90%; padding:5%; padding-top:0;} #business_type5 ul li dl dd > p{line-height:24px; font-size:0.95em;} #business_type5 ul li dl dd > p:before{top:10px;} } @media all and (max-width:480px){ #business_type5 h3 br.sn{display:inline;} } /* //활동내역*/ /* 메인슬로건페이지 */ #company {width:100%; min-width:320px; max-width:1500px; margin:0 auto; } #company:after{content:""; clear:both; display:block;} #company .slogan{width:100%; padding-left:5%; text-align:left;} /*모집 가로3개-flex*/ .flexcontent{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #fff; margin: 0 auto;} .flexcontent .item{width: 31%; margin-bottom: 1.25em; background-color: #fff; min-height: 100px;border:1px solid #ddd;padding:35px 25px;} .flexcontent .item strong {font-size:1.4em;display:block;color:#000;margin-bottom:20px;font-weight:400} .flexcontent .item p {padding-top:10px; font-size:1.2em;line-height:28px} .flexcontent .item:nth-child(2n+1){margin-left: 0;} /**************************** responsive ****************************/ @media screen and (max-width:319px){ /*모집 가로1개*/ .flexcontent .item{width:100%} .flexcontent .item::nth-of-type(2n-1){margin-right:0} } @media screen and (max-width:690px){ /******* mobile ******/ .flexcontent .item{width:100%} .flexcontent .item::nth-of-type(2n-1){margin-right:0} } /****** tablet ******/ @media screen and (min-width:691px) and (max-width:899px){ .flexcontent .item{width:100%} .flexcontent .item::nth-of-type(2n-1){margin-right:0} } /****** desktop ******/ @media screen and (min-width:899px) and (max-width:1200px){ }