/*****************************************************************************************************************************************************************회사소개*********/ #sub_content{ width:100%; background:#ffffff; position:absolute;bottom:0;top:75px;left:0;right:0;padding:0 0 0 0;overflow-y:scroll;overflow-x:hidden;} .sub_cont{ width:100%;height:97.5%;max-width:1183px;margin:0 auto;position:relative;} #sub_content .subNavi{ position:relative;width:200px;top:0;left:0;bottom:0;float:left;} #sub_content .subNavi ul{float:right; width:128px;} #sub_content .subNavi ul li {text-align:center;} #sub_content .contact{ width:100%;height:75px;border-top:1px solid #d7d7d7;padding:0 0;float:left;position:absolute;bottom:0; display:none;} #sub_content .contact dl{ border-bottom:1px solid #d7d7d7; position:relative;overflow:hidden;padding-bottom:10px;} #sub_content .contact dt{ width:100%;height:33px;line-height:33px;color:#353535;font-size:16px;font-weight:bold; } #sub_content .contact dd{ float:left;width:100%;height:56px;text-align:left;font-weight:bold;font-size:10px;color:#353535;line-height:18px; letter-spacing:-1px;} #sub_content .contact dd img{ padding-bottom:8px; } #sub_content .contact dd span.cont_icon1{ height:51px;background:url("../images/main/cont_icon1.gif") no-repeat left top; padding:20px 0 0 56px;display:block;} #sub_content .contact dd span.cont_icon2{ height:51px;background:url("../images/main/cont_icon2.gif") no-repeat left top; padding:20px 0 0 56px;display:block;} #sub_content .contact dd span.cont_icon3{ height:51px;background:url("../images/main/cont_icon3.gif") no-repeat left top; padding:20px 0 0 56px;display:block;} #sub_content .contact dd a{color:#353535;} #sub_content .contact span.add{ font-size:11px;line-height:16px;display:block;padding:6px 0;} #sub_content .contact span.add2{ font-size:11px;line-height:16px;display:block;padding:6px 0 0 0;} #sub_content .contact span.add2 span.add_tel{ color:#232323;font-weight:bold; } #sub_content .contact span.add3{ font-size:11px;line-height:16px;display:block;width:150px;} #sub_content .contact span.add3 span.add_tel{ color:#232323;font-weight:bold; } #real_cont_wrap {width:80.5%; float:left; margin-left:30px;padding-bottom:50px;} #real_cont_wrap h1{color:#444;} #real_cont_wrap h1 {height:40px; padding-top:95px;font-size:30px; background:url('../images/common/bg_title.jpg') no-repeat right bottom; text-shadow:2px 2px 3px white;} #real_cont_wrap #location {width:100%; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:2px solid #1f6aa9;} #real_cont_wrap #location ul {overflow:hidden; } #real_cont_wrap #location ul li {float:left; height:20px;} #real_cont_wrap #location ul li.depth1 a { display:inline-block; height:20px; padding:5px 20px 5px 10px; background:url('../images/common/img_clamp.gif') #f6f6f6 no-repeat top right;} #real_cont_wrap #location ul li.depth2 a { display:inline-block; height:20px; padding:5px 20px 5px 10px; background:url('../images/common/img_clamp2.gif') #f6f6f6 no-repeat top right; color:#767676;} #real_cont_wrap #location ul li.depth3 {padding:5px 20px 5px 15px; color:#333;} #real_cont_wrap #real_cont {padding:0 10px; font-size:15px;} #real_cont_wrap #real_cont p.intro_txt {padding:30px 0; line-height:24px; font-size:14px;} #real_cont_wrap #real_cont p.intro_txt span.big{display:block; font-size:20px; padding-bottom:15px; } #real_cont_wrap #real_cont p.intro_txt span.point{color:#1f6aa9; font-weight:bold;} .body_cont > h2 span{font-size:20px;} .body_cont > h2 {padding-bottom:15px;} @media only screen and (min-width:768px) and (max-width:1200px) { #sub_content .subNavi{ position:relative;width:100%;border-bottom:1px solid #c7c7c7;border-right:0;top:0;left:0;right:0; } #sub_content .subNavi ul {width:100%; overflow:hidden;} #sub_content #subNavi01 .contact{ float:right; width:118px; height:210px;border-bottom:1px solid #d7d7d7;padding:4px;border-left:1px solid #ddd;border-right:1px solid #ddd; display:none;} #sub_content .contact{ width:100%;height:90px;padding:0 0;float:left;position:relative;bottom:0;display:block;} #sub_content .contact dl{ border-right:1px solid #d7d7d7; position:relative;overflow:hidden;padding:0;width:100%;float:left;} #sub_content .contact dt{ width:25%; padding-left:2%;height:60px;line-height:33px;color:#353535;font-size:25px;font-weight:bold;float:left;} #sub_content .contact dt span{ padding:8px;display:block; } #sub_content .contact dd{ float:left;width:35%;height:50px;text-align:center;font-weight:bold;font-size:12px;color:#353535;line-height:18px;float:left; } #sub_content .contact dd span.cont_icon1{ background:url("../images/main/cont_icon1_s.gif") no-repeat;display:block;border-left:1px solid #d7d7d7;color:#625f5f;font-size:16px;font-weight:bold;text-align:right;line-height:68px;padding:0 10px 0 0;} #sub_content .contact dd span.cont_icon2{ background:url("../images/main/cont_icon2_s.gif") no-repeat;display:block;border-left:1px solid #d7d7d7;color:#625f5f;font-size:16px;font-weight:bold;text-align:right;line-height:68px;padding:0 10px 0 0;} #sub_content .contact dd span.cont_icon3{ background:url("../images/main/cont_icon3_s.gif") no-repeat;display:block;border-left:1px solid #d7d7d7;color:#625f5f;font-size:16px;font-weight:bold;text-align:right;line-height:68px;padding:0 10px 0 0;} #sub_content .contact span.add{font-size:12px;line-height:16px;display:block;position:relative;right:0;width:100%;text-align:center;} #sub_content .contact span.add span.add_tel{ color:#232323;font-weight:bold; } #sub_content .contact span.add2{ font-size:11px;line-height:16px;display:inline-block;padding:6px 0 0 0;width:110px;} #sub_content .contact span.add2 span.add_tel{ color:#232323;font-weight:bold; } #sub_content .contact span.add3{ font-size:11px;line-height:16px;display:inline-block;width:120px;} #sub_content .contact span.add3 span.add_tel{ color:#232323;font-weight:bold; } #real_cont_wrap {width:96%;margin:0 2%;float:left;} #real_cont_wrap h1 {height:30px; padding-top:25px;padding-bottom:20px;font-size:30px;background:#fff;text-shadow:2px 2px 3px white;} .body_cont{padding-bottom:30px;} .body_cont > h2 span{font-size:25px;} } #sub_footer{ color:#939393;font-size:11px;height:23px;background:#111111;text-align:right;padding-right:10px;position:relative;bottom:0;left:0;right:0;margin-top:0;} #sub_footer span{ position:absolute;top:0;right:0;line-height:23px; } @media only screen and (min-width:200px) and (max-width:768px) { body{ overflow:hidden; } #sub_content{ width:100%;background:#ffffff; position:absolute;bottom:0;top:40px;left:0;right:0;padding:0 0 0 0;overflow-y:scroll;overflow-x:hidden;} #sub_content .subNavi {min-width:100%;} #sub_content .subNavi ul {width:100%; overflow:hidden;} #sub_content #subNavi01 ul li.menu01 a span {letter-spacing:-1px;} #real_cont_wrap {padding:0;background:#fff;margin:0;width:auto;width:100%;} #sub_content #subNavi01 .contact{ float:right; width:118px; height:210px;border-bottom:1px solid #d7d7d7;padding:4px;border-left:1px solid #ddd;border-right:1px solid #ddd; display:none !important;} #sub_content .contact{ width:100% !important;height:170px !important;border-top:1px solid #4b4b4b;border-bottom:0;padding:0 0; position:relative !important;bottom:0 !important;background:#dbdbdb;display:block;} #sub_content .contact dl{ border-bottom:1px solid #d7d7d7; position:relative;overflow:hidden;padding-bottom:10px;} #sub_content .contact dt{ width:100%; padding-left:2%;height:33px;line-height:33px;color:#353535;font-size:16px;font-weight:bold; } #sub_content .contact dd{ float:left;width:48%;height:70px;text-align:center;font-weight:bold;font-size:12px;color:#353535;line-height:18px;background:#dbdbdb;border-left:1px solid #959595; } #sub_content .contact dd:first-child{ width:33%;border-left:0; } #sub_content .contact dd img{ padding-bottom:8px; } #sub_content .contact dd span.cont_icon1{background:url("../images/main/cont_icon1.gif") no-repeat center top;padding:50px 0 0 0;display:block;text-align:center;width:100%;} #sub_content .contact dd span.cont_icon2{ background:url("../images/main/cont_icon2.gif") no-repeat center top;padding:55px 0 0 0;display:block;text-align:center;width:100%;} #sub_content .contact dd span.cont_icon3{ background:url("../images/main/cont_icon3.gif") no-repeat center top;padding:55px 0 0 0;display:block;text-align:center;width:100%;} #sub_content .contact span.add{ font-size:11px;line-height:16px;display:block;padding:6px 5px;line-height:15px;margin:0 auto;} #sub_content .contact span.add br{ display:none; } #sub_content .contact span.add2{ font-size:11px;line-height:16px;display:inline-block;padding:3px 0 0 0; width:100px;} #sub_content .contact span.add2 span.add_tel{ color:#232323;font-weight:bold; } #sub_content .contact span.add3{ font-size:11px;line-height:16px;display:inline-block;width:100px;} #sub_content .contact span.add3 span.add_tel{ color:#232323;font-weight:bold; } #real_cont_wrap h1 {font-size:21px; padding:20px 10px 0 10px;background:#fff;} #real_cont_wrap #location {width:100%; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:2px solid #1f6aa9;} #real_cont_wrap #location ul {overflow:hidden; } #real_cont_wrap #location ul li {float:left; height:20px;} #real_cont_wrap #location ul li.depth1 a { display:inline-block; height:20px; padding:5px 20px 5px 10px; background:url('../images/common/img_clamp.gif') #f6f6f6 no-repeat top right;} #real_cont_wrap #location ul li.depth2 a { display:inline-block; height:20px; padding:5px 20px 5px 10px; background:url('../images/common/img_clamp2.gif') #f6f6f6 no-repeat top right; color:#767676;} #real_cont_wrap #location ul li.depth3 {padding:5px 20px 5px 15px; color:#333;} #real_cont_wrap #real_cont {padding:0 10px; font-size:15px;} #real_cont_wrap #real_cont p.intro_txt {padding:20px 0; font-size:14px;} #real_cont_wrap #real_cont p.intro_txt span.big{display:block; font-size:17px; padding-bottom:10px; line-height:21px;} #real_cont_wrap #real_cont p.intro_txt span.point{color:#1f6aa9; font-weight:bold;} .body_cont > h2 span{font-size:20px;} .body_cont > h2 {padding-bottom:15px;} } /******************/ #sub_content #subNavi01 ul li a {display:block; width:128px; height:34px; padding-top:142px;} #sub_content #subNavi01 ul li.menu01 a {background:url('../images/system/submenu_01.jpg') no-repeat center center;background-size:cover;} #sub_content #subNavi01 ul li.menu01 a:hover {background:url('../images/system/submenu_01_over.jpg') no-repeat center center;background-size:cover;} #sub_content #subNavi01 ul li.menu02 a {background:url('../images/system/submenu_02.jpg') no-repeat 75% center;background-size:cover;} #sub_content #subNavi01 ul li.menu02 a:hover {background:url('../images/system/submenu_02_over.jpg') no-repeat 75% center;background-size:cover;} #sub_content #subNavi01 ul li.menu03 a {background:url('../images/system/submenu_03.jpg') no-repeat 80% center;background-size:cover;} #sub_content #subNavi01 ul li.menu03 a:hover {background:url('../images/system/submenu_03_over.jpg') no-repeat 80% center;background-size:cover;} #sub_content #subNavi01 ul li.menu04 a {background:url('../images/system/submenu_04.jpg') no-repeat center center;background-size:cover;} #sub_content #subNavi01 ul li.menu04 a:hover {background:url('../images/system/submenu_04_over.jpg') no-repeat center center;background-size:cover;} #sub_content .subNavi ul li a > span{display:inline-block; background:url('../images/common/bg_dark.png') repeat 0 0; width:100%; color:white; height:29px; padding-top:5px; font-size:15px; font-weight:bold;} #sub_content #subNavi01 .contact{ float:right; width:118px; height:340px;border-bottom:1px solid #d7d7d7;padding:4px;border-left:1px solid #ddd;border-right:1px solid #ddd;position:relative;display:block; } #real_cont_wrap h1 {height:40px; padding-top:95px;font-size:30px; color:#444;background:url('../images/common/bg_title.jpg') no-repeat right bottom; text-shadow:2px 2px 3px white;} @media only screen and (min-width:768px) and (max-width:1200px) { #sub_content #subNavi01 ul li a{float:left; width:25%; height:75px; text-align:center;} #sub_content #subNavi01 ul li.menu01 a {background:url('../images/system/submenu_01.jpg') no-repeat center center;background-size:cover;} #sub_content #subNavi01 ul li.menu01 a:hover {background:url('../images/system/submenu_01_over.jpg') no-repeat center center;background-size:cover;} #sub_content #subNavi01 ul li.menu02 a {background:url('../images/system/submenu_02.jpg') no-repeat 75% center;background-size:cover;} #sub_content #subNavi01 ul li.menu02 a:hover {background:url('../images/system/submenu_02_over.jpg') no-repeat 75% center;background-size:cover;} #sub_content #subNavi01 ul li.menu03 a {background:url('../images/system/submenu_03.jpg') no-repeat center center;background-size:cover;} #sub_content #subNavi01 ul li.menu03 a:hover {background:url('../images/system/submenu_03_over.jpg') no-repeat center center;background-size:cover;} #sub_content #subNavi01 ul li.menu04 a {background:url('../images/system/submenu_04.jpg') no-repeat center center;background-size:cover;} #sub_content #subNavi01 ul li.menu04 a:hover {background:url('../images/system/submenu_04_over.jpg') no-repeat center center;background-size:cover;} #sub_content #subNavi01 ul li a span { display:block; vertical-align:bottom; width:100%; text-align:center; color:white; font-size:15px; font-weight:bold; text-shadow:1px 1px 3px black; } #sub_content #subNavi01 ul li a span.shadow{background:url('../images/common/bg_dark.png') repeat 0 0; padding-top:0; height:75px;line-height:75px;} #sub_content #subNavi01 ul li a span.shadow:hover{background:none;} #sub_content #subNavi01 .contact{ float:right; width:118px; height:210px;border-bottom:1px solid #d7d7d7;padding:4px;border-left:1px solid #ddd;border-right:1px solid #ddd; display:none;} #real_cont_wrap h1 {height:30px; padding-top:25px;padding-bottom:20px;font-size:30px;background:#fff;text-shadow:2px 2px 3px white;} .body_cont{padding-bottom:30px;} .body_cont > h2 span{font-size:25px;} /* 01 시스템사업부 소개*/ #real_cont_wrap #real_cont {padding:0 10px; font-size:14px;} #real_cont_wrap #real_cont p.intro_txt {padding:30px 0; line-height:20px; font-size:14px; } #real_cont_wrap #real_cont p.intro_txt span.big{display:block; font-size:20px; padding-bottom:15px;} #real_cont_wrap #real_cont p.intro_txt span.point{color:#1f6aa9; font-weight:bold;} #real_cont ul.about_system h2.list {font-size:18px; margin-bottom:8px;} .body_cont{padding-bottom:30px;} .body_cont *{line-height:22px;} .body_cont ul.about_system li {padding-bottom:30px;} .body_cont ul.server_gallery li span {margin:5px 0 0 15px;} /* 01 시스템사업부 소개*/ /* 02 서버&백업*/ .body_cont ul.server_gallery li, p.right_txt {margin-left:15%;} .body_cont ul.server_gallery li img{width:76%;} .body_cont ul.server_gallery li { width:82%; } p.right_txt{width:82%;} .body_cont p.right_txt span.img_center{ display:inline-block; width:100%; text-align:center; padding-top:20px;} /* 02 서버&백업*/ } @media only screen and (min-width:230px) and (max-width:768px) { /* 02 서버&백업*/ .body_cont > h2 span{font-size:20px;} .body_cont > h2 {padding-bottom:15px;} .body_cont ul.server_gallery li img {width:100%;} .body_cont p.right_txt span.img_center {display:inline-block;width:100%; padding:10px 0;} .body_cont p.right_txt span.img_center img{width:100%;} /* 02 서버&백업*/ } @media only screen and (min-width:1200px) { .body_cont{padding-bottom:30px;} .body_cont *{line-height:22px;} .body_cont ul.about_system li {padding-bottom:30px;} .body_cont > h2 span{font-size:25px;} .body_cont ul.server_gallery li span {margin:5px 0 0 15px;} .body_cont ul.server_gallery li, p.right_txt {margin-left:15%;} } .body_cont *{font-size:14px;} .body_cont > h2 {border-top:1px solid #d7d7d7; } .body_cont span.txt_en {font-family:"Verdana", "Arial"; } .body_cont > h2 span {display:inline-block; border-top:3px solid #10226a; margin-top:-1px; padding-top:5px; color:#333;}