/* INDEX------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ .sub_wrap { display:block; overflow:hidden; clear:both; } /* 상단 */ .sub_top_wrap { display:block; clear:both; height:300px; background:#333 url('../images/sub/sub_vis1.jpg') center center no-repeat; background-size:cover; position:relative;} /* body#intro .sub_top_wrap { background:url('../images/sub/sub_vis1.jpg') center center no-repeat; background-size:cover; } body#business .sub_top_wrap { background:url('../images/sub/sub_vis2.jpg') left top no-repeat; background-size:cover; } body#online .sub_top_wrap { background:url('../images/sub/sub_vis3.jpg') left center no-repeat; background-size:cover; } body#customer .sub_top_wrap { background:url('../images/sub/sub_vis4.jpg') bottom center no-repeat; background-size:cover; } body#use .sub_top_wrap { background:url('../images/sub/sub_vis1.jpg') center center no-repeat; background-size:cover; } */ .sub_top_tit_wrap { display:block; position:relative; } .sub_top_tit_core { display:block; position:relative; text-align:center; width:90%; max-width:1400px; margin:0 auto 0 auto; position:relative; } .sub_top_ctit { display:block; overflow:hidden; color:#fff; font-family: 'GmarketSansMedium'; word-break:keep-all; } .sub_top_ttit { display:block; overflow:hidden; color:#fff; font-size:55px; margin:0; line-height:120%; font-family: 'GmarketSansBold'; } /* 페이지 NAVI */ .sub_nav_wrap { display:block; position:relative; margin:0; border-bottom:1px solid #d1d1d1; } .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; overflow:visible; height:58px; } .sub_home { background:#1169b3 url('../images/sub/s_icon_home.png') no-repeat center center; width:60px; border-right:0; font-size:0; } .sub_home a { display:block; overflow:hidden; width:100%; height:100%; } .sub_home p { font-size:0; text-indent:-9999px; line-height:0; } .menu_list { width:300px; position:relative; background:url('../images/sub/path_2depth_bg01.png') no-repeat right 15px center; border-right:1px solid #d1d1d1; box-sizing:border-box; } button.menu_head { display:block; font-size:18px; text-indent:20px; padding:18px 0 15px 0; width:100%; background:none; text-align:left; font-family: 'GmarketSansMedium'; cursor:pointer; } .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; font-family: 'GmarketSansMedium'; } .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; } .sub_body_core { display:block; overflow:hidden; /* width:90%; max-width:1400px; */ margin:80px auto 150px auto; clear:both; } .sub_body_core2 { margin-bottom:0 !important; } .sub_layout_tit { display:block; overflow:hidden; overflow:hidden;clear:both; margin:0 auto 80px auto; width:90%; max-width:1400px; text-align:center;} .sub_etit { display:block; overflow:hidden; font-size:15px; color:#969696; letter-spacing:10px; font-family: 'Lato' ; font-weight:700; } .sub_tit { display:block; overflow:hidden; font-family: 'GmarketSansBold'; font-size:50px; line-height:140%;} .sub_article_wrap { display:block; overflow:hidden; margin:0 0 100px 0; line-height:150%; } .sub_article_wrap:last-child { margin:0; } .sub_article_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:0 auto; } /* .s_tit { display:block; overflow:hidden; margin:0 0 30px 0; } .s_tit h3 { display:block; overflow:hidden; font-size:30px; line-height:100%; font-family:'Noto Sans KR', sans-serif; background:url('../images/sub/s_b.jpg') left center no-repeat; padding:0 0 0 15px; } */ .sub_page_tit { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; font-size:28px; line-height:120%; position:relative; padding:0 0 0 55px; color:#304098; } .sub_page_tit:before { display:block; overflow:hidden; background:#304098; content:''; width:40px; height:2px; position:absolute; top:12px; left:0; } .ready_wrap { display:block; overflow:hidden; } .ready_core { display:block; overflow:hidden; margin:30px; text-align:center; } .ready_core img { display:block; overflow:hidden; margin:0 auto 30px auto; } .ready_tit { display:block; overflow:hidden; font-family: 'GmarketSansBold'; font-size:40px; line-height:150%; word-break:keep-all; color:#0072bc; } .ready_text { display:block; overflow:hidden; margin:30px 0 0 0; } .ready_text span { display:block; overflow:hidden; font-family: 'ONE-Mobile-Regular'; font-size:18px; line-height:130%; word-break:keep-all; margin:0 0 10px 0; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 회사개요 */ .info_wrap { display:block; overflow:hidden; position:relative; } .info_img { display:block; overflow:hidden; position:absolute; top:0; left:0; width:620px; } .info_summary_wrap { display:block; overflow:hidden; position:relative; margin:0 0 0 700px; } .info_summary_text { display:block; overflow:hidden; font-size:27px; word-break:keep-all; line-height:150%; font-family: 'GmarketSansMedium'; margin:0 0 60px 0; } .info_summary_text b { font-size:29px; font-family: 'GmarketSansBold'; font-weight:normal; } .isc_color1 { color:#1169b3; } .isc_color2 { color:#117687; } .company_info_wrap { display:block; overflow:hidden; border-top:2px solid #212121; } .company_info_dl { display:block; overflow:hidden; border-bottom:1px solid #e0e3ed; position:relative; } .company_info_dt { display:block; overflow:hidden; position:absolute; top:0; left:0; height:100%; width:200px; background:#f3f4f8; font-family: 'ONE-Mobile-Regular'; font-weight:bold; } .company_info_tit { display:block; overflow:hidden; margin:15px 40px; } .company_info_dd { display:block; overflow:hidden; margin:0 0 0 200px; } .company_info_cont { display:block; overflow:hidden; margin:15px 40px; font-family: 'ONE-Mobile-Regular'; line-height:140%; word-break:keep-all; } /* 오시는 길 */ .map_tab { display:block; overflow:hidden; margin:0 0 20px 0; background:#0072bc; text-align:center; color:#fff; padding:10px 0; width:150px; } .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 #242f46; padding:30px 0 0 0; font-size:18px; color:#242f46; font-family: 'GmarketSansMedium'; } .map_info_dd { display:block; overflow:hidden; float:left; width:70%; border-top:3px solid #ddd; padding:30px 0 0 0; font-size:18px; text-indent:20px; font-family: 'ONE-Mobile-Regular'; } .map_info_dl span { } /* 인사말 */ .greet_wrap { display:block; overflow:hidden; } .greet_img_wrap { display:block; overflow:hidden; margin:0 auto 50px auto; } .greet_img { display:block; overflow:hidden; width:100%; margin:0 auto; position:relative; z-index:1; } .greet_img_text { display:block; overflow:hidden; background:url('/images/sub/greet_img.jpg') center center no-repeat; background-size:cover; } .greet_img_ttext { display:block; overflow:hidden; margin:70px 50px; text-align:center; color:#fff; } .greet_img_ttext1 { display:block; overflow:hidden; font-family: 'OTEnjoystoriesBA'; font-size:60px; line-height:140%; color:#fff; word-break:keep-all; } .greet_img_ttext2 { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; font-size:24px; line-height:140%; color:#eee; word-break:keep-all; } .greet_text_wrap { display:block; overflow:hidden; text-align:center; margin:0 auto; } .greet_text_top { display:block; overflow:hidden; margin:0 0 30px 0; } .greet_stit { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; line-height:150%; font-size:26px; word-break:keep-all; } .greet_ttit { display:block; overflow:hidden; font-family: 'GmarketSansBold'; line-height:150%; font-size:30px; word-break:keep-all; } .greet_ttit span { color:#1169b3; } .greet_text_cont { display:block; overflow:hidden; max-width:80%; margin:0 auto; } .greet_text_cont p { display:block; overflow:hidden; font-family: 'ONE-Mobile-Regular'; word-break:keep-all; font-size:20px; line-height:160%; margin:0 0 10px 0; } .greet_text_cont p strong { display:inline-block; color:#117687; } .greet_text_name { display:block; overflow:hidden; margin:30px 0 0 0; } .greet_text_name span { display:inline-block; overflow:hidden; vertical-align:middle; font-family: 'GmarketSansMedium'; font-size:20px; line-height:120%; margin:10px 0 0 0; padding:0 10px 0 0;} .greet_text_name b { display:inline-block; overflow:hidden; vertical-align:middle; font-family: 'Dokrip'; font-weight:normal; font-size:36px; line-height:120%; } /* 연혁 */ .history_top_text { display:block; overflow:hidden; position:relative; margin:0 auto 70px auto; text-align:center; font-family: 'GmarketSansMedium'; font-size:30px; line-height:150%; width:80%; word-break:keep-all; } .history { display:block; overflow:hidden; position:relative; } .history_img { display:block; overflow:hidden; position:absolute; top:0; left:0; width:600px; } .history_img li { display:block; overflow:hidden; } .history_img li img { display:block; overflow:hidden; width:100%; } .history_wrap { display:block; overflow:hidden; background:url('/images/sub/his_line.jpg') left center repeat-y; margin:0 0 0 700px; padding:30px 0;} .history_line { display:block; overflow:hidden; position:relative; margin:0 0 70px 30px; } .history_line:last-child { margin:0 0 0 30px; } .history_year { display:block; overflow:hidden; color:#4e7dea; font-family: 'Play', sans-serif; font-size:28px; font-weight:700; } .history_cont { display:block; overflow:hidden; } .history_list { display:block; overflow:hidden; margin:15px 0 0 0; } .history_list li { display:block; overflow:hidden; margin:15px 0 0 0; position:relative; font-size:18px; font-family: 'GmarketSansMedium'; } .history_list li:after { display:block; overflow:hidden; position:absolute; top:1px; left:0; width:8px; height:8px; border-radius:999px; border:5px solid #4e7dea; content:'';} .history_date { display:block; overflow:hidden; position:absolute; top:0; left:30px; width:50px; } .history_text { display:block; overflow:hidden; margin:0 0 0 90px; } /* 협력업체 */ .cooper_list { display:block; overflow:hidden; } .cooper_list li { display:block; overflow:hidden; float:left; width:23.5%; margin:0 2% 30px 0; } .cooper_list li:nth-child(4n) { margin:0 0 30px 0; } .cooper_item { display:block; overflow:hidden; background:#f8f8f8; border:1px solid #ddd; box-sizing:border-box; } .cooper_inner { display:block; overflow:hidden; background:#f8f8f8; margin:15px; } .cooper_logo_wrap { display:block; overflow:hidden; background:#fff; border:1px solid #ddd; box-sizing:border-box; } .cooper_logo { display:block; overflow:hidden; width:auto; max-width:100%; margin:15px auto; } .cooper_text { display:block; overflow:hidden; margin:20px 10px 0 10px; } .cooper_ttext { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; font-size:20px; line-height:120%; } .cooper_stext { display:block; overflow:hidden; position:relative; padding:0 0 0 13px; margin:10px 0 0 0; } .cooper_stext:before { display:block; overflow:hidden; position:absolute; top:12px; left:0; width:5px; height:5px; background:#4e7dea; content:''; } .cooper_stext span { display:inline-block; overflow:hidden; vertical-align:middle; font-family: 'ONE-Mobile-Regular'; margin:0 3px 0 0; } .cooper_stext span:after { display:inline-block; overflow:hidden; vertical-align:middle; font-family: 'ONE-Mobile-Regular'; content:','; margin:0 0 0 2px; } .cooper_stext span:last-child:after { display:none; } /* ------------------------------------------------------------------------------- */ /* 사업소개 */ /* ------------------------------------------------------------------------------- */ /* 사업소개 */ .biz_wrap { display:block; overflow:hidden; margin:50px 0 0 0; } .biz_text { display:block; overflow:hidden; line-height:150%; font-size:19px; font-family: 'GmarketSansMedium'; word-break:keep-all; } .biz_text span { display:block; overflow:hidden; margin:10px 0 0 0; font-size:.9em; color:#0E5998; } .biz_inner { display:block; overflow:hidden; margin:50px 0 0 0; } .biz_inner:first-child { margin:0; } .biz_tit { display:block; overflow:hidden; margin:0 0 30px 0; line-height:120%; font-size:24px; font-family: 'GmarketSansMedium'; word-break:keep-all; background:url('/images/sub/s_b.jpg') left 3px no-repeat; padding:0 0 0 20px; } .biz_cont_wrap { display:block; overflow:hidden; font-family: 'ONE-Mobile-Regular'; font-size:18px; } .biz_cont { display:block; overflow:hidden; line-height:140%; margin:0 0 30px 0; } .biz_cont:last-child { margin:0; } .biz_list { display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; padding:30px; background:#fff; } .biz_list li { display:block; overflow:hidden; margin:0 0 10px 0; position:relative; line-height:120%; word-break:keep-all; padding:0 0 0 10px; } .biz_list li:before { display:block; overflow:hidden; position:absolute; top:7px; left:0; width:5px; height:5px; background:#4e7dea; content:''; } .biz_list li:last-child { margin:0; } .biz_list li span { position: relative; padding: 0; z-index: 1;} .biz_list li span:before { position: absolute; content: ''; background:rgba(0,114,203,.2); width: 100%; height: 10px; left: 0; bottom:0; } .biz_list li.etc:before { content:'*'; width:auto; height:auto; background:none; border-right:0; top:3px; color:#0072bc; } .biz_list li.etc p { display:block; overflow:hidden; font-size:.9em; color:#0072bc; } .biz_down_btn { display:inline-block; overflow:hidden; margin:5px 0 0 0; font-size:.9em; background:#f8f8f8; padding:5px 10px; border:1px solid #ddd; } .biz_down_btn:hover { text-decoration:underline; } .biz_org_wrap { display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; background:#fff; margin:0 0 50px 0; } .biz_org { display:block; overflow:hidden; width:90%; max-width:900px; margin:30px auto; position:relative; text-align:center; background:url('/images/sub/biz_org_bg.jpg') 50px 50px no-repeat; } .biz_org ol:after { display: block; clear: both; content: ""; } .biz_org ol li { float: left; background: none; } .biz_org ol li.p_green { width:120px; height:120px; border-radius:999px; margin-left: 0; } .biz_org ol li.p_orange { width:120px; height:120px; border-radius:999px; float: right; } .biz_org ol li.p_blue { width:120px; height:120px; border-radius:999px; float: right; margin-top: 40px; } .biz_org ol li span.text1 { display:block; margin:30px 0 0 0; } .biz_org ol li span.text2 { display:block; margin:30px 0 0 0; } .biz_org ol li span.text3 { display:block; margin:50px 0 0 0; } .biz_org ol li.p_green { background: #0E5998; color:#fff; } .biz_org ol li.p_orange { background: #960000; color: #fff; } .biz_org ol li.p_blue { background: #114E16; color: #fff; } .biz_org ol li.p_blue_3 { background: #52b0eb; } .biz_org ol li.p_blue_4 { background: #95cef3; } .biz_org ol li.p_blue_5 { background: #d5eeff; } .biz_org ol li span.text1:after { content: "① 연계고용 계약 체결"; font-size: 17px; color: #000; position: absolute; top: 20px; left: 280px; } .biz_org ol li span.text2:after { content: "② 발주 및 납품(용역)"; font-size: 17px; color: #000; position: absolute; top: 85px; left: 280px; } .biz_org ol li span.text3:after { content: "③ 부담금 감면 신청 및 승인"; font-size: 17px; color: #000; position: absolute; bottom: 20px; left: 100px; } .biz_dl { display:block; overflow:hidden; margin:0 0 50px 0; } .biz_dl:last-child { margin:0; } .biz_dt { display:block; overflow:hidden; font-weight:bold; font-size:22px; color:#4e7dea; } .biz_dd { display:block; overflow:hidden; margin:20px 0 0 0; } .biz_calculate_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .biz_calculate { display:block; overflow:hidden; width:48%; } .biz_calculate span { display:inline-block; position:relative; padding:10px 15px 8px 15px; color:#fff; border-radius:9999px; margin:0 15px 0 0; } .bc1 { background:#960000; } .bc1:after { display:inline-block; content:'='; position:absolute; top:10px; right:-15px; color:#333; } .bc2 { background:#0E5998; } .bc2:after { display:inline-block; content:'*'; position:absolute; top:15px; right:-13px; color:#333; } .bc3 { background:#114E16; } .biz_calculate span:last-child:after { display:none; } .biz_base_wrap { display:block; overflow:hidden; margin:0 0 20px 0; display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; padding:30px} .biz_base_tit { display:block; overflow:hidden; text-align:center; font-family: 'ONE-Mobile-Title'; font-size:22px; line-height:120%; } .biz_base_tit span { color:#ca0000; } .biz_base_text { display:block; overflow:hidden; margin:15px 0 0 0; text-align:center; word-break:Keep-all; } .biz_emp_wrap { display:block; overflow:hidden; } .biz_emp_tb { display:block; overflow-x:auto; margin:20px 0 0 0; padding:0 0 2px 0;} .biz_tb { width:100%; min-width:800px; border-top:2px solid #0072bc; text-align:center; } .biz_tb thead th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 10px; vertical-align:middle; background:#f2fbff; color:#0072bc; } .biz_tb thead th span { display:inline-block; } .biz_tb tbody th { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 10px; vertical-align:middle; background:#f8f8f8; } .biz_tb tbody th span { display:block;font-size:.9em; } .biz_tb tbody td { border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px 10px; vertical-align:middle; } .b_r { border-right:0; } /*인증서*/ .cert_item_wrap { display:block; overflow:hidden; margin:40px 0; } .cert_item_wrap { display:inline-block; vertical-align:top; overflow:hidden; width:32%; } .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); border:1px solid #ddd; box-sizing:border-box; } .cert_item_text { display:block; overflow:hidden; width:90%; text-align:center; word-break:keep-all; font-family: 'NEXON Lv1 Gothic OTF'; } /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 개인정보 */ .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; font-family: 'ONE-Mobile-Regular'; } .privacy_summary_core { display:block; overflow:hidden; margin:25px; } .privacy_body_wrap { display:block; overflow:hidden; font-family: 'GmarketSansMedium'; } .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%; font-family: 'GmarketSansMedium'; } .privacy_cont { display:block; overflow:hidden; margin:15px 0 0 0; line-height:140%; font-weight:300; font-family: 'ONE-Mobile-Regular'; } .privacy_text { display:block; overflow:hidden; } .privacy_cont p { display:block; overflow:hidden; margin:0 0 5px 0; } .privacy_cont h4 { 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-family: 'GmarketSansBold';} .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:0; font-family: 'GmarketSansMedium'; } .site_map .nav_dep1_li { display:inline-block; overflow:hidden; width:22%; vertical-align:top; margin:0 2% 40px 0; 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; } /* ------------------------------------------------------------------------------- */ /* 이용 및 주문안내 */ /* ------------------------------------------------------------------------------- */ .cs_wrap { display:block; overflow:hidden; font-family: 'ONE-Mobile-Regular'; } .cs_dl { display:block; overflow:hidden; margin:0 auto; position:relative; text-align:center; } .cs_dt { display:block; overflow:hidden; color:#C53219; font-family: 'ONE-Mobile-Title'; font-size:30px; line-height:120%; } .cs_dd { display:block; overflow:hidden; } .cs_dd a { display:block; overflow:hidden; margin:10px 0 10px 0; font-family: 'Montserrat', sans-serif; font-size:60px; font-weight:600; line-height:140%; } .cs_dd div { display:block; overflow:hidden; font-size:20px; word-break:keep-all; } .cs_etc_wrap { display:block; overflow:hidden; background:#ebf4f9; margin:40px 0 0 0; } .cs_etc_core { display:block; overflow:hidden; margin:30px; text-align:center; font-size:18px; word-break:keep-all; } .cs_etc_core b { font-weight:normal; color:#C53219; } /* ----------------------------------------------------------------------------- */ /* 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_top_wrap { height:180px; } .sub_top_ctit { font-size:16px; margin:10px 0 0 0; } .sub_top_ttit { font-size:40px; } /* 페이지 NAVI */ .sub_nav_core { 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; } button.menu_head { font-size:16px; text-indent:10px; } .menu_body li a { font-size:16px; text-indent:10px; } #secondpane { border:0; } /* 본문 */ .sub_body_core { margin:50px auto 70px auto; } .sub_layout_tit { margin:0 auto 50px auto; } .sub_etit { font-size:14px; letter-spacing:5px; } .sub_tit { font-size:34px; } .sub_article_wrap { margin:0 0 50px 0; } .sub_page_tit { font-size:24px; } .ready_core { margin:0; } .ready_core img { width:100px; } .ready_tit { font-size:30px; } .ready_text { margin:15px 0 0 0; } .ready_text span { font-size:16px; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 회사개요 */ .info_img { position:relative; width:100%; } .info_summary_wrap { margin:30px 0 0 0; } .info_summary_text { font-size:20px; margin:0 0 20px 0; } .info_summary_text b { font-size:22px; } .company_info_dt { width:100%; position:relative; border-bottom:1px solid #e0e3ed; } .company_info_tit { margin:10px 10px; } .company_info_dd { margin:0; } .company_info_cont { margin:15px 10px; } /* 오시는 길 */ .map_info_line { margin:0 0 20px 0; float:none; width:100%; } .map_info_dt { width:25%; padding:20px 0 0 0; font-size:16px; } .map_info_dd { width:75%; padding:20px 0 0 0; font-size:16px; text-indent:0; } /* 인사말 */ .greet_img_wrap { margin:0 auto 30px auto; } .greet_img_ttext { margin:50px 30px; } .greet_img_ttext1 { font-size:40px; } .greet_img_ttext2 { font-size:18px; } .greet_text_top { margin:0 0 30px 0; } .greet_stit { font-size:22px; word-break:keep-all; } .greet_ttit { font-size:26px; line-height:130%; margin:10px 0 0 0; } .greet_text_cont { max-width:100%; } .greet_text_cont p { font-size:16px; } .greet_text_cont p strong { display:inline-block; color:#117687; } .greet_text_name span { font-size:16px; margin:10px 0 0 0;} .greet_text_name b { font-size:30px; } /* 연혁 */ .history_top_text { margin:0 auto 30px auto; font-size:20px; width:100%; } .history_img { position:relative; width:100%; } .history_wrap { margin:0 0 0 10px; padding:30px 0;} .history_line { margin:0 0 30px 20px; } .history_line:last-child { margin:0 0 0 20px; } .history_year { font-size:26px; } .history_list { margin:5px 0 0 0; } .history_list li { font-size:16px; } .history_list li:after { top:0; } .history_date { top:0; left:30px; width:50px; } .history_text { margin:0 0 0 80px; } /* 협력업체 */ .cooper_list li { float:none; width:100%; margin:0 0 20px 0; } /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 개인정보 */ .privacy_tit h3 { 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:30px; } /* 사이트맵 */ .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; } /* ------------------------------------------------------------------------------- */ /* 사업소개 */ /* ------------------------------------------------------------------------------- */ /* 사업소개 */ .biz_wrap { margin:30px 0 0 0; } .biz_text { line-height:130%; font-size:17px; } .biz_inner { margin:30px 0 0 0; } .biz_tit { margin:0 0 20px 0; font-size:20px; background:url('/images/sub/s_b.jpg') left 0 no-repeat; padding:0 0 0 15px; } .biz_cont_wrap { font-size:16px; } .biz_cont { margin:0 0 15px 0; } .biz_list { padding:15px; } .biz_org_wrap { margin:0 0 30px 0; } .biz_org {max-width:300px; margin:15px auto; position:relative; text-align:center; background:url('/images/sub/biz_org_bgm.jpg') 40px center no-repeat; } .biz_org ol:after { display: block; clear: both; content: ""; } .biz_org ol li { float: left; background: none; } .biz_org ol li.p_green { width:80px; height:80px; } .biz_org ol li.p_orange { width:80px; height:80px; } .biz_org ol li.p_blue { width:80px; height:80px; margin:10px 0 0 0; } .biz_org ol li span.text1 { display:block; margin:20px 0 0 0; } .biz_org ol li span.text2 { display:block; margin:20px 0 0 0; } .biz_org ol li span.text3 { display:block; margin:30px 0 0 0; } .biz_org ol li span.text1:after { font-size: 15px; top: 10px; left: 85px; } .biz_org ol li span.text2:after { font-size: 15px; top: 50px; left: 85px; } .biz_org ol li span.text3:after { font-size: 15px; bottom: 0px; left:30px; } .biz_dl { margin:0 0 30px 0; } .biz_dt { font-size:18px; } .biz_dd { margin:10px 0 0 0; } .biz_calculate { width:100%; margin: 0; padding:0; } .biz_calculate span { display:block; margin:15px auto; text-align:center; } .bc1:after { display:block; content:'='; top:auto; right:auto; left:50%; bottom:-20px; text-align:center; } .bc2:after { display:block; content:'*'; top:auto; right:auto; left:50%; bottom:-25px; text-align:center; } .biz_base_wrap { padding:15px; } .biz_base_tit { font-size:18px; } .biz_base_tit span { display:block; margin:5px 0 0 0;} .biz_tb thead th { padding:10px 5px; } .biz_tb tbody th { padding:10px 5px; } .biz_tb tbody td { padding:10px 5px; } /*인증서*/ .cert_item_wrap { width:100%; margin:20px 0; } /* ------------------------------------------------------------------------------- */ /* 이용 및 주문안내 */ /* ------------------------------------------------------------------------------- */ .cs_dt { font-size:24px; } .cs_dd a { font-size:40px; margin:5px 0 0 0 ; } .cs_dd div { font-size:17px; } .cs_etc_wrap { margin:30px 0 0 0; } .cs_etc_core { margin:15px; font-size:16px; } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ /* 상단 */ .sub_top_wrap { height:250px; } .sub_top_ttit { font-size:40px; } /* 페이지 NAVI */ .sub_home { display:none} .menu_list { width:50%; position:relative; background:url('../images/sub/path_2depth_bg01.png') no-repeat right 15px center; } button.menu_head { font-size:16px; text-indent:10px; } .menu_body li a { font-size:16px; text-indent:10px; } #secondpane { border:0; } /* 본문 */ .sub_body_core { margin:60px auto; } .sub_layout_tit { margin:0 auto 50px auto; } .sub_tit { font-size:38px; } .sub_article_wrap { margin:0 0 50px 0; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 회사개요 */ .info_img { position:relative; width:100%; } .info_summary_wrap { margin:40px 0 0 0; } .info_summary_text { font-size:24px; margin:0 0 30px 0; } .info_summary_text b { font-size:26px; } .company_info_dt { width:150px; } .company_info_tit { margin:15px; } .company_info_dd { margin:0 0 0 150px; } .company_info_cont { margin:15px; } /* 오시는 길 */ .map_info_line { margin:0 0 20px 0; float:none; width:100%; } .map_info_dt { width:25%; padding:20px 0 0 0; } .map_info_dd { width:75%; padding:20px 0 0 0; } /* 인사말 */ .greet_text_cont { max-width:100%; } /* 연혁 */ .history_top_text { margin:0 auto 50px auto; font-size:24px; width:100%; } .history_img { width:300px; } .history_wrap { margin:0 0 0 350px; padding:10px 0;} .history_list li { font-size:17px; } /* 협력업체 */ .cooper_list li { width:49%; } .cooper_list li:nth-child(2n) { margin:0 0 30px 0; } /* ------------------------------------------------------------------------------- */ /* 사업소개 */ /* ------------------------------------------------------------------------------- */ /* 사업소개 */ .biz_calculate { width:100%; margin: 0 0 15px 0; padding:0; } .biz_org { background:url('/images/sub/biz_org_bg.jpg') 70px 70px no-repeat; background-size:68%; } .biz_org ol li.p_blue { margin:10px 0 0 0; } .biz_org ol li span.text1:after { top: 40px; left: 200px; } .biz_org ol li span.text2:after { top: 90px; left: 200px; } .biz_org ol li span.text3:after { bottom:30px; left:150px; } /*인증서*/ .cert_item_wrap { width:48%; margin:20px 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;} } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ /* 페이지 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; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 회사개요 */ .info_img { width:420px; } .info_summary_wrap { margin:0 0 0 450px; } .info_summary_text { font-size:24px; margin:0 0 30px 0; } .company_info_dt { width:150px; } .company_info_tit { margin:15px 20px; } .company_info_dd { margin:0 0 0 150px; } .company_info_cont { margin:15px 20px; } /* 오시는 길 */ .map_info_line { float:none; width:100%; } .map_info_dt { width:25%; } .map_info_dd { width:75%; } /* 연혁 */ .history_top_text { margin:0 auto 50px auto; } .history_img { width:500px; } .history_wrap { margin:0 0 0 550px; padding:10px 0;} /* 협력업체 */ .cooper_list li { width:31.3%; margin:0 2% 30px 0 !important; } .cooper_list li:nth-child(3n) { margin:0 0 30px 0 !important; } /* ------------------------------------------------------------------------------- */ /* 사업소개 */ /* ------------------------------------------------------------------------------- */ /* 사업소개 */ .biz_calculate { width:100%; margin: 0 0 15px 0; padding:0; } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은*/ /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 회사개요 */ .info_img { width:420px; } .info_summary_wrap { margin:0 0 0 480px; } .info_summary_text { font-size:24px; margin:0 0 30px 0; } .company_info_dt { width:150px; } .company_info_tit { margin:15px 20px; } .company_info_dd { margin:0 0 0 150px; } .company_info_cont { margin:15px 20px; } /* 연혁 */ .history_img { width:500px; } .history_wrap { margin:0 0 0 550px; padding:10px 0;} /* 협력업체 */ .cooper_list li { width:31.3%; margin:0 2% 30px 0 !important; } .cooper_list li:nth-child(3n) { margin:0 0 30px 0 !important; } /* ------------------------------------------------------------------------------- */ /* 사업소개 */ /* ------------------------------------------------------------------------------- */ /* 사업소개 */ .biz_calculate { width:100%; margin: 0 0 15px 0; padding:0; } } @media only screen and (min-width:1401px) and (max-width:1600px) { /* 작은*/ /* ------------------------------------------------------------------------------- */ /* 사업소개 */ /* ------------------------------------------------------------------------------- */ /* 사업소개 */ .biz_calculate { width:100%; margin: 0 0 15px 0; padding:0; } } @media only screen and (min-width:1140px) { /* PC */ }