/* INDEX------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ .sub_wrap { display:block; overflow:hidden; clear:both; background:url('../images/sub/s_top_bg.png') left 240px no-repeat; } /* 상단 */ .sub_top_wrap { display:block; clear:both; height:450px; background-size:cover; position:relative;} .sub_top_tit_wrap { display:block; position:absolute; left:0; width:100%; } .sub_top_tit_core { display:block; position:relative; width:90%; max-width:1500px; margin:0 auto; } .sub_top_tit { display:block; overflow:hidden; color:#0595d5; font-size:70px; line-height:120%; word-break:keep-all; font-family: 'Play', sans-serif; font-weight:700 } .sub_top_text { display:block; overflow:hidden; font-size:20px; word-break:keep-all; margin:10px 0 0 0; width:510px; line-height:140%; max-width:100%; text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, 0px 2px 0 #fff, 0px -2px 0 #fff, -2px 0px 0 #fff, 2px 0px 0 #fff, 1px 2px 0 #fff, -1px 2px 0 #fff, 1px -2px 0 #fff, -1px -2px 0 #fff, 2px 1px 0 #fff, -2px 1px 0 #fff, 2px -1px 0 #fff, -2px -1px 0 #fff; } .sub_vi_wrap { display:block; overflow:hidden; float:right; width:1595px; height:447px; } body#intro .sub_vi_wrap { background:url('../images/sub/sub_vi1.jpg') bottom left no-repeat; } body#product .sub_vi_wrap { background:url('../images/sub/sub_vi2.jpg') bottom left no-repeat; } body#research .sub_vi_wrap { background:url('../images/sub/sub_vi3.jpg') bottom left no-repeat; } body#employ .sub_vi_wrap { background:url('../images/sub/sub_vi4.jpg') bottom left no-repeat; } body#promotion .sub_vi_wrap { background:url('../images/sub/sub_vi5.jpg') bottom left no-repeat; } body#use .sub_vi_wrap { background:url('../images/sub/sub_vi1.jpg') bottom left no-repeat; } /* 페이지 NAVI */ .sub_nav_wrap { display:none; position:absolute; bottom:0; left:0; width:100%; margin:0; background:#1b3066; } .sub_nav_wrap .eng_nav { display:none; } .sub_nav_core { display:block; margin:0 auto; width:90%; max-width:1400px; } .sub_tabmenu_wrap { display:block; } .sub_tabmenu { display:block; } .sub_home, .menu_list { display:block; float:left; border-right:1px solid rgba(255,255,255, .3); box-sizing:border-box; } .sub_home { background:rgba(0,0,0,.2) url('../images/sub/s_icon_home.png') no-repeat center center; width:10px; padding:30px; border-right:0; } .menu_list { width:300px; position:relative; background:url('../images/sub/path_2depth_bg01.png') no-repeat right 15px center; } a.menu_head { display:block; font-size:18px; text-indent:20px; padding:20px 0; font-weight:300; color:#fff; } .menu_body { display:none; width:100%; background:#f8f8f8; position:absolute; z-index:9; top:60px; } .menu_body li { display:block; overflow:hidden; } .menu_body li a { display:block; overflow:hidden; font-size:17px; height:50px; line-height:50px; text-indent:20px; } .menu_body li a:hover { color:#fff; background:#171b21; } #thirdpane { display:none; } .menu_list.on { display:block !important; } /* 본문 */ .sub_body_wrap { display:block; overflow:hidden; clear:both; background:url('../images/sub/sub_cont_bg.jpg') right 100px no-repeat; } .sub_body_core { display:block; overflow:hidden; /* width:90%; max-width:1300px; */ margin:90px auto; clear:both; } .sub_body_core2 { margin-bottom:0 !important; } .sub_layout_tit { display:block; overflow:hidden; overflow:hidden;clear:both; margin:0 auto 70px auto; width:90%; max-width:1400px; text-align:center; } .sub_tit { display:inline-block; overflow:hidden; font-size:36px; line-height:150%; text-align:left; font-weight:700; background:url('../images/common/t_bullet.png') left top no-repeat; padding:20px 0 0 25px; font-family: 'GmarketSansMedium';} .sub_text { display:block; overflow:hidden; font-size:18px; opacity:.7; word-break:keep-all; line-height:140%; } .sub_article_wrap { display:block; overflow:hidden; margin:0 0 70px 0; line-height:150%; } .sub_article_wrap:last-child { margin:0; } .sub_article_bg { background:#f8f8f8; } .sub_article_bg2 { background:#073d83; } .sub_article_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:0 auto; } .sub_article_core2 { padding:70px 0; } .h4_tit { display:block; overflow:hidden; margin:0 0 30px 0;font-size:32px; line-height:140%; font-family:'GmarketSansMedium'; font-weight:normal; position:relative; padding:10px 0 0 15px; } .h4_tit:after { display:block; overflow:hidden; width:15px; height:15px; background:#215494; border-radius:999px; content:''; position:absolute; top:0; left:0; } /* 준비중*/ .ready_wrap { display:block; overflow:hidden; background:#f8f8f8; border:1px solid #ddd; box-sizing:border-box; } .ready_core { display:block; overflow:hidden; margin:50px 30px; } .ready_img { display:block; overflow:hidden; margin:0 auto 30px auto; width:200px; } .ready_text_wrap { display:block; overflow:hidden; text-align:Center; word-break:keep-all; } .ready_ttext { display:block; overflow:hidden; font-size:32px; line-height:120%; } .ready_stext { display:block; overflow:hidden; margin:25px 0 0 0; font-size:18px; line-height:150%; } .ready_stext span { display:block; overflow:hidden; margin: 0 0 3px 0; } .article_tit_wrap { display:block; overflow:hidden; } .article_tit_core { display:block; overflow:hidden; } .article_ttit { display:inline-block; overflow:hidden; font-size:50px; line-height:120%; font-family: 'GmarketSansBold'; color:#073d83; } .article_etit { display:inline-block; overflow:hidden; font-size:30px; line-height:120%; font-family: 'GmarketSansMedium'; color:#073d83; margin:0 0 5px 0;} .process_line_bg .article_ttit, .process_line_bg .article_etit { color:#fff; } /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 개인정보 */ .privacy_wrap { display:block; overflow:hidden; } .privacy_summary_wrap { display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; background:#efefef; margin:0 0 50px 0; } .privacy_summary_core { display:block; overflow:hidden; margin:25px; } .privacy_body_wrap { display:block; overflow:hidden; } .privacy_content_wrap { display:block; overflow:hidden; margin:0 0 50px 0; } .privacy_content_wrap:last-child { margin:0; } .privacy_tit { display:block; overflow:hidden; margin:0 0 0 0; } .privacy_tit h4 { display:block; overflow:hidden; background: none; padding-top: 0; font-weight:500; font-size:24px; line-height:140%; } .privacy_cont { display:block; overflow:hidden; margin:15px 0 0 0; line-height:140%; font-weight:300; } .privacy_text { display:block; overflow:hidden; } .privacy_cont p { display:block; overflow:hidden; margin:0 0 5px 0; } .privacy_cont h5 { margin:10px 0 5px 0; } .privacy_content_wrap ol, .privacy_content_wrap ul { display:block; margin:10px 0 0 0; } .privacy_content_wrap li { display:block; margin:10px 0 0 15px; } /* 이메일무단수집거부 */ .email_denial_wrap { display:block; overflow:hidden; margin:0; background:#f8f8f8; text-align:center; } .email_denial_core { display:block; overflow:hidden; margin:100px 40px; } .email_denial_img_wrap { display:block; overflow:hidden; margin:0 auto 50px auto; width:80%; max-width:150px; } .email_denial_img_wrap img { display:block; overflow:hidden; width:100%; } .email_denial_text_wrap { display:block; overflow:hidden; } .email_denial_ttext { display:block; overflow:hidden; font-size:34px; line-height:130%; word-wrap:break-word; word-break:keep-all; font-weight:600; } .email_denial_stext { display:block; overflow:hidden; word-wrap:break-word; word-break:keep-all; line-height:150%; margin:30px 0 0 0; } /* 사이트맵 */ .site_map .nav_dep1_ul { display:block; overflow:hidden; margin:50px 0 0 0; } .site_map .nav_dep1_li { display:inline-block; overflow:hidden; width:30%; vertical-align:top; margin:0 1% 40px 1%; text-align:center; } .site_map .nav_dep1_a { display:block; overflow:hidden; border-bottom:1px solid #ddd; padding:20px 0; margin:0 0 15px 0; background:#f8f8f8; border-radius:10px 10px 0 0; font-size:20px; } .site_map .nav_dep2_ul { display:block; position:relative; background:none; } .site_map .nav_dep2_li { display:block; overflow:hidden; margin:0 0 20px 0; } .site_map .nav_dep2_li a { display:block; overflow:hidden; color:#333; font-size:18px; font-weight:300; padding:5px 0; } .site_map .nav_dep2_li a:hover { display:block; overflow:hidden; color:#333; background:none; text-decoration:underline;} .site_map .nav_dep1_li.hide { display:inline-block !important; } .site_map .nav_dep1_li.hide:last-child { display:none !important; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ .top_summary_wrap { display:block; overflow:hidden; text-align:center; font-size:36px; font-family: 'GmarketSansMedium'; line-height:140%; word-break:keep-all; } /* 인사말 */ .greeting_top_over { display:block; overflow:hidden; margin:370px 0 50px 0; } .greeting_top_wrap { display:block; overflow:hidden; width:700px; max-width:100%; height:245px; position:relative; z-index:2; margin:0 0 0 auto;} .greeting_top_bg { display:block; width:100%; height:171px; bottom:0; left:0; position:absolute; z-index:1; background: rgb(47,84,148); background: linear-gradient(130deg, rgba(47,84,148,1) 0%, rgba(55,175,187,1) 61%); } .greeting_top_core { display:block; overflow:hidden; margin:0 60px; position:relative; z-index:2; } .greeting_top_text { display:block; overflow:hidden; font-family: 'Play', sans-serif; font-weight:700; letter-spacing:0;} .greeting_top_text { display:block; overflow:hidden; line-height:90%; } .greeting_top_text1 { font-size:85px; color:#17b6a8; text-shadow:5px 0 8px rgba(0,0,0,.2); } .greeting_top_text2 { font-size:61px; color:#fff; } .greeting_top_summary { display:block; overflow:hidden; color:#fff; font-size:20px; word-break:keep-all; font-family: 'GmarketSansMedium'; margin:30px 0 0 0; } .greeting_bg { display:block; overflow:hidden; width:100%; height:100%; position:absolute; top:0; left:50%; margin:0 0 0 -1200px; background-size:cover; background:url('../images/sub/greeting_bg.jpg') center center no-repeat; } .greeting_wrap { display:block; overflow:hidden; position:relative; } .greeting_img { display:block; overflow:hidden; position:absolute; top:0; left:0; width:400px; } .greeting_inner { display:block; overflow:hidden; margin:0 0 0 450px; } .greeting_tit { display:block; overflow:hidden; font-size:36px; word-break:keep-all; line-height:140%; } .greeting_text { display:block; overflow:hidden; font-size:22px; word-break:keep-all; line-height:160%; font-weight:300; opacity:.7; margin:60px 0;} .greeting_text span { display:block; } .greeting_name { display:block; overflow:hidden; font-family: 'JSArirang-Regular'; font-size:48px; text-align:right; line-height:140%; } /* 조직도 */ .organize_list_wrap { display:block; overflow:hidden; margin:0; line-height:120%; position:Relative; font-family: 'GmarketSansMedium'; } .organize_list { display:block; overflow:hidden; position:relative; } .organize_lv1_wrap { display:block; } .ledger_wrap { display:block; overflow:hidden; background: rgb(24,52,134); background: linear-gradient(90deg, rgba(24,52,134,1) 35%, rgba(2,145,213,1) 100%); position:relative; width:200px; height:200px; border-radius:999px; margin:0 auto; z-index:2; } .ledger_text_wrap { display:block; overflow:hidden; text-align:center; font-family: 'GmarketSansBold'; position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .ledger_text { display:block; overflow:hidden; color:#fff; font-size:26px; line-height:120%; padding:0; } .organize_line { display:block; overflow:hidden; position:absolute; background:#777; z-index:1; } .organize_lv1_line { top:50px; left:50%; height:100%; width:1px; } .organize_lv2_wrap { display:block; overflow:hidden; text-align:center; margin:80px 0 0 0; } .organize_lv2_core { display:block; margin:0 auto; overflow:hidden; vertical-align:middle; width:50%; position:relative; } .organize_lv2_inner { display:block; overflow:hidden; width:50%; margin:0 auto; background:#183486; color:#fff; border-radius:0 10px 0 10px; position:relative; z-index:2; } .organize_lv2_text { display:block; overflow:hidden; border:1px solid rgba(255,255,255,0.3); margin:5px; box-sizing:border-box; padding:20px 10px; text-align:center; border-radius:0 10px 0 10px; font-size:20px; } .organize_lv3_wrap { display:block; overflow:hidden; text-align:center; padding:80px 0 0 0; } .organize_lv3_core { display:block; float:left; overflow:hidden; vertical-align:middle; width:50%; position:relative; } .organize_lv3_inner { display:block; overflow:hidden; width:50%; margin:0 auto; background:#0291d5; color:#fff; border-radius:0 10px 0 10px; position:relative; z-index:2; } .organize_lv3_text { display:block; overflow:hidden; border:1px solid rgba(255,255,255,0.3); margin:5px; box-sizing:border-box; padding:20px 10px; text-align:center; border-radius:0 10px 0 10px; font-size:18px; } .organize_lv3_1line { display:block; overflow:hidden; width:50%; height:1px; top:50%; right:0; z-index:1; } .organize_lv3_2line { display:block; overflow:hidden; width:50%; height:1px; top:50%; left:0; z-index:1; } .organize_lv4_wrap { display:block; overflow:hidden; position:relative; background:#fff; z-index:2; margin:80px 0 0 0; } .organize_lv4_core { display:block; overflow:hidden; float:left; width:25%; position:relative; padding:40px 0 0 0; } .organize_lv4_inner { display:block; overflow:hidden; width:90%; margin:0 auto; word-wrap:break-word; word-break:keep-all; } .organize_lv4_top_wrap { display:block; overflow:hidden; z-index:2; border:1px solid #183486; color:#183486; position:relative; border-radius:0 10px 0 10px; background:#fff; } .organize_lv4_top_text { display:block; overflow:hidden; padding:20px 10px; text-align:center; } .organize_lv4_line { width:75%; height:1px; top:0; left:12.5%; z-index:1; margin:0 auto; } .organize_lv4_line2 { top:0; left:50%; height:100%; width:1px; } .organize_lv4_1line { width:50%; height:1px; top:0; left:50%; z-index:1; margin:0 auto; background:red; display:none; } /* 연혁 */ .history_img_wrap { display:block; position:relative; float:left; width:48%; } .history_img_core { display:block; margin:0; } /* .history_img_core:after { display:block; overflow:hidden; width:80px; height:80px; position:absolute; bottom:-20px; right:0; background:#073d83; content:'.'; font-size:0; z-index:2; } */ .history_img_core img { display:block; overflow:hidden; width:100%; position:relative; z-index:3; margin:0 0 20px 0; } .history_img_core img:last-child { margin:0; } .history_wrap { display:block; overflow:hidden; float:right; width:48%; position:relative; } .history_core { display:block; overflow:hidden; position:relative; z-index:2; padding:0; } .history_inner { display:block; overflow:hidden; margin:0 0 70px 0; } .history_inner:last-child { margin:0; } .history_tit { display:block; overflow:hidden; margin:0 0 30px 0; font-family: 'GmarketSansBold'; color:#073d83; letter-spacing:0; font-size:40px; line-height:110%; background:url('../images/sub/history_tit_bg.png') left center no-repeat; padding:0 0 0 30px; } .history_content { display:block; overflow:hidden; } .history_list { display:block; overflow:hidden; } .history_list li { display:block; overflow:hidden; margin:0 0 15px 15px; padding:0 0 0 20px; position:relative; font-size:18px; background:url('../images/sub/history_list_bg.png') left 15px no-repeat; /* font-family: 'GmarketSansMedium'; */ } .history_list li:last-child { margin:0 0 0 15px; } .history_date { display:block; overflow:hidden; width:100px; position:absolute; top:0; left:30px; letter-spacing:0; color:#073d83; line-height:150%;} .history_text { display:block; overflow:hidden; margin:0 0 0 110px; line-height:150%; word-break:keep-all; } .history_line { display:block; overflow:hidden; position:absolute; top:0; left:7px; width:8px; height:100%; background:#ddd; z-index:1; } /* 오시는 길 */ .map_wrap { display:block; overflow:hidden; } .map_view_wrap { display:block; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box; } .map_view_wrap .root_daum_roughmap { width:100% !important; } .map_info_wrap { display:block; overflow:hidden; position:relative; margin:50px 0 0 0; } .map_info_line { display:block; overflow:hidden; position:relative; margin:0 0 30px 0; float:left; width:50%; } .map_info_dl { display:block; overflow:hidden; position:relative; } .map_info_dt { display:block; overflow:hidden; float:left; width:30%; border-top:3px solid #000; padding:30px 0 0 0; font-size:18px; } .map_info_dd { display:block; overflow:hidden; float:left; width:70%; border-top:3px solid #ddd; padding:30px 0 0 0; font-size:18px; font-weight:400; text-indent:20px; word-break:Keep-all; } .map_info_line2 { width:100%; } .map_info_line2 .map_info_dt { width:15%; } .map_info_line2 .map_info_dd { width:85%; } .map_info_dl span { font-family: 'Montserrat', sans-serif; font-weight:400; letter-spacing:0; } .location_wrap { display:block; overflow:hidden; border-top:1px solid #ddd; } .location_item_wrap { display:block; overflow:hidden; float:left; width:50%; border:1px solid #ddd; border-right:0; box-sizing:border-box; border-top:0; } .location_item_wrap:nth-child(2n) { border-right:1px solid #ddd; } .location_item_core { display:block; overflow:hidden; margin:30px; letter-spacing:0; min-height:200px;} .location_tit_wrap { display:block; overflow:hidden; } .location_ttit { display:block; overflow:hidden; font-size:22px; color:#2c6ca2; font-family: 'GmarketSansBold'; } .location_etit { display:block; overflow:hidden; font-family: 'Montserrat', sans-serif; } .location_cont_wrap { display:block; overflow:hidden; margin:30px 0 0 0; } .loc_dl { display:block; overflow:hidden; position:relative; font-family: 'Montserrat', sans-serif; margin:0 0 5px 0; } .loc_dl:last-child { margin:0; } .loc_dt { display:block; overflow:hidden; font-weight:600; background:url('../images/sub/bullet_g.jpg') left 10px no-repeat; padding:0 0 0 15px; position:absolute; top:0; left:0; } .loc_dd { display:block; position:relative; margin:0 0 0 80px; } /* ------------------------------------------------------------------------------- */ /* 제품소개 */ /* ------------------------------------------------------------------------------- */ .sub_tab_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .sub_tab_type2 .sub_tab { width:50%; } .sub_tab_type3 .sub_tab { width:25%; } .sub_tab { display:block; overflow:hidden; width:33.3%; float:left; border:1px solid #ddd; box-sizing:border-box; border-right:0; text-align:center; background:#fff; text-align:center; font-size:18px; padding:20px 0 18px 0; } .sub_tab:last-child { border-right:1px solid #ddd; } .sub_tab_act { background:#0595d5; border-color:#0595d5; color:#fff;} .tb_wrap { display:block; overflow-x:auto; } .tb_01 { width:100%; border-top:2px solid #183782; word-break:keep-all; text-align:center; min-width:700px;} .tb_01 thead th { vertical-align:middle; padding:10px 15px; border-bottom:1px solid #ddd; vertical-align:middle; border-right:1px solid #ddd; background:#f3f5f9; color:#183782; font-weight:500; } .tb_01 tbody th { vertical-align:middle; padding:10px 15px; border-bottom:1px solid #ddd; vertical-align:middle; border-right:1px solid #ddd; background:#f3f5f9; color:#183782; font-weight:500; } .tb_01 tbody td { vertical-align:middle; padding:10px 15px; border-bottom:1px solid #ddd; vertical-align:middle; border-right:1px solid #ddd; background:#fff; } .tb_01 thead th:last-child, .tb_01 tbody td:last-child { border-right:0; } .tb_02 { width:100%; border-top:2px solid #183782; word-break:keep-all; text-align:center; min-width:700px;} .tb_02 thead th { vertical-align:middle; padding:10px 15px; border-bottom:1px solid #ddd; vertical-align:middle; border-right:1px solid #ddd; background:#f3f5f9; color:#183782; font-weight:500; } .tb_02 tbody th { vertical-align:middle; padding:10px 15px; border-bottom:1px solid #ddd; vertical-align:middle; border-right:1px solid #ddd; background:#edf2f7; font-weight:500; } .tb_02 tbody td { vertical-align:middle; padding:10px 15px; border-bottom:1px solid #ddd; vertical-align:middle; border-right:1px solid #ddd; background:#fff; } .tb_02 thead th:last-child, .tb_02 tbody td:last-child { border-right:0; } .t_bg { background:#fffee7 !important; } /* 상단 */ .product_top_wrap { display:block; overflow:hidden; position:relative; margin:0 0 70px 0; } .product_top_img { display:block; overflow:hidden; width:auto; max-width:100%; margin:0 0 0 auto; } .pt_text_wrap { display:block; overflow:hidden; position:absolute; top:0; left:0; width:700px; background:#11459d; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); min-height:300px; } .pt_text_core { display:block; overflow:hidden; margin:50px; color:#fff; } .pt_tit { display:block; overflow:hidden; font-family: 'GmarketSansBold'; font-size:30px; line-height:130%; margin:0 0 40px 0; } .pt_tit span { display:block; overflow:hidden; font-size:0.7em; color:#fbea31;} .pt_text { display:block; overflow:hidden; opacity:.7; font-size:18px; font-weight:300; word-break:keep-all; line-height:160%; } /* 내용 */ .product_body_wrap { display:block; overflow:hidden; } .product_body_inner { display:block; overflow:hidden; margin:0 0 50px 0; } .product_body_inner:last-child { margin:0; } .product_body_w50 { float:left; width:48%; } .product_body_w50:last-child { float:right; } .product_body_w50 table { min-width:100%; } .product_body_tit { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; font-size:24px; line-height:130%; color:#11459d; padding:0 0 0 15px; position:Relative; word-break:keep-all;} .product_body_tit:before { display:block; overflow:hidden; width:5px; height:20px; background:#11459d; position:absolute; top:3px; left:0; content:''; } .product_cont { display:block; overflow:hidden; margin:30px 0 0 0; font-weight:300; } .product_list { display:block; overflow:hidden; } .product_list li { display:block; overflow:hidden; margin:0 0 10px 0; background:url('../images/sub/bullet_k.gif') left 10px no-repeat; padding:0 0 0 15px; word-break:Keep-all } .product_list.product_50 li { float:left; width:48%; } .product_summary { display:block; overflow:hidden; margin:10px 0 0 0; opacity:.7; font-size:.9em; } /* 시공 */ .construction_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .construction_item { display:block; overflow:hidden; width:48%; border:1px solid #11459d; box-sizing:Border-box; border-radius:10px; } .construction_tit { display:block; overflow:hidden; background:#11459d; color:#fff; font-size:20px; text-align:center; padding:15px 0 ; font-weight:500; } .construction_content { display:block; overflow:hidden; } .construction_inner { display:block; overflow:hidden; margin:40px; } .construction_inner img { display:block; overflow:hidden; width:100%; max-width:400px; margin:0 auto; } .construction_list { display:block; overflow:hidden; } .construction_list li { display:block; overflow:hidden; margin:0 0 10px 0; position:relative; } .construction_list li:last-child { margin:0; } .construction_num { display:block; overflow:hidden; position:absolute; top:4px; left:0; background:#11459d; border-radius:999px; width:24px; height:24px; line-height:24px; color:#fff; font-family:'Lato'; font-weight:500; } .construction_text { display:block; overflow:hidden; margin:0 0 0 30px; padding:2px 0; word-break:keep-all; } /* 종류 */ .product_type { display:block; overflow:hidden; } .product_type_dl { display:block; overflow:hidden; margin:0 0 30px 0; } .product_type_dl:last-child { margin:0; } .product_type_dt { display:block; overflow:hidden; font-size:18px; font-weight:500; color:#0e75b1; } .product_type_dd { display:block; overflow:hidden; background:url('../images/sub/bullet_k.gif') left 10px no-repeat; padding:0 0 0 15px; word-break:keep-all; margin:10px 0 0 0;} .product_text { display:block; overflow:hidden; background:url('../images/sub/bullet_k.gif') left 10px no-repeat; padding:0 0 0 15px; word-break:keep-all; } /* 인증서 */ .product_cont .cert_wrap { text-align:center; } .product_cont .cert_item_wrap { width:18%; } /* 주의 사항 */ .caution_wrap { display:block; overflow:hidden; } .caution_tit { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; font-size:24px; line-height:130%; border-bottom:1px solid #000; padding:0 0 30px 0; } .caution_cont { display:block; overflow:hidden; margin:30px 0 0 0; } .caution_cont ul { display:block; overflow:hidden; } .caution_cont ul li { display:block; overflow:hidden; margin:0 0 10px 0; word-break:keep-all; font-weight:300; background:url('../images/sub/bullet_k.gif') left 10px no-repeat; padding:0 0 0 15px } .caution_cont ul li:last-child { margin: 0; } /* 개질유화 */ .product_info_wrap { display:block; overflow:hidden; margin:0 0 30px 0; } .product_info_wrap p { display:block; overflow:hidden; word-break:Keep-all; margin:0 0 10px 0; } .product_info_wrap p:last-child { margin:0; } .product_info_cont { display:flex; flex-wrap:wrap; justify-content:space-between; } .product_info_item { display:block; overflow:hidden; width:48%; } .product_info_item:last-child { border-right:0; } .product_info_tit { display:block; overflow:hidden; background:#11459d; color:#fff; font-size:20px; text-align:center; padding:15px 0 ; font-weight:500; border-radius:999px; } .product_info_view { display:block; overflow:hidden; margin:40px; } .product_img1_1 { display:block; overflow:hidden; float:left; width:45%; } .product_type1 { float:right; width:50%; } .product_img {display:flex; flex-wrap:wrap; justify-content:space-between; } .product_img img {display:block; overflow:hidden; width:45%; } .product_img_box5 { display:block; overflow:hidden; margin:0; text-align:center; } .product_img_box5 .product_img { display:inline-block; overflow:hidden; width:28%; margin:0 1%;} .product_img_box5 .product_img img { display:block; overflow:hidden; width:100%; margin:0 auto; } .product_img_box5 .product_img span { display:block; overflow:hidden; margin:10px 0 0 0; } .arrow_b { background:url('../images/sub/arrow_down.png') top center no-repeat; } .p_t_img { display:block; overflow:hidden; margin:10px auto 0 auto; width:auto; max-width:100%; } .eco_list { display:block; overflow:hidden; padding:20px; background:#f8f8f8; position:relative; } .eco_list li { display:inline-block; overflow:hidden; margin:5px 20px 5px 0; position:relative; } .eff_step_wrap {display:flex; flex-wrap:wrap; justify-content:space-between; } .eff_step {display:block; overflow:hidden; width:21%; } .eff_step img {display:block; overflow:hidden; width:auto; max-width:100%; margin:0 auto; } .eff_step span {display:block; overflow:hidden; margin:10px auto 0 auto; text-align:center; font-family: 'GmarketSansMedium'; } .ep_item_wrap { display:block; overflow:hidden; background:#f8f8f8; margin:0 0 30px 0; border-radius:10px; } .ep_item_core { display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center; margin:15px; } .ep_item { display:inline-block; overflow:hidden; width:22%; height:auto; border-radius:5px; margin:0 5px; color:#fff; } .ep_item1 { background:#429274; } .ep_item2 { background:#428b92; } .ep_item3 { background:#426d92; } .ep_item4 { background:#434292; } .ep_item_inner { display:block; overflow:hidden; margin:20px 10px 20px 10px; } .ep_item_ttext { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; font-size:18px; } .ep_item_stext { display:block; overflow:hidden; line-height:140%; font-size:16px;} .ep_list { display:block; overflow:hidden; float:right; width:48%; } .eplus_info_top { display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; } .eplus_info_part { display:block; overflow:hidden; padding-bottom:33%; } .eplus_info_part1 { width:30%; } .eplus_info_part2 { width:40%; position:relative; } .ep_additive_wrap { display:block; overflow:hidden; margin:0 50px; background:#f8f8f8; border-radius:10px; } .ep_additive_core { display:block; overflow:hidden; border-radius:10px; text-align:center; } .ep_additive_tit_wrap { display:block; overflow:hidden; background:#0072bc; color:#fff; padding:10px 0; font-size:20px; font-family: 'GmarketSansMedium';} .ep_additive_cont_wrap { display:block; overflow:hidden; border-radius:10px; border:1px solid #ddd; margin:10px; box-sizing:border-box; } .ep_additive_list { display:flex; flex-wrap:wrap; justify-content:space-between; } .ep_additive_list li { display:block; overflow:hidden; width:50%; padding:10px 0; box-sizing:border-box; } .ep_additive_list li:nth-child(1) { border-bottom:1px solid #ddd; border-right:1px solid #ddd; } .ep_additive_list li:nth-child(2) { border-bottom:1px solid #ddd; } .ep_additive_list li:nth-child(3) { border-right:1px solid #ddd; } .ep_additive_ttext { display:block; overflow:hidden; margin:0 10px 0 10px; font-size:18px; font-family: 'GmarketSansMedium'; word-break:Keep-all; } .ep_additive_stext { display:block; overflow:hidden; margin:0 10px 0 10px; word-break:Keep-all; } .ep_icon { display:block; overflow:hidden; position:absolute; font-size:30px; } .ep_icon1 { left:0 ; top:120px; } .ep_icon2 { right:0 ; top:120px; } .eplus_info_part3 { width:30%; } .eplus_info_type { display:block; overflow:hidden; margin:28px auto; width:150px; max-width:100%; height:150px; text-align:center; border-radius:999px; color:#fff; font-family: 'GmarketSansMedium'; font-size:18px; } .eplus_info_part1 .eplus_info_type { background:#9a5813; } .eplus_info_part3 .eplus_info_type { background:#c3b50d; } .eplus_info_type_text { display:block; overflow:hidden; margin:0 10px; position:relative; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .ep_temp_wrap { display:block; overflow:hidden; margin:10px 0 0 0; text-align:center; font-family: 'GmarketSansMedium'; font-size:18px; color:#0072bc; position:relative; } .eplus_info_part2 .ep_temp_wrap { color:#ca0000; margin:10px 50px 0 50px; } .ep_temp_wrap .ep_icon1 { font-size:20px; color:#000; left:0 ; top:0; } .ep_temp_wrap .ep_icon2 { font-size:20px; color:#000; right:0 ; top:0; } .graph_wrap { display:block; overflow:hidden; } .graph_inner { display:block; overflow:hidden; margin:20px 0 0 0; } .graph_tit { display:block; overflow:hidden; color:#0e75b1; font-size:18px; font-weight:500; margin:0 0 15px 0; } .graph_img { display:block; overflow:hidden; width:auto; max-width:100%; margin:0 auto; } .graph_img img { display:block; overflow:hidden; width:100%; margin:0 auto; } .eplus_info_cont { display:block; overflow:hidden; position:absolute; width:45%; } .eplus_info1 { left:0; bottom:0; } .eplus_info2 { right:0; bottom:30px; } /* 구역 박스 - 일반 */ .section-box-wrap {width:100%; max-width:1600px; box-sizing:border-box; display: flex; justify-content:center; align-items: stretch; flex-wrap:wrap; gap:40px; margin:0 auto;} .section-box-wrap > div {flex:1; box-sizing:border-box; position:relative;} .section-box-wrap > div::after {content:''; display:block; width:100%; padding-bottom:100%;} .section-box-wrap > div .tit-wrap {position:absolute; left:0; top:0; width:100%; border-radius:50%; box-sizing:border-box; padding:0 5%; background: #edf2f7; text-align: center; height:100%; display:flex; justify-content:center; align-items:center; flex-direction:column; } .section-box-wrap > div .tit-wrap .tit { font-weight:600; color:#292929;font-size:1.3em; line-height:1.5em; word-break:keep-all;} /* 구역 박스 - 순서도 */ .section-box-wrap.box-ver-arrow {justify-content:flex-start;} .section-box-wrap.box-ver-arrow > div {flex:initial; width:calc((100% - 120px) / 4); position:relative; overflow:visible;} .section-box-wrap.box-ver-arrow > div::before {content:''; position:absolute; left:0; margin-left:-30px; top:50%; transform:translateY(-50%); display:block; width:20px; height:20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.03 66.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e6001450;%7D.cls-1,.cls-2%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23e60014;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M38.22,0h0c-6.72,0-10.68,7.05-6.87,12.23l15.43,20.98-15.43,20.98c-3.81,5.18.15,12.23,6.87,12.23h0c2.74,0,5.31-1.26,6.87-3.38l21.94-29.83L45.09,3.38c-1.56-2.12-4.12-3.38-6.87-3.38Z'/%3E%3Cpath class='cls-1' d='M8.35,0h0C1.64,0-2.32,7.05,1.48,12.23l15.43,20.98L1.48,54.19c-3.81,5.18.15,12.23,6.87,12.23h0c2.74,0,5.31-1.26,6.87-3.38l21.94-29.83L15.22,3.38c-1.56-2.12-4.12-3.38-6.87-3.38Z'/%3E%3C/svg%3E") no-repeat center center; background-size:cover;} .section-box-wrap.box-ver-arrow > div:first-child::before {content:none;} /* ------------------------------------------------------------------------------- */ /* 인재채용 */ /* ------------------------------------------------------------------------------- */ .employ_summary_wrap { display:block; overflow:hidden; text-align:center; font-size:24px; font-family: 'GmarketSansMedium'; line-height:140%; word-break:keep-all; } /* 인사제도 */ .resources_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .resources_item_wrap { display:block; overflow:hidden; width:30%; border:1px solid #ddd; box-sizing:border-box; } .resources_item_wrap:nth-child(1) { color:#0c4da2; } .resources_item_wrap:nth-child(2) { color:#6c9fe1; } .resources_item_wrap:nth-child(3) { color:#307cdf; } .resources_item_inner { display:block; overflow:hidden; margin:40px 20px; text-align:center; } .resources_item_tit { display:block; overflow:hidden; font-weight:800; font-size:30px; line-height:120%; } .resources_item_img { display:block; overflow:hidden; margin:20px auto; width:100%; max-width:250px; } .resources_item_img img { display:block; overflow:hidden; margin:0 auto; width:100%; } .resources_item_text { display:block; overflow:hidden; } .resources_ttext { display:block; overflow:hidden; font-size:20px; } .resources_stext { display:block; overflow:hidden; color:#777; word-break:keep-all; width:80%; margin:10px auto 0 auto; } /* 복리후생제도 */ .benefit_list_wrap { display:block; overflow:hidden; position:relative; } .benefit_list { display:block; overflow:hidden; position:relative; } .benefit_list li { display:inline-block; overflow:hidden; vertical-align:top; width:45%; margin:0 2% 40px 2%; text-align:left; } .benefit_view_wrap { display:block; overflow:hidden; width:100%; position:relative; } .benefit_icon_wrap { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100px; background:#edf3fd; border-radius:999px; } .benefit_icon_wrap img { display:block; overflow:hidden; width:100%; margin:0 auto;} .benefit_text_wrap { display:block; overflow:hidden; min-height:120px; margin:10px 0 0 140px; } .benefit_text_core { display:block; overflow:hidden; } .benefit_ttext { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; font-size:24px; margin: 0 0 20px 0; line-height:140%; } .benefit_stext { display:block; overflow:hidden; } .benefit_stext span { display:inline-block; overflow:hidden; vertical-align:bottom; word-break:keep-all; margin:0 5px 0 0; } .benefit_stext span:after { display:inline-block; overflow:hidden; vertical-align:bottom; margin:0 -1px 0 ; content:','; } .benefit_stext span:last-child:after { display:none; } /* ------------------------------------------------------------------------------- */ /* 연구현황 */ /* ------------------------------------------------------------------------------- */ /*인증현황*/ .cert_wrap { display:block; overflow:hidden; text-align:center; } .cert_item_wrap { display:inline-block; vertical-align:top; overflow:hidden; width:18%; margin:40px 0 0 0; text-align:center; } .cert_item_inner { display:block; overflow:hidden; border-bottom:10px solid #f8f8f8; box-sizing:border-box; box-shadow:0 3px 5px rgba(0,0,0,.3); margin:0 0 10px 0; } .cert_img { display:block; overflow:hidden; margin:0 auto; width:80%; box-shadow:0 5px 8px rgba(0,0,0,.5); } .cert_item_text { display:block; overflow:hidden; width:90%; text-align:center; word-break:keep-all; margin:0 auto; } .cert_history_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px 0 0 0; } .cert_history_core { display:block; overflow:hidden; width:50%; } .cert_history_inner { display:block; overflow:hidden; margin:0 20px 0 0; } .cert_history_inner dl { display:block; overflow:hidden; margin:0 0 10px 0; position:Relative; } .cert_history_inner dt { display:block; overflow:hidden; background:#11459d; width:250px; text-align:center; color:#fff; font-family:'GmarketSansMedium'; border-radius:999px; padding:5px 0; position:relative; top:0; left:0; } .cert_history_inner dd { display:block; overflow:hidden; margin:10px 10px 0 10px; padding:5px 0; word-break:keep-all; } .cert_status_wrap { display:block; overflow:hidden; margin:30px 0 0 0; } .cert_status_inner { display:block; overflow:hidden; margin:0 0 20px 0; position:relative; } .cert_status_inner:last-child { margin:0; } .cert_status_inner img { display:block; overflow:hidden; width:300px; position:absolute; border:1px solid #ddd; box-sizing:border-box; top:0; left:0; } .cert_status_text { display:block; overflow:hidden; min-height:400px; margin:0 0 0 350px;} .cert_status_tit { display:block; overflow:hidden; font-size:22px; font-family: 'GmarketSansMedium'; word-break:Keep-all; } .cert_status_cont { display:block; overflow:hidden; } .cert_status_cont dl { display:block; overflow:hidden; margin:20px 0 0 0; position:relative;} .cert_status_cont dt { display:block; overflow:hidden; background:#11459d; width:180px; text-align:center; color:#fff; font-family:'GmarketSansMedium'; border-radius:999px; padding:5px 0; position:absolute; top:0; left:0; } .cert_status_cont dd { display:block; overflow:hidden; margin:0 0 0 200px; padding:5px 0; word-break:keep-all; } /* 시헌장비 형환 */ .eq_list_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .eq_item_wrap { display:block; overflow:hidden; width:20%; border:1px solid #ddd; box-sizing:border-box; background:#0072bc; } .eq_item_wrap img { display:block; overflow:hidden; width:100%; margin:0 auto; padding:20px 0; background:#fff; } .eq_text_wrap { display:block; overflow:hidden; } .eq_text_core { display:block; overflow:hidden; text-align:center; color:#fff; margin:10px 5px; font-weight:500; word-break:Keep-all; } /* ----------------------------------------------------------------------------- */ /* MEDIA QUERY */ /* ------------------------------------------------------------------------------ */ @media only screen and (min-width:0px) and (max-width:359px) { /* width 360이하 모바일(갤럭시S2 대상) */ } @media only screen and (min-width:0px) and (max-width:767px) { /* 모바일(갤럭시노트급 대상) */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ .sub_wrap { background:none; } /* 상단 */ .sub_top_wrap { height:230px; } .sub_top_tit_wrap { top:auto; bottom:0; margin:0; } .sub_top_tit { font-size:40px; } .sub_top_text { display:none; font-size:16px; margin:0; } .sub_vi_wrap { width:100%; height:200px; float:none; } body#intro .sub_vi_wrap { background:url('../images/sub/sub_vi1.jpg') center center no-repeat; } body#product .sub_vi_wrap { background:url('../images/sub/sub_vi2.jpg') center center no-repeat; } body#research .sub_vi_wrap { background:url('../images/sub/sub_vi3.jpg') center center no-repeat; } body#employ .sub_vi_wrap { background:url('../images/sub/sub_vi4.jpg') center center no-repeat; } body#promotion .sub_vi_wrap { background:url('../images/sub/sub_vi5.jpg') center center no-repeat; } body#use .sub_vi_wrap { background:url('../images/sub/sub_vi1.jpg') center center no-repeat; } /* 페이지 NAVI */ .sub_nav_core { border-left:0; box-sizing:border-box; width:100%; } .sub_home { display:none} .menu_list { width:50%; position:relative; background:url('../images/sub/path_2depth_bg01.png') no-repeat right 15px center; } a.menu_head { font-size:16px; text-indent:10px; } .menu_body li a { font-size:16px; text-indent:10px; } #secondpane { border-right:0; } /* 본문 */ .sub_body_wrap { background:none; } .sub_body_core { margin:30px auto 90px auto; } .sub_layout_tit { margin:0 auto 50px auto; } .sub_tit { font-size:28px; } .sub_text { font-size:16px; } .sub_article_wrap { margin:0 0 50px 0; } .sub_article_core2 { padding:50px 0; } .h4_tit { font-size:28px; } .article_ttit { display:block; font-size:30px; } .article_etit { display:block; font-size:20px; margin:10px 0 0 0;} /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 개인정보 */ .privacy_tit h4 { font-size:22px; } /* 이메일무단수집거부 */ .email_denial_wrap { display:block; overflow:hidden; margin:0; background:#f8f8f8; text-align:center; } .email_denial_core { display:block; overflow:hidden; margin:50px 30px; } .email_denial_ttext { font-size:20px; } /* 사이트맵 */ .site_map .nav_dep1_ul { margin:0; text-align:left; } .site_map .nav_dep1_li { width:47%; text-align:center; margin:0 1% 20px 0;} .site_map .nav_dep1_li:nth-child(2n) { margin:0 0 20px 1%; } .site_map .nav_dep1_a { font-size:18px; } .site_map .nav_dep2_li a { font-size:16px; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ .top_summary_wrap { font-size:24px; } /* 인사말 */ .greeting_top_wrap { height:150px; margin:0 auto; } .greeting_top_over { margin:0px 0 70px 0; } .greeting_top_bg { height:110px; } .greeting_top_core { margin:0 30px; } .greeting_top_text1 { font-size:50px; } .greeting_top_text2 { font-size:28px; color:#fff; } .greeting_top_summary { font-size:16px; margin:20px 0 0 0; } .greeting_bg { top:90px; left:0; margin:0; background-size:100%; } .greeting_img { position:relative; width:auto; max-width:100%; margin:0 auto; } .greeting_inner { margin:30px 0 0 0; } .greeting_tit { font-size:24px; } .greeting_text { font-size:17px; margin:40px 0;} .greeting_text span { display:inline; } .greeting_name { font-size:30px; } /* 연혁 */ .history_img_wrap { float:none; width:100%; } .history_img_core { margin:0; } .history_wrap { float:none; width:100%; min-height:0; padding:30px 0; } .history_list li { font-size:16px; } .history_date { width:auto; left:0; position:relative; margin:5px 0 0 0;} .history_text { margin:5px 0 0 0; line-height:150%; word-break:keep-all; } /* 조직도 */ .ledger_wrap { width:150px; height:150px; margin:0; } .organize_lv1_line { top:50px; left:75px; } .organize_lv2_wrap { display:block; overflow:hidden; text-align:center; margin:80px 0 0 0; } .organize_lv2_core { width:100%;} .organize_lv2_inner { width:200px; margin:0 0 0 auto; } .organize_lv2_1line { width:100%; left:75px; right:auto; height:1px; top:50%; } .organize_lv3_wrap { padding:40px 0 0 0; } .organize_lv3_core { float:none; width:100%; margin:0 0 20px 0; } .organize_lv3_inner { width:200px; margin:0 0 0 auto; } .organize_lv3_text { display:block; } .organize_lv3_1line { width:100%; left:75px; right:auto; height:1px; } .organize_lv3_2line { width:100%; left:75px; right:auto; height:1px; } .organize_lv4_wrap { margin:20px 0 0 0; } .organize_lv4_core { float:none; width:100%; padding:20px 0 0 0; } .organize_lv4_inner { width:200px; margin:0 0 0 auto; } .organize_lv4_line { width:1px; height:100%; top:0; left:75px; z-index:1; margin:0 auto; } .organize_lv4_line2 { top:50%; left:75px; height:1px; width:100%; } /* 오시는 길 */ .map_info_line { margin:0 0 15px 0; float:none; width:100%; } .map_info_dt { font-size:16px; padding:15px 0 0 0; } .map_info_dd { font-size:16px; padding:15px 0 0 0; text-indent:0; } .map_info_line2 .map_info_dt { width:30%; } .map_info_line2 .map_info_dd { width:70%; } /* ------------------------------------------------------------------------------- */ /* 제품소개 */ /* ------------------------------------------------------------------------------- */ .sub_tab_wrap { display:block; overflow:hidden; } .sub_tab_type2 .sub_tab { width:100%; } .sub_tab_type3 .sub_tab { width:100%; } .sub_tab { font-size:17px; width:100%; border-bottom:0; border-right:1px solid #ddd; padding:15px 0 ; } .sub_tab:last-child { border-bottom:1px solid #ddd; } /* 상단 */ .product_top_wrap { margin:0 0 50px 0; } .product_top_img { margin:0 auto; } .pt_text_wrap { position:relative; width:100%; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); min-height:0; margin:0 auto;} .pt_text_core { margin:20px; } .pt_tit { font-size:24px; margin:0 0 20px 0;} .pt_text { font-size:16px; } /* 내용 */ .product_body_inner { margin:0 0 30px 0; } .product_body_w50 { float:none; width:100%; margin:0 0 30px 0; } .product_body_w50:last-child { float:none; } .product_body_tit { font-size:20px;} .product_body_tit:before { width:5px; height:13px; } .product_cont { margin:10px 0 0 0; } .product_list.product_50 li { float:none; width:100%; } /* 시공 */ .construction_wrap { display:block; } .construction_item { width:100%; margin:0 0 10px 0; } .construction_item:last-child { margin:0; } .construction_tit { font-size:18px; } .construction_inner { margin:20px; } /* 종류 */ .product_type_dt { font-size:17px; } /* 인증서 */ .product_cont .cert_item_wrap { width:32%; } /* 주의 사항 */ .caution_tit { font-size:20px; padding:0 0 15px 0; } .caution_cont { margin:15px 0 0 0; } /* 개질유화 */ .product_info_cont { display:block; } .product_info_item { width:100%; border:0; } .product_info_tit { font-size:18px; border-radius:999px; } .product_info_view { margin:20px; } .product_img1_1 { float:none; width:100%; margin:0 0 20px 0; } .product_type1 { float:none; width:100%; } .product_img {display:block; } .product_img img { width:100%; margin:0 0 20px 0; } .product_img img:last-child { margin:0; } .product_img_box5 .product_img { width:30%; } .eff_step_wrap {} .eff_step {margin:10px 0; width:48%; } .ep_item { width:100%; margin:5px 0; height:auto; padding:15px 0;} .ep_item_inner { margin:0 10px; } .ep_item_ttext { font-size:18px; } .eplus_info_part { padding:0; } .eplus_info_part1 { width:100%; } .eplus_info_part2 { width:100%; margin:50px 0; } .ep_icon { display:none; } .eplus_info_part3 { width:100%; } .eplus_info_cont { width:100%; position:relative; } .eplus_info2 { bottom:0; } /* ------------------------------------------------------------------------------- */ /* 연구현황 */ /* ------------------------------------------------------------------------------- */ /*인증현황*/ .cert_wrap { display:inline; } .cert_item_wrap { width:45%; margin:20px 0 0 0; } .cert_history_core { display:block; overflow:hidden; width:100%; border-bottom:1px dashed #ddd; margin:0 0 20px 0; } .cert_history_core:last-child { border-bottom:0; } .cert_history_inner { margin:0; } .cert_history_inner dt { position:relative; } .cert_history_inner dd { display:block; overflow:hidden; margin:10px 0 0 10px; padding:0; } .cert_status_inner img { margin:0 auto; position:relative; max-width:100%; } .cert_status_text { min-height:0; margin:20px 0 0 0;} .cert_status_tit { font-size:20px; } .cert_status_cont dt { position:relative; } .cert_status_cont dd { margin:10px 0 0 10px; padding:0; } /* 시헌장비 형환 */ .eq_item_wrap { width:50%; } /* .eq_item_wrap:nth-child(5n) { border-right:0; } */ /* 구역 박스 - 일반 1:1:1 */ .section-box-wrap {gap:8px; max-width:220px; margin:0 auto; margin-top:8px; } .section-box-wrap > div {flex:initial; width:100%} .section-box-wrap > div .tit-wrap {} .section-box-wrap > div .tit-wrap .tit { } /* 구역 박스 - 순서도 */ .section-box-wrap.box-ver-arrow { gap:20px;} .section-box-wrap.box-ver-arrow > div { width:100%; } .section-box-wrap.box-ver-arrow > div::before {margin-left:-6.5px; left:50%; top:-18px;width:13px; height:13px; transform:rotate(90deg); } /* ------------------------------------------------------------------------------- */ /* 인재채용 */ /* ------------------------------------------------------------------------------- */ .employ_summary_wrap { font-size:18px; } /* 인사제도 */ .resources_wrap { display:block; } .resources_item_wrap { width:100%; margin:0 0 20px 0; } .resources_item_wrap:nth-child(3) { margin:0; } .resources_item_inner { margin:30px 20px; } /* 복리후생제도 */ .benefit_list li { display:block; width:100%; margin:0 0 40px 0; } .benefit_list li:last-child { margin:0; } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ .sub_top_wrap { height:300px; } .sub_top_tit_wrap { top:auto; bottom:0; margin:0; } .sub_top_tit { font-size:40px; } .sub_top_text { font-size:16px; margin:0; width:300px; } .sub_vi_wrap { width:100%; height:300px; margin:0 -200px 0 0; } /* 페이지 NAVI */ .sub_nav_core { border-left:1px solid rgba(255,255,255, .3); box-sizing:border-box; } .sub_home { display:none} .menu_list { width:50%; position:relative; background:url('../images/sub/path_2depth_bg01.png') no-repeat right 15px center; } a.menu_head { font-size:16px; text-indent:10px; } .menu_body li a { font-size:16px; text-indent:10px; } /* 본문 */ .sub_body_core { margin:60px auto; } .sub_layout_tit { margin:0 auto 50px auto; } .sub_tit { font-size:36px; } .sub_article_wrap { margin:0 0 50px 0; } .sub_article_core2 { padding:50px 0; } .article_ttit { font-size:30px; } .article_etit { font-size:20px; margin:10px 0 0 0;} /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 사이트맵 */ .site_map .nav_dep1_ul { margin:0; text-align:left; } .site_map .nav_dep1_li { width:47%; text-align:center; margin:0 1% 20px 0;} /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greeting_top_wrap { height:150px; margin:0 auto; } .greeting_top_over { margin:0px 0 150px 0; } .greeting_top_bg { height:110px; } .greeting_top_core { margin:0 30px; } .greeting_top_text1 { font-size:50px; } .greeting_top_text2 { font-size:32px; color:#fff; } .greeting_top_summary { font-size:18px; margin:20px 0 0 0; } .greeting_bg { top:90px; left:0; margin:0; background-size:100%; } .greeting_img { width:300px; } .greeting_inner { margin:0 0 0 350px; } .greeting_tit { font-size:24px; } .greeting_text { font-size:17px; margin:40px 0;} .greeting_text span { display:inline; } .greeting_name { font-size:30px; } /* 연혁 */ .history_img_wrap { float:none; width:100%; } .history_img_core { margin:0; } .history_wrap { float:none; width:100%; min-height:0; padding:30px 0; } /* 조직도 */ .ledger_wrap { width:180px; height:180px; } /* 오시는 길 */ .map_info_line { margin:0 0 15px 0; float:none; width:100%; } .map_info_dt { padding:15px 0 0 0; } .map_info_dd { padding:15px 0 0 0; text-indent:0; } .map_info_line2 .map_info_dt { width:30%; } .map_info_line2 .map_info_dd { width:70%; } /* ------------------------------------------------------------------------------- */ /* 제품소개 */ /* ------------------------------------------------------------------------------- */ .sub_tab { font-size:17px; } /* 상단 */ .product_top_wrap { margin:0 0 50px 0; } .product_top_img { margin:0 auto; } .pt_text_wrap { position:relative; width:100%; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); min-height:0; margin:0 auto;} .pt_text_core { margin:20px; } .pt_tit { font-size:24px; margin:0 0 20px 0;} .pt_text { font-size:16px; } .product_list.product_50 li { float:none; width:100%; } .product_body_w50 { float:none; width:100%; margin:0 0 30px 0; } .product_body_w50:last-child { float:none; } /* 개질유화 */ .product_info_view { margin:20px; } .product_img1_1 { float:none; width:100%; margin:0 0 20px 0; } .product_type1 { float:none; width:100%; } .product_img img { width:48%; } .eplus_info_part { padding:0; } .eplus_info_part1 { width:100%; } .eplus_info_part2 { width:100%; margin:50px 0; } .ep_icon { display:none; } .eplus_info_part3 { width:100%; } .eplus_info_cont { position:relative; width:100%; } .eplus_info1 { left:0; bottom:0; } .eplus_info2 { right:0; bottom:0; } .construction_wrap { display:block; } .construction_item { width:100%; margin:0 0 10px 0; } /* ------------------------------------------------------------------------------- */ /* 연구현황 */ /* ------------------------------------------------------------------------------- */ /*인증현황*/ .cert_wrap { display:inline; } .cert_item_wrap { width:30%; margin:20px 0 0 0; } .cert_history_core { width:100%; border-bottom:1px dashed #ddd; margin:0 0 20px 0; } .cert_history_core:last-child { border-bottom:0; } /* 시헌장비 형환 */ .eq_item_wrap { width:33.3%; } .cert_status_cont dt { position:relative; width:200px; } .cert_status_cont dd { margin:10px; } /* 구역 박스 - 일반 1:1:1 */ .section-box-wrap {gap:8px; max-width:220px; margin:0 auto; margin-top:8px; } .section-box-wrap > div {flex:initial; width:100%} .section-box-wrap > div .tit-wrap {} .section-box-wrap > div .tit-wrap .tit { } /* 구역 박스 - 순서도 */ .section-box-wrap.box-ver-arrow { gap:20px;} .section-box-wrap.box-ver-arrow > div { width:100%; } .section-box-wrap.box-ver-arrow > div::before {margin-left:-6.5px; left:50%; top:-18px;width:13px; height:13px; transform:rotate(90deg); } /* ------------------------------------------------------------------------------- */ /* 인재채용 */ /* ------------------------------------------------------------------------------- */ .employ_summary_wrap { font-size:20px; } /* 인사제도 */ .resources_item_wrap { width:32%; } /* 복리후생제도 */ .benefit_list li { display:block; width:100%; margin:0 0 40px 0; } .benefit_list li:last-child { margin:0; } } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ .sub_vi_wrap { width:100%; margin:0 -200px 0 0; } /* 페이지 NAVI */ .menu_list { width:30%; } /* 본문 */ .sub_body_core { margin:100px auto; } .sub_layout_tit { margin:0 auto 80px auto; } .sub_article_wrap { margin:0 0 80px 0; } .sub_article_core2 { padding:80px 0; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greeting_top_over { margin:200px 0 50px 0; } .greeting_bg { margin:0 0 0 -630px; } .greeting_tit { font-size:30px; } .greeting_text { font-size:20px; margin:40px 0;} .greeting_name { font-size:40px; } /* 오시는 길 */ .map_info_line { float:none; width:100%; } .map_info_dt { width:20%; } .map_info_dd { width:80%; } .map_info_line2 .map_info_dt { width:20%; } .map_info_line2 .map_info_dd { width:80%; } /* ------------------------------------------------------------------------------- */ /* 제품소개 */ /* ------------------------------------------------------------------------------- */ .sub_tab { font-size:17px; } /* 상단 */ .pt_text_wrap { position:relative; width:90%; top:0; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); min-height:0; margin:-150px 0 0 0;} .construction_wrap { display:block; } .construction_item { width:100%; margin:0 0 10px 0; } /* 구역 박스 - 일반 1:1:1 */ .section-box-wrap {gap:8px; max-width:220px; margin:0 auto; margin-top:8px; } .section-box-wrap > div {flex:initial; width:100%} .section-box-wrap > div .tit-wrap {} .section-box-wrap > div .tit-wrap .tit { } /* 구역 박스 - 순서도 */ .section-box-wrap.box-ver-arrow { gap:20px;} .section-box-wrap.box-ver-arrow > div { width:calc((100% - 60px) / 4); } .section-box-wrap.box-ver-arrow > div::before {margin-left:-15px; width:13px; height:13px; } /* ------------------------------------------------------------------------------- */ /* 연구현황 */ /* ------------------------------------------------------------------------------- */ /*인증현황*/ .cert_history_core { width:100%; border-bottom:1px dashed #ddd; margin:0 0 20px 0; } .cert_history_core:last-child { border-bottom:0; } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .sub_vi_wrap { width:100%; margin:0 -200px 0 0; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 오시는 길 */ .map_info_dt { width:20%; } .map_info_dd { width:80%; } .map_info_line2 .map_info_dt { width:10%; } .map_info_line2 .map_info_dd { width:90%; } /* 구역 박스 - 일반 1:1:1 */ .section-box-wrap {gap:10px; } /* 구역 박스 - 순서도 */ .section-box-wrap.box-ver-arrow { gap:30px;} .section-box-wrap.box-ver-arrow > div {flex:initial; width:calc((100% - 90px) / 4); } .section-box-wrap.box-ver-arrow > div::before {margin-left:-22px; width:16px; height:16px; } } @media only screen and (min-width:1401px) and (max-width:1600px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .sub_vi_wrap { margin:0 -300px 0 0; } } @media only screen and (min-width:1140px) { /* PC */ }