@charset "utf-8"; @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /*노토산스 웹폰트*/ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); /*IBM플렉스산스 웹폰트*/ /*지마켓산스 웹폰트*/ @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; } /* PC 모드 CSS */ html, body { height:100%; } body { overflow-y:scroll; font-family: 'Noto Sans KR', sans-serif; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #loading_display { position:absolute; left:0px; right:0px; top:0px; bottom:0px; background:#000; z-index:200; } #loading_display #loading_display_in1 { position:absolute; left:50%; top:50%; } #loading_display #loading_display_in2 { position:absolute; left:-25px;; top:-25px; width:50px; height:50px; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #wrap { position:relative; display:none; min-width:1902px; } /*수정전 position:relative; display:none; min-width:1220px;*/ #top { position:fixed; top:0px; width:100%; height:134px; z-index:50; background:#fff; } /*수정전 position:fixed; top:0px; width:100%; height:146px; z-index:50; background:#fff;*/ #top #logo_n_top { position:relative; width:1260px; margin:0 auto; overflow:hidden; } #top #logo_n_top h1 { position:relative; width:237px; z-index:22; } /*신규추가*/ #top #logo_n_top h1.logo_text { display:block; height:100px; line-height:100px; font-size:30px; } #top #logo_n_top #etc_menu { position:absolute; right:0; top:0; height:32px; background:#FFF; } /*수정전 position:absolute; right:0px; bottom:20px; background:#FFF;*/ #top #logo_n_top #etc_menu ul li { float:left; height:32px; font-size:12px; background:#155b8e; } /*수정전 float:left; height:18px; background:URL('../img/bg09.gif') no-repeat; font-size:12px;*/ /* #top #logo_n_top #etc_menu ul li:nth-child(1) { float:left; background:#FFF; height:18px; font-size:12px; } */ #top #logo_n_top #etc_menu ul li span { display:inline-block; height:13px; line-height:13px; padding:9px 23px; color:#fff; } /*수정전 display:inline-block; height:18px; line-height:18px; padding:0px 10px 0px 11px; color:#999;*/ #top #logo_n_top #etc_menu ul li span.mob { display:inline-block; height:13px; line-height:13px; padding:9px 23px; color:#666; background:#F1F1F1; border-radius:2px; border:1px solid #DADADA; font-size:11px; } /*수정전 display:inline-block; height:16px; line-height:16px; padding:0px 10px 0px 10px; color:#666; background:#F1F1F1; border-radius:2px; border:1px solid #DADADA; font-size:11px;*/ #top #logo_n_top #etc_menu ul li span:hover { text-decoration:underline; } #top #logo_n_top #etc_menu ul li span.mob:hover { text-decoration:none; } #top #menu1 { position:absolute; width:100%; overflow:hidden; top:33px; padding-left:265px; } /*수정전 position:absolute; width:100%; overflow:hidden;*/ #top #menu2 { position:relative; width:1260px; margin:0 auto; overflow:hidden; z-index:21; } #top #menu2 ul.m1_ul { overflow:hidden; width:1260px; margin-bottom:30px; } #top #menu2 li.m1_li { font-size:15px; float:left; min-width:100px; overflow:hidden; text-align:center; } /*수정전 font-size:13px; float:left; margin-left:10px; margin-right:10px; min-width:100px; overflow:hidden; text-align:center; */ #top #menu2 li.m1_li span.m1_li { display:inline-block; height:98px; line-height:98px; overflow:hidden; } /*수정전 display:inline-block; margin-top:4px; height:40px; line-height:40px; overflow:hidden;*/ #top #menu2 ul.m2_ul { margin-top:20px; } #top #menu2 li.m2_li { padding-top:4px; cursor:pointer; text-align:center; margin-left:10px; margin-right:10px; } #top #menu2 li.m2_li a span:hover { text-decoration:underline; transition:0.5s ease; font-weight:bold; } /*추가*/ #top #menu2 li.m3_li { padding-top:4px; cursor:pointer; text-align:left; margin-left:0px; margin-right:10px; } #top #menu3 { position:absolute; top:101px; left:0px; right:0px; bottom:0px; z-index:20; } /*수정전 position:absolute; top:46px; left:0px; right:0px; bottom:0px; z-index:20;*/ #mode_change { margin-bottom:1px; text-align:center; font-weight:bold; color:#F00; background:#F1F1F1; padding:10px; } /* 모바일기기용 상단 CSS */ #top_mob { position:fixed; top:0px; z-index:50; background:#fff; min-width:1902px; } /*수정전 position:fixed; top:0px; z-index:50; background:#fff;*/ #top_mob #logo_n_top { position:relative; width:1260px; margin:0 auto; overflow:hidden; } #top_mob #logo_n_top h1 { position:relative; width:237px; z-index:22; } /*신규추가*/ #top_mob #logo_n_top h1.logo_text { display:block; height:100px; line-height:100px; font-size:30px; } #top_mob #logo_n_top #etc_menu { position:absolute; right:0; top:0; height:32px; background:#FFF; } /*수정전 position:absolute; right:0px; bottom:20px; background:#FFF;*/ #top_mob #logo_n_top #etc_menu ul li { float:left; height:32px; font-size:12px; background:#155b8e; } /*수정전 float:left; height:18px; background:URL('../img/bg09.gif') no-repeat; font-size:12px;*/ /* #top_mob #logo_n_top #etc_menu ul li:nth-child(1) { float:left; background:#FFF; height:18px; font-size:12px; } */ #top_mob #logo_n_top #etc_menu ul li span { display:inline-block; height:13px; line-height:13px; padding:9px 23px; color:#fff; } /*수정전 display:inline-block; height:18px; line-height:18px; padding:0px 10px 0px 11px; color:#999;*/ #top_mob #logo_n_top #etc_menu ul li span.mob { display:inline-block; height:13px; line-height:13px; padding:9px 23px; color:#666; background:#F1F1F1; border-radius:2px; border:1px solid #DADADA; font-size:11px; } /*수정전 display:inline-block; height:16px; line-height:16px; padding:0px 10px 0px 10px; color:#666; background:#F1F1F1; border:1px solid #DADADA; font-size:11px;*/ #top_mob #logo_n_top #etc_menu ul li span:hover { text-decoration:underline; } #top_mob #logo_n_top #etc_menu ul li span.mob:hover { text-decoration:none; } #top_mob #menu1 { position:absolute; width:100%; overflow:hidden; top:33px; padding-left:265px; } /*수정전 position:relative; overflow:hidden;*/ #top_mob #menu2 { position:relative; width:1260px; margin:0 auto; overflow:hidden; z-index:21; } #top_mob #menu2 ul.m1_ul { overflow:hidden; width:1260px; margin-bottom:30px; } #top_mob #menu2 li.m1_li { font-size:13px; float:left; min-width:100px; overflow:hidden; text-align:center; } /*수정전 font-size:13px; float:left; margin-left:10px; margin-right:10px; min-width:100px; overflow:hidden; text-align:center;*/ #top_mob #menu2 li.m1_li span.m1_li { display:inline-block; height:98px; line-height:98px; overflow:hidden; } /*수정전 display:inline-block; margin-top:4px; height:40px; line-height:40px; overflow:hidden;*/ #top_mob #menu2 ul.m2_ul { margin-top:20px; } #top_mob #menu2 li.m2_li { padding-top:4px; cursor:pointer; text-align:center; margin-left:10px; margin-right:10px; } /*수정전 padding-top:4px; cursor:pointer; text-align:left; margin-left:10px; margin-right:10px;*/ #top_mob #menu2 li.m2_li a span:hover { text-decoration:underline; transition:0.5s ease; font-weight:bold; } /*추가*/ #top_mob #menu2 li.m3_li { padding-top:4px; cursor:pointer; text-align:left; margin-left:0px; margin-right:10px; } #top_mob #menu3 { position:absolute; top:100px; left:0px; right:0px; bottom:0px; z-index:20; } /*수정전 position:absolute; top:46px; left:0px; right:0px; bottom:0px; z-index:20;*/ #mobile_mode_button { position:relative; width:1260px; padding:10px; text-align:center; margin-bottom:1px; background:#F1F1F1; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #quick { position:relative; clear:both; z-index:13; } #quick_left { position:absolute; left:0px; top:0px; width:50%; height:100%; } #quick_left_in { position:relative; margin-right:630px; height:100%; } #quick_left_area { position:absolute; top:0px; } #quick_left li { line-height:1px; } #quick_left img { vertical-align:top; line-height:1px; } #quick_right { position:absolute; right:0px; top:150px; width:50%; height:100%; } #quick_right_in { position:relative; margin-left:630px; height:100%; } #quick_right_area { position:absolute; top:0px; } #quick_right li { line-height:1px; } #quick_right img { vertical-align:top; } #visual_area { position:relative; clear:both; overflow:hidden; } #visual_area div.visual_group { position:absolute; width:100%; top:134px; overflow:hidden; } #visual_area div.visual_group div.visual_left { position:absolute; left:0px; top:0px; width:50%; height:100%; } #visual_area div.visual_group div.visual_left_in { position:relative; margin-right:630px; height:100%; } #visual_area div.visual_group div.visual_right { position:absolute; right:0px; top:0px; width:50%; height:100%; } #visual_area div.visual_group div.visual_right_in { position:relative; margin-left:630px; height:100%; } #visual_area div.visual_group div.visual_center { position:relative; margin:0 auto; width:1260px; z-index:2; overflow:hidden; } #visual_area #visual_bul_group { position:absolute; left:0px; bottom:20px; width:100%; height:15px; text-align:center; z-index:13; } #visual_area #visual_bul_group span.visual_slide_bul1 { display:inline-block; width:16px; height:16px; background:URL('../img/btn_now.png'); margin:0px 2px 0px 2px; cursor:pointer; } #visual_area #visual_bul_group span.visual_slide_bul2 { display:inline-block; width:16px; height:16px; background:URL('../img/btn_next.png'); margin:0px 2px 0px 2px; cursor:pointer; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #main_contents { } #main_contents div.main_board_area { position:relative; float:left; display:inline-block; overflow:hidden; } #main_contents div.main_board_area div.main_board_A_630 { position:relative; width:630px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; } #main_contents div.main_board_area div.main_board_A_630 ul { margin-top:15px; } #main_contents div.main_board_area div.main_board_A_630 ul li { display:block; font-size:14px; height:26px; line-height:26px; width:583px; padding-left:17px; overflow:hidden; background:URL('../img/bul02.png') left center no-repeat; } #main_contents div.main_board_area div.main_board_A_630 ul li span.subject { vertical-align:middle; float:left; display:inline-block; width:513px; margin-right:10px; color:#656565; } #main_contents div.main_board_area div.main_board_A_630 ul li span.subject:hover { color:#2383B5; text-decoration:underline; } #main_contents div.main_board_area div.main_board_A_630 ul li span.date { vertical-align:middle; float:left; display:inline-block; font-size:12px; width:60px; text-align:right; color:#656565; } #main_contents div.main_board_area div.main_board_B_630 { position:relative; width:630px; height:165px; overflow:hidden; padding:30px 0px 30px 0px;} #main_contents div.main_board_area div.main_board_B_630 ul { margin-top:15px; } #main_contents div.main_board_area div.main_board_B_630 ul li span { vertical-align:top; } #main_contents div.main_board_area div.main_board_B_630 ul li span.img { float:left; margin-right:20px; } #main_contents div.main_board_area div.main_board_B_630 ul li span.subject { display:block; width:430px; height:17px; line-height:18px; font-size:16px; font-weight:bold; overflow:hidden; color:#000; } #main_contents div.main_board_area div.main_board_B_630 ul li span.subject:hover { color:#2383B5; text-decoration:underline; } #main_contents div.main_board_area div.main_board_B_630 ul li p.board_content { color:#666; width:430px; font-size:14px; line-height:21px; margin-top:20px; height:82px; overflow:hidden; text-align:justify; } #main_contents div.main_board_area div.main_board_B_630 ul li p.board_content > a { color:#666; } #main_contents div.main_board_area div.main_board_B_630 ul li p.board_content > a:hover { color:#2383B5; text-decoration:underline; } #main_contents div.main_board_area div.main_board_C_630 { position:relative; width:630px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; } #main_contents div.main_board_area div.main_board_C_630 ul { margin-top:15px; } #main_contents div.main_board_area div.main_board_C_630 ul li { float:left; width:100px; margin-right:23px; overflow:hidden; } /* #main_contents div.main_board_area div.main_board_C_630 ul li:last-child { margin-right:0px; } */ #main_contents div.main_board_area div.main_board_C_630 ul li span { vertical-align:middle; } #main_contents div.main_board_area div.main_board_C_630 ul li span.img { display:block; margin-bottom:10px; } #main_contents div.main_board_area div.main_board_C_630 ul li span.subject { display:block; font-size:12px; line-height:14px; height:28px; overflow:hidden; font-weight:bold; color:#000000; vertical-align:middle; } #main_contents div.main_board_area div.main_board_C_630 ul li span.subject:hover { color:#2383B5; text-decoration:underline; } #main_contents div.main_board_area div.main_board_A_1000 { position:relative; overflow:hidden; padding:30px 0px 30px 0px; } #main_contents div.main_board_area div.main_board_A_1000 ul li { display:block; font-size:24px; height:33px; line-height:33px; text-align:center; overflow:hidden; } #main_contents div.main_board_area div.main_board_A_1000 ul li span { vertical-align:middle; margin-right:2px; } #main_contents div.main_board_area div.main_board_A_1000 ul li span.subject { font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; color:#010101; } #main_contents div.main_board_area div.main_board_A_1000 ul li span.subject:hover { color:#2383B5; text-decoration:underline; } #main_contents div.main_board_area div.main_board_B_1000 { position:relative; overflow:hidden; padding:30px 0px 30px 0px; } #main_contents div.main_board_area div.main_board_B_1000 ul li span { vertical-align:top; } #main_contents div.main_board_area div.main_board_B_1000 ul li span.img { float:left; margin-right:30px; } #main_contents div.main_board_area div.main_board_B_1000 ul li span.subject { display:block; width:770px; height:33px; line-height:33px; font-size:24px; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; overflow:hidden; } #main_contents div.main_board_area div.main_board_B_1000 ul li span.board_subject { color:#010101; } #main_contents div.main_board_area div.main_board_B_1000 ul li span.board_subject:hover { color:#2383B5; text-decoration:underline; } #main_contents div.main_board_area div.main_board_B_1000 ul li span.board_title { float:right; height:14px; line-height:14px; font-size:12px; color:#9A9A9A; padding-left:20px; margin-top:9px; border-left:1px solid #DADADA; } #main_contents div.main_board_area div.main_board_B_1000 ul li p.board_content { margin-top:10px; height:110px; overflow:hidden; text-align:justify; } #main_contents div.main_board_area div.main_board_B_1000 ul li p.board_content > a { color:#666; font-size:14px; line-height:22px; margin-top:17px; } #main_contents div.main_board_area div.main_board_B_1000 ul li p.board_content > a:hover { color:#2383B5; text-decoration:underline; } #main_contents div.main_board_area div.main_board_C_1000 { position:relative; overflow:hidden; padding:30px 0px 30px 0px; } #main_contents div.main_board_area div.main_board_C_1000 ul li { float:left; width:385px; height:400px; margin:0 17px; overflow:hidden; background:#fff; box-shadow:0px 0px 8px 0px #c9d3d9; } /*수정전 float:left; width:180px; margin-right:35px; overflow:hidden;*/ /* #main_contents div.main_board_area div.main_board_C_1000 ul li:last-child { margin-right:0px; } */ #main_contents div.main_board_area div.main_board_C_1000 ul li span { vertical-align:middle; } #main_contents div.main_board_area div.main_board_C_1000 ul li span.date { vertical-align:middle; font-family:'IBM Plex Sans', sans-serif; font-size:15px; color:#a0a0a0; display:block; padding:10px 28px; } /*추가*/ #main_contents div.main_board_area div.main_board_C_1000 ul li span.img { display:block; margin-bottom:10px; } #main_contents div.main_board_area div.main_board_C_1000 ul li span.img span { transform-box:fill-box; width:385px; height:220px; } /*추가*/ #main_contents div.main_board_area div.main_board_C_1000 ul li span.img span img { transform:scale(1); } #main_contents div.main_board_area div.main_board_C_1000 ul li span.img span img:hover { transform:scale(1.2); transition:2s; } #main_contents div.main_board_area div.main_board_C_1000 ul li span.subject { display:-webkit-box; padding:0 28px; word-break:keep-all; font-size:22px; line-height:29px; font-weight:bold; color:#000; vertical-align:middle; letter-spacing:-2px; text-align:left; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; max-height:58px; } /*수정전 font-size:14px; line-height:16px; font-weight:bold; color:#000; vertical-align:middle;*/ #main_contents div.main_board_area div.main_board_C_1000 ul li span.subject:hover { color:#1472cf; } /*수정전 color:#2383B5; text-decoration:underline;*/ #main_contents div.main_board_area div.main_board_C_1000 ul li p.board_content { color:#666; font-size:12px; line-height:18px; overflow:hidden; text-align:justify; margin-top:20px; padding:0 28px; } /*수정전 color:#666; font-size:12px; line-height:18px; overflow:hidden; text-align:justify; margin-top:5px; padding:15px;*/ #main_contents div.main_board_area div.main_board_C_1000 ul li p.board_content > a { display:-webkit-box; text-align:left; max-height:54px; word-break:keep-all; -webkit-line-clamp:3; -webkit-box-orient:vertical; color:#666; font-size:14px; color:#a0a0a0; } /*수정전 color:#666;*/ #main_contents div.main_board_area div.main_board_C_1000 ul li p.board_content > a:hover { } /*수정전 color:#2383B5; text-decoration:underline;*/ #main_contents div.main_form_area { position:relative; float:left; display:inline-block; overflow:hidden; } #main_contents div.main_form_area span.title { display:block; text-align:center; height:32px; line-height:32px; font-size:14px; } #main_contents div.main_form_area span.title2 { color:#010101; } #main_contents div.main_form_area span.title3 { color:#000; font-size:16px; font-weight:bold; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; } #main_contents div.main_form_area div.main_form_1000 { position:relative; overflow:hidden; padding:30px 0px 30px 0px; } #main_contents div.main_form_area div.main_form_1000 ul li { display:block; font-size:24px; height:33px; line-height:33px; text-align:center; overflow:hidden; } #main_contents div.main_form_area div.main_form_1000 ul li span { vertical-align:middle; } #main_contents div.main_form_area div.main_form_1000 ul li span.date { float:left; font-size:14px; color:#666; } #main_contents div.main_form_area div.main_form_1000 ul li span.subject { display:inline-block; width:700px; overflow:hidden; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; color:#010101; } #main_contents div.main_form_area div.main_form_1000 ul li span.subject:hover { color:#2383B5; text-decoration:underline; } #main_contents div.main_form_area div.main_form_1000 ul li span.state { float:right; font-size:12px; color:#666; } #main_contents div.main_form_area div.main_form_1000 ul li span.state_1 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #AED0DC; background:#C0E7F6; } #main_contents div.main_form_area div.main_form_1000 ul li span.state_2 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #E7BFB3; background:#FFD5C5; } #main_contents div.main_form_area div.main_form_1000 ul li span.state_3 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #BCB9CC; background:#D0CDE2; } #main_contents div.main_form_area div.main_form_1000 ul li span.state_4 { display:inline-block; width:100px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #D4D8BD; background:#EBF0D2; } #main_contents div.main_form_area div.main_form_500 { position:relative; width:630px; height:165px; overflow:hidden; padding:30px 0px 30px 0px;} #main_contents div.main_form_area div.main_form_500 ul { margin-top:15px; } #main_contents div.main_form_area div.main_form_500 ul li { display:block; height:26px; line-height:26px; overflow:hidden; } #main_contents div.main_form_area div.main_form_500 ul li span { float:left; vertical-align:middle; } #main_contents div.main_form_area div.main_form_500 ul li span.date { display:inline-block; width:90px; font-size:12px; color:#666; text-align:center; } #main_contents div.main_form_area div.main_form_500 ul li span.subject { display:inline-block; font-size:14px; width:393px; height:22px; overflow:hidden; color:#666; padding-left:17px; background:URL('../img/bul03.png') left center no-repeat; } #main_contents div.main_form_area div.main_form_500 ul li span.subject:hover { color:#2383B5; text-decoration:underline; } #main_contents div.main_form_area div.main_form_500 ul li span.state { font-size:12px; color:#666; text-align:center; } #main_contents div.main_form_area div.main_form_500 ul li span.state_1 { display:inline-block; width:98px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #AED0DC; background:#C0E7F6; } #main_contents div.main_form_area div.main_form_500 ul li span.state_2 { display:inline-block; width:98px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #E7BFB3; background:#FFD5C5; } #main_contents div.main_form_area div.main_form_500 ul li span.state_3 { display:inline-block; width:98px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #BCB9CC; background:#D0CDE2; } #main_contents div.main_form_area div.main_form_500 ul li span.state_4 { display:inline-block; width:98px; height:22px; line-height:22px; color:#353430; border-radius:2px; border:1px solid #D4D8BD; background:#EBF0D2; } #main_contents div.main_login_area { position:relative; float:left; display:inline-block; overflow:hidden; } #main_contents div.main_login_area div.div1 { padding:30px 0px 30px 0px; } #main_contents div.main_login_area div.div2 { position:relative; width:630px; height:165px; overflow:hidden; padding:30px 0px 30px 0px; } #main_contents div.main_login_area h3.title { float:left; display:inline-block; width:100px; height:32px; line-height:32px; vertical-align:top; } #main_contents div.main_login_area span.title { font-size:24px; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; color:#333; } #main_contents div.main_login_area span.title2 { color:#000; font-size:16px; font-weight:bold; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; } #main_contents div.main_login_area input.css_id { ime-mode:disabled; border:1px solid #DADADA; width:222px; height:14px; margin-right:10px; padding:8px; background:URL('../img/input_bg_id.jpg') #F9F9F9 no-repeat; } #main_contents div.main_login_area input.css_id2 { position:absolute; left:0px; top:70px; ime-mode:disabled; border:1px solid #DADADA; width:294px; height:14px; padding:8px; background:URL('../img/input_bg_id.jpg') #F9F9F9 no-repeat; } #main_contents div.main_login_area input.css_pwd { border:1px solid #DADADA; width:222px; height:14px; margin-right:10px; padding:8px; background:URL('../img/input_bg_pwd.jpg') #F9F9F9 no-repeat; } #main_contents div.main_login_area input.css_pwd2 { position:absolute; left:0px; top:108px; border:1px solid #DADADA; width:294px; height:14px; padding:8px; background:URL('../img/input_bg_pwd.jpg') #F9F9F9 no-repeat; } #main_contents div.main_login_area button.btn_login { width:150px; height:32px; color:#FFF; font-weight:bold; margin-right:40px; border-radius:3px; border:1px solid #2383B5; background:#289CCB; } #main_contents div.main_login_area button.btn_login2 { position:absolute; left:320px; top:70px; width:150px; height:70px; font-size:16px; color:#FFF; font-weight:bold; border-radius:3px; border:1px solid #2383B5; background:#289CCB; } #main_contents div.main_login_area button.btn_login3 { position:absolute; left:320px; top:70px; width:150px; height:70px; font-size:16px; color:#FFF; font-weight:bold; margin-right:40px; border-radius:3px; border:1px solid #2383B5; background:#289CCB; } #main_contents div.main_login_area span.other_menu { float:right; display:inline-block; width:195px; height:32px; line-height:16px; overflow:hidden; } #main_contents div.main_login_area span.other_menu1 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; text-decoration:underline; margin-right:20px; } #main_contents div.main_login_area span.other_menu2 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; } #main_contents div.main_login_area span.other_menu3 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; margin-right:20px; } #main_contents div.main_login_area span.other_menu4 { float:right; display:inline-block; width:200px; height:32px; line-height:16px; overflow:hidden; } #main_contents div.main_login_area span.other_menu5 { font-size:11px; font-weight:bold; color:#2383B6; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; text-decoration:underline; margin-right:20px; } #main_contents div.main_login_area span.other_menu6 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; } #main_contents div.main_login_area span.other_menu7 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; margin-right:20px; } #main_contents div.main_login_area span.other_menu8 { font-size:11px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; } #main_contents div.main_login_area span.other_menu9 { position:absolute; left:0px; top:160px; } #main_contents div.main_login_area span.other_menu10 { font-size:14px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; text-decoration:underline; margin-right:14px; } #main_contents div.main_login_area span.other_menu11 { font-size:14px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; margin-right:14px; } #main_contents div.main_login_area span.other_menu13 { font-size:14px; color:#666; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; } #main_contents div.main_login_area span.other_menu14 { font-size:14px; font-weight:bold; color:#2383B6; background:URL('../img/bul01.png') left center no-repeat; padding-left:7px; text-decoration:underline; margin-right:14px; } #main_contents div.main_login_area span.membership { display:inline-block; width:490px; height:32px; line-height:32px; background:URL('../img/login_bg.png'); text-align:center; color:#000; margin-right:10px; vertical-align:top; } #main_contents div.main_login_area span.membership1 { font-weight:bold; text-decoration:underline; } #main_contents div.main_login_area span.membership2 { display:inline-block; margin-left:15px; vertical-align:middle; } #main_contents div.main_login_area span.membership3 { position:absolute; left:0px; top:70px; display:inline-block; width:310px; height:68px; line-height:68px; background:#F0F0F0; border-radius:3px; border:1px solid #CDCDCD; text-align:center; color:#000; font-size:14px; } #main_contents div.main_login_area span.membership4 { font-weight:bold; text-decoration:underline; } #main_contents div.main_login_area span.membership5 { color:#C00; margin-left:10px; } #main_contents div.main_diary_area { position:relative; float:left; display:inline-block; overflow:hidden; } #main_contents div.main_diary_area div.div1 { padding:30px 0px 30px 0px; overflow:hidden; } #main_contents div.main_diary_area div.div2 { position:relative; width:630px; height:165px; overflow:hidden; padding:30px 0px 30px 0px;} #main_contents div.main_diary_area div.div3 { margin-left:25px; } #main_contents div.main_diary_area div.div4 { float:left; width:155px; text-align:center; } #main_contents div.main_diary_area div.div5 { margin-bottom:10px; } #main_contents div.main_diary_area div.div6 { text-align:center; font-family:'Arial Black'; height:90px; overflow:hidden; font-size:100px; line-height:90px; color:#333; margin-bottom:15px; } #main_contents div.main_diary_area div.div7 { text-align:center; font-size:14px; line-height:17px; color:#333; font-weight:bold; } #main_contents div.main_diary_area div.div8 { float:left; overflow:hidden; margin-left:20px; } #main_contents div.main_diary_area span.title { display:block; height:24px; line-height:24px; font-size:24px; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; overflow:hidden; color:#010101; text-align:center; border-bottom:1px solid #F7F7F7; padding-bottom:20px; margin-bottom:23px; } #main_contents div.main_diary_area span.ym { display:block; font-size:16px; color:#2E2E2E; margin-bottom:10px; font-family:tahoma; } #main_contents div.main_diary_area span.ym2 { display:inline-block; width:90px; height:14px; line-height:14px; text-align:center; font-size:14px; color:#2E2E2E; font-family:tahoma; vertical-align:top; } #main_contents div.main_diary_area span.ymc { display:inline-block; width:14px; height:14px; vertical-align:top; } #main_contents div.main_diary_area span.week { color:#666; font-weight:normal; } #main_contents div.main_diary_area li.m1 { float:left; text-align:center; width:305px; } #main_contents div.main_diary_area li.m2 { float:left; text-align:center; width:305px; margin-left:10px; } #main_contents div.main_diary_area div.main_diary { width:282px;} #main_contents div.main_diary_area div.main_diary ul { border:1px solid #FFF; overflow:hidden; } #main_contents div.main_diary_area div.main_diary ul li { float:left; display:inline-block; width:38px; height:23px; border:1px solid #FFF; text-align:center; font-family:tahoma; font-size:12px; } #main_contents div.main_diary_area div.main_diary ul li.days { float:left; display:inline-block; width:38px; height:23px; border:1px solid #FFF; text-align:center; font-family:tahoma; font-size:12px; } #main_contents div.main_diary_area div.main_diary ul li.days:hover { border:1px solid #45bbeb; } #main_contents div.main_diary_area div.main_diary ul li span { display:inline-block; width:38px; height:23px; line-height:23px; color:#333; } #main_contents div.main_diary_area div.main_diary_1 { width:420px;} #main_contents div.main_diary_area div.main_diary_1 ul { border:1px solid #FFF; overflow:hidden; } #main_contents div.main_diary_area div.main_diary_1 ul li { float:left; display:inline-block; width:56px; height:23px; border:1px solid #FFF; text-align:center; font-family:tahoma; font-size:12px; } #main_contents div.main_diary_area div.main_diary_1 ul li.days { float:left; display:inline-block; width:56px; height:23px; border:1px solid #FFF; text-align:center; font-family:tahoma; font-size:12px; } #main_contents div.main_diary_area div.main_diary_1 ul li.days:hover { border:1px solid #45bbeb; } #main_contents div.main_diary_area div.main_diary_1 ul li span { display:inline-block; width:56px; height:23px; line-height:23px; color:#333; } #main_contents div.main_banner_area { position:relative; float:left; display:inline-block; } #main_contents div.main_content_block { width:1260px; margin:0 auto; overflow:hidden; } #main_contents div.main_content_block span.main_board_title1 { display:none; text-align:center; height:32px; line-height:32px; font-size:14px; margin-bottom:10px; } /*수정전 display:block; text-align:center; height:32px; line-height:32px; font-size:14px; margin-bottom:10px;*/ #main_contents div.main_content_block span.main_board_title11{ color:#010101; } #main_contents div.main_content_block span.main_board_title2{ color:#000; font-size:16px; font-weight:bold; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content_left_area { clear:both; margin:0px auto; width:1260px; overflow:hidden; } /*수정전 clear:both; margin:0px auto; width:200px; overflow:hidden;float:left;*/ #content_left_area div.title_n_loc { margin:60px 0px 60px 0px; overflow:hidden; } #content_left_area div.title_n_loc span.title{ font-size:36px; line-height:40px; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; color:#000; vertical-align:middle; } #content_left_area div.title_n_loc span.loc { float:right; line-height:35px; margin-left:20px; vertical-align:middle; } #content_left_area div.title_n_loc span.loc1 { color:#999; margin-right:9px; text-decoration:underline; } #content_left_area div.title_n_loc span.loc2 { color:#999; margin-right:9px; text-decoration:underline; background:URL('../img/bul_loc1.jpg') left center no-repeat; padding-left:14px; } #content_left_area div.title_n_loc span.loc3 { color:#333; margin-right:10px; background:URL('../img/bul_loc2.jpg') left center no-repeat; padding-left:19px; } #content_left_area div.no_auth { text-align:center; border:1px solid #DADADA; background:#F9F9F9; padding:60px; font-size:16px; color:#000; font-weight:bold; } #content_left_area div.no_auth > span { color:#299DCC; } #content_left_area div.no_auth div { margin-top:30px; } #content_left_area div.no_content { text-align:center; border:1px solid #DADADA; background:#F9F9F9; padding:60px; font-size:16px; color:#000; font-weight:bold; } #content_left_area div.no_content > span { color:#299DCC; } #content_left_area div.no_content div { margin-top:30px; } #content_area { margin:0px auto; width:100%; overflow:hidden; margin-bottom:60px; } /*수정전 margin:0px auto; width:1000px; overflow:hidden; margin-bottom:60px;*/ #content_area div.title_n_loc { margin:60px auto; overflow:hidden; width:1000px; } /*수정전 margin:60px 0px 60px 0px; overflow:hidden;*/ #content_area div.title_n_loc span.title{ font-size:36px; line-height:40px; font-family:'나눔바른고딕','NanumBarunGothic','나눔고딕','NanumGothic', '맑은 고딕','malgun gothic','Nanum Gothic','dotum','돋움'; color:#000; vertical-align:middle; } #content_area div.title_n_loc span.loc { float:right; line-height:35px; margin-left:20px; vertical-align:middle; } #content_area div.title_n_loc span.loc1 { color:#999; margin-right:9px; text-decoration:underline; } #content_area div.title_n_loc span.loc2 { color:#999; margin-right:9px; text-decoration:underline; background:URL('../img/bul_loc1.jpg') left center no-repeat; padding-left:14px; } #content_area div.title_n_loc span.loc3 { color:#333; margin-right:10px; background:URL('../img/bul_loc2.jpg') left center no-repeat; padding-left:19px; } #content_area div.no_auth { text-align:center; border:1px solid #DADADA; background:#F9F9F9; padding:60px; font-size:16px; color:#000; font-weight:bold; } #content_area div.no_auth > span { color:#299DCC; } #content_area div.no_auth div { margin-top:30px; } #content_area div.no_content { text-align:center; border:1px solid #DADADA; background:#F9F9F9; padding:60px; font-size:16px; color:#000; font-weight:bold; } #content_area div.no_content > span { color:#299DCC; } #content_area div.no_content div { margin-top:30px; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #bottom { font-family:dotum; position:relative; width:100%; min-width:1902px; min-height:90px; background:#fff; } /*수정전 font-family:dotum; position:relative; width:100%; min-width:1220px; min-height:150px; background:#000; margin-top:100px;*/ #menu_member_100per { position:relative; clear:both; padding:35px 0; font-size:13px; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; } /*수정전 position:relative; clear:both; padding-top:40px;*/ #menu_member { position:relative; clear:both; margin:0 auto; width:1260px; color:#333; } /*수정전 position:relative; clear:both; margin:0 auto; width:1260px; color:#FFF;*/ #menu_member ul li { display:inline-block; } #menu_member ul li span { color:#999; display:inline-block; margin-right:20px; padding-right:13px; } /*수정전 color:#999; display:inline-block; margin-right:20px; padding-right:13px; background:URL('../img/bul_copy_slice2.jpg') right center no-repeat;*/ #menu_member ul li span.private { color:#ff7600; } /*수정전 color:#CCC;*/ #menu_focus { position:absolute; right:20px; top:40px; } #menu_focus span { float:left; margin-left:2px; } #copyright { position:relative; clear:both; margin:0 auto; width:1260px; padding:45px 0px; overflow:hidden; } /*수정전 position:relative; clear:both; margin:0 auto; width:1260px; padding:11px 0px 30px 0px; overflow:hidden;*/ #copyright div.address { font-style:normal; line-height:20px; color:#666; } #copyright div.address > div { clear:both; } #copyright span { float:left; display:inline-block; background:URL('../img/bul_copy_slice.jpg') left center no-repeat; margin-left:10px; padding-left:10px; } #copyright div.address > div > span:first-child { background:#fff; margin-left:0px; padding-left:0px; } /*수정전 background:#000; margin-left:0px; padding-left:0px;*/ #copyright span.tel { margin-left:0px; padding-left:0px; color:#CCC; font-weight:bold; } #copyright span.tel2 { color:#CCC; font-weight:bold; } #copyright span.copy { margin-left:0px; padding-left:0px;width:100%; margin-top:5px; } #copyright img.snumber2 { margin-left:5px; vertical-align:middle; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #ssl_mark { position:fixed; right:0px; bottom:0px; z-index:20; } #ssl_mark > img { width:95px; height:95px; cursor:pointer; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* popup */ div.popup_area { position:fixed; display:block; z-index:100; } div.popup_border { border:1px solid #444444; padding:2px; overflow:hidden; } div.popup_title { height:23px; line-height:23px; color:#F7F8FA; font-weight:bold; background:URL('../img/pop.jpg') no-repeat left top; overflow:hidden; padding:0px 5px 0px 40px; font-size:11px; cursor:pointer; } div.popup_close { height:31px; text-align:right; overflow:hidden; } button.popup_close_but1 { margin-top:4px; background:URL('../img/pop_today.png'); border:0px; width:101px; height:23px; cursor:pointer; } button.popup_close_but2 { margin-top:4px; background:URL('../img/pop_close.png'); border:0px; width:60px; height:23px; cursor:pointer; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* 메인 - main.php */ #top .topban1 { position:relative; bottom:287px; left:828px; display:inline-block; width:166px; height:57px; border:1px solid #bbb; background:url('../img_visual/banner_1.jpg') no-repeat; z-index:22; } #top_mob .topban1 { position:relative; bottom:270px; left:828px; display:inline-block; width:166px; height:57px; border:1px solid #bbb; background:url('../img_visual/banner_1.jpg') no-repeat; z-index:22; } /* 메인 - main_content1.php */ @media (min-width:2000px) and (max-width:8000px) { .vd_visual { position:relative; width:100%; height:700px; overflow:hidden; margin:0px auto; background:#333; } video { position:absolute; width:100%; opacity:0.7; } .vd-text { position:absolute; top:38%; left:0; width:100%; text-align:center; } .vd-text .text_gp .text1 { font-size:47px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:300; } .vd-text .text_gp .text2 { font-size:70px; line-height:180px; letter-spacing:-1px; color:#fff; font-weight:700; } .vd-text .text_gp .text2 img { vertical-align:bottom; } .vd-text .text_gp .text3 { font-size:30px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:500; } .vd-text .btn { display:block; width:470px; height:30px; padding:10px 20px; border:1px solid #ddd; text-align:center; line-height:30px; color:#fff; font-size:19px; font-weight:bold; margin:40px auto; } .vd-text .btn:hover { background:rgba(50,50,50,0.6); border:1px solid #a1a1a1; transition:0.5s ease; color:#fff; } } @media screen and (max-width:2000px) { .vd_visual { position:relative; width:100%; height:700px; overflow:hidden; margin:0px auto; background:#333; } video { position:absolute; width:100%; opacity:0.7; } .vd-text { position:absolute; top:37%; left:360px; width:80%; } .vd-text .text_gp .text1 { font-size:47px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:300; } .vd-text .text_gp .text2 { font-size:70px; line-height:180px; letter-spacing:-1px; color:#fff; font-weight:700; } .vd-text .text_gp .text2 img { vertical-align:bottom; } .vd-text .text_gp .text3 { font-size:30px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:500; } .vd-text .btn { display:block; width:470px; height:30px; padding:10px 20px; border:1px solid #ddd; text-align:center; line-height:30px; color:#fff; font-size:19px; font-weight:bold; margin-top:40px; } .vd-text .btn:hover { background:rgba(50,50,50,0.6); border:1px solid #a1a1a1; transition:0.5s ease; color:#fff; } } @media screen and (max-width:1260px) { .vd_visual { position:relative; width:100%; height:920px; overflow:hidden; margin:0px auto; background:#333; } video { position:absolute; width:100%; opacity:0.7; } .vd-text { position:absolute; top:40%; left:360px; width:80%; } .vd-text .text_gp .text1 { font-size:47px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:300; } .vd-text .text_gp .text2 { font-size:70px; line-height:180px; letter-spacing:-1px; color:#fff; font-weight:700; } .vd-text .text_gp .text2 img { vertical-align:bottom; } .vd-text .text_gp .text3 { font-size:30px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:500; } .vd-text .btn { display:block; width:470px; height:30px; padding:10px 20px; border:1px solid #ddd; text-align:center; line-height:30px; color:#fff; font-size:19px; font-weight:bold; margin-top:40px; } .vd-text .btn:hover { background:rgba(50,50,50,0.6); border:1px solid #a1a1a1; transition:0.5s ease; color:#fff; } } @media screen and (max-width:760px) { .vd_visual { position:relative; width:100%; height:700px; overflow:hidden; margin:0px auto; background:#333; } video { position:absolute; width:100%; opacity:0.7; } .vd-text { position:absolute; top:40%; left:250px; width:80%; } .vd-text .text_gp .text1 { font-size:47px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:300; } .vd-text .text_gp .text2 { font-size:70px; line-height:180px; letter-spacing:-1px; color:#fff; font-weight:700; } .vd-text .text_gp .text2 img { vertical-align:bottom; } .vd-text .text_gp .text3 { font-size:30px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:500; } .vd-text .btn { display:block; width:470px; height:30px; padding:10px 20px; border:1px solid #ddd; text-align:center; line-height:30px; color:#fff; font-size:19px; font-weight:bold; margin-top:40px; } .vd-text .btn:hover { background:rgba(50,50,50,0.6); border:1px solid #a1a1a1; transition:0.5s ease; color:#fff; } } @media screen and (max-width:360px) { .vd_visual { position:relative; width:100%; height:700px; overflow:hidden; margin:0px auto; background:#333; } video { position:absolute; width:100%; opacity:0.7; } .vd-text { position:absolute; top:40%; left:250px; width:80%; } .vd-text .text_gp .text1 { font-size:47px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:300; } .vd-text .text_gp .text2 { font-size:70px; line-height:180px; letter-spacing:-1px; color:#fff; font-weight:700; } .vd-text .text_gp .text2 img { vertical-align:bottom; } .vd-text .text_gp .text3 { font-size:30px; line-height:47px; letter-spacing:-1px; color:#fff; font-weight:500; } .vd-text .btn { display:block; width:470px; height:30px; padding:10px 20px; border:1px solid #ddd; text-align:center; line-height:30px; color:#fff; font-size:19px; font-weight:bold; margin-top:40px; } .vd-text .btn:hover { background:rgba(50,50,50,0.6); border:1px solid #a1a1a1; transition:0.5s ease; color:#fff; } } .number { display:block; width:100%; height:344px; margin:60px auto; } .number .title_gp .title1 { display:block; text-align:center; font-size:35px; color:#000; font-weight:700; margin:30px 0; letter-spacing:-2px; } .number .title_gp .title2 { display:block; text-align:center; font-size:19px; color:#000; letter-spacing:-2px; } .counter_gp { display:block; width:1260px; margin:0 auto; text-align:center; padding-top:56px; } .counter_gp ul { width:419px; float:left; text-align:center; } .counter_gp ul li { font-size:19px; color:#000; } .counter_gp ul span { font-size:25px; color:#000; } .counter_gp ul li#counter1 { display:inline-block; font-size:76px; color:#0179c1; letter-spacing:-2px; font-weight:bold; font-family:'GmarketSansBold'; } .counter_gp ul li#counter2 { display:inline-block; font-size:76px; color:#0179c1; letter-spacing:-2px; font-weight:bold; font-family:'GmarketSansBold'; } .counter_gp ul li#counter3 { display:inline-block; font-size:76px; color:#0179c1; letter-spacing:-2px; font-weight:bold; font-family:'GmarketSansBold'; } .counter_gp .bar { display:inline-block; float:left; width:1px; height:72px; background:#000; margin:35px 0; } .ipcteam { display:block; width:100%; height:800px; margin:0 auto; background:url('../img_visual/team_bg.png') no-repeat top center; } .ipcteam .ipcteam_gp { width:100%; max-width:1260px; min-width:1260px; margin:0px auto; } .ipcteam .ipcteam_gp .titie_wrap { position:relative; z-index:1; margin:0 0 -25px 0; font-weight:700; padding-top:36px; } .ipcteam .ipcteam_gp .titie_wrap .top_text { font-size:15px; color:#fff; } .ipcteam .ipcteam_gp .titie_wrap .tit_text { font-size:38px; font-weight:700; color:#fff; line-height:50px; margin-top:23px; } .ipcteam .ipcteam_gp .tabbed_content { background-color:#000; width:1260px; color:#fff; } .ipcteam .ipcteam_gp .tabbed_content .tabs { display:inline-block; width:394px; height:345px; position:relative; float:left; margin-top:155px; } .ipcteam .ipcteam_gp .tabbed_content .tabs .moving_bg { position:absolute; width:21px; z-index:190; top:0; background-position:bottom left; background-repeat:no-repeat; } .ipcteam .ipcteam_gp .tabbed_content .tabs .tab_item { display:block; float:left; padding:25px 48px; width:221px; height:64px; color:#fff; text-align:center; z-index:40; position:relative; cursor:pointer; border-bottom:3px solid #e8e8e8; } .ipcteam .ipcteam_gp .tabbed_content .tabs .tab_item:hover { border-bottom:3px solid #333; background:url('../img_visual/arrow-b.png') no-repeat 226px 65px; } .ipcteam .ipcteam_gp .tabbed_content .tabs .tab_item a p.text1 { font-size:14px; color:#797979; font-weight:400; text-align:left; letter-spacing:-1px; } .ipcteam .ipcteam_gp .tabbed_content .tabs .tab_item a p.text2 { font-size:30px; color:#333; font-weight:bold; text-align:left; } .ipcteam .ipcteam_gp .tabbed_content .slide_content { overflow:hidden; position:relative; width:866px; height:562px; border-radius:6px; float:left; } .ipcteam .ipcteam_gp .tabbed_content .slide_content .tabslider { width:5000px; } .ipcteam .ipcteam_gp .tabbed_content .slide_content .tabslider ul { list-style:none; float:left; width:866px; margin:0px; padding:0px; } .ipcteam .ipcteam_gp .tabbed_content .slide_content .tabslider ul a { color:#ffffff; text-decoration:none; } .ipcteam .ipcteam_gp .tabbed_content .slide_content .tabslider ul a:hover { color:#aaa; transition:0.5s ease; } .ipcteam .ipcteam_gp .tabbed_content .slide_content .tabslider ul li { width:866px; height:562px; } .ipcteam .ipcteam_gp .tabbed_content .slide_content .tabslider ul li.img1 { background:url('../img_visual/team_img1.png') no-repeat; } .ipcteam .ipcteam_gp .tabbed_content .slide_content .tabslider ul li.img2 { background:url('../img_visual/team_img2.png') no-repeat; } .ipcteam .ipcteam_gp .tabbed_content .slide_content .tabslider ul li.img3 { background:url('../img_visual/team_img3.png') no-repeat; } .contribute { display:block; background:#eff3f6; width:100%; height:140px; } .contribute .title_gp { display:block; width:1260px; margin:0 auto; padding:70px 0; } .contribute .title_gp .title1 { font-size:40px; font-weight:bold; letter-spacing:-1px; color:#000; display:inline-block; float:left; } .contribute .title_gp .title2 { font-size:16px; font-weight:500; color:#797979; display:inline-block; float:left; padding:8px 0 0 40px; line-height:24px; } .contribute .title_gp .btn { display:inline-block; float:right; width:103px; height:13px; line-height:13px; padding:16px 34px; border:1px solid #999; border-radius:6px; font-size:16px; color:#4e4e4e; font-weight:700; letter-spacing:-1px; background:url('../img_visual/arrow-b.png') no-repeat 120px 16px; margin-top:5px; } .contribute .title_gp .btn:hover { color:#0179c1; border:1px solid #0179c1; } /* 메인 - main_content2.php */ .kocorental_bg { display:block; width:100%; height:860px; margin:0 auto; background:url('../img_visual/koco_bg.jpg') no-repeat; background-size:cover; } .kocorental_bg .kocorental { display:block; width:1260px; margin:0 auto;} .kocorental_bg .kocorental .title_gp .title1 { font-size:17px; color:#fff; letter-spacing:-1px; padding:40px 20px; } .kocorental_bg .kocorental .title_gp .title1 img { vertical-align:bottom; padding-left:5px; } .kocorental_bg .kocorental .content_gp .title2 { font-size:52px; color:#fff; letter-spacing:-2px; text-align:center; padding:30px 0; } .kocorental_bg .kocorental .content_gp .cont { width:650px; word-break:keep-all; margin:0 auto; font-size:17px; color:#8c8c8c; letter-spacing:-1px; line-height:32px; text-align:center; } .kocorental_bg .kocorental .content_gp .iconbox { display:block; width:1218px; height:232px; margin:60px auto; } .kocorental_bg .kocorental .content_gp .iconbox li { display:inline-block; float:left; width:132px; height:132px; padding:50px; background:rgba(255,255,255,0.1); border-radius:50%; text-align:center; margin-right:14px; } .kocorental_bg .kocorental .content_gp .iconbox li img { } .kocorental_bg .kocorental .content_gp .iconbox li span { display:block; margin:0 auto; font-size:17px; color:#fff; font-weight:500; padding-top:10px; } .kocorental_bg .kocorental .content_gp .btn { display:block; width:262px; height:60px; line-height:62px; margin:0 auto; text-align:center; color:#fff; font-size:17px; background:url('../img_visual/arrow-w.png') no-repeat #0179c1 220px 23px; padding-right:20px; border-radius:6px; border:1px solid #0179c1; } .kocorental_bg .kocorental .content_gp .btn:hover { background:url('../img_visual/arrow-w.png') no-repeat 220px 23px; border:1px solid #fff; color:#fff; transition:0.5s ease; } .product_bg { display:block; width:100%; height:476px; margin:0 auto; background:url('../img_visual/product_bg.jpg') no-repeat; background-size:cover; padding:147px 0; } .product_bg .product { display:block; width:1260px; margin:0 auto;} .product_bg .product .tabbed_content2 { background-color:#000; width:1260px; } .product_bg .product .tabbed_content2 .tabs { display:inline-block; width:1260px; height:30px; position:relative; float:left; } .product_bg .product .tabbed_content2 .tabs .moving_bg2 { position:absolute; width:21px; z-index:190; left:0; background-position:bottom left; background-repeat:no-repeat; } .product_bg .product .tabbed_content2 .tabs .tab_item2 { display:inline-block; float:left; color:#fff; text-align:center; z-index:40; position:relative; cursor:pointer; padding-right:15px; } .product_bg .product .tabbed_content2 .tabs .tab_item2 a p.text1 { font-size:16px; color:#4a4a4a; font-weight:400; text-align:left; } .product_bg .product .tabbed_content2 .tabs .tab_item2 a p.text1:hover { color:#2d8efc; } .product_bg .product .tabbed_content2 .slide_content2 { overflow:hidden; position:relative; width:1260px; height:463px; float:left; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 { width:10000px; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul { list-style:none; float:left; width:1260px; margin:0px; padding:0px; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul a { color:#ffffff; text-decoration:none; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul a:hover { color:#aaa; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li { width:517px; height:463px; float:left; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.text span.tag { display:inline-block; padding:7px 25px; background:#0179c1; border-radius:20px; color:#fff; font-size:15px; margin-top:90px; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.text .title { font-size:50px; font-weight:bold; color:#000; letter-spacing:-2px; margin-top:22px; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.text .linkbtn { display:inline-block; width:130px; height:42px; border:1px solid #a9a9a9; color:#333; font-size:15px; text-align:center; line-height:42px; margin-top:56px; background:url('../img_visual/product_link.png') no-repeat 112px 13px; padding-right:25px; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img1 { background:url('../img_visual/product_1-1.png') no-repeat; float:right; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img2 { background:url('../img_visual/product_2.png') no-repeat; float:right; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img3 { background:url('../img_visual/product_3.png') no-repeat; float:right; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img4 { background:url('../img_visual/product_4-1.png') no-repeat; float:right; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img5 { background:url('../img_visual/product_5-1.png') no-repeat; float:right; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img6 { background:url('../img_visual/product_6.png') no-repeat; float:right; } .product_bg .product .tabbed_content2 .slide_content2 .tabslider2 ul li.img7 { background:url('../img_visual/product_7.png') no-repeat; float:right; } .recruit_bg { display:block; width:100%; height:1063px; margin:0 auto; background:url('../img_visual/recruite_bg.jpg') no-repeat; background-size:cover; } .recruit_bg .recruit { display:block; width:1260px; margin:0 auto;} .recruit_bg .recruit .title_gp .title1 { font-size:54px; font-weight:bold; color:#fff; letter-spacing:-2px; text-align:center; padding:90px 0 30px 0; } .recruit_bg .recruit .title_gp .cont { width:650px; word-break:keep-all; margin:0 auto; font-size:19px; color:#bebebe; letter-spacing:-1px; line-height:37px; text-align:center; } .recruit_bg .recruit .title_gp .btn_gp { display:block; width:1260px; text-align:center; margin-top:60px; } .recruit_bg .recruit .title_gp .btn_gp .btn1 { display:inline-block; width:208px; height:55px; line-height:55px; margin:0 auto; text-align:center; font-size:16px; background:url('../img_visual/arrow-b.png') no-repeat #ffffff1a 182px 20px; padding-right:20px; border-radius:6px; border:1px solid #0179c1; color:#fff; margin-right:30px;} .recruit_bg .recruit .title_gp .btn_gp .btn1:hover { background:url('../img_visual/arrow-b_o.png') no-repeat #0179c1 182px 20px; border:1px solid #0179c1; color:#fff; transition:0.5s ease; } .recruit_bg .recruit .title_gp .btn_gp .btn2 { display:inline-block; width:208px; height:55px; line-height:55px; margin:0 auto; text-align:center; font-size:16px; background:url('../img_visual/arrow-b.png') no-repeat #ffffff1a 190px 20px; padding-right:20px; border-radius:6px; border:1px solid #0179c1; color:#fff; } .recruit_bg .recruit .title_gp .btn_gp .btn2:hover { background:url('../img_visual/arrow-b_o.png') no-repeat #0179c1 190px 20px; border:1px solid #0179c1; color:#fff; transition:0.5s ease; } .recruit_bg .recruit .img_gp { display:block; width:1260px; text-align:center; margin-top:120px; } .recruit_bg .recruit .img_gp .img1 { display:inline-block; width:388px; height:422px; background:url('../img_visual/recruit1.png') no-repeat; border-radius:6px; float:left; margin-right:48px; box-shadow:0px 6px 11px 0px #000000a8; } .recruit_bg .recruit .img_gp .img1:hover { background:url('../img_visual/recruit1_o.png') no-repeat; transition:0.5s ease; } .recruit_bg .recruit .img_gp .img2 { display:inline-block; width:388px; height:422px; background:url('../img_visual/recruit2.png') no-repeat; border-radius:6px; float:left; margin-right:48px; box-shadow:0px 6px 11px 0px #000000a8; } .recruit_bg .recruit .img_gp .img2:hover { background:url('../img_visual/recruit2_o.png') no-repeat; transition:0.5s ease; } .recruit_bg .recruit .img_gp .img3 { display:inline-block; width:388px; height:422px; background:url('../img_visual/recruit3.png') no-repeat; border-radius:6px; float:left; box-shadow:0px 6px 11px 0px #000000a8; } .recruit_bg .recruit .img_gp .img3:hover { background:url('../img_visual/recruit3_o.png') no-repeat; transition:0.5s ease; } .story { display:block; width:100%; height:1050px; } .story .title_gp { display:block; width:1260px; margin:0 auto; padding:70px 0; } .story .title_gp .title_gp1 { display:inline-block; width:800px; float:left; } .story .title_gp .title_gp1 .title1 { display:block; font-size:48px; font-weight:bold; letter-spacing:-2px; color:#000; float:left; } .story .title_gp .title_gp1 .title2 { display:block; font-size:19px; font-weight:300; color:#a3a3a3; float:left; padding:20px 0; line-height:24px; letter-spacing:-1px; } .story .title_gp .btn { display:inline-block; float:right; width:140px; height:23px; line-height:23px; padding:16px 40px 16px 20px; border:1px solid #ccc; border-radius:6px; font-size:16px; color:#4e4e4e; font-weight:700; letter-spacing:-1px; background:url('../img_visual/arrow-b.png') no-repeat 162px 21px; margin-top:59px; } .story .title_gp .btn:hover { color:#0179c1; border:1px solid #0179c1; transition:0.5s ease; } .swiper { width:100%; height:740px; } .swiper-slide { text-align:center; font-size:18px; background:#fff; /* Center slide text vertically */ display:-webkit-box; display:block; /*display:-ms-flexbox;*/ /*display:-webkit-flex;*/ /*display:flex;*/ -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .swiper-slide img { border-radius:20px; box-shadow:1px 1px 12px 9px #e1e1e1; margin-top:60px; width:1040px; height:592px; overflow:hidden; } /*수정전 border-radius:20px; box-shadow:1px 1px 12px 9px #e1e1e1; margin-top:60px;*/ .swiper-slide span { display:block; margin-top:35px; color:#333; } .swiper-button-next { right:330px !important; } .swiper-button-prev { left:330px !important; } @media (max-width:760px) { .swiper-button-next { right:20px; transform:rotate(90deg); } .swiper-button-prev { left:20px; transform:rotate(90deg); } } .kococom { display:block; width:1902px; height:800px; padding:40px 0; background:url('../img_visual/kococom_4.png') no-repeat 0px 44px; margin:0 auto; } /*수정전 display:block; width:100%; height:800px; padding:40px 0; background:url('../img_visual/kococom_3.png') no-repeat 0px 44px;*/ /*.kococom .kococom_img { width:1030px; height:654px; border-radius:0 15px 15px 0; float:left; transform:translateX(0); opacity:1; }*/ .kococom .title_gp { display:inline-block; width:497px; height:387px; padding:137px; float:right; background:#fff; } .kococom .title_gp .title1 { display:block; font-size:48px; font-weight:300; letter-spacing:-3px; color:#000; line-height:65px; } .kococom .title_gp .title2 { display:block; font-size:19px; font-weight:300; color:#a3a3a3; padding:20px 0; line-height:29px; letter-spacing:-1px; } .kococom .title_gp .btn { display:block; width:140px; height:23px; line-height:23px; padding:16px 40px 16px 20px; border:1px solid #ccc; border-radius:6px; font-size:16px; color:#4e4e4e; font-weight:700; letter-spacing:-1px; background:url('../img_visual/arrow-b.png') no-repeat 162px 21px; margin-top:59px; } .kococom .title_gp .btn:hover { color:#0179c1; border:1px solid #0179c1; transition:0.5s ease; } .banner_bg { display:block; width:100%; height:367px; background:#eff3f6; background-size:cover; } /*수정전 display:block; width:100%; height:242px; background:url('../img_visual/ban_bg.png') no-repeat; background-size:cover; */ .banner_bg .banner { display:block; width:1260px; height:253px; margin:0 auto; padding:57px 0; } .banner_bg .banner .title { display:inline-block; float:left; width:600px; } .banner_bg .banner .title .title_gp1 { display:block; width:600px; height:42px; } .banner_bg .banner .title .title_gp1 .title1 { display:inline-block; font-size:34px; font-weight:500; letter-spacing:-2px; color:#000; line-height:43px; float:left; } .banner_bg .banner .title .title_gp1 .title2 { display:inline-block; font-size:18px; font-weight:500; color:#333; line-height:24px; letter-spacing:-1px; float:left; padding:15px 0 0 20px; } .banner_bg .banner .title .title_gp2 { clear:both; display:block; width:600px; height:65px; padding-top:22px; } /*수정전 clear:both; display:block; width:800px; height:65px; padding-top:20px;*/ .banner_bg .banner .title .title_gp2 .phone { display:inline-block; font-size:55px; font-family:'GmarketSansBold'; letter-spacing:-1px; color:#0c74bf; float:left; line-height:71px; } .banner_bg .banner .title .title_gp2 .btn { display:block; width:263px; height:61px; line-height:61px; background:url('../img_visual/ban_kakao.png') no-repeat; float:left; margin-left:33px; } .banner_bg .banner .title .title_gp2 .text { display:block; clear:both; font-size:17px; font-weight:300; line-height:28px; color:#666; padding-top:15px; } .banner_bg .banner .sns { display:inline-block; float:right; width:600px; } .banner_bg .banner .sns .title_gp1 { display:block; width:600px; height:42px; } .banner_bg .banner .sns .title_gp1 .title1 { display:inline-block; font-size:34px; font-weight:500; letter-spacing:-2px; color:#000; line-height:43px; } .banner_bg .banner .sns .title_gp2 { padding-top:15px; } .banner_bg .banner .sns .title_gp2 .btn { display:inline-block; width:133px; padding-right:15px; text-align:center; float:left; } .banner_bg .banner .sns .title_gp2 .btn:hover >span { color:#bfbfbf; transition:0.5s ease; } .banner_bg .banner .sns .title_gp2 .btn:hover >img { opacity:0.7; transition:0.5s ease; } .banner_bg .banner .sns .title_gp2 .btn img { display:block; } .banner_bg .banner .sns .title_gp2 .btn span { display:block; width:133px; font-size:17px; color:#666; padding-top:10px; } /* Family Site */ #footer .footer_box{ position:relative; width:1200px; margin:0 auto;} #footer .footer_box .footer_banner{ position:absolute; bottom:-5px; right:0; z-index:200; border:1px solid #ddd; } #footer .footer_box .footer_banner .contents_box{position:relative;float:left;width:25%;} #footer .footer_box .footer_banner .contents_box .tit{position:relative;display:block;padding:10px 0 10px 15px;margin-left:2%;font-size:13px;line-height:16px; color:#00000f;background-image:url(../img/footer_banner_tit_off.png);background-position:90% center;background-repeat:no-repeat;} #footer .footer_box .footer_banner .contents_box .tit.on{color:#fff;border:1px solid #3f3f3f;background-image:url('../img/footer_banner_tit_on.png') no-repeat;background-color:#808387;} #footer .footer_box .footer_banner .contents_box:first-child .tit{margin-left:0;} #footer .footer_box .footer_banner .contents_box .cont_box{display:none;position:absolute;right:0;bottom:38px;width:98%;border:1px solid #7f7f7f;box-sizing:border-box;background-color:#fff;} #footer .footer_box .footer_banner .contents_box:first-child .cont_box{width:100%;} #footer .footer_box .footer_banner .contents_box .cont_box ul{padding:5px 0;} #footer .footer_box .footer_banner .contents_box .cont_box li{padding:0 5%;} #footer .footer_box .footer_banner .contents_box .cont_box li a{position:relative;display:block;padding:5px 10px 5px 15px;font-size:13px;line-height:16px;color:#555;} #footer .footer_box .footer_banner .contents_box .cont_box li a:before{position:absolute;left:0;top:11px;display:inline-block;width:6px;height:1px;content:'';background-color:#555;} #footer .footer_box1{ position:relative; width:1000px; margin:0 auto;} #footer .footer_box1 .footer_banner{ position:absolute; bottom:-5px; right:220px; z-index:200; border:1px solid #ddd; } #footer .footer_box1 .footer_banner .contents_box{position:relative;float:left;width:25%;} #footer .footer_box1 .footer_banner .contents_box .tit{position:relative; display:block; padding:10px 0 10px 15px; margin-left:2%; font-size:13px;line-height:16px;color:#00000f;background-image:url(../img/footer_banner_tit_off.png);background-position:90% center;background-repeat:no-repeat;} #footer .footer_box1 .footer_banner .contents_box .tit.on{color:#fff;border:1px solid #3f3f3f;background-image:url('../img/footer_banner_tit_on.png') no-repeat;background-color:#808387;} #footer .footer_box1 .footer_banner .contents_box:first-child .tit{margin-left:0;} #footer .footer_box1 .footer_banner .contents_box .cont_box{display:none;position:absolute;right:0;bottom:38px;width:98%;border:1px solid #7f7f7f;box-sizing:border-box;background-color:#fff;} #footer .footer_box1 .footer_banner .contents_box:first-child .cont_box{width:100%;} #footer .footer_box1 .footer_banner .contents_box .cont_box ul{padding:5px 0;} #footer .footer_box1 .footer_banner .contents_box .cont_box li{padding:0 5%; width:100%} #footer .footer_box1 .footer_banner .contents_box .cont_box li a{position:relative;display:block;padding:5px 10px 5px 15px;font-size:13px;line-height:16px;color:#555;} #footer .footer_box1 .footer_banner .contents_box .cont_box li a:before{position:absolute;left:0;top:11px;display:inline-block;width:6px;height:1px;content:'';background-color:#555;} /* Animation */ .up-on-scroll { transition:transform 0.7s, opacity 1s; } /* subpage/greeting.php 인사말 */ .greeting { width:990px; margin:0 auto; background:url('../subpage/img/greeting_pic.png') no-repeat 0 0; } .greeting .title { display:block; font-size:28px; color:#000; text-align:left; line-height:28px; letter-spacing:-2px; margin:47px 0; } .greeting .bluebar { width:100%; height:78px; padding:27px 50px; } .greeting .bluebar li { font-size:15px; color:#5e96d1; font-family:'IBM Plex Sans', sans-serif; line-height:15px; padding-bottom:10px; } .greeting .bluebar li.big { font-size:21px; color:#fff; font-family:'IBM Plex Sans', sans-serif; line-height:28px; font-weight:700; letter-spacing:-1px; } .greeting .pic { position:absolute; top:56px; right:390px; } .greeting .cont { font-size:15px; color:#000; line-height:25px; margin-top:45px; } .greeting .signiture { font-size:15px; color:#000; line-height:24px; } .greeting .signiture img { position:relative; top:27px; left:20px; } /* subpage/history.php 연혁 */ .history { width:990px; margin:0 auto; } .history .history_top { width:990px; height:420px; background:url('../subpage/img/history_topbg.png') no-repeat; padding-bottom:40px; } .history .history_top .txtgp { padding-top:160px; } .history .history_top .txtgp h1 { font-size:70px; font-weight:900; color:#004da8; letter-spacing:-2px; float:left; } .history .history_top .txtgp span { font-size:30px; font-weight:500; color:#333; letter-spacing:-2px; float:left; line-height:130px; padding-left:15px; } .history .history_top .txtgp p { clear:both; font-size:17px; font-weight:500; color:#b0b0b0; letter-spacing:-1px; line-height:27px; } .history_block1 { clear:both; padding-bottom:90px; } .history_block1 .txtgp { display:inline-block; width:400px; float:left; padding-right:46px; } .history_block1 .txtgp .tit_s { display:block; font-size:20px; font-weight:500; letter-spacing:-1px; color:#555; padding:25px 0; } .history_block1 .txtgp .underline { display:block; width:270px; height:1px; background:linear-gradient(120deg,#1c6eff,#5c2dbb); margin-bottom:25px; } .history_block1 .txtgp .his_con { width:400px; } .history_block1 .txtgp .his_con li.yearbox { clear:both; display:inline-block; padding-bottom:30px; } .history_block1 .txtgp .his_con li.yearbox .year { font-size:17px; font-weight:700; letter-spacing:-1px; color:#333; float:left; padding-right:30px; } .history_block1 .txtgp .his_con li.yearbox .cont { display:inline-block; float:left; } .history_block1 .txtgp .his_con li.yearbox .cont li { font-size:14px; color:#606060; letter-spacing:-1px; line-height:25px; } .history_block1 .history_imgbg1 { display:inline-block; width:517px; height:349px; margin-left:27px; float:right; background:url('../subpage/img/history_20-22pic.png') no-repeat; } .history_block2 { clear:both; padding-bottom:90px; } .history_block2 .txtgp { display:inline-block; width:400px; float:right; padding-left:46px; } .history_block2 .txtgp .tit_s { display:block; font-size:20px; font-weight:500; letter-spacing:-1px; color:#555; padding:25px 0; } .history_block2 .txtgp .underline { display:block; width:270px; height:1px; background:linear-gradient(120deg,#1c6eff,#5c2dbb); margin-bottom:25px; } .history_block2 .txtgp .his_con { width:400px; } .history_block2 .txtgp .his_con li.yearbox { clear:both; display:inline-block; padding-bottom:30px; } .history_block2 .txtgp .his_con li.yearbox .year { font-size:17px; font-weight:700; letter-spacing:-1px; color:#333; float:left; padding-right:30px; } .history_block2 .txtgp .his_con li.yearbox .cont { display:inline-block; float:left; } .history_block2 .txtgp .his_con li.yearbox .cont li { font-size:14px; color:#606060; letter-spacing:-1px; line-height:25px; } .history_block2 .history_imgbg2 { display:inline-block; width:517px; height:349px; margin-right:27px; float:left; background:url('../subpage/img/history_17-19pic.png') no-repeat; } .history_block1 .history_imgbg3 { display:inline-block; width:517px; height:349px; margin-left:27px; float:left; background:url('../subpage/img/history_14-16pic.png') no-repeat; } .history_block2 .history_imgbg4 { display:inline-block; width:517px; height:349px; margin-right:27px; float:left; background:url('../subpage/img/history_06-13pic.png') no-repeat; } .history_block1 .history_imgbg5 { display:inline-block; width:517px; height:349px; margin-left:27px; float:left; background:url('../subpage/img/history_99-05pic.png') no-repeat; } /* subpage/organization.php 조직도 */ .organ { width:990px; margin:0 auto; } .organ img { margin:0 auto; } .organ ul { width:976px; height:73px; background:url('../subpage/img/org_ban.png') no-repeat; border-radius:15px; padding:72px 0; } .organ ul li.tit1 { font-size:33px; color:#fff; text-align:center; } .organ ul li.tit2 { font-size:15px; color:#fff; text-align:center; } .organ table { width:900px; background:#f2f2f2; border-top:2px solid #7f7f7f; border-bottom:2px solid #7f7f7f; margin:55px auto; } .organ table tr { border-bottom:1px solid #fff; } .organ table td { height:13px; padding:15px 25px; font-size:14px; color:#4d4d4d; } .organ table td.tit { width:72px; background:#004da8; color:#ededed; font-size:15px; } /* subpage/vision.php 비전 */ .vision { width:990px; margin:0 auto; } .vision .titgp .big { font-size:45px; font-weight:bold; color:#0473f2; letter-spacing:-1px; font-family:'GmarketSansBold'; } .vision .titgp li { font-size:27px; color:#333; letter-spacing:-1px; } .vision .boxgp { width:100%; height:397px; margin:70px 0; } .vision .boxgp li { display:inline-block; width:225px; height:227px; position:relative; float:left; } .vision .boxgp li.box1 { background:url('../subpage/img/vision_01.png') no-repeat; top:57px; } .vision .boxgp li.box2 { background:url('../subpage/img/vision_02.png') no-repeat; top:30px; right:27px; } .vision .boxgp li.box3 { background:url('../subpage/img/vision_03.png') no-repeat; top:0; right:54px; } .vision .boxgp li.box4 { background:url('../subpage/img/vision_04.png') no-repeat; top:170px; right:189px; } .vision .boxgp li.box5 { background:url('../subpage/img/vision_05.png') no-repeat; bottom:94px; left:690px; } .vision .visiongp { margin-bottom:78px; } .vision .visiongp ul li.tit { font-size:28px; color:#0473f2; font-weight:bold; font-family:'GmarketSansBold'; width:178px; float:left; } .vision .visiongp ul li.cont { font-size:16px; color:#333; font-weight:500; line-height:30px; float:left; } .vision .visiongp .pic { display:block; padding:87px 0 0 178px; } .vision .visiongp .process_cont { display:block; height:180px; padding:22px 0 0 246px; } .vision .visiongp .process_cont ul { width:158px; height:200px; float:left; padding-right:19px; } .vision .visiongp .process_cont ul li { font-size:14px; line-height:17px; color:#5e5e5e; padding-bottom:10px; } .vision .visiongp .process_cont ul li:before { display:inline-block; content:''; width:4px; height:4px; background:#2771ed; position:relative; right:8px; } .vision .visiongp .all { font-size:27px; color:#656464; font-weight:300; letter-spacing:-1px; text-align:center; line-height:60px; } .vision .visiongp .all span { clear:both; display:block; font-size:40px; color:#222; font-weight:bold; letter-spacing:-1px; text-align:center; } .vision .visiongp .value { font-size:20px; color:#333; font-weight:500; letter-spacing:-1px; text-align:center; line-height:60px; } .vision .visiongp .value span { font-size:23px; color:#1f56bc; font-weight:bold; } .vision .visiongp .value span.result:before { display:inline-block; content:''; width:90px; height:23px; background:url('../subpage/img/vision_arrow.png') no-repeat; position:relative; top:5px; right:10px; } /* subpage/contribute.php 사회공헌 */ .contribute2 { width:990px; margin:0 auto; } .contribute2 .bluebar { width:93px; height:3px; background:#004da8; margin:40px auto; } .contribute2 .title { display:block; font-size:24px; color:#222; line-height:30px; font-weight:500; text-align:center; } .contribute2 .policy33 { display:block; width:980px; height:619px; border-radius:20px; background:#eff1f4; } .contribute2 .policy33 .bluetitgp { display:block; width:100%; height:100px; text-align:center; } .contribute2 .policy33 .bluetitgp .bluetit { display:inline-block; width:170px; height:27px; background:#004da8; color:#fff; font-size:19px; padding:11px 40px; margin:20px auto; } .contribute2 .policy33 img { display:block; margin:0 auto; } .detail33 { display:block; padding-top:80px; background:url('../subpage/img/ctb_bg.png') no-repeat 600px 20px; } .detail33 .detail_title { display:block; font-size:24px; color:#222; line-height:30px; font-weight:500; text-align:left; } .detail33 .detail_bluebar { width:93px; height:3px; background:#004da8; margin:20px 0 40px 0; } .detail33 .box1 { clear:both; display:block; width:100%; height:300px; background:url('../subpage/img/ctb_33img1.png') no-repeat; padding-bottom:50px; } .detail33 .box1 .whitebox { display:inline-block; float:right; width:453px; height:181px; background:#fff9; padding:43px 0 0 39px; box-shadow:7px 0px 20px 1px #e7e7e7; position:relative; top:30px; right:26px; } .detail33 .box1 .whitebox .tit { font-size:23px; color:#333; line-height:30px; font-weight:500; padding-bottom:20px; } .detail33 .box1 .whitebox li { font-size:14px; color:#646464; line-height:25px; font-weight:500; } .detail33 .box2 { clear:both; display:block; width:100%; height:300px; background:url('../subpage/img/ctb_33img2.png') no-repeat 458px 0; padding-bottom:50px; } .detail33 .box2 .whitebox { display:inline-block; float:left; width:453px; height:181px; background:#fff9; padding:43px 0 0 39px; box-shadow:7px 0px 20px 1px #e7e7e7; position:relative; top:30px; } .detail33 .box2 .whitebox .tit { font-size:23px; color:#333; line-height:30px; font-weight:500; padding-bottom:20px; } .detail33 .box2 .whitebox li { font-size:14px; color:#646464; line-height:25px; font-weight:500; } .detail33 .box3 { clear:both; display:block; width:100%; height:300px; background:url('../subpage/img/ctb_33img3.png') no-repeat; padding-bottom:50px; } .detail33 .box3 .whitebox { display:inline-block; float:right; width:453px; height:181px; background:#fff9; padding:43px 0 0 39px; box-shadow:7px 0px 20px 1px #e7e7e7; position:relative; top:30px; right:26px; } .detail33 .box3 .whitebox .tit { font-size:23px; color:#333; line-height:30px; font-weight:500; padding-bottom:20px; } .detail33 .box3 .whitebox li { font-size:14px; color:#646464; line-height:25px; font-weight:500; } /* subpage/computer.php 컴퓨터사업부 */ .computer { width:990px; margin:0 auto; } .computer .maintit { display:block; width:100%; height:392px; background:url('../subpage/img/com_quotes.png') no-repeat 190px 0; text-align:center; } .computer .maintit li.big { font-size:30px; color:#010101; font-weight:700; font-family:'IBM Plex Sans', sans-serif; letter-spacing:-2px; padding:25px 0 60px 0; } .computer .maintit li { font-size:18px; color:#333; line-height:30px; letter-spacing:-1px; } .computer .com_img1 { display:block; width:100%; height:590px; background:url('../subpage/img/com_img1.png') no-repeat; } .computer .boxgp { display:block; width:100%; height:470px; margin:75px auto; } .computer .boxgp ul { display:block; width:43%; height:153px; border:1px solid #e1e1e1; padding:40px 22px; float:left; margin:0 2% 2% 0; } .computer .boxgp ul .tit { display:block; font-size:20px; color:#222; font-family:'IBM Plex Sans', sans-serif; font-weight:700; letter-spacing:-2px; padding-bottom:22px; border-bottom:3px solid #004da8; } .computer .boxgp ul .cont { display:inline-block; font-size:14px; color:#666; letter-spacing:-1px; line-height:25px; padding-top:22px; } .computer .detail .maintit2 { display:block; width:100%; text-align:center; padding-top:20px; } .computer .detail .maintit2 li.big { font-size:40px; color:#000; font-weight:700; letter-spacing:-1px; padding:60px 0; } .computer .detail .maintit2 li { font-size:20px; color:#545454; line-height:30px; letter-spacing:-1px; padding-bottom:60px; } .computer .detail .com_img2 { display:block; width:100%; height:590px; background:url('../subpage/img/com_img2.png') no-repeat; } .computer .detail .com_img3 { display:block; width:100%; height:590px; background:url('../subpage/img/com_img3.png') no-repeat; } .computer .detail .com_img4 { display:block; width:100%; height:590px; background:url('../subpage/img/com_img4.png') no-repeat; } .computer .detail .com_img5 { display:block; width:100%; height:590px; background:url('../subpage/img/com_img5.png') no-repeat; } .computer .detail .com_img6 { display:block; width:100%; height:590px; background:url('../subpage/img/com_img6.png') no-repeat; } .computer .detail .com_img7 { display:block; width:100%; height:1268px; background:url('../subpage/img/com_img7.png') no-repeat; } .computer .banner { display:block; width:100%; height:293px; background:url('../subpage/img/banner_img2.png') no-repeat #004da8 797px 20px; } .computer .banner .img1 { float:left; position:relative; bottom:77px; left:54px; } .computer .banner ul { display:inline-block; float:left; color:#fff; letter-spacing:-1px; padding:30px 0 0 92px; } .computer .banner ul li a { display:inline-block; width:228px; height:21px; line-height:21px; color:#fff; background:#669dd6; border:1px solid #8ab6e3; padding:16px 40px; font-size:20px; margin-top:27px; } .computer .banner ul li a:hover { background:#004da8; transition:0.5s ease; } /* subpage/rentalpart.php 사무기기임대사업부 */ .rentalpart { width:990px; margin:0 auto; } .rentalpart .maintit { display:block; width:100%; background:url('../subpage/img/com_quotes.png') no-repeat 190px 0; text-align:center; } .rentalpart .maintit li.big { font-size:30px; color:#010101; font-weight:700; font-family:'IBM Plex Sans', sans-serif; letter-spacing:-2px; padding:25px 0 60px 0; } .rentalpart .maintit li { font-size:18px; color:#333; line-height:30px; letter-spacing:-1px; } .rentalpart .ren_imggp { display:block; width:921px; height:612px; margin:70px auto; text-align:center; } .rentalpart .ren_imggp .ren_img1 { display:inline-block; float:left; width:297px; height:298px; background:url('../subpage/img/ren_img1.png') no-repeat; padding:5px; } .rentalpart .ren_imggp .ren_img2 { display:inline-block; float:left; width:297px; height:298px; background:url('../subpage/img/ren_img2.png') no-repeat; padding:5px; } .rentalpart .ren_imggp .ren_img3 { display:inline-block; float:left; width:297px; height:298px; background:url('../subpage/img/ren_img3.png') no-repeat; padding:5px; } .rentalpart .ren_imggp .ren_img4 { display:inline-block; float:left; width:297px; height:298px; background:url('../subpage/img/ren_img4.png') no-repeat; padding:5px; } .rentalpart .ren_imggp .ren_img5 { display:inline-block; float:left; width:297px; height:298px; background:url('../subpage/img/ren_img5.png') no-repeat; padding:5px; } .rentalpart .ren_imggp .ren_img6 { display:inline-block; float:left; width:297px; height:298px; background:url('../subpage/img/ren_img6.png') no-repeat; padding:5px; } .rentalpart .boxgp { display:block; width:100%; height:470px; margin:75px auto; } .rentalpart .boxgp ul { display:block; width:43%; height:153px; border:1px solid #e1e1e1; padding:40px 22px; float:left; margin:0 2% 2% 0; } .rentalpart .boxgp ul .tit { display:block; font-size:20px; color:#222; font-family:'IBM Plex Sans', sans-serif; font-weight:700; letter-spacing:-2px; padding-bottom:22px; border-bottom:3px solid #004da8; } .rentalpart .boxgp ul .cont { display:inline-block; font-size:14px; color:#666; letter-spacing:-1px; line-height:25px; padding-top:22px; } .rentalpart .detail .maintit2 { display:block; width:100%; text-align:center; padding-top:20px; } .rentalpart .detail .maintit2 li.tit1 { font-size:43px; color:#48474f; line-height:73px; font-weight:700; letter-spacing:-3px; font-family:'IBM Plex Sans', sans-serif; } .rentalpart .detail .maintit2 li.tit2 { font-size:68px; color:#222; line-height:98px; font-weight:700; letter-spacing:-7px; font-family:'IBM Plex Sans', sans-serif; } .rentalpart .detail .maintit2 li.date { font-size:23px; color:#222; line-height:30px; letter-spacing:-2px; padding-top:48px; width:100%; text-align:right; } .rentalpart .detail .imggp { display:block; width:842px; height:500px; margin:0 auto; padding-top:86px; } .rentalpart .detail .imggp .imgtit { display:inline-block; font-size:30px; color:#222; font-weight:700; letter-spacing:-2px; background:linear-gradient(to top,#bae1ff 50%, transparent 50%); margin-bottom:10px; } .rentalpart .detail .imggp .ren_img7 { display:block; width:842px; height:444px; border-radius:10px; background:url('../subpage/img/ren_img7.png') no-repeat; } .rentalpart .detail .imggp .ren_img8 { display:block; width:842px; height:444px; border-radius:10px; background:url('../subpage/img/ren_img8.png') no-repeat; } .rentalpart .detail .imggp .ren_img9 { display:block; width:842px; height:444px; border-radius:10px; background:url('../subpage/img/ren_img9.png') no-repeat; } .rentalpart .detail .imggp .ren_img10 { display:block; width:842px; height:444px; border-radius:10px; background:url('../subpage/img/ren_img10.png') no-repeat; } .rentalpart .detail .imggp .ren_img11 { display:block; width:842px; height:444px; border-radius:10px; background:url('../subpage/img/ren_img11.png') no-repeat; } .rentalpart .detail .maintit3 { display:block; width:100%; text-align:center; padding:100px 0 30px 0; } .rentalpart .detail .maintit3 li.tit1 { font-size:30px; color:#48474f; line-height:50px; font-weight:500; letter-spacing:-3px; font-family:'IBM Plex Sans', sans-serif; } .rentalpart .detail .maintit3 li.tit2 { font-size:60px; color:#222; line-height:80px; font-weight:700; letter-spacing:-3px; font-family:'IBM Plex Sans', sans-serif; } .rentalpart .banner { display:block; width:100%; height:293px; background:url('../subpage/img/banner_img2.png') no-repeat #004da8 797px 20px; } .rentalpart .banner .img1 { float:left; position:relative; bottom:77px; left:54px; } .rentalpart .banner ul { display:inline-block; float:left; color:#fff; letter-spacing:-1px; padding:30px 0 0 92px; } .rentalpart .banner ul li a { display:inline-block; width:228px; height:21px; line-height:21px; color:#fff; background:#669dd6; border:1px solid #8ab6e3; padding:16px 40px; font-size:20px; margin-top:27px; } .rentalpart .banner ul li a:hover { background:#004da8; transition:0.5s ease; } /* subpage/brandpart.php 브랜드사업부 */ .brandpart { width:990px; margin:0 auto; } .brandpart .maintit { display:block; width:100%; height:392px; background:url('../subpage/img/com_quotes.png') no-repeat 190px 0; text-align:center; } .brandpart .maintit li.big { font-size:30px; color:#010101; font-weight:700; font-family:'IBM Plex Sans', sans-serif; letter-spacing:-2px; padding:25px 0 60px 0; } .brandpart .maintit li { font-size:18px; color:#333; line-height:30px; letter-spacing:-1px; } .brandpart .bran_img1 { display:block; width:100%; height:628px; background:url('../subpage/img/bran_img1.png') no-repeat; } .brandpart .boxgp { display:block; width:100%; height:490px; margin:75px auto; } .brandpart .boxgp ul { display:block; width:43%; height:153px; border:1px solid #e1e1e1; padding:40px 22px; float:left; margin:0 2% 2% 0; } .brandpart .boxgp ul .tit { display:block; font-size:20px; color:#222; font-family:'IBM Plex Sans', sans-serif; font-weight:700; letter-spacing:-2px; padding-bottom:22px; border-bottom:3px solid #004da8; } .brandpart .boxgp ul .cont { display:inline-block; font-size:14px; color:#666; letter-spacing:-1px; line-height:25px; padding-top:22px; } .brandpart .banner { display:block; width:100%; height:293px; background:url('../subpage/img/bran_btnbg.png') no-repeat #f0f4ff 150px 20px; padding:80px 0 0 0; } .brandpart .banner .img1 { float:left; position:relative; bottom:77px; left:54px; } .brandpart .banner ul { display:inline-block; float:left; color:#333; letter-spacing:-1px; padding:30px 0 0 92px; } .brandpart .banner ul li a { display:inline-block; width:228px; height:21px; line-height:21px; color:#fff; background:#004da8; border:1px solid #8ab6e3; padding:16px 40px; font-size:20px; margin-top:27px; text-align:center; } .brandpart .banner ul li a:hover { background:#669dd6; transition:0.5s ease; } /* subpage/brand.php 브랜드소개 */ .brand { width:100%; margin:0 auto; } .brand .brand1 { display:block; width:100%; height:1168px; background:url('../subpage/img/brand_bg1.png') no-repeat center; text-align:center; } .brand .brand1 .tit { display:block; text-align:center; font-size:50px; line-height:70px; color:#fff; font-weight:700; letter-spacing:-2px; padding:100px 0; font-family:'GmarketSansBold',sans-serif; } .brand .brand1 .botlogo { display:block; position:relative; top:450px; text-align:center; } .brand .brand2 { display:block; width:100%; height:1002px; background:url('../subpage/img/brand_bg2.jpg') no-repeat center; text-align:center; } .brand .brand2 .titgp { display:block; position:relative; top:432px; padding:100px 0; width:990px; margin:0 auto; } .brand .brand2 .titgp li.tit1 { text-align:center; font-size:70px; line-height:80px; color:#fff; font-weight:700; letter-spacing:-2px; font-family:'GmarketSansBold',sans-serif; } .brand .brand2 .titgp li.tit2 { font-size:30px; color:#004da8; letter-spacing:-2px; font-weight:700; padding-top:40px; } .brand .brand2 .titgp li.tit3 { width:542px; margin:0 auto; font-size:17px; color:#343434; line-height:29px; letter-spacing:-1px; padding-top:40px; word-break:keep-all; } .brand .brand3 { display:block; width:100%; height:1317px; text-align:center; padding:73px 0; } .brand .brand3 .titgp { display:block; width:990px; margin:0 auto; } .brand .brand3 .titgp li.tit1 { text-align:center; font-size:50px; line-height:50px; color:#004da8; font-weight:700; letter-spacing:-5px; font-family:'IBM Plex Sans', sans-serif; } .brand .brand3 .titgp li.tit2 { font-size:20px; color:#222; letter-spacing:-2px; padding-top:40px; } .brand .brand3 .contgp { display:block; width:990px; margin:0 auto; } .brand .brand3 .contgp li.cont { padding-top:60px; } .brand .brand3 .contgp li.cont img { margin:10px; box-shadow:0 0 13px 0 #ddd; } .brand .brand3 .notice { display:block; width:900px; margin:60px auto; border:1px solid #989898; font-size:17px; line-height:27px; color:#313131; text-align:center; padding:22px; letter-spacing:-2px; font-weight:600; } .brand .brand4 { display:block; width:100%; height:713px; text-align:center; padding:73px 0; } .brand .brand4 .titgp { display:block; width:990px; margin:0 auto; } .brand .brand4 .titgp li.tit1 { text-align:center; font-size:50px; line-height:50px; color:#004da8; font-weight:700; letter-spacing:-5px; font-family:'IBM Plex Sans', sans-serif; } .brand .brand4 .titgp li.tit2 { font-size:20px; color:#222; letter-spacing:-1px; padding-top:40px; } .brand .brand4 .contgp { display:block; width:990px; height:440px; margin:0 auto; } .brand .brand4 .contgp li.cont { padding-top:60px; } .brand .brand4 .contgp li.cont ul { display:inline-block; float:left; padding-left:35px; } .brand .brand4 .contgp li.cont ul li.txt { font-size:25px; font-weight:600; color:#000; padding-top:35px; } .brand .brand4 .btn a { clear:both; display:block; width:140px; height:20px; margin:60px auto; background:#004da8; border:1px solid #989898; font-size:17px; line-height:20px; color:#fff; text-align:center; padding:19px 84px; letter-spacing:-2px; font-weight:600; } .brand .brand4 .btn a:hover { color:#313131; background:#fff; transition:0.5s ease; } .brand .brand5 { display:block; width:1920px; height:706px; background:#3064c5; text-align:center; margin:0 auto; } .brand .brand6 { display:block; width:100%; height:320px; text-align:center; padding:90px 0; background:url('../subpage/img/brand_branch.png') no-repeat center; } .brand .brand6 .titgp { display:block; width:990px; margin:0 auto; } .brand .brand6 .titgp li.tit1 { text-align:center; font-size:40px; line-height:50px; color:#fff; font-weight:700; letter-spacing:-5px; font-family:'IBM Plex Sans', sans-serif; } .brand .brand6 .titgp li.tit2 { font-size:23px; color:#fff; line-height:27px; letter-spacing:-1px; padding-top:56px; } .brand .brand6 .titgp li.tit3 { font-size:16px; color:#bbbbbb; line-height:27px; letter-spacing:-1px; padding-top:56px; } .brand .brand7 { display:block; width:100%; height:1160px; text-align:center; padding:73px 0; margin:0 auto; } .brand .brand7 .imggp { display:inline-block; float:left; width:495px; } .brand .brand7 .titgp { display:inline-block; float:left; width:495px; margin-top:110px; } .brand .brand7 .titgp li.tit1 { text-align:center; font-size:40px; line-height:55px; color:#3b3b3b; font-weight:700; letter-spacing:-5px; font-family:'IBM Plex Sans', sans-serif; text-align:left; } .brand .brand7 .titgp li.tit2 { font-size:16px; line-height:27px; color:#5b5b5b; letter-spacing:-2px; padding-top:40px; text-align:left; } .brand .brand7 .contgp { clear:both; display:block; width:100%; margin:0 auto; } .brand .brand7 .contgp li.cont { width:1682px; margin:0 auto; padding-top:60px; } .brand .brand7 .contgp li.cont img { float:left; margin:5px; box-shadow:0 0 13px 0 #ddd; } .brand .brand8 { display:block; width:100%; text-align:center; padding:73px 0; margin:0 auto; } .brand .brand8 .titgp { display:block; width:990px; margin:0 auto; } .brand .brand8 .boxgp { width:800px; margin:85px auto; } .brand .brand8 .boxgp .tit1 { font-size:33px; color:#2c2c2c; letter-spacing:-3px; font-family:'IBM Plex Sans', sans-serif; font-weight:700; text-align:left; } .brand .brand8 .boxgp .tit2 { font-size:16px; text-align:left; line-height:27px; color:#2c2c2c; letter-spacing:-1px; margin:40px 0; word-break:keep-all; } .brand .brand8 .boxgp .box { clear:both; display:block; width:800px; height:350px; margin-top:30px; } .brand .brand8 .boxgp .box .imgbox { display:inline-block; width:370px; height:330px; text-align:center; float:left; box-shadow:-5px 5px 20px 0px #ebebeb; } .brand .brand8 .boxgp .box .txtbox { display:inline-block; width:370px; height:230px; text-align:center; float:left; margin-left:50px; position:relative; top:70px; } .brand .brand8 .boxgp .box .txtbox .tit { display:block; font-size:25px; color:#2c2c2c; letter-spacing:-3px; font-family:'IBM Plex Sans', sans-serif; font-weight:700; text-align:left; } .brand .brand8 .boxgp .box .txtbox .cont { display:block; font-size:16px; line-height:27px; letter-spacing:-1px; color:#2c2c2c; text-align:left; word-break:keep-all; padding:35px 0; } .brand .brand8 .boxgp .box .txtbox .link { display:block; font-size:16px; line-height:27px; letter-spacing:-1px; color:#2c2c2c; text-align:left; word-break:keep-all; background:url('../subpage/img/brand_linkicon.png') no-repeat 285px 7px; } .brand .brand8 .boxgp .box .txtbox .link a:hover { color:#ccc; transition:0.2s ease; } .brand .brand9 .banner1 { width:1920px; background:#354b53; text-align:center; margin:0 auto; } .brand .brand9 .banner2 { display:block; width:1920px; height:115px; background:#004da8; margin:0 auto; } .brand .brand9 .banner2 .txt { font-size:27px; color:#fff; letter-spacing:-1px; font-weight:700; float:left; line-height:115px; } .brand .brand9 .banner2 .btn { display:inline-block; float:right; position:relative; top:28px; } /* subpage/benifit.php 자격및혜택*/ .benifit { width:990px; margin:0 auto; } .benifit .benifitgp { display:inline-block; width:100%; margin-bottom:90px; } .benifit .benifitgp ul li.tit { font-size:28px; color:#0473f2; font-weight:bold; font-family:'GmarketSansBold'; width:178px; float:left; } .benifit .benifitgp ul li.cont { font-size:16px; color:#333; font-weight:500; line-height:30px; float:left; } .benifit .benifitgp ul li.btn a { clear:both; display:block; width:145px; height:22px; line-height:22px; border:1px solid #ccc; font-size:16px; color:#0473f2; padding:10px 30px; margin:0 0 0 195px; background:url('../subpage/img/benifit_link.png') no-repeat 162px 14px; } .benifit .benifitgp2 { display:inline-block; width:100%; margin-bottom:90px; } .benifit .benifitgp2 ul li.tit { font-size:28px; color:#0473f2; font-weight:bold; font-family:'GmarketSansBold'; width:178px; float:left; } .benifit .benifitgp2 ul li.tit2 { font-size:20px; color:#333; font-weight:700; padding:0 0 30px 176px; } .benifit .benifitgp2 ul li.cont { font-size:16px; color:#333; font-weight:500; line-height:30px; padding:30px 0 10px 195px; } .benifit .benifitgp2 ul li.cont2 { font-size:40px; color:#0473f2; font-weight:700; line-height:30px; padding:0 0 30px 195px; letter-spacing:-2px; } .benifit .benifitgp2 ul li.btn a { clear:both; display:block; width:180px; height:22px; line-height:22px; border:1px solid #ccc; font-size:16px; color:#0473f2; padding:10px 30px; margin:0 0 0 195px; background:url('../subpage/img/benifit_link.png') no-repeat 195px 14px; } .benifit .benifitgp2 ul li.process { padding:0 0 0 195px; } .benifit .benifitgp2 ul li.img { display:inline-block; border:1px solid #d6d6d6; margin:30px 0 30px 195px; } .benifit .benifitgp3 { display:inline-block; width:100%; margin-bottom:90px; } .benifit .benifitgp3 ul li.tit { font-size:28px; color:#0473f2; font-weight:bold; font-family:'GmarketSansBold'; width:178px; float:left; } .benifit .benifitgp3 ul li.tit2 { font-size:20px; color:#333; font-weight:700; padding:0 0 30px 176px; } .benifit .benifitgp3 ul li.cont { font-size:40px; color:#0473f2; font-weight:700; line-height:30px; padding:0 0 50px 195px; letter-spacing:-2px; } .benifit .benifitgp3 ul li.cont a { clear:both; display:block; width:180px; height:22px; line-height:22px; border:1px solid #ccc; font-size:16px; color:#0473f2; padding:10px 30px; background:url('../subpage/img/benifit_link.png') no-repeat 195px 14px; } .benifit .benifitgp3 ul li.cont img { display:inline-block; width:600px; } /* subpage/location.php 지점현황*/ .location { width:990px; margin:0 auto; } .location .titgp { text-align:center; } .location .titgp .tit1 { font-size:40px; line-height:60px; color:#333; font-weight:300; letter-spacing:-2px; } .location .titgp .tit2 { font-size:60px; line-height:80px; color:#0082ff; font-weight:700; letter-spacing:-2px; } .location .titgp .notice { display:block; width:850px; margin:0 auto; text-align:right; padding-top:60px; font-size:16px; } .location .titgp .img1 { display:block; margin:0 auto; padding:20px 0 50px 0; } .location .titgp .img2 { display:block; margin:0 auto; padding:20px 0 50px 0; } .location .titgp .btn a { display:inline-block; width:242px; height:18px; line-height:18px; font-size:22px; color:#fff; text-align:left; border:1px solid #0473f2; font-weight:700; padding:28px 65px; margin-bottom:50px; background:url('../subpage/img/loca_link.png') no-repeat #0473f2 289px 28px; } .location .titgp .btn a:hover { background:url('../subpage/img/loca_link_o.png') no-repeat #fff 289px 28px; border:1px solid #0473f2; color:#0473f2; transition:0.5s ease; } /* subpage/qna.php QnA*/ .accordian{ width:990px; margin:0 auto; } input[id*="answer"] { display:none; } input[id*="answer"] + label { display:block; padding:20px; border:1px solid #ccc; border-bottom:0; font-size:16px; color:#818181; font-weight:500; background:#fff; cursor:pointer; position:relative; } input[id*="answer"] + label em { position:absolute; top:50%; right:10px; width:30px; height:30px; margin-top:-15px; display:inline-block; background:url('./img/arrow.png') 0 0 no-repeat; } input[id*="answer"]:checked + label{ color:#F33; } input[id*="answer"]:checked + label em { background-position:0 -30px; } input[id*="answer"] + label + div { max-height:0; transition:all .35s; overflow:hidden; background:#fff; font-size:14px; border:1px solid #e4e4e4; background:#fcfcfc; color:#818181; margin-bottom:15px; } input[id*="answer"] + label + div p { display:inline-block; padding:20px; } input[id*="answer"]:checked + label + div { max-height:125px; } /* subpage/gallery.php 갤러리*/ .gallerybg { width:100%; height:814px; background:url('../subpage/img/gallery_bg.jpg') no-repeat center; } .gallery { width:990px; margin:0 auto; } .gallery .imggp { display:inline-block; width:540px; float:left; margin-top:159px; } .gallery .imggp img { width:100%; } .gallery .txtgp { display:inline-block; width:400px; margin:200px 0 0 50px; } .gallery .txtgp .tit1 { font-size:25px; line-height:25px; color:#79ebfc; font-weight:500; letter-spacing:-2px; padding-bottom:20px; } .gallery .txtgp .tit2 { font-size:35px; line-height:35px; color:#fff; font-weight:700; letter-spacing:-2px; padding-bottom:40px; } .gallery .txtgp .cont { font-size:17px; line-height:30px; color:#fff; font-weight:300; letter-spacing:-1px; } .gallery .txtgp .btn a { display:inline-block; width:177px; height:15px; line-height:15px; font-size:16px; color:#fff; text-align:center; border:1px solid #1c6eff; font-weight:700; padding:18px 40px; margin-top:50px; background:linear-gradient(120deg,#1c6eff,#5c2dbb); } .gallery .txtgp .btn a:hover { border:1px solid #5c2dbb; color:#ddd; transition:0.5s ease; }