/* 공통 */ * {margin:0px; padding:0px;letter-spacing:0px;font-family:"ntk2", sans-Serif;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ul,ol,li{list-style:none outside} img { border:0px;} .blind {position:absolute; left:-8000px} .blind2 {position:absolute; left:-8000px; display:none;} #skip-navi {position:absolute; left:-8000px} a:link,a:visited{text-decoration:none;color:#555;} a:hover,a:active{text-decoration:none;} input,textarea,select {border:1px solid #ddd;padding:8px;vertical-align:middle;background-color:#fff;} p {font-size:14px;color:#626262;line-height:160%} html, body {width:100%; height:100%;} /*//////////////////////////////////////// PC version ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #wrab {position:relative; width:100%; height:auto; border:0px solid #F00;} #wrab-overlay {position:fixed; width:100%; height:100%; left:0px; top:0px; background-color:#333; z-index:999999999; opacity:0} .mb-category {display:block; position:fixed; top:-60px; width:100%; background-color:#000; height:60px; z-index:9999999999} .mb-category .close-btn {display:none; text-align:left; font-size:18px; color:#ffffff; height:40px; background-color:#000; padding-top:10px; padding-left:15px; position:relative;} .mb-category .left_lmenu {border:0px solid #f00; width:510px; margin:0 auto;} .mb-category .left_lmenu:after {clear:both; display:block; content:"";} .mb-category .left_lmenu li {float:left; padding:15px 0px;} .mb-category .left_lmenu li.lm1 {width:110px;} .mb-category .left_lmenu li.lm2 {width:125px;} .mb-category .left_lmenu li.lm3 {width:110px;} .mb-category .left_lmenu li.lm4 {width:120px;} .mb-category .left_lmenu li.lm5 {width:auto;} .mb-category .left_lmenu li a {color:#fff; font-family:Titillium Web} .mb-category .left_lmenu li a:hover {font-weight:bold; text-decoration:underline;} .slide-category {display:block; position:fixed; border-left:1px solid #666; top:0px; width:300px; right:-300px; background-color:#fff; height:100%; z-index:9999999999; box-sizing:border-box; -moz-box-sizing:border-box;} .slide-category .close-btn {display:; text-align:left; font-size:18px; color:#000; height:40px; background-color:#fff; padding-top:10px; padding-left:15px; position:relative;} .slide-category .close-btn .close_btn {position:absolute; right:10px; top:5px; border:0px solid #f00; padding:5px; cursor:pointer} .slide-category .left_lmenu {border:0px solid #f00; width:auto; margin:0 auto;} .slide-category .left_lmenu:after {clear:both; display:block; content:"";} .slide-category .left_lmenu li {float:none; padding:10px 0px 10px 30px;} .slide-category .left_lmenu li a {color:#000; font-family:Titillium Web; font-size:22px; font-weight:bold} .slide-category .left_lmenu li a:hover {font-weight:bold; text-decoration:underline;} /* layerpopup */ .popup_close {overflow:hidden; padding:5px 10px; background:#000; text-align:right;} .popup_close #check {display:inline-block; color:#eee;} .popup_close #check input {vertical-align:middle;} .popup_close #close {display:inline-block; padding-left:10px;} .popup_close #close a {color:#eee;} .popup_close .check {display:inline-block; color:#eee;} .popup_close .check input {vertical-align:middle;} .popup_close .close {display:inline-block; padding-left:10px;} .popup_close .close a {color:#eee;} /* 메인 */ #top {width:1605px; position:relative; margin:0 auto; z-index: 999999999;height:124px; border:0px solid #F00; border-bottom:1px solid #e6e6e6 } #top h1 {position:relative;margin:0 auto; width:155px; padding-top:30px; height:31px; z-index:201; border:0px solid #F00;} #top h1 a {display:block; width:155px; height:31px; text-indent:-9999px; overflow:hidden; background:url(/new_2017/img/comm/top_logo.gif) no-repeat;} #top #top_m{ position:absolute; right:0px; height:60px; z-index:101; border:0px solid #F00;} #top #top_m #top_ss1{position:relative;float:right; margin-left:5px; height:33px; z-index:3; border:0px solid #F00; z-index:101;} #top #top_m #top_ss1 li{float:left;padding:15px 8px;color:#5e830e;font-size:13px; text-align:center; } #top #top_m #top_ss1 li a{color:#5e830e;font-family:'NanumGothic', '나눔고딕';} #top #top_m #top_ss1 li.btn-sitemap {cursor:pointer} #top #top_m #top_ss1 li.btn-home {display:none} #top #m_top{display:none;} #top #topmenu{position:relative; margin:0px auto; padding-top:20px; width:510px; z-index:101;border:0px solid #F00;} #top #topmenu .tMenu {position:relative;margin:0 auto; height:30px; z-index:100; border:0px solid #F00;} #top #topmenu .tMenu #lmenu {margin:0 auto; border:0px solid #f00;} #top #topmenu .tMenu #lmenu:after {clear:both; display:block; content:"";} #top #topmenu .tMenu #lmenu li {float:left; border:0px solid #00f; position:relative;color:#555; height: auto; cursor: pointer;} #top #topmenu .tMenu #lmenu li a{color:#000;font-size:16px;font-family:Titillium Web;font-weight:400;} #top #topmenu .tMenu #lmenu li a:hover{color:#000;font-weight:bold; text-decoration:underline;} #top #topmenu .tMenu #lmenu li.s1 {width:110px} #top #topmenu .tMenu #lmenu li.s2 {width:125px} #top #topmenu .tMenu #lmenu li.s3 {width:110px} #top #topmenu .tMenu #lmenu li.s4 {width:120px} #top #topmenu .tMenu #lmenu li.s5 {} #top #topmenu .tMenu #lmenu li ul {position:absolute; background-color:#3a4cb1; width:160px; overflow:hidden; left:-23px; top:60px;border:1px solid #1a2851; opacity:.85; filter:alpha(opacity=85); } #top #topmenu .tMenu #lmenu li ul li {clear:both; padding-left:25px; padding-top: 6px; padding-bottom: 6px; width:100%; border-bottom:1px solid #333;height:26px;} #top #topmenu .tMenu #lmenu li ul {display: none;} #top #topmenu .tMenu #lmenu li ul li.last {padding-bottom:40px;} #top #topmenu .tMenu #lmenu li ul li a {color:#fff;font-size:14px;} /* totalMenu-전체메뉴 */ #totalMenu{position:absolute; top:93px; margin-left:-180px; background:#fff; border:2px solid #777; z-index:9999; width:780px; left:50%;padding:13px 0 30px 0; opacity:.95; filter:alpha(opacity=95); display:none;} #totalMenu:after{content:""; display:block; clear:both} #totalMenu li {float:left; height:100px; font-size:12px; padding: 0px; padding-left: 40px; border-left:1px solid #ececec; letter-spacing:-1px; line-height:18px;} #totalMenu li ul{text-align:left; height:80px; } #totalMenu li strong{display:block; color:#ff713b; font-size:12px; margin-bottom:10px} #totalMenu li li{padding:0px; padding-bottom:3px; float:none; border:none; margin:0px; height:auto;} #totalMenu li a{color:#595959} #totalMenu .btn_close{position:absolute; right:20px; top:13px} #mainimg_m {display:none} #mainimg {position:relative; width:1605px; height:847px; margin:0 auto; z-index:1; border:0px solid #0f0;} #mainimg .wrapper {width:1605px;height:847px;margin:0 auto;} #mainimg .mvimg {width:1605px; height:847px; border:0px solid #f00;margin:0 auto;} #mainimg #img1 {background-image:url('/new_2017/img/main/mainimg1.gif'); position:relative} #mainimg #img2 {background-image:url('/new_2017/img/main/mainimg2.gif'); position:relative} #mainimg #img3 {background-image:url('/new_2017/img/main/mainimg3.gif'); position:relative} #mainimg #img4 {background-image:url('/new_2017/img/main/mainimg4.gif'); position:relative} #mainimg #img5 {background-image:url('/new_2017/img/main/mainimg5.gif'); position:relative} #mainimg #arrow-box { position:relative;z-index:1000; border:0px solid #f00; width:1700px; margin:0 auto;} #mainimg .mvimg .m_box {position:relative; margin:0 auto; top:18%; width:28%; height:65%; background:url('/new_2017/img/main/mainimg_box.png1') no-repeat 51% 0px; background-size:auto 100%; border:0px solid #F00;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box .m-box-back {position:absolute; width:100%; height:100%; top:100%; background:url('/new_2017/img/main/mainimg_box.png') no-repeat; background-size:auto 100%; border:0px solid #F00;} #mainimg .mvimg .m_box .cont-box { position:relative; border:0px solid #f00; background-color:; margin-right:5%; height:96.3%; overflow:hidden;} #mainimg .mvimg .m_box .cont-box .adweb-logo { position:absolute; width:100%; height:100%; background:url(http://www.adw.co.kr/new_2017/img/comm/top_logo.gif1) no-repeat 50% 50%;background-color:; z-index:2; border:1px solid #f00; display:none;} #mainimg .mvimg .m_box .cont-box ul { position:absolute; width:100%; height:100%; background-color:#fff; top:100%; z-index:1} #mainimg .mvimg .m_box .cont-box ul li {font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box .cont-box ul li a {color:#000} #mainimg .mvimg .m_box .cont-box ul .m-icon {position:absolute; width:100%; left:0px; top:106%} #mainimg .mvimg .m_box .cont-box ul .m-title {position:absolute; width:100%; top:123%; padding:0px;} #mainimg .mvimg .m_box .cont-box ul .m-title span{font-size:48px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72{font-size:72px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72 strong{font-family:'ntk';font-weight:700;} #mainimg .mvimg .m_box .cont-box ul .m-desc {position:absolute; width:100%; top:165%; padding:0px;} #mainimg .mvimg .m_box .cont-box ul .f18 {position:absolute; width:100%; top:187%; padding:0px; font-size:18px;font-family:Titillium Web;font-weight:400; background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:54% 0px;} #mainimg .mvimg1 .m_box .cont-box .adweb-logo {background-color:#4bb5ea;} #mainimg .mvimg2 .m_box .cont-box .adweb-logo {background-color:#f6d330;} #mainimg .mvimg3 .m_box .cont-box .adweb-logo {background-color:#1fd4bb;} #mainimg .mvimg4 .m_box .cont-box .adweb-logo {background-color:#fd5f65;} #mainimg .mvimg5 .m_box .cont-box .adweb-logo {background-color:#a856ef;} /* 컨텐츠 1 */ #m_contents{ position:relative; width:1605px; margin:0 auto; margin-top:40px; z-index:5; border:0px solid #F00;overflow:hidden;} #m_contents #m1 {position:relative; margin:0 auto; width:1605px; border:0px solid #F00;} #m_contents #m1:after {clear:both; display:block; content:"";} #m_contents h3{font-size:16px;font-style:italic; text-align:center; color:#c00b0b;background-image:url('/new_2017/img/main/h3_bg.gif'); font-family:Titillium Web;background-repeat:repeat-x; background-position:0% 5px;} #m_contents #m1 #pt{width:93%; margin:0 auto; margin-top:23px; border:0px solid #f00; box-sizing:border-box; -moz-box-sizing:border-box;} #m_contents #m1 #pt:after {clear:both; display:block; content:"";} #m_contents #m1 #pt li{float:left;width:20%; height:270px; border:0px solid #f00; cursor:pointer; font-size:16px;text-align:center; padding:0px 12px; margin-bottom:24px; box-sizing:border-box; -moz-box-sizing:border-box;} #m_contents #m1 #pt li div.port-list {border:0px solid #00f; height:100%; overflow:hidden; position:relative;} #m_contents #m1 #pt li div.port-list div {background-color:#fff; width:100%; height:100%; border:0px solid #f00; top:50px; position:absolute; opacity:0} #m_contents #m1 #pt li div.port-list div img {max-width:100%} #m_contents #m1 #pt li div.port-list div ul {border:0px solid #f00; position:absolute; width:100%; bottom:30px;} #m_contents #m1 #pt li div.port-list div ul li {float:none; width:auto; height:auto; margin:0px; padding:0px; color:#888} #m_contents #m1 #pt li div.port-list div ul li.cate {font-size:0.9em} #m_contents #m1 #pt li div.port-list div ul li.client {color:#444; font-size:20px;} #m_contents #m1_1 .m_tab li.on{color:#000;font-size:18px;background-color:#fff;height:61px;} #m_contents #m1_1 .m1_1_con{border:1px solid #ddd; border-top:0px none; padding-top:40px; height:250px;} #m_contents #m1_1 .m1_1_con > li{border:0px solid #F00;font-size:14px;padding-bottom:15px;background-image:url("/img/sub/bulet_black.gif");background-repeat:no-repeat;background-position:40px 10px;padding-left:50px;} #m_contents #m2 {position:relative; width:1000px;margin:0 auto; height:200px; border:0px solid #F00;margin-top:100px;overflow:hidden;} #m_contents #m2 .stat{position:relative; float:left; width:240px; border:0px solid #F00;margin-left:80px;} #m_contents #m2 .stat dt{font-size:60px;font-weight:normal;padding-bottom:0px;color:#222;font-family:Open sans;text-align:center;} #m_contents #m2 .stat dd.bar {margin-bottom:10px;} #m_contents #m2 .stat dd{text-align:center;font-size:18px;} #m_contents #m3 {position:relative; width:1605px;margin:0 auto;overflow:hidden;} #m_contents #m3 #m3_con {width:1100px;margin:0 auto; border:0px solid #F00;z-index:100;} #m_contents #m3 #m3_con li {float:left;width:20%;padding:40px 0px;text-align:center;} .bar {border-bottom:2px solid #656565; width:20px; padding-top:10px;margin:0 auto;} .font72{font-size:72px;font-family:"Open Sans", sans-Serif;font-weight:bold;} .font28{font-size:28px;color:#a32829;padding:0px 0px 30px 0px;font-family:Titillium Web;font-weight:400;font-style:italic;letter-spacing:-1px;} .font45{font-size:45px;color:#222;padding:0px 0px 30px 0px;line-height:110%;letter-spacing:-2px;font-weight:bold;} .font48{font-size:48px;color:#222;font-family:"Open Sans", sans-Serif;font-weight:bold;} .font30{font-size:30px;padding:0px 0px 15px 0px;} .pt1 {padding-top:15px;} /* 컨텐츠 1 */ /* 공통 카피라이트 */ #copyright {position:relative; width:1605px; margin:0 auto; height:auto; z-index:2; background-color:#413f42; padding-bottom:30px} #bottom {position:relative; width:1400px; height:auto;margin:0 auto; z-index:300; border:0px solid #F00; overflow:hidden;} #bottom:after {clear:both; display:block; content:"";} #copy {position:relative;float:left; width:400px; height:auto;margin:0 auto; border:0px solid #F00;} #b_logo {position:relative; margin-top:50px; width:193px; height:24px; z-index:2; background:url(/new_2017/img/comm/bottom_logo.png); text-indent:-9999px;} #copy #add { width:400px; color:#9b9b9b; font-size:12px; z-index:2;line-height:150%; border:0px solid #F00;} #b_btn {position:relative;margin-top:40px;} #b_btn:after {clear:both; display:block; content:"";} #b_btn li{float:left;margin-right:10px;border:1px solid #e9e9e9;font-size:12px;padding:7px;width:100px;text-align:center;} #b_btn li a{color:#e9e9e9;} #bottom_right {float:right; width:700px; height:auto; z-index:5; border:0px solid #F00;} #bottom_right #b_info {position:relative; width:auto; height:auto; padding-top:40px; border:0px solid #F00;} #bottom_right #b_info:after {clear:both; display:block; content:"";} #bottom_right #b_info li {float:left; width:auto; color:#7b7b7b; margin-right:0px;} #bottom_right #b_info li:after {clear:both; display:block; content:"";} #bottom_right #b_info li p {float:left; margin-right:20px; font-size:18px; color:#7b7b7b;} #bottom_right #b_info li p.cfs a {font-family:"Open Sans", sans-Serif; font-size:30px; color:#fff;font-weight:bold; line-height:160%} #bottom_right #map {margin-top:20px;} #bottom_right #map iframe {width:100% !important; height:150px !important} #top-btn {position:fixed; display:none; z-index:999999999999999999; bottom:50px; right:50px; width:45px; height:45px; line-height:45px; text-align:center;} #top-btn a {display:block; border:0px solid #f00;background-color:#000; color:#fff; border-radius:3px; opacity:0.8; font-weight:bold; width:45px; height:45px; font-size:13px; line-height:45px; text-align:center;} /* 서브 */ #subimg_m {display:none} #subtitle {position:relative; width:1605px; padding-top:40px;margin:0 auto;border-top:0px solid #e6e6e6;text-align:center; top:80px; opacity:0} #subtitle .subtitle-text {font-size:72px;font-family:"Open Sans", sans-Serif;font-weight:bold; position:relative; top:0px; opacity:1} #subtitle .subtitle-desc {position:relative; top:0px; opacity:1; border:0px solid #f00} .ssubtitle{position:relative; width:41%; padding-top:40px;margin:0 auto;text-align:center;} #s_contents {position:relative; width:1605px; margin:0 auto; padding:80px 0px; overflow:hidden; z-index:2; border:0px solid #F00;} /** 포트폴리오 **/ #s_contents ul.portfolio{width:100%; border:0px solid #f00;} #s_contents ul.portfolio:after {clear:both; display:block; content:"";} #s_contents ul.portfolio li {height:1px; width:16.6%; float:left; padding:0px 10px; margin-bottom:20px; position:relative; top:80px; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box;} #s_contents ul.portfolio li div {width:auto;} #s_contents ul.portfolio li div.anibox {z-index:5; cursor:pointer; width:100%; display:table; text-align:center; vertical-align:middle; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; -moz-box-sizing:border-box;} #s_contents ul.portfolio li div.anibox table {width:100%; height:100%;border-collapse:collapse; border-spacing:0; border:0 none;} #s_contents ul.portfolio li div.anibox img {width:auto; max-width:100%; height:auto; max-height:100%; vertical-align:middle;} #s_contents ul.portfolio li div.descbox {cursor:pointer; background-color:#f9f9f9; color:#666; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box;} #s_contents ul.portfolio li div.descbox table {width:100%; height:100%; border-collapse:collapse; border-spacing:0; border:0 none;} #s_contents ul.portfolio li div.descbox table td {padding:0px 10px;} #s_contents ul.portfolio li div.descbox p {width:auto; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden} #s_contents ul.portfolio li div.descbox .cate {line-height:100%; padding-bottom:5px;} #s_contents ul.portfolio li div.descbox .client {color:#333; font-size:20px; font-weight:bold; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden} .hoveroff1 { transition-property:transform; transition-duration:0.5s; transform:all 0.5s ease 0s;; transform-origin:bottom; } .hoveron1 { transition-property:transform; transition-duration:0.5s; transform:matrix3d(1, 0, 0, 0, 0, 0.77, 0.64, 0.00065, 0, -0.64, 0.77, 0, 0, 0, 0, 1); transform-origin:bottom; } .hoveroff2 { transition-property:transform; transition-duration:0.5s; transform:all 0.5s ease 0s;; transform-origin:top; } .hoveron2 { transition-property:transform; transition-duration:0.5s; transform:matrix3d(1, 0, 0, 0, 0, 0.77, 0.64, -0.00065, 0, -0.64, 0.77, 0, 0, 0, 0, 1); transform-origin:top; } #portdetailFix {width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999999999999999} #portdetailFix #backLayer {width:100%; height:100%; background-color:#000; position:absolute; top:0px; left:0px; z-index:1} #portdetailFix table {width:100%; height:100%; border:1px solid #ff0} #portdetailFix #portdetail {position:relative; background-color:#000; width:auto; max-width:820px; margin:0 auto; height:auto; z-index:2; padding:15px 0px; border:0px solid #f00; opacity:0} #portdetailFix #portdetail a {color:#fff; text-decoration:none;} #portdetailFix #portdetail .client {font-size:26px; color:#fff; margin:0px 4% 15px 4%; width:auto; position:relative} #portdetailFix #portdetail .close {position:absolute; width:30px; height:auto; border:0px solid #f00; font-size:26px; line-height:100%; color:#fff; text-align:center; top:5px; right:0px; cursor:pointer;} #portdetailFix #portdetail .img-box {border:0px solid #f00; width:auto; margin:0 4%} #portdetailFix #portdetail .img-box:after {clear:both; display:block; content:"";} #portdetailFix #portdetail .img-box li {float:left; width:35%; border:0px solid #0f0; box-sizing:border-box; -moz-box-sizing:border-box;} #portdetailFix #portdetail .img-box li img {width:100%; vertical-align:top} #portdetailFix #portdetail .img-box li.b-img {width:61%; margin-right:4%;} #portdetailFix #portdetail .img-box li .t-img1 {margin-bottom:5%} #portdetailFix #portdetail .mb-img-box {border:0px solid #f00; width:auto; margin:0 4%} #portdetailFix #portdetail .mb-img-box:after {clear:both; display:block; content:"";} #portdetailFix #portdetail .mb-img-box li {float:left; width:32%; margin-left:2%; border:0px solid #0f0; box-sizing:border-box; -moz-box-sizing:border-box;} #portdetailFix #portdetail .mb-img-box li img {width:100%; vertical-align:top} #portdetailFix #portdetail .mb-img-box li.img1 {margin-left:0%;} #portdetailFix #portdetail .text1 {font-size:15px; color:#fff; margin:20px 4% 10px 4%} #portdetailFix #portdetail .text2 {font-size:15px; color:#fff; margin:0px 4% 10px 4%} /** 애드웹소개**/ #s_contents .about {position:relative; width:1605px; height:713px; overflow:hidden;border:0px solid #F00; top:100px; opacity:0} #s_contents .about:after {clear:both; display:block; content:"";} #s_contents .about li {float:left;background-color:#f0f0f0; width:50%; border:0px solid #F00;} #s_contents .about li.overview {height:713px; background-image:url(/new_2017/img/sub/about_img1.jpg); background-repeat:no-repeat;} #s_contents .about li.bg1{padding-top:330px; height:383px; background-image:url('/new_2017/img/sub/about_img2.png');background-repeat:no-repeat; background-position:50% 100px;} #s_contents .about li.bg1 ul{position:relative; width:auto; padding:0px 50px; border:0px solid #f00} #s_contents .about li.bg1 ul:after {clear:both; display:block; content:"";} #s_contents .about li.bg1 ul li {float:left;border:0px solid #F00;} #s_contents .about li.bg1 ul li.font45 {width:295px; border:0px solid #f00} #s_contents .about li.bg1 ul li.font45 div {margin-bottom:40px;} #s_contents .about li.bg1 ul li.font45 div p { color: #222; font-size: 45px; font-weight: bold; letter-spacing: -2px; line-height: 110%; padding:0px;} #s_contents .about li.bg1 ul li.rr{width:400px; border:0px solid #00f; font-size:15px;line-height:200%;} #s_contents .about li.bg1 ul li.rr .font15{font-size:15px;line-height:200%;} /** 연혁**/ #history {position:relative; width:1605px;overflow:hidden;border:0px solid #F00; top:100px; opacity:0} #history .arrow {display:none; position:relative;float:left;width:83px; height:54px; margin-top:20%; background-color:#f5f5f5; text-align:center;padding-top:30px;} .history-list {position:relative; margin-top:50px; box-sizing:border-box; -moz-box-sizing:border-box;} .history-list:after {clear:both; display:block; content:"";} .history-list .list1, .history-list .list2, .history-list .list3 {float:left; width:33.3%} .history-list .history1 {position:relative;overflow:hidden; margin:0px 10px; width:auto; height:520px;padding:50px; border:3px solid #f5f5f5; box-sizing:border-box; -moz-box-sizing:border-box;} .history-list .history1 li{font-size:13px;line-height:180%;color:#666;margin-bottom:10px;text-align:center;} .history-list .history1 li.date{color:#222;font-size:24px;border:0px solid #000;font-family:"Open Sans", sans-Serif;font-weight:bold;text-align:center;} .history-list .history1 li.bar2 {border-bottom:1px solid #666; width:20px; margin:0 auto;} /** 조직도**/ #org {position:relative; width:100%; margin:130px auto; overflow:hidden;border:0px solid #F00;text-align:center; top:100px; opacity:0} /** 회사사진**/ #workplace {position:relative; width:1605px; margin:50px auto; overflow:hidden;border:0px solid #F00;text-align:center; top:100px; opacity:0} #workplace #workplace_img {position:relative; width:1060px; margin:50px auto; overflow:hidden;border:0px solid #F00;} #workplace #workplace_img li{width:16%;float:left;margin-bottom:9px;} /** 서비스 **/ #service{position:relative; width:1605px;overflow:hidden; border:0px solid #F00; top:100px; opacity:0} #service #service_con{position:relative;width:1605px; border:0px solid #F00;background-image:url("/new_2017/img/sub/service_img1.jpg");background-repeat:no-repeat; height:1193px;background-position:0px 0px;} #service #service_con > ul{position:relative;margin-left:669px; width:932px; border:0px solid #F00;} #service #service_con > ul:after {clear:both; display:block; content:"";} #service #service_con > ul > li{float:left; border:0px solid #F00;text-align:center; background-color:#f9f9f9;width:50%;} .service_con1{background-color:#f3f3f3;height:298px; padding:50px 0px;} .service_con2{background-color:#f9f9f9;height:298px; padding:50px 0px;} .service_con1 > li {color:#666; border:0px solid #F00;text-align:center;} .tt{color:#222222;font-size:22px;border:0px solid #000;font-family:"Open Sans", sans-Serif;font-weight:bold;padding:15px 0px;} .service_con2 > li {color:#666; border:0px solid #F00;text-align:center;} /** 포폴 **/ .descbox.client {font-size:28px;font-weight:bold;} /** 뉴스**/ .board1{position:relative;width:1100px;margin:0 auto;border:0px solid #000;overflow:hidden; top:100px; opacity:0} .board1 #board_top{position:relative;width:1100px;margin:0 auto;border:0px solid #000;overflow:hidden;} .board1 #board_top li{float:left;color:#555;} .pn {position:relative;width:100%px;margin:0 auto;} .pn li{float:left;border-bottom:1px solid #efefef;padding:10px 0px;color:#000;text-align:left;} .board_btn{} #bbs-wrap #board_top {position:relative;width:auto;margin:0 auto; border:0px solid #000; margin-bottom:15px} #bbs-wrap #board_top:after {clear:both; display:block; content:"";} #bbs-wrap #board_top li{float:left; color:#555; FONT-SIZE:16px} #bbs-wrap .pn {position:relative;width:100%px;margin:0 auto;} #bbs-wrap .pn li{float:left;border-bottom:1px solid #efefef;padding:10px 0px;color:#000;text-align:left;} #bbs-wrap .board_btn{} #bbs-wrap #search{position:relative; width:300px;height:38px; border:1px solid #cfcfcf;float:right;border-radius:4px;} #bbs-wrap #search:after {clear:both; display:block; content:"";} #bbs-wrap #search li {float:left; padding-top:3px} #bbs-wrap #search input{border:0px;padding:8px;width:180px;} #bbs-wrap #search select{border:0px;padding:6px;} #bbs-wrap .mt8{margin-top:8px;} #bbs-wrap #search .sicon {position:relative; margin-top:0px;width:auto;} #bbs-wrap #search .sicon input {border:0px solid #f00; width:auto; height:auto; vertical-align:top} #sub-partner {position:relative; width:1605px;margin:0 auto; border-bottom:1px solid #dedede} #sub-partner h3{font-size:16px;font-style:italic; text-align:center; color:#c00b0b;background-image:url('/new_2017/img/sub/sh3_bg.gif'); font-family:Titillium Web;background-repeat:repeat-x; background-position:0% 5px;} #sub-partner ul {width:1100px;margin:0 auto; border:0px solid #F00;z-index:100;} #sub-partner ul:after {clear:both; display:block; content:"";} #sub-partner ul li {float:left;width:20%;padding:40px 0px;text-align:center;} #s_info {position:relative;width:1605px; margin:0 auto;background-color:#f9f9f9; padding:40px 0px; height:auto; border:0px solid #000;} #s_info:after {clear:both; display:block; content:"";} #s_info #nameserver{position:relative;float:left;width:550px; height:130px; margin-left:60px; border-right:1px solid #e1e1e1; background-image:url('/new_2017/img/sub/nameserver_icon.gif'); background-repeat:no-repeat; background-position:0% 40px;} #s_info #nameserver ul{position:relative; margin-top:20px;margin-left:100px;} #s_info #nameserver ul li{float:left;color:#555;font-size:14px; margin-right:30px;} #s_info #account{position:relative;float:left;width:400px; margin-left:50px; border-right:1px solid #e1e1e1; background-image:url('/new_2017/img/sub/account_icon.gif'); background-repeat:no-repeat; background-position:0% 40px;} #s_info #account ul{position:relative; margin-top:20px;margin-left:100px;} #s_info #account ul li{float:left;color:#555;font-size:14px;margin-right:30px;padding-bottom:5px;} #s_info #quickcounsel{position:relative;float:left; margin-left:50px;} #s_info #quickcounsel ul{position:relative; margin-top:20px;} #s_info #quickcounsel ul li {padding-bottom:5px;line-height:130%;color:#555;font-size:14px;} #s_info #quickcounsel ul li input{width:235px;} #s_info #quickcounsel .q_btn{position:absolute; top:46px;left:260px; width:110px; height:75px; line-height:100%; border:0px none; text-align:center; background-color:#447ccc;color:#fff;font-size:15px;border-radius:5px;} #s_info h3{color:#000;} #s_info span{color:#000;line-height:28px;} /* 서브 탭*/ .tab { position:relative; width:1100px; margin:0 auto; overflow:hidden;margin-bottom:40px;border-left:1px solid #d5d5d5;} .tab:after {clear:both; display:block; content:"";} .tab li{float:left; width:20%; line-height:50px; text-align:center; font-size:16px;border-right:1px solid #d5d5d5;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;color:#222; box-sizing:border-box; -moz-box-sizing:border-box;} .tab li a {display:block; line-height:50px; text-align:center; font-size:16px; color:#222} .tab li.on{color:#fff;border:0px solid #dd1a32;background-color:#2e3234;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} .tab li.on a{color:#fff;} .mt40{margin-top:50px} /** 롤오버이미지**/ a.rollover img {border-width:0px;display:inline;} a.rollover img.over{display:none;} a.rollover:hover {border:0px;} a.rollover:hover img {display:none;} a.rollover:hover img.over{display:inline;} /** 표 스타일 **/ .table1 {border-top:2px solid #333333;margin-top:10px;} .table1 th.none, #table1 td.none {border-left:0px solid #f6f6f6;} .table1 th {text-align:left; padding:0px 15px; color:#000;font-weight:normal; font-size:16px; border-bottom:1px solid #ccc;width:30%;} .table1 td {padding:20px; font-size:15px; border-bottom:1px solid #cccccc;color:#666;} .table1 td.num1{ font-size:28px;font-family:Titillium Web;font-weight:400;text-align:center;color:#999;} .table1 td.num2{ font-size:16px; font-family:Titillium Web;} .paging {position:relative; width:480px;margin:0 auto; overflow:hidden;margin-top:20px;border:0px solid #f00;} .paging ul{position:relative; float:left;} .paging li{color:#222; font-size:13px; text-align:center; float:left; margin-right:5px; width:30px; height:30px;line-height:30px;border:1px solid #ccc; font-family:Titillium Web;} .paging li.on{color:#fff; background-color:#222;} .paging .arrow2 {float:left;margin-top:10px;width:30px;text-align:center;} #border-top{position:relative;width:100%;} #border-top li{} #search{position:relative; width:300px;height:38px; border:1px solid #cfcfcf;float:right;border-radius:4px;} #search input{border:0px;padding:7px;width:180px;} #search select{border:0px;padding:7px;} .mt8{margin-top:8px;} #search .sicon {position:relative; line-height:38px;margin-top:10px;width:20px;} #estimate {position:relative; margin:0 auto;} .table2 {border-collapse:collapse; border-spacing:0; border:0 none; border-top:2px solid #333;margin-top:10px; border-left:1px solid #ccc;margin-left:10px;} .table2 th.none, #table1 td.none {border-left:0px solid #f0f0f0;font-size:12px;} .table2 th {padding:10px; font-weight:bold; color:#013e79; background-color:#efefef; font-size:13px;border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .table2 td { padding:15px; border-right:1px solid #ddd; font-size:13px; border-bottom:1px solid #ddd;} .scnd { background-color:#ccc;padding:10px 30px;text-align:center;} .scnd a{color:#fff;} .scnd2 { background-color:#444; padding:10px 30px;text-align:center; color:#fff; border:0px none; font-size:15px} #b_btn3 { padding:10px 0px; width:180px; margin:0 auto;} #b_btn3 li {float:left; margin-left:5px; padding:10px 0px; font-size:14px;width:83px; height:20px; text-align:center;font-weight:bold;} .table h3{font-size:18px;} .table input {border:1px solid #eee; height:30px;} .pop_tt {background-color:#787878;padding:20px 10px; width:auto;color:#fff;} .mainimgBox {width:auto; height:423px; background-image:url(/img_new/main/mainimg1.jpg); background-repeat: no-repeat; background-position:center top;} /*//////////////////////////////////////// PC version2 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width: 1024px) and (max-width:1604px){ #wrab {position:relative; width:100%; height:auto; border:0px solid #F00;} #m_category {display: block; border:0px solid #f00; z-index:1999999999;} .mb-category {display:block; position:fixed; top:-60px; width:100%; background-color:#000; height:60px; z-index:9999999999} .mb-category .close-btn {display:none; text-align:left; font-size:18px; color:#ffffff; height:40px; background-color:#000; padding-top:10px; padding-left:15px; position:relative;} .mb-category .left_lmenu {border:0px solid #f00; width:510px; margin:0 auto;} .mb-category .left_lmenu:after {clear:both; display:block; content:"";} .mb-category .left_lmenu li {float:left; padding:15px 0px;} .mb-category .left_lmenu li.lm1 {width:110px;} .mb-category .left_lmenu li.lm2 {width:125px;} .mb-category .left_lmenu li.lm3 {width:110px;} .mb-category .left_lmenu li.lm4 {width:120px;} .mb-category .left_lmenu li.lm5 {width:auto;} .mb-category .left_lmenu li a {color:#fff; font-family:Titillium Web} .mb-category .left_lmenu li a:hover {font-weight:bold; text-decoration:underline;} .slide-category {display:block; position:fixed; border-left:1px solid #666; top:0px; width:300px; right:-300px; background-color:#fff; height:100%; z-index:9999999999; box-sizing:border-box; -moz-box-sizing:border-box;} .slide-category .close-btn {display:; text-align:left; font-size:18px; color:#000; height:40px; background-color:#fff; padding-top:10px; padding-left:15px; position:relative;} .slide-category .left_lmenu {border:0px solid #f00; width:auto; margin:0 auto;} .slide-category .left_lmenu:after {clear:both; display:block; content:"";} .slide-category .left_lmenu li {float:none; padding:10px 0px 10px 30px;} .slide-category .left_lmenu li a {color:#000; font-family:Titillium Web; font-size:22px; font-weight:bold} .slide-category .left_lmenu li a:hover {font-weight:bold; text-decoration:underline;} /* 메인 */ /* 메인 */ #top {width:100%; position:relative; z-index: 999999999;height:124px; border:0px solid #F00; border-bottom:1px solid #e6e6e6} #top h1 {position:relative;margin:0 auto; width:155px; padding-top:30px; height:31px; z-index:201; border:0px solid #F00;} #top #top_m{ position:absolute;margin:0 auto; width:100%; height:60px; z-index:101; border:0px solid #F00;} #top #top_m #top_ss1{position:relative;float:right; margin-left:5px; height:33px; z-index:3; border:0px solid #F00; z-index:101;} #top #top_m #top_ss1 li{float:left;padding:15px 8px;color:#5e830e;font-size:13px;text-align:center; } #top #top_m #top_ss1 li a{color:#5e830e;font-family:'NanumGothic', '나눔고딕';} #top #top_m #top_ss1 li.btn-sitemap {cursor:pointer} #top #m_top{display:none;} #top #topmenu{position:relative; margin:0px auto; padding-top:20px; width:510px; z-index:101;border:0px solid #F00;} #top #topmenu .tMenu {position:relative;margin:0 auto; height:30px; z-index:4; border:0px solid #F00;} #top #topmenu .tMenu #lmenu {margin:0 auto; border:0px solid #f00;} #top #topmenu .tMenu #lmenu:after {clear:both; display:block; content:"";} #top #topmenu .tMenu #lmenu li {float:left; border:0px solid #00f; position:relative;color:#555; height: auto; cursor: pointer;} #top #topmenu .tMenu #lmenu li a{color:#000;font-size:16px;font-family:Titillium Web;font-weight:400;} #top #topmenu .tMenu #lmenu li a:hover{color:#000;font-weight:bold; text-decoration:underline;} #top #topmenu .tMenu #lmenu li.s1 {width:110px} #top #topmenu .tMenu #lmenu li.s2 {width:125px} #top #topmenu .tMenu #lmenu li.s3 {width:110px} #top #topmenu .tMenu #lmenu li.s4 {width:120px} #top #topmenu .tMenu #lmenu li.s5 {} #top #topmenu .tMenu #lmenu li ul {position:absolute; background-color:#3a4cb1; width:160px; overflow:hidden; left:-23px; top:60px;border:1px solid #1a2851; opacity:.85; filter:alpha(opacity=85); } #top #topmenu .tMenu #lmenu li ul li {clear:both; padding-left:25px; padding-top: 6px; padding-bottom: 6px; width:100%; border-bottom:1px solid #333;height:26px;} #top #topmenu .tMenu #lmenu li ul {display: none;} #top #topmenu .tMenu #lmenu li ul li.last {padding-bottom:40px;} #top #topmenu .tMenu #lmenu li ul li a {color:#fff;font-size:14px;} /* totalMenu-전체메뉴 */ #totalMenu{position:absolute; top:93px; margin-left:-180px; background:#fff; border:2px solid #777; z-index:9999; width:780px; left:50%;padding:13px 0 30px 0; opacity:.95; filter:alpha(opacity=95); display:none;} #totalMenu:after{content:""; display:block; clear:both} #totalMenu li {float:left; height:100px; font-size:12px; padding: 0px; padding-left: 40px; border-left:1px solid #ececec; letter-spacing:-1px; line-height:18px;} #totalMenu li ul{text-align:left; height:80px; } #totalMenu li strong{display:block; color:#ff713b; font-size:12px; margin-bottom:10px} #totalMenu li li{padding:0px; padding-bottom:3px; float:none; border:none; margin:0px; height:auto;} #totalMenu li a{color:#595959} #totalMenu .btn_close{position:absolute; right:20px; top:13px} #mainimg_m {display:none} #mainimg {position:relative; width:100%; height:847px; max-height:847px; margin:0 auto; z-index:1; border:0px solid #f0f;} #mainimg .wrapper {width:100%;height:847px; max-height:847px; margin:0 auto;} #mainimg .mvimg {width:100%; height:847px; max-height:847px; border:0px solid #f00;margin:0 auto; background-size:auto 100%; background-position:50% 0%;} #mainimg #img1 {background-image:url('/new_2017/img/main/mainimg1.gif'); position:relative; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg1.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg1.gif', sizingMethod='scale')";} #mainimg #img2 {background-image:url('/new_2017/img/main/mainimg2.gif'); position:relative; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg2.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg2.gif', sizingMethod='scale')";} #mainimg #img3 {background-image:url('/new_2017/img/main/mainimg3.gif'); position:relative; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg3.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg3.gif', sizingMethod='scale')";} #mainimg #img4 {background-image:url('/new_2017/img/main/mainimg4.gif'); position:relative; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg4.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg4.gif', sizingMethod='scale')";} #mainimg #img5 {background-image:url('/new_2017/img/main/mainimg5.gif'); position:relative; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg5.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg5.gif', sizingMethod='scale')";} #mainimg #arrow-box { position:relative;z-index:1000; border:0px solid #f00; width:1700px; margin:0 auto;} /** #mainimg .mvimg .m_box {position:absolute; top:18%; left:0px; width:100%; height:64%; background-image:url('/new_2017/img/main/mainimg_box.png'); background-repeat:no-repeat; background-size:contain; background-position:51% 0px;border:0px solid #F00;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box li{margin-top:2%;font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box li span{font-size:38px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .f72{font-size:72px;} #mainimg .mvimg .m_box .f72 strong{font-family:'ntk';font-weight:700;} #mainimg .mvimg .m_box .f18{font-size:18px;font-family:Titillium Web;font-weight:400;background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:51% 0px;} **/ #mainimg .mvimg .m_box {position:relative; margin:0 auto; top:18%; width:28%; height:65%; background:url('/new_2017/img/main/mainimg_box.png1') no-repeat 51% 0px; background-size:auto 100%; border:0px solid #F00;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box .cont-box { position:relative; border:0px solid #f00; background-color:; margin-right:5%; height:96.3%; overflow:hidden;} #mainimg .mvimg .m_box .cont-box ul { position:absolute; width:100%; height:100%; background-color:#fff; top:100%; z-index:1} #mainimg .mvimg .m_box .cont-box ul li {font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box .cont-box ul .m-icon {position:absolute; width:100%; left:0px; top:106%} #mainimg .mvimg .m_box .cont-box ul .m-title {position:absolute; width:100%; top:123%; padding:0px;} #mainimg .mvimg .m_box .cont-box ul .m-title span{font-size:38px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72{font-size:72px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72 strong{font-family:'ntk';font-weight:700;} #mainimg .mvimg .m_box .cont-box ul .m-desc {position:absolute; width:100%; top:165%; padding:0px;} #mainimg .mvimg .m_box .cont-box ul .f18 {position:absolute; width:100%; top:187%; padding:0px; font-size:18px;font-family:Titillium Web;font-weight:400; background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:54% 0px;} /* 컨텐츠 1 */ #m_contents{ position:relative; width:100%; margin-top:40px; z-index:5; border:0px solid #F00;overflow:hidden;} #m_contents #m1 {position:relative; margin:0 auto; width:100%; border:0px solid #F00;} #m_contents #m1:after {clear:both; display:block; content:"";} #m_contents h3{font-size:16px;font-style:italic; text-align:center; color:#c00b0b;background-image:url('/new_2017/img/main/h3_bg.gif'); font-family:Titillium Web;background-repeat:repeat-x; background-position:0% 5px;} #m_contents #m1 #pt{width:90%;margin:0 auto; margin-top:23px; box-sizing:border-box; -moz-box-sizing:border-box;} #m_contents #m1 #pt li{float:left; width:25%; padding:0px 15px; height:260px; cursor:pointer; font-size:16px;text-align:center; margin-right:0px;margin-bottom:25px; box-sizing:border-box; -moz-box-sizing:border-box;} #m_contents #m1 #pt li .port-list { background-color:#fff;} #m_contents #m1 #pt li div.port-list div ul {bottom:15px} #m_contents #m1 #pt li div.port-list div ul li {float:none; width:auto; height:auto; margin:0px; padding:0px; color:#888} #m_contents #m1 #pt li div.port-list div ul li.cate {font-size:0.9em} #m_contents #m1 #pt li div.port-list div ul li.client {color:#444; font-size:18px;} #m_contents #m1_1 .m_tab li.on{color:#000;font-size:18px;background-color:#fff;height:61px;} #m_contents #m1_1 .m1_1_con{border:1px solid #ddd; border-top:0px none; padding-top:40px; height:250px;} #m_contents #m1_1 .m1_1_con > li{border:0px solid #F00;font-size:14px;padding-bottom:15px;background-image:url("/img/sub/bulet_black.gif");background-repeat:no-repeat;background-position:40px 10px;padding-left:50px;} #m_contents #m2 {position:relative; width:1000px;margin:0 auto; height:200px; border:0px solid #F00;margin-top:100px;overflow:hidden;} #m_contents #m2 .stat{position:relative; float:left; width:240px; border:0px solid #F00;margin-left:80px;} #m_contents #m2 .stat dt{font-size:60px;font-weight:normal;padding-bottom:10px;color:#222;font-family:Open sans;text-align:center;} #m_contents #m2 .stat dd{text-align:center;font-size:18px;} #m_contents #m3 {position:relative; width:98%;margin:0 auto;overflow:hidden;} #m_contents #m3 #m3_con {width:100%;margin:0 auto; border:0px solid #F00;z-index:100;} #m_contents #m3 #m3_con li {float:left;width:20%;padding:40px 0px;text-align:center;} .bar {border-bottom:2px solid #656565; width:20px; padding-top:10px;margin:0 auto;} .font72{font-size:72px;font-family:"Open Sans", sans-Serif;font-weight:bold;} .font28{font-size:28px;color:#a32829;padding:0px 0px 30px 0px;font-family:Titillium Web;font-weight:400;font-style:italic;letter-spacing:-1px;} .font45{font-size:45px;color:#222;padding:0px 0px 30px 0px;line-height:110%;letter-spacing:-2px;font-weight:bold;} .font48{font-size:48px;color:#222;font-family:"Open Sans", sans-Serif;font-weight:bold;} .font30{font-size:30px;padding:0px 0px 15px 0px;} .pt1 {padding-top:15px;} /* 컨텐츠 1 */ /* 공통 카피라이트 */ #copyright {position:relative; width:100%; margin:0 auto; height:auto; z-index:2; background-color:#413f42; padding-bottom:30px} #bottom {position:relative; width:auto; height:auto; margin:0 2%; z-index:300; border:0px solid #F00; overflow:hidden;} #copy {position:relative;float:left; width:38%; height:auto;margin:0 auto; border:0px solid #F00;} #b_logo {position:relative; margin-top:50px; width:170px;height:30px;z-index:2;} #copy #add { width:auto; color:#9b9b9b; font-size:12px; z-index:2;line-height:150%; border:0px solid #F00;} #b_btn {position:relative;margin-top:40px;} #b_btn li{float:left;margin-right:10px;border:1px solid #e9e9e9;font-size:12px;padding:7px;width:100px;text-align:center;} #b_btn li a{color:#e9e9e9;} #bottom_right {float:right; width:61%; height:auto; z-index:5; border:0px solid #F00;} #bottom_right #b_info {position:relative; width:auto; height:auto; padding-top:40px; border:0px solid #F00; margin-bottom:20px;} #bottom_right #b_info:after {clear:both; display:block; content:"";} #bottom_right #b_info li {float:left; width:auto; color:#7b7b7b; margin-right:0px;} #bottom_right #b_info li:after {clear:both; display:block; content:"";} #bottom_right #b_info li p {float:left; margin-right:20px; font-size:18px; color:#7b7b7b;} #bottom_right #b_info li p.cfs a {font-family:"Open Sans", sans-Serif;font-size:30px;color:#fff;font-weight:bold;} #bottom_right #map {} #bottom_right #map iframe {width:100% !important; height:120px !important} /* 서브 */ #subimg_m {display:none} #subtitle{position:relative; width:100%; padding-top:40px;margin:0 auto;border-top:0px solid #e6e6e6;text-align:center;} #subtitle .subtitle-text {font-size:72px;font-family:"Open Sans", sans-Serif;font-weight:bold; position:relative; top:0px; opacity:1} #subtitle .subtitle-desc {position:relative; top:0px; opacity:1; border:0px solid #f00} .ssubtitle{position:relative; width:60%; padding-top:40px;margin:0 auto;text-align:center;} #s_contents {position:relative; width:100%; margin:0 auto; padding:80px 0px; overflow:hidden; z-index:2; border:0px solid #F00;} /** 애드웹소개**/ #s_contents .about {position:relative; width:auto; height:713px; overflow:hidden;border:0px solid #F00;} #s_contents .about:after {clear:both; display:block; content:"";} #s_contents .about li {float:left;background-color:#f0f0f0; width:50%; border:0px solid #f00;} #s_contents .about li.overview {height:100%; background-image:url(/new_2017/img/sub/about_img1.jpg); background-repeat:no-repeat;} #s_contents .about li.bg1{height:100%; padding-top:210px; border:0px solid #f00; background-image:url('/new_2017/img/sub/about_img2.png');background-repeat:no-repeat; background-position:50% 50px;} #s_contents .about li.bg1 ul{position:relative; width:auto; padding:0px 50px; border:0px solid #f00} #s_contents .about li.bg1 ul:after {clear:both; display:block; content:"";} #s_contents .about li.bg1 ul li {float:none;border:0px solid #F00;} #s_contents .about li.bg1 ul li.font45 {width:auto; border:0px solid #f00} #s_contents .about li.bg1 ul li.font45 div {margin-bottom:25px} #s_contents .about li.bg1 ul li.font45 div:after {clear:both; display:block; content:"";} #s_contents .about li.bg1 ul li.font45 div p {float:left;} #s_contents .about li.bg1 ul li.rr{width:auto; border:0px solid #00f; font-size:15px;line-height:200%;} #s_contents .about li.bg1 ul li.rr .font15{font-size:15px;line-height:200%;} /** 연혁**/ #history {position:relative; width:100%;overflow:hidden;border:0px solid #F00;} #history .arrow {display:none; position:relative;float:left;width:83px; height:54px; margin-top:20%; background-color:#f5f5f5; text-align:center;padding-top:30px;} .history-list {position:relative; margin-top:50px; box-sizing:border-box; -moz-box-sizing:border-box;} .history-list:after {clear:both; display:block; content:"";} .history-list .list1, .history-list .list2, .history-list .list3 {float:left; width:33.3%} .history-list .history1 {position:relative;overflow:hidden; margin:0px 10px; width:auto; height:510px; padding:40px 30px; border:3px solid #f5f5f5; box-sizing:border-box; -moz-box-sizing:border-box;} .history-list .history1 li{font-size:13px;line-height:180%;color:#666;margin-bottom:10px;text-align:center;} .history-list .history1 li.date{color:#222;font-size:24px;border:0px solid #000;font-family:"Open Sans", sans-Serif;font-weight:bold;text-align:center;} .history-list .history1 li.bar2 {border-bottom:1px solid #666; width:20px; margin:0 auto;} /** 조직도**/ #org {position:relative; width:100%; margin:130px auto; overflow:hidden;border:0px solid #F00;text-align:center;} #org img {width:90%;} /** 회사사진**/ #workplace {position:relative; width:auto; margin:50px auto; overflow:hidden;border:0px solid #F00;text-align:center;} #workplace #workplace_img {position:relative; width:1024px; margin:50px auto; overflow:hidden;border:0px solid #F00;} #workplace #workplace_img li{width:16.6%;float:left;margin-bottom:9px;} /** 서비스 **/ #service{position:relative; width:100%;overflow:hidden; border:0px solid #F00;} #service #service_con{position:relative;width:100%;border:0px solid #F00; height:1193px; background-image:url("/new_2017/img/sub/service_img1.jpg"); background-repeat:no-repeat; background-position:-20px 0px;} #service #service_con > ul{position:relative; margin-left:40%; width:60%;border:0px solid #F00;} #service #service_con > ul:after {clear:both; display:block; content:"";} #service #service_con > ul > li{float:left; border:0px solid #F00;text-align:center; background-color:#f9f9f9;width:50%;} .service_con1{background-color:#f3f3f3;height:298px; padding:50px 0px;} .service_con2{background-color:#f9f9f9;height:298px; padding:50px 0px;} .service_con1 > li {color:#666; border:0px solid #F00;text-align:center;} .tt{color:#222222;font-size:22px;border:0px solid #000;font-family:"Open Sans", sans-Serif;font-weight:bold;padding:15px 0px;} .service_con2 > li {color:#666; border:0px solid #F00;text-align:center;} /** 뉴스**/ .board1{position:relative;width:100%;margin:0 auto;border:0px solid #000;overflow:hidden;} .board1 #board_top{position:relative;width:1100px;margin:0 auto;border:0px solid #000;overflow:hidden;} .board1 #board_top li{float:left;color:#555;} .pn {position:relative;width:100%px;margin:0 auto;} .pn li{float:left;border-bottom:1px solid #efefef;padding:10px 0px;color:#000;text-align:left;} .board_btn{} #sub-partner {position:relative; width:100%;margin:0 auto; border-bottom:1px solid #dedede} #sub-partner h3{font-size:16px;font-style:italic; text-align:center; color:#c00b0b;background-image:url('/new_2017/img/sub/sh3_bg.gif'); font-family:Titillium Web;background-repeat:repeat-x; background-position:0% 5px;} #sub-partner ul {width:auto;margin:0 1%; border:0px solid #F00;z-index:100;} #sub-partner ul:after {clear:both; display:block; content:"";} #sub-partner ul li {float:left;width:20%;padding:40px 0px;text-align:center;} #s_info {position:relative; width:100%; margin:0 auto;background-color:#f9f9f9; padding:40px 0px; height:auto; border:0px solid #000;overflow:hidden;} #s_info:after {clear:both; display:block; content:"";} #s_info #nameserver {position:relative;float:left;width:33%; height:auto; margin-left:0px; border-right:1px solid #e1e1e1; min-height:130px; background-image:url('/new_2017/img/sub/nameserver_icon.gif');background-repeat:no-repeat;background-position:40px 40px;} #s_info #nameserver h3 {margin-left:40px} #s_info #nameserver ul {position:relative; margin-top:17px; margin-left:130px;} #s_info #nameserver ul li{float:left;color:#555;font-size:14px;margin-right:30px;} #s_info #account{position:relative;float:left;width:33%; margin-left:0px; border-right:1px solid #e1e1e1; min-height:130px; background-image:url('/new_2017/img/sub/account_icon.gif');background-repeat:no-repeat;background-position:40px 40px;} #s_info #account h3 {margin-left:40px} #s_info #account ul {position:relative; margin-top:20px;margin-left:130px;} #s_info #account ul li{float:left;color:#555;font-size:14px;margin-right:30px;padding-bottom:5px;} #s_info #quickcounsel{position:relative;float:left; width:33%; margin-left:0px;} #s_info #quickcounsel h3 {margin-left:40px;} #s_info #quickcounsel ul{position:relative; margin-top:20px; margin-left:40px; width:49%} #s_info #quickcounsel ul li {padding-bottom:5px;line-height:130%;color:#555;font-size:14px;} #s_info #quickcounsel .q_btn{position:absolute; top:46px; left:50%; margin-left:40px; width:110px; height:75px; border:0px none; line-height:100%; text-align:center; background-color:#447ccc;color:#fff;font-size:15px;border-radius:5px;} #s_info #quickcounsel ul li input{width:99%; box-sizing:border-box; -moz-box-sizing:border-box;} #s_info h3{color:#000;} #s_info span{color:#000;line-height:28px;} /* 서브 탭*/ .tab{ position:relative; width:80%;margin:0 auto; overflow:hidden;margin-bottom:40px;border-left:1px solid #d5d5d5;} .tab:after {clear:both; display:block; content:"";} .tab li{float:left; width:20%; line-height:50px; text-align:center; font-size:16px;border-right:1px solid #d5d5d5;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;color:#222; box-sizing:border-box; -moz-box-sizing:border-box;} .tab .on{color:#fff;border:0px solid #dd1a32;background-color:#2e3234;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} .tab .on a{color:#fff;} .mt40{margin-top:50px} /** 롤오버이미지**/ a.rollover img {border-width:0px;display:inline;} a.rollover img.over{display:none;} a.rollover:hover {border:0px;} a.rollover:hover img {display:none;} a.rollover:hover img.over{display:inline;} /** 표 스타일 **/ .table1 {border-top:2px solid #333333;margin-top:10px;} .table1 th.none, #table1 td.none {border-left:0px solid #f6f6f6;} .table1 th {text-align:left; padding:0px 15px; color:#000;font-weight:normal; font-size:16px; border-bottom:1px solid #ccc;width:30%;} .table1 td {padding:20px; font-size:15px; border-bottom:1px solid #cccccc;color:#666;} .table1 td.num1{ font-size:28px;font-family:Titillium Web;font-weight:400;text-align:center;color:#999;} .table1 td.num2{ font-size:16px; font-family:Titillium Web;} .paging {position:relative; width:480px;margin:0 auto; overflow:hidden;margin-top:20px;border:0px solid #f00;} .paging ul{position:relative; float:left;} .paging li{color:#222; font-size:13px; text-align:center; float:left; margin-right:5px; width:30px; height:30px;line-height:30px;border:1px solid #ccc; font-family:Titillium Web;} .paging li.on{color:#fff; background-color:#222;} .paging .arrow2 {float:left;margin-top:10px;width:30px;text-align:center;} #border-top{position:relative;width:100%;} #border-top li{} #search{position:relative; width:300px;height:38px; border:1px solid #cfcfcf;float:right;border-radius:4px;} #search input{border:0px;padding:7px;width:180px;} #search select{border:0px;padding:7px;} .mt8{margin-top:8px;} #search .sicon {position:relative; line-height:38px;margin-top:10px;width:20px;} #estimate {position:relative; margin:0 auto;} .table2 {border-top:2px solid #333;margin-top:10px; border-left:1px solid #ccc;margin-left:10px;} .table2 th.none, #table1 td.none {border-left:0px solid #f0f0f0;font-size:12px;} .table2 th {padding:10px; font-weight:bold; color:#013e79; background-color:#efefef; font-size:13px;border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .table2 td { padding:15px; border-right:1px solid #ddd; font-size:13px; border-bottom:1px solid #ddd;} .scnd { background-color:#ccc;padding:10px 30px;text-align:center;} .scnd a{color:#fff;} #b_btn3 { padding:10px 0px; width:180px; margin:0 auto;} #b_btn3 li {float:left; margin-left:5px; padding:10px 0px; font-size:14px;width:83px; height:20px; text-align:center;font-weight:bold;} .table h3{font-size:18px;} .table input {border:1px solid #eee; height:30px;} .pop_tt {background-color:#787878;padding:20px 10px; width:100%;color:#fff;font-size:28px;} .mainimgBox {width:auto; height:423px; background-image:url(/img_new/main/mainimg1.jpg); background-repeat: no-repeat; background-position:center top;} } /*//////////////////////////////////////// 노트북/태블릿가로 version2 ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (min-width: 769px) and (max-width : 1023px){ #wrab {position:relative; width:100%; height:auto; border:0px solid #F00;} #m_category {display: block; border:0px solid #f00; z-index:1999999999;} .mb-category {display:block; position:fixed; top:-60px; width:100%; background-color:#000; height:60px; z-index:9999999999} .mb-category .close-btn {display:none; text-align:left; font-size:18px; color:#ffffff; height:40px; background-color:#000; padding-top:10px; padding-left:15px; position:relative;} .mb-category .left_lmenu {border:0px solid #f00; width:510px; margin:0 auto;} .mb-category .left_lmenu:after {clear:both; display:block; content:"";} .mb-category .left_lmenu li {float:left; padding:15px 0px;} .mb-category .left_lmenu li.lm1 {width:110px;} .mb-category .left_lmenu li.lm2 {width:125px;} .mb-category .left_lmenu li.lm3 {width:110px;} .mb-category .left_lmenu li.lm4 {width:120px;} .mb-category .left_lmenu li.lm5 {width:auto;} .mb-category .left_lmenu li a {color:#fff; font-family:Titillium Web} .mb-category .left_lmenu li a:hover {font-weight:bold; text-decoration:underline;} .slide-category {display:block; position:fixed; border-left:1px solid #666; top:0px; width:300px; right:-300px; background-color:#fff; height:100%; z-index:9999999999; box-sizing:border-box; -moz-box-sizing:border-box;} .slide-category .close-btn {display:; text-align:left; font-size:18px; color:#000; height:40px; background-color:#fff; padding-top:10px; padding-left:15px; position:relative;} .slide-category .left_lmenu {border:0px solid #f00; width:auto; margin:0 auto;} .slide-category .left_lmenu:after {clear:both; display:block; content:"";} .slide-category .left_lmenu li {float:none; padding:10px 0px 10px 30px;} .slide-category .left_lmenu li a {color:#000; font-family:Titillium Web; font-size:22px; font-weight:bold} .slide-category .left_lmenu li a:hover {font-weight:bold; text-decoration:underline;} /* 메인 */ #top {width:100%; position:relative; z-index: 999999999;height:124px; border:0px solid #F00; border-bottom:1px solid #e6e6e6} #top h1 {position:relative;margin:0 auto; width:155px; padding-top:30px; height:31px; z-index:201; border:0px solid #F00;} #top #top_m{ position:absolute; margin:0 auto; width:100%; height:60px; right:0px; z-index:101; border:0px solid #F00;} #top #top_m #top_ss1{position:absolute; width:100%; margin-left:0px; height:33px; z-index:3; border:0px solid #F00; z-index:101;} #top #top_m #top_ss1 li{position:absolute; padding:15px 8px;color:#5e830e;font-size:13px;text-align:center; } #top #top_m #top_ss1 li a {color:#5e830e;font-family:'NanumGothic', '나눔고딕';} #top #top_m #top_ss1 li.btn-sitemap {top:0px; right:10px;} #top #top_m #top_ss1 li.btn-estate {top:-50px; right:80px} #top #top_m #top_ss1 li.btn-quick {top:-50px; right:10px} #top #m_top{display:none;} #top #topmenu{position:relative; margin:0px auto; padding-top:20px; width:510px; z-index:101;border:0px solid #F00;} #top #topmenu .tMenu {position:relative;margin:0 auto; height:30px; z-index:4; border:0px solid #F00;} #top #topmenu .tMenu #lmenu {margin:0 auto; border:0px solid #f00;} #top #topmenu .tMenu #lmenu:after {clear:both; display:block; content:"";} #top #topmenu .tMenu #lmenu li {float:left; border:0px solid #00f; position:relative;color:#555; height: auto; cursor: pointer;} #top #topmenu .tMenu #lmenu li a{color:#000;font-size:16px;font-family:Titillium Web;font-weight:400;} #top #topmenu .tMenu #lmenu li a:hover{color:#000;font-weight:bold; text-decoration:underline;} #top #topmenu .tMenu #lmenu li.s1 {width:110px} #top #topmenu .tMenu #lmenu li.s2 {width:125px} #top #topmenu .tMenu #lmenu li.s3 {width:110px} #top #topmenu .tMenu #lmenu li.s4 {width:120px} #top #topmenu .tMenu #lmenu li.s5 {} #top #topmenu .tMenu #lmenu li ul {position:absolute; background-color:#3a4cb1; width:160px; overflow:hidden; left:-23px; top:60px;border:1px solid #1a2851; opacity:.85; filter:alpha(opacity=85); } #top #topmenu .tMenu #lmenu li ul li {clear:both; padding-left:25px; padding-top: 6px; padding-bottom: 6px; width:100%; border-bottom:1px solid #333;height:26px;} #top #topmenu .tMenu #lmenu li ul {display: none;} #top #topmenu .tMenu #lmenu li ul li.last {padding-bottom:40px;} #top #topmenu .tMenu #lmenu li ul li a {color:#fff;font-size:14px;} /* totalMenu-전체메뉴 */ #totalMenu{position:absolute; top:93px; margin-left:-180px; background:#fff; border:2px solid #777; z-index:9999; width:60%; left:50%;padding:13px 0 30px 0; opacity:.95; filter:alpha(opacity=95); display:none;} #totalMenu:after{content:""; display:block; clear:both} #totalMenu li {float:left; height:100px; font-size:12px; padding: 0px; padding-left: 40px; border-left:1px solid #ececec; letter-spacing:-1px; line-height:18px;} #totalMenu li ul{text-align:left; height:80px; } #totalMenu li strong{display:block; color:#ff713b; font-size:12px; margin-bottom:10px} #totalMenu li li{padding:0px; padding-bottom:3px; float:none; border:none; margin:0px; height:auto;} #totalMenu li a{color:#595959} #totalMenu .btn_close{position:absolute; right:20px; top:13px} #mainimg_m {display:none} #mainimg {position:relative; width:100%; height:647px; margin:0 auto; z-index:1; border:0px solid #F00;} #mainimg .wrapper {width:100%;height:647px;margin:0 auto;} #mainimg .mvimg {width:100%; height:647px; border:0px solid #f00;margin:0 auto;} #mainimg #img1 {background-image:url('/new_2017/img/main/mainimg1.gif');background-size:contain;; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg1.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg1.gif', sizingMethod='scale')";} #mainimg #img2 {background-image:url('/new_2017/img/main/mainimg2.gif');background-size:contain;; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg2.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg2.gif', sizingMethod='scale')";} #mainimg #img3 {background-image:url('/new_2017/img/main/mainimg3.gif');background-size:contain;; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg3.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg3.gif', sizingMethod='scale')";} #mainimg #img4 {background-image:url('/new_2017/img/main/mainimg4.gif');background-size:contain;; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg4.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg4.gif', sizingMethod='scale')";} #mainimg #img5 {background-image:url('/new_2017/img/main/mainimg5.gif');background-size:contain;; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg5.gif', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/new_2017/img/main/mainimg5.gif', sizingMethod='scale')";} #mainimg #arrow-box { position:relative;z-index:1000; border:0px solid #f00; width:1700px; margin:0 auto;} #mainimg .mvimg .m_box {margin-top:150px;height:539px; background-repeat:no-repeat; background-size:contain; background-position:51% 0px;border:0px solid #F00;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box li{margin-top:35px;font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box li span{font-size:48px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .f72{font-size:72px;} #mainimg .mvimg .m_box .f72 strong{font-family:'ntk';font-weight:700;} #mainimg .mvimg .m_box .f18{font-size:18px;font-family:Titillium Web;font-weight:400;background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:51% 0px;} /* 컨텐츠 1 */ #m_contents{ position:relative; width:100%; margin-top:40px; z-index:5; border:0px solid #F00;overflow:hidden;} #m_contents #m1 {position:relative; margin:0 auto; width:100%; border:0px solid #F00;} #m_contents #m1:after {clear:both; display:block; content:"";} #m_contents h3{font-size:16px;font-style:italic; text-align:center; color:#c00b0b;background-image:url('/new_2017/img/main/h3_bg.gif'); font-family:Titillium Web;background-repeat:repeat-x; background-position:0% 5px;} #m_contents #m1 #pt{width:96%;margin:0 auto; margin-top:23px; box-sizing:border-box; -moz-box-sizing:border-box;} #m_contents #m1 #pt li{float:left; width:33.3%; height:260px; padding:0px 15px; cursor:pointer; font-size:16px;text-align:center;margin-right:0px;margin-bottom:25px; box-sizing:border-box; -moz-box-sizing:border-box;} #m_contents #m1 #pt li .port-list { background-color:#fff;} #m_contents #m1 #pt li div.port-list div ul {bottom:15px} #m_contents #m1 #pt li div.port-list div ul li {float:none; width:auto; height:auto; margin:0px; padding:0px; color:#888} #m_contents #m1 #pt li div.port-list div ul li.cate {font-size:0.9em} #m_contents #m1 #pt li div.port-list div ul li.client {color:#444; font-size:18px;} #m_contents #m1_1 .m_tab li.on{color:#000;font-size:18px;background-color:#fff;height:61px;} #m_contents #m1_1 .m1_1_con{border:1px solid #ddd; border-top:0px none; padding-top:40px; height:250px;} #m_contents #m1_1 .m1_1_con > li{border:0px solid #F00;font-size:14px;padding-bottom:15px;background-image:url("/img/sub/bulet_black.gif");background-repeat:no-repeat;background-position:40px 10px;padding-left:50px;} #m_contents #m2 {position:relative; width:95%;margin:0 auto; height:200px; border:0px solid #F00;margin-top:100px;overflow:hidden;} #m_contents #m2:after {clear:both; display:block; content:"";} #m_contents #m2 .stat{position:relative; float:left; width:33.3%; border:0px solid #F00;margin-left:0%;} #m_contents #m2 .stat dt{font-size:3em;font-weight:normal;padding-bottom:10px;color:#222;font-family:Open sans;text-align:center;} #m_contents #m2 .stat dd{text-align:center;font-size:1em;} #m_contents #m3 {position:relative; width:98%;margin:0 auto;overflow:hidden;} #m_contents #m3 #m3_con {width:100%; margin:25px auto; border:0px solid #F00;z-index:100;} #m_contents #m3 #m3_con:after {clear:both; display:block; content:"";} #m_contents #m3 #m3_con li {float:left; width:33.3%;padding:10px 0px;text-align:center;} .bar {border-bottom:2px solid #656565; width:20px; padding-top:10px;margin:0 auto;} .font72{font-size:72px;font-family:"Open Sans", sans-Serif;font-weight:bold;} .font28{font-size:28px;color:#a32829;padding:0px 0px 30px 0px;font-family:Titillium Web;font-weight:400;font-style:italic;letter-spacing:-1px;} .font45{font-size:45px;color:#222;padding:0px 0px 30px 0px;line-height:110%;letter-spacing:-2px;font-weight:bold;} .font48{font-size:48px;color:#222;font-family:"Open Sans", sans-Serif;font-weight:bold;} .font30{font-size:30px;padding:0px 0px 15px 0px;} .pt1 {padding-top:15px;} /* 컨텐츠 1 */ /* 공통 카피라이트 */ #copyright {position:relative; width:auto; margin:0 auto; height:auto; z-index:2; background-color:#413f42; padding-bottom:20px} #bottom {position:relative; width:auto; height:auto; margin:0 2%; z-index:300; border:0px solid #F00; overflow:hidden;} #bottom:after {clear:both; display:block; content:"";} #copy {position:relative;float:left; width:50%; height:auto; margin-right:1%; border:0px solid #F00;} #b_logo {position:relative; margin-top:50px; width:170px; height:30px;z-index:2;} #copy #add { width:auto; color:#9b9b9b; font-size:12px; z-index:2; line-height:150%; border:0px solid #F00;} #b_btn {position:relative; margin-top:40px;} #b_btn li{float:left;margin-right:10px;border:1px solid #e9e9e9;font-size:12px;padding:7px;width:100px;text-align:center;} #b_btn li a{color:#e9e9e9;} #bottom_right {float:right; width:49%; height:auto; z-index:5; border:0px solid #F00;} #bottom_right #b_info {position:relative; width:auto; height:auto; padding-top:35px; border:0px solid #F00;} #bottom_right #b_info li {float:none; width:auto; color:#7b7b7b; margin-right:0px;} #bottom_right #b_info li:after {clear:both; display:block; content:"";} #bottom_right #b_info li p {float:left; margin-right:20px; font-size:18px; color:#7b7b7b;} #bottom_right #b_info li p.cfs a {font-family:"Open Sans", sans-Serif;font-size:30px;color:#fff;font-weight:bold;} #bottom_right #map {} #bottom_right #map iframe {width:100% !important; height:120px !important} #top-btn {bottom:50px; right:30px; font-size:13px;} /* 서브 */ #subimg_m {display:none} #subtitle{position:relative; width:100%; padding-top:40px;margin:0 auto;border-top:0px solid #e6e6e6;text-align:center;} #subtitle .subtitle-text {font-size:72px;font-family:"Open Sans", sans-Serif;font-weight:bold; position:relative; top:0px; opacity:1} #subtitle .subtitle-desc {position:relative; top:0px; opacity:1; border:0px solid #f00} .ssubtitle{position:relative; width:80%; padding-top:40px; margin:0 auto;text-align:center;} #s_contents {position:relative; width:100%; margin:0 auto; padding:80px 0px; overflow:hidden; z-index:2; border:0px solid #F00;} /** 애드웹소개**/ #s_contents .about {position:relative; width:auto; height:713px; overflow:hidden;border:0px solid #F00;} #s_contents .about:after {clear:both; display:block; content:"";} #s_contents .about li {float:left;background-color:#f0f0f0; width:50%; border:0px solid #f00;} #s_contents .about li.overview {height:100%; background-image:url(/new_2017/img/sub/about_img1.jpg); background-repeat:no-repeat; background-position:-30px 0px} #s_contents .about li.bg1{height:100%; padding-top:30px; border:0px solid #f00; background-image:url();} #s_contents .about li.bg1 ul{position:relative; width:auto; padding:0px 30px; border:0px solid #f00} #s_contents .about li.bg1 ul:after {clear:both; display:block; content:"";} #s_contents .about li.bg1 ul li {float:none;border:0px solid #F00;} #s_contents .about li.bg1 ul li.font45 {width:auto; border:0px solid #f00} #s_contents .about li.bg1 ul li.font45 div {margin-bottom:25px} #s_contents .about li.bg1 ul li.font45 div:after {clear:both; display:block; content:"";} #s_contents .about li.bg1 ul li.font45 div p {float:left;} #s_contents .about li.bg1 ul li.rr{width:auto; border:0px solid #00f; font-size:15px;line-height:200%;} #s_contents .about li.bg1 ul li.rr .font15{font-size:15px;line-height:200%;} /** 연혁**/ #history {position:relative; width:100%;overflow:hidden;border:0px solid #F00;} #history .arrow {display:none;position:relative;margin:0 auto;width:83px; height:54px; background-color:#f5f5f5; text-align:center;padding-top:30px;margin-top:30px;} .history-list {position:relative; margin:30px 0.5% 0% 0.5%; border:0px solid #f00; box-sizing:border-box; -moz-box-sizing:border-box;} .history-list:after {clear:both; display:block; content:"";} .history-list .list1, .history-list .list2, .history-list .list3 {float:left; width:33.3%} .history-list .history1 {position:relative;overflow:hidden; margin:0px 3px; width:auto; height:600px; padding:20px 5px 20px 15px; border:3px solid #f5f5f5; box-sizing:border-box; -moz-box-sizing:border-box;} .history-list .history1 li{font-size:13px;line-height:180%;color:#666;margin-bottom:10px;text-align:center;} .history-list .history1 li.date{color:#222;font-size:24px;border:0px solid #000;font-family:"Open Sans", sans-Serif;font-weight:bold;text-align:center;} .history-list .history1 li.bar2 {border-bottom:1px solid #666; width:20px; margin:0 auto;} /** 조직도**/ #org {position:relative; width:100%; margin:60px auto; overflow:hidden;border:0px solid #F00;text-align:center;} #org img {width:90%;} /** 회사사진**/ #workplace {position:relative; width:auto; margin:50px auto 0px auto; overflow:hidden;border:0px solid #F00;text-align:center;} #workplace .ssubtitle{position:relative; width:90%; padding-top:40px;margin:0 auto;text-align:center;} #workplace #workplace_img {position:relative; width:auto; margin:50px 3%; overflow:hidden;border:0px solid #F00;} #workplace #workplace_img li{width:25%;float:left;margin-bottom:9px;} #workplace #workplace_img li.blank {display:none} /** 서비스 **/ #service{position:relative; width:100%;overflow:hidden; border:0px solid #F00;} #service #service_con{position:relative;width:100%; border:0px solid #F00;background-image:url("/new_2017/img/sub/service_img1.jpg");background-repeat:no-repeat;height:auto;background-position:-25px 0px;} #service #service_con > ul{position:relative;margin-left:50%; width:50%;border:0px solid #F00;} #service #service_con > ul:after {clear:both; display:block; content:"";} #service #service_con > ul > li{float:none; border:0px solid #F00;text-align:center; background-color:#f9f9f9;width:auto;} .service_con1{background-color:#f3f3f3;height:149px; padding:20px 0px;} .service_con2{background-color:#f9f9f9;height:149px; padding:20px 0px;} .service_con1 > li {color:#666; border:0px solid #F00;text-align:center;} .tt{color:#222222;font-size:22px;border:0px solid #000;font-family:"Open Sans", sans-Serif;font-weight:bold;padding:15px 0px;} .service_con2 > li {color:#666; border:0px solid #F00;text-align:center;} #service #service_con .service_icon {border:0px solid #f00; width:28%; left:3%; position:absolute;} #service #service_con .service_icon img {width:auto; max-width:100%} #service #service_con .tt {padding-top:0px; padding-bottom:10px; text-align:left; width:auto; padding-left:35%; word-break:break-all; line-height:120%} #service #service_con .service_desc {text-align:left; width:auto; padding-left:35%} #service #service_con .step1 {background-color:#f3f3f3;} #service #service_con .step2 {background-color:#f9f9f9;} #service #service_con .step3 {background-color:#f3f3f3;} #service #service_con .step4 {background-color:#f9f9f9;} #service #service_con .step5 {background-color:#f3f3f3;} #service #service_con .step6 {background-color:#f9f9f9;} /** 뉴스**/ .board1{position:relative;width:98%;margin:0 auto;border:0px solid #000;overflow:hidden;} .board1 #board_top{position:relative;width:1100px;margin:0 auto;border:0px solid #000;overflow:hidden;} .board1 #board_top li{float:left;color:#555;} .pn {position:relative;width:100%px;margin:0 auto;} .pn li{float:left;border-bottom:1px solid #efefef;padding:10px 0px;color:#000;text-align:left;} .board_btn{} #sub-partner {position:relative; width:100%;margin:0 auto; border-bottom:1px solid #dedede} #sub-partner h3{font-size:16px;font-style:italic; text-align:center; color:#c00b0b;background-image:url('/new_2017/img/sub/sh3_bg.gif'); font-family:Titillium Web;background-repeat:repeat-x; background-position:0% 5px;} #sub-partner ul {width:auto;margin:15px 1%; border:0px solid #F00;z-index:100;} #sub-partner ul:after {clear:both; display:block; content:"";} #sub-partner ul li {float:left;width:33.3%;padding:5px 0px;text-align:center;} #s_info {position:relative;width:100%;margin:0 auto;background-color:#f9f9f9; padding:20px 0px; height:auto; border:0px solid #000;overflow:hidden;} #s_info #nameserver{position:relative;float:left;width:33%; height:auto; margin:0px; border-right:1px solid #e1e1e1; background-image:url('/new_2017/img/sub/nameserver_icon.gif'); background-repeat:no-repeat; background-position:95% 20px;} #s_info #nameserver h3 {margin-left:15px;} #s_info #nameserver ul {position:relative; margin-top:20px; margin-left:20px;} #s_info #nameserver ul li{float:left;color:#555;font-size:14px;margin-right:30px;} #s_info #account{position:relative;float:left;width:33%; border-right:1px solid #e1e1e1; margin:0px; background-image:url('/new_2017/img/sub/account_icon.gif');background-repeat:no-repeat;background-position:95% 20px;} #s_info #account h3 {margin-left:15px} #s_info #account ul {position:relative; margin-top:20px; margin-left:20px;} #s_info #account ul li{float:left;color:#555;font-size:14px;margin-right:30px;padding-bottom:5px;} #s_info #quickcounsel{position:relative;float:left; width:33%; margin-left:0px; padding-bottom:55px;} #s_info #quickcounsel h3 {margin-left:15px} #s_info #quickcounsel ul{position:relative; margin-top:20px; margin-left:20px; width:auto;} #s_info #quickcounsel ul li {padding-bottom:5px;line-height:130%;color:#555;font-size:14px; width:auto;} #s_info #quickcounsel .q_btn{position:absolute; top:auto; bottom:5px; left:20px; width:88%; height:auto; border:0px none; line-height:120%; padding:15px 0px; text-align:center; background-color:#447ccc;color:#fff;font-size:15px;border-radius:5px;} #s_info #quickcounsel ul li input{width:88%;} #s_info h3{color:#000;} #s_info span{color:#000;line-height:28px;} /* 서브 탭*/ .tab{ position:relative; width:90%;margin:0 auto; overflow:hidden;margin-bottom:40px;border-left:1px solid #d5d5d5;} .tab:after {clear:both; display:block; content:"";} .tab li{float:left; width:20%; line-height:50px; text-align:center; font-size:16px;border-right:1px solid #d5d5d5;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;color:#222; box-sizing:border-box; -moz-box-sizing:border-box;} .tab .on{color:#fff;border:0px solid #dd1a32;background-color:#2e3234;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} .tab .on a{color:#fff;} .mt40{margin-top:50px} /** 롤오버이미지**/ a.rollover img {border-width:0px;display:inline;} a.rollover img.over{display:none;} a.rollover:hover {border:0px;} a.rollover:hover img {display:none;} a.rollover:hover img.over{display:inline;} /** 표 스타일 **/ .table1 {border-top:2px solid #333333;margin-top:10px;} .table1 th.none, #table1 td.none {border-left:0px solid #f6f6f6;} .table1 th {text-align:left; padding:0px 15px; color:#000;font-weight:normal; font-size:16px; border-bottom:1px solid #ccc;width:30%;} .table1 td {padding:20px; font-size:15px; border-bottom:1px solid #cccccc;color:#666;} .table1 td.num1{ font-size:28px;font-family:Titillium Web;font-weight:400;text-align:center;color:#999;} .table1 td.num2{ font-size:16px; font-family:Titillium Web;} .paging {position:relative; width:480px;margin:0 auto; overflow:hidden;margin-top:20px;border:0px solid #f00;} .paging ul{position:relative; float:left;} .paging li{color:#222; font-size:13px; text-align:center; float:left; margin-right:5px; width:30px; height:30px;line-height:30px;border:1px solid #ccc; font-family:Titillium Web;} .paging li.on{color:#fff; background-color:#222;} .paging .arrow2 {float:left;margin-top:10px;width:30px;text-align:center;} #border-top{position:relative;width:100%;} #border-top li{} #search{position:relative; width:300px;height:38px; border:1px solid #cfcfcf;float:right;border-radius:4px;} #search input{border:0px;padding:7px;width:180px;} #search select{border:0px;padding:7px;} .mt8{margin-top:8px;} #search .sicon {position:relative; line-height:38px;margin-top:10px;width:20px;} #estimate {position:relative; margin:0 auto;} .table2 {border-top:2px solid #333;margin-top:10px; border-left:1px solid #ccc;margin-left:10px;} .table2 th.none, #table1 td.none {border-left:0px solid #f0f0f0;font-size:12px;} .table2 th {padding:10px; font-weight:bold; color:#013e79; background-color:#efefef; font-size:13px;border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .table2 td { padding:15px; border-right:1px solid #ddd; font-size:13px; border-bottom:1px solid #ddd;} .scnd {margin:0 auto; background-color:#444;padding:10px 0px;text-align:center;width:150px;margin-top:20px;color:#fff;} .scnd a{color:#fff;} #b_btn3 { padding:10px 0px; width:180px; margin:0 auto;} #b_btn3 li {float:left; margin-left:5px; padding:10px 0px; font-size:14px;width:83px; height:20px; text-align:center;font-weight:bold;} .table h3{font-size:18px;} .table input {border:1px solid #eee; height:30px;} .pop_tt {background-color:#787878;padding:20px 10px; width:auto; color:#fff;font-size:28px;} .mainimgBox {width:auto; height:444px; background-image:url(/new_2017/img/sub/sian_img1.jpg); background-repeat: no-repeat; background-position:center top;} } /*//////////////////////////////////////// MOBIL/태블릿세로 version ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media (max-width : 768px){ #wrab { margin:0 auto; position:relative; width:100%; min-width:360px;border:0px solid #F00;} img {width:100%;} #smenu li a img {width: 50%;} .layer-popup {display:none} /* 메인 */ #m_category {display: block; z-index:1999999999;} /** #m_category li {} #m_category li a {display: block; background-color:#222; padding:8px 15px; color:#aaa;border-top:1px solid #333;} #m_category li ul li a {display: block; padding:5px 5px 5px 25px; background-color:#444;font-size:14px;} **/ .mb-category {display:block; position:fixed; top:-60px; width:100%; background-color:#000; height:60px; z-index:9999999999} .mb-category .close-btn {display:none; text-align:left; font-size:18px; color:#ffffff; height:40px; background-color:#000; padding-top:10px; padding-left:15px; position:relative;} .mb-category .left_lmenu {border:0px solid #f00; width:auto; margin:0 auto;} .mb-category .left_lmenu:after {clear:both; display:block; content:"";} .mb-category .left_lmenu li {float:left; padding:15px 0px; text-align:center;} .mb-category .left_lmenu li.lm1 {width:20%;} .mb-category .left_lmenu li.lm2 {width:20%;} .mb-category .left_lmenu li.lm3 {width:20%;} .mb-category .left_lmenu li.lm4 {width:20%;} .mb-category .left_lmenu li.lm5 {width:20%;} .mb-category .left_lmenu li a {color:#fff; font-family:Titillium Web} .mb-category .left_lmenu li a:hover {font-weight:bold; text-decoration:underline;} .slide-category {display:block; position:fixed; border-left:1px solid #666; top:0px; width:300px; right:-300px; background-color:#fff; height:100%; z-index:9999999999; box-sizing:border-box; -moz-box-sizing:border-box;} .slide-category .close-btn {display:; text-align:left; font-size:18px; color:#000; height:40px; background-color:#fff; padding-top:10px; padding-left:15px; position:relative;} .slide-category .left_lmenu {border:0px solid #f00; width:auto; margin:0 auto;} .slide-category .left_lmenu:after {clear:both; display:block; content:"";} .slide-category .left_lmenu li {float:none; padding:10px 0px 10px 30px;} .slide-category .left_lmenu li a {color:#000; font-family:Titillium Web; font-size:22px; font-weight:bold} .slide-category .left_lmenu li a:hover {font-weight:bold; text-decoration:underline;} /* 메인 */ #top {width:100%; position:relative; z-index: 999999999;height:100px; border:0px solid #F00; border-bottom:1px solid #e6e6e6} #top h1 {position:relative;margin:0 auto; width:155px; padding-top:30px; height:31px; z-index:201; border:0px solid #F00;} #top #top_m {display:none1;position:absolute;margin:0 auto; width:100%; height:auto; top:0px; z-index:101; border:0px solid #F00;} #top #top_m #top_ss1 {border:0px solid #00f; float:none; position:absolute; width:100%; padding:0px; margin:0px;} #top #top_m #top_ss1 li.btn-home {position:absolute; width:27px; top:33px; left:8px; padding:0px; cursor:pointer; display:block;} #top #top_m #top_ss1 li.btn-sitemap {position:absolute; width:27px; top:30px; right:10px; padding:0px; cursor:pointer} #top #top_m #top_ss1 li.btn-estate {position:absolute; width:35px; top:10px; left:0px; float:none; display:none; cursor:pointer} #top #top_m #top_ss1 li.btn-quick {position:absolute; width:47px; top:30px; left:45px; padding:0px; cursor:pointer} #top #m_top{ position:absolute;width:100%;top:30px; border:1px solid #F00; } #top #m_top #m_top1{margin-left:10px;} #top #m_top #m_top2{margin-right:10px;float:right;} #top #m_top li{float:left;padding-right:10px;} #top #topmenu{display:none; position:absolute;top:165px; width:690px; left:50%; margin-left:-390px; height:30px; z-index:101;border:0px solid #F00;} #mainimg_m {display:block;} #mainimg {display:none;position:relative; width:100%; margin:0 auto; z-index:1; border:0px solid #F00;} /* 컨텐츠 1 */ #m_contents{ position:relative; width:100%; margin-top:40px; z-index:5; border:0px solid #F00;overflow:hidden;} #m_contents #m1 {position:relative; margin:0 auto; width:100%; border:0px solid #F00;} #m_contents #m1:after {clear:both; display:block; content:"";} #m_contents h3{font-size:16px;font-style:italic; text-align:center; color:#c00b0b;background-image:url('/new_2017/img/main/h3_bg.gif'); font-family:Titillium Web;background-repeat:repeat-x; background-position:0% 5px;} #m_contents #m1 #pt{width:97%;margin:0 auto; margin-top:23px; box-sizing:border-box; -moz-box-sizing:border-box;} #m_contents #m1 #pt li{float:left;width:50%; padding:0px 5px; height:250px; cursor:pointer; font-size:16px;text-align:center;margin-right:0px;margin-bottom:25px; box-sizing:border-box; -moz-box-sizing:border-box;} #m_contents #m1 #pt li .port-list { background-color:#fff;} #m_contents #m1 #pt li .port-list img {width:auto} #m_contents #m1 #pt li div.port-list div ul {bottom:15px} #m_contents #m1 #pt li div.port-list div ul li {float:none; width:auto; height:auto; margin:0px; padding:0px; color:#888} #m_contents #m1 #pt li div.port-list div ul li.cate {font-size:0.9em} #m_contents #m1 #pt li div.port-list div ul li.client {color:#444; font-size:17px;} #m_contents #m1_1 .m_tab li.on{color:#000;font-size:18px;background-color:#fff;height:61px;} #m_contents #m1_1 .m1_1_con{border:1px solid #ddd; border-top:0px none; padding-top:40px; height:250px;} #m_contents #m1_1 .m1_1_con > li{border:0px solid #F00;font-size:14px;padding-bottom:15px;background-image:url("/img/sub/bulet_black.gif");background-repeat:no-repeat;background-position:40px 10px;padding-left:50px;} #m_contents #m2 {position:relative; width:95%;margin:0 auto; height:200px; border:0px solid #F00; margin-top:60px;} #m_contents #m2:after {clear:both; display:block; content:"";} #m_contents #m2 .stat{position:relative; float:left; width:33.3%; border:0px solid #F00;margin-left:0px;} #m_contents #m2 .stat dt{font-size:2.5em;font-weight:normal;padding-bottom:10px;color:#222;font-family:Open sans;text-align:center;} #m_contents #m2 .stat dd{text-align:center;font-size:1em;} #m_contents #m3 {position:relative; width:98%;margin:0 auto;overflow:hidden;} #m_contents #m3 #m3_con {width:100%;margin:20 auto; border:0px solid #F00;z-index:100;} #m_contents #m3 #m3_con:after {clear:both; display:block; content:"";} #m_contents #m3 #m3_con li {float:left; width:50%; padding:5px 10px;text-align:left;box-sizing:border-box; -moz-box-sizing:border-box;} #m_contents #m3 #m3_con li img {width:auto; max-width:100%} .bar {border-bottom:2px solid #656565; width:20px; padding-top:10px;margin:0 auto;} .font72{font-size:42px;font-family:"Open Sans", sans-Serif;font-weight:bold;} .font28{font-size:28px;color:#a32829;padding:0px 0px 30px 0px;font-family:Titillium Web;font-weight:400;font-style:italic;letter-spacing:-1px;} .font45{font-size:45px;color:#222;padding:0px 0px 30px 0px;line-height:110%;letter-spacing:-2px;font-weight:bold;} .font48{font-size:48px;color:#222;font-family:"Open Sans", sans-Serif;font-weight:bold;} .font30{font-size:30px;padding:0px 0px 15px 0px;} .pt1 {padding-top:15px;} /* 컨텐츠 1 */ /* 공통 카피라이트 */ #copyright {position:relative; width:auto; margin:0 auto; height:auto; z-index:2; background-color:#413f42; padding-bottom:20px} #bottom {position:relative; width:auto; height:auto; margin:0 2%; z-index:300; border:0px solid #F00; overflow:hidden;} #copy {position:relative;float:none; width:auto; height:auto; margin:0 auto; border:0px solid #F00;} #b_logo {position:relative; margin-top:25px; width:170px; height:auto;z-index:2;} #copy #add { width:auto; color:#9b9b9b; font-size:12px; z-index:2;line-height:150%; border:0px solid #F00;} #b_btn {position:relative;margin-top:20px;} #b_btn:after {clear:both; display:block; content:"";} #b_btn li{float:left; margin-right:10px;border:1px solid #e9e9e9;font-size:12px;padding:7px;width:100px;text-align:center;} #b_btn li a{color:#e9e9e9;} #bottom_right {float:none; width:auto; height:auto; z-index:5; border:0px solid #F00;} #bottom_right #b_info {position:relative; width:auto; height:auto; padding-top:15px; border:0px solid #F00;} #bottom_right #b_info li {float:none; width:auto; color:#7b7b7b; margin-right:0px;} #bottom_right #b_info li:after {clear:both; display:block; content:"";} #bottom_right #b_info li p {float:left; margin-right:20px; font-size:18px; color:#7b7b7b;} #bottom_right #b_info li p.cfs a {font-family:"Open Sans", sans-Serif;font-size:30px;color:#fff;font-weight:bold;} #bottom_right #map {display:none;} #bottom_right #map iframe {width:100% !important; height:100px !important} #top-btn {bottom:10px; right:10px; font-size:13px;} /* 서브 */ #subimg_m {display:none} #subtitle {position:relative; width:100%; padding-top:10px;margin:0 auto;border-top:0px solid #e6e6e6;text-align:center;} #subtitle .subtitle-text {font-size:42px;font-family:"Open Sans", sans-Serif;font-weight:bold; position:relative; top:0px; opacity:1} #subtitle .subtitle-desc {position:relative; top:0px; opacity:1; border:0px solid #f00} .ssubtitle {position:relative; width:auto; padding-top:40px; margin:0 5%;text-align:center;} #s_contents {position:relative; width:100%; margin:0 auto; padding:20px 0px 50px 0px; overflow:hidden; z-index:2; border:0px solid #F00;} /** 애드웹소개**/ #s_contents .about {position:relative; width:auto; height:auto; overflow:hidden;border:0px solid #F00;} #s_contents .about:after {clear:both; display:block; content:"";} #s_contents .about li {float:none;background-color:#f0f0f0; width:auto; border:0px solid #f00;} #s_contents .about li.overview {height:100%; height:280px; background-image:url(/new_2017/img/sub/about_img1.jpg); background-repeat:no-repeat; background-position:0px -40px} #s_contents .about li.bg1{height:100%; padding-top:30px; padding-bottom:20px; border:0px solid #f00; background-image:url();} #s_contents .about li.bg1 ul{position:relative; width:auto; padding:0px 20px; border:0px solid #f00} #s_contents .about li.bg1 ul:after {clear:both; display:block; content:"";} #s_contents .about li.bg1 ul li {float:none;border:0px solid #F00;} #s_contents .about li.bg1 ul li.font45 {width:auto; border:0px solid #f00; padding-bottom:10px} #s_contents .about li.bg1 ul li.font45 div {margin-bottom:15px} #s_contents .about li.bg1 ul li.font45 div:after {clear:both; display:block; content:"";} #s_contents .about li.bg1 ul li.font45 div p {float:left; font-size:30px; letter-spacing:0px} #s_contents .about li.bg1 ul li.font45 img {width:200px; height:auto;} #s_contents .about li.bg1 ul li.rr{width:auto; border:0px solid #00f; font-size:15px;line-height:200%;} #s_contents .about li.bg1 ul li.rr .font15{font-size:15px;line-height:200%;} #s_contents .about li.bg1 ul li.rr .font28{font-size:22px;color:#a32829;padding:0px 0px 5px 0px;font-family:Titillium Web;font-weight:400;font-style:italic;letter-spacing:-1px;} /** 연혁**/ #history {position:relative; width:100%;overflow:hidden;border:0px solid #F00;} #history .arrow {display:none;position:relative;margin:0 auto;width:83px; height:54px; background-color:#f5f5f5; text-align:center;padding-top:30px;margin-top:30px;} .history-list {position:relative; margin:30px 1% 0% 1%; border:0px solid #f00; box-sizing:border-box; -moz-box-sizing:border-box;} .history-list .list1, .history-list .list2, .history-list .list3 {float:none; width:auto} .history-list .history1 {position:relative; margin:0px 0px 5px 0px; width:auto; height:auto; padding:15px 15px 15px 15px; border:3px solid #f5f5f5; box-sizing:border-box; -moz-box-sizing:border-box;} .history-list .history1 li{font-size:13px;line-height:180%;color:#666;margin-bottom:0px;text-align:left; margin-left:90px;} .history-list .history1 li.icon {position:absolute; left:15px; top:15px; margin:0px; padding:0px} .history-list .history1 li.icon img {width:auto} .history-list .history1 li.date{margin-left:90px; color:#222;font-size:24px;border:0px solid #000;margin-bottom:5px; font-family:"Open Sans", sans-Serif;font-weight:bold;text-align:left;} .history-list .history1 li.bar2 {border-bottom:1px solid #666; width:20px; margin-left:100px} /** 조직도**/ #org {position:relative; width:100%; margin:60px auto; overflow:hidden;border:0px solid #F00;text-align:center;} #org img {width:90%;} /** 회사사진**/ #workplace {position:relative; width:auto; margin:30px auto 0px auto; overflow:hidden; border:0px solid #F00;text-align:center;} #workplace #workplace_img {position:relative; width:auto; margin:30px 2% 0px 2%; border:0px solid #F00;} #workplace #workplace_img:after {clear:both; display:block; content:"";} #workplace #workplace_img li{width:33.3%; float:left; margin:0px; margin-bottom:10px} #workplace #workplace_img li.blank {display:none;} #workplace #workplace_img li img {width:95%; max-width:161px; vertical-align:top} /** 서비스 **/ #service{position:relative; width:100%;overflow:hidden; border:0px solid #00f;} #service #service_con{position:relative; width:auto; padding-top:240px; border:0px solid #F00; background-color:#1cb3a0; background-image:url("/new_2017/img/sub/service_img1.jpg"); background-repeat:no-repeat; height:auto; background-position:-20px -50px;} #service #service_con > ul{position:relative;margin-left:0; width:100%; border:0px solid #F00;} #service #service_con > ul:after {clear:both; display:block; content:"";} #service #service_con > ul > li{float:left; border:0px solid #F00;text-align:center; background-color:#f9f9f9;width:50%;} .service_con1{background-color:#f3f3f3;height:298px; padding:30px 0px;} .service_con2{background-color:#f9f9f9;height:298px; padding:30px 0px;} .service_con1 > li {color:#666; border:0px solid #F00;text-align:center; word-break:break-all;} .service_con1 > li img {width:auto} .tt{color:#222222;font-size:22px;border:0px solid #000;font-family:"Open Sans", sans-Serif; font-weight:bold; padding:15px 5px;} .service_con2 > li {color:#666; border:0px solid #F00;text-align:center; word-break:break-all;} .service_con2 > li img {width:auto} /** 뉴스**/ .board1 {position:relative;width:98%;margin:0 auto;border:0px solid #000;overflow:hidden;} .board1 #board_top{position:relative;width:1100px;margin:0 auto;border:0px solid #000;overflow:hidden;} .board1 #board_top li{float:left;color:#555;} .board1 #bbs_read {} .board1 #bbs_read th {} .board1 #bbs_read th div {position:relative; right:auto; top:auto; text-align:right; padding-top:5px;} .pn {position:relative;width:100%px;margin:0 auto;} .pn li{float:left;border-bottom:1px solid #efefef;padding:10px 0px;color:#000;text-align:left;} .board_btn{} .board1 img {width:auto; max-width:100%;} #sub-partner {position:relative; width:100%;margin:0 auto; border-bottom:1px solid #dedede} #sub-partner h3{font-size:16px;font-style:italic; text-align:center; color:#c00b0b;background-image:url('/new_2017/img/sub/sh3_bg.gif'); font-family:Titillium Web;background-repeat:repeat-x; background-position:0% 5px;} #sub-partner ul {width:auto;margin:15px 1%; border:0px solid #F00;z-index:100;} #sub-partner ul:after {clear:both; display:block; content:"";} #sub-partner ul li {float:left;width:50%;padding:3px 0px;text-align:center;} #sub-partner ul li img {width:auto; max-width:100%} #s_info {position:relative; width:auto; margin:0 auto;background-color:#f9f9f9; padding:5px 5px; height:auto; border:0px solid #000;} #s_info #nameserver{position:relative; float:none; width:auto; height:auto; margin-left:0px; border:0px none; border-bottom:1px solid #e1e1e1; background-image:url(); padding:10px 5px} #s_info #nameserver ul{position:relative; margin-top:5px; margin-left:5px;} #s_info #nameserver ul:after {clear:both; display:block; content:"";} #s_info #nameserver ul li{float:left;color:#555;font-size:14px;margin-right:30px;} #s_info #account{position:relative;float:none; width:auto; margin-left:0px; border:0px none; border-bottom:1px solid #e1e1e1;background-image:url(); padding:10px 5px} #s_info #account ul{position:relative; margin-top:10px; margin-left:5px;} #s_info #account ul:after {clear:both; display:block; content:"";} #s_info #account ul li{float:left;color:#555;font-size:14px;margin-right:20px;padding-bottom:5px;} #s_info #quickcounsel{position:relative;float:none; width:auto; margin-left:0px; padding:10px 5px;} #s_info #quickcounsel ul {position:relative; margin-top:10px; margin-left:5px; width:230px;} #s_info #quickcounsel ul li {padding-bottom:5px;line-height:130%;color:#555;font-size:14px;} #s_info #quickcounsel .q_btn{position:absolute; top:46px; left:265px; width:100px; height:78px; border:0px none; line-height:100%; text-align:center; background-color:#447ccc;color:#fff;font-size:15px;border-radius:5px;} #s_info #quickcounsel ul li input{width:100%; height:20px;} #s_info h3{color:#000;} #s_info span{color:#000;line-height:28px;} /* 서브 탭*/ .tab{ position:relative; width:98%;margin:0 auto; overflow:hidden;margin-bottom:40px;border-left:1px solid #d5d5d5;} .tab:after {clear:both; display:block; content:"";} .tab li{float:left; width:20%; line-height:50px; text-align:center; font-size:16px;border-right:1px solid #d5d5d5;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;color:#222; box-sizing:border-box; -moz-box-sizing:border-box;} .tab .on{color:#fff;border:0px solid #dd1a32;background-color:#2e3234;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;} .tab .on a{color:#fff;} .mt40{margin-top:50px} /** 롤오버이미지**/ a.rollover img {border-width:0px;display:inline;} a.rollover img.over{display:none;} a.rollover:hover {border:0px;} a.rollover:hover img {display:none;} a.rollover:hover img.over{display:inline;} /** 표 스타일 **/ .table1 {border-top:2px solid #333333;margin-top:10px;} .table1 th.none, #table1 td.none {border-left:0px solid #f6f6f6;} .table1 th {text-align:left; padding:0px 15px; color:#000;font-weight:normal; font-size:16px; border-bottom:1px solid #ccc;width:30%;} .table1 td {padding:20px; font-size:15px; border-bottom:1px solid #cccccc;color:#666;} .table1 td.num1{ font-size:28px;font-family:Titillium Web;font-weight:400;text-align:center;color:#999;} .table1 td.num2{ font-size:16px; font-family:Titillium Web;} .paging {position:relative; width:480px;margin:0 auto; overflow:hidden;margin-top:20px;border:0px solid #f00;} .paging ul{position:relative; float:left;} .paging li{color:#222; font-size:13px; text-align:center; float:left; margin-right:5px; width:30px; height:30px;line-height:30px;border:1px solid #ccc; font-family:Titillium Web;} .paging li.on{color:#fff; background-color:#222;} .paging .arrow2 {float:left;margin-top:10px;width:30px;text-align:center;} #border-top{position:relative;width:100%;} #border-top li{} #search{position:relative; width:300px;height:38px; border:1px solid #cfcfcf;float:right;border-radius:4px;} #search input{border:0px;padding:7px;width:180px;} #search select{border:0px;padding:7px;} .mt8{margin-top:8px;} #search .sicon {position:relative; line-height:38px;margin-top:10px;width:20px;} #estimate {position:relative; margin:0 auto;} .table2 {border-top:2px solid #333;margin-top:10px; border-left:1px solid #ccc;margin-left:10px;} .table2 th.none, #table1 td.none {border-left:0px solid #f0f0f0;font-size:12px;} .table2 th {padding:10px; font-weight:bold; color:#013e79; background-color:#efefef; font-size:13px;border-right:1px solid #ddd; border-bottom:1px solid #ddd;} .table2 td { padding:15px; border-right:1px solid #ddd; font-size:13px; border-bottom:1px solid #ddd;} .scnd {margin:0 auto; background-color:#444;padding:10px 0px;text-align:center;width:150px;margin-top:20px;color:#fff;} .scnd a{color:#fff;} #b_btn3 { padding:10px 0px; width:180px; margin:0 auto;} #b_btn3 li {float:left; margin-left:5px; padding:10px 0px; font-size:14px;width:83px; height:20px; text-align:center;font-weight:bold;} .table h3{font-size:18px;} .table input {border:1px solid #eee; height:30px;} .pop_tt {background-color:#787878;padding:20px 10px; width:auto;color:#fff;font-size:28px;} .mainimgBox {width:auto; height:444px; background-image:url(/new_2017/img/sub/sian_img1.jpg); background-repeat: no-repeat; background-position:center top;} } /** 포트폴리오 **/ @media (min-width: 1359px) and (max-width:1560px){ #s_contents ul.portfolio li {width:20%; float:left; padding:0px 8px; margin-bottom:16px; box-sizing:border-box; -moz-box-sizing:border-box;} } @media (min-width: 1024px) and (max-width:1360px){ #s_contents ul.portfolio li {width:25%; float:left; padding:0px 8px; margin-bottom:16px; box-sizing:border-box; -moz-box-sizing:border-box;} } @media (min-width: 800px) and (max-width:1023px){ #s_contents ul.portfolio li {width:33.3%; float:left; padding:0px 8px; margin-bottom:16px; box-sizing:border-box; -moz-box-sizing:border-box;} } @media (min-width: 620px) and (max-width:799px){ /* 서브 탭*/ .tab {width:98%;} .tab li {width:33.3%;} #s_contents ul.portfolio li {width:33.3%; float:left; padding:0px 8px; margin-bottom:16px; box-sizing:border-box; -moz-box-sizing:border-box;} } @media (max-width: 619px){ /* 서브 탭*/ .tab li{width:50%;} #s_contents ul.portfolio li {width:50%; float:left; padding:0px 8px; margin-bottom:16px; box-sizing:border-box; -moz-box-sizing:border-box;} } /** 포트폴리오 **/ @media (min-width: 1359px) and (max-width:1560px){ #mainimg {position:relative; width:100%; height:847px; max-height:847px; margin:0 auto; z-index:1; border:0px solid #f0f;} /** #mainimg .mvimg .m_box {position:absolute; top:18%; left:0px; width:100%; height:64%; background-image:url('/new_2017/img/main/mainimg_box.png'); background-repeat:no-repeat; background-size:contain; background-position:51% 0px;border:0px solid #F00;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box li{margin-top:1.8%;font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box li span{font-size:38px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .f72{font-size:62px;} #mainimg .mvimg .m_box .f72 strong{font-family:'ntk'; font-weight:700;} #mainimg .mvimg .m_box .f18{font-size:18px;font-family:Titillium Web;font-weight:400;background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:51% 0px;} **/ #mainimg .mvimg .m_box {position:relative; margin:0 auto; top:18%; width:28%; height:65%; background:url() no-repeat 51% 0px; background-size:auto 100%; border:0px solid #00f;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box .cont-box { position:relative; border:0px solid #f00; background-color:; margin-right:5%; height:96.3%; overflow:hidden;} #mainimg .mvimg .m_box .cont-box ul { position:absolute; width:100%; height:100%; background-color:#fff; top:100%; z-index:1} #mainimg .mvimg .m_box .cont-box ul li {font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box .cont-box ul .m-icon {position:absolute; width:100%; left:0px; top:106%} #mainimg .mvimg .m_box .cont-box ul .m-title {position:absolute; width:100%; top:123%; padding:0px;} #mainimg .mvimg .m_box .cont-box ul .m-title span{font-size:38px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72{font-size:62px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72 strong{font-family:'ntk';font-weight:700;} #mainimg .mvimg .m_box .cont-box ul .m-desc {position:absolute; width:100%; top:165%; padding:0px;} #mainimg .mvimg .m_box .cont-box ul .f18 {position:absolute; width:100%; top:187%; padding:0px; font-size:18px;font-family:Titillium Web;font-weight:400; background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:54% 0px;} } @media (min-width: 1124px) and (max-width:1360px){ #mainimg {position:relative; width:100%; height:847px; max-height:847px; margin:0 auto; z-index:1; border:0px solid #00f;} /** #mainimg .mvimg .m_box {position:absolute; top:15%; left:0px; width:100%; height:70%; background-image:url('/new_2017/img/main/mainimg_box.png'); background-repeat:no-repeat; background-size:contain; background-position:51% 0px;border:0px solid #F00;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box li{margin-top:1.3%;font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box li span{font-size:30px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .f72{font-size:50px;} #mainimg .mvimg .m_box .f72 strong{font-family:'ntk'; font-weight:700;} #mainimg .mvimg .m_box .f18{font-size:18px;font-family:Titillium Web;font-weight:400;background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:51% 0px;} **/ #mainimg .mvimg .m_box {position:relative; margin:0 auto; top:15%; width:30%; height:70%; background:url() no-repeat 51% 0px; background-size:auto 100%; border:0px solid #00f;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box .cont-box { position:relative; border:0px solid #f00; background-color:; margin-right:5%; height:96.3%; overflow:hidden;} #mainimg .mvimg .m_box .cont-box ul { position:absolute; width:100%; height:100%; background-color:#fff; top:100%; z-index:1} #mainimg .mvimg .m_box .cont-box ul li {font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box .cont-box ul .m-icon {position:absolute; width:100%; left:0px; top:106%} #mainimg .mvimg .m_box .cont-box ul .m-title {position:absolute; width:100%; top:123%; padding:0px;} #mainimg .mvimg .m_box .cont-box ul .m-title span{font-size:32px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72{font-size:55px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72 strong{font-family:'ntk';font-weight:700;} #mainimg .mvimg .m_box .cont-box ul .m-desc {position:absolute; width:100%; top:165%; padding:0px; letter-spacing:-0.15em} #mainimg .mvimg .m_box .cont-box ul .f18 {position:absolute; width:100%; top:187%; padding:0px; font-size:18px;font-family:Titillium Web;font-weight:400; background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:54% 0px;} } @media (min-width: 900px) and (max-width:1123px){ #mainimg {position:relative; width:100%; height:847px; max-height:847px; margin:0 auto; z-index:1; border:0px solid #f00;} /** #mainimg .mvimg .m_box {position:absolute; margin-top:0px; top:11%; left:0px; width:100%; height:78%; border:0px solid #00f;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box li{margin-top:1.3%;font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box li span{font-size:30px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .f72{font-size:48px;} #mainimg .mvimg .m_box .f72 strong{font-family:'ntk'; font-weight:700;} #mainimg .mvimg .m_box .f18{font-size:18px;font-family:Titillium Web;font-weight:400;background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:51% 0px;} **/ #mainimg .mvimg .m_box {position:relative; margin:0 auto; top:12%; width:33%; height:76%; background:url() no-repeat 51% 0px; background-size:auto 100%; border:0px solid #00f;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box .cont-box { position:relative; border:0px solid #f00; background-color:; margin-right:5%; height:96.4%; overflow:hidden;} #mainimg .mvimg .m_box .cont-box ul { position:absolute; width:100%; height:100%; background-color:#fff; top:100%; z-index:1} #mainimg .mvimg .m_box .cont-box ul li {font-size:14px;letter-spacing:-0.5px;font-weight:normal; margin:0px;} #mainimg .mvimg .m_box .cont-box ul .m-icon {position:absolute; width:100%; left:0px; top:106%} #mainimg .mvimg .m_box .cont-box ul .m-title {position:absolute; width:100%; top:123%; padding:0px;} #mainimg .mvimg .m_box .cont-box ul .m-title span{font-size:30px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72{font-size:45px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72 strong{font-family:'ntk';font-weight:700;} #mainimg .mvimg .m_box .cont-box ul .m-desc {position:absolute; width:100%; top:165%; padding:0px; font-size:13px; letter-spacing:-0.18em} #mainimg .mvimg .m_box .cont-box ul .f18 {position:absolute; width:100%; top:187%; padding:0px; font-size:18px;font-family:Titillium Web;font-weight:400; background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:54% 0px;} } @media (min-width: 769px) and (max-width:899px){ #mainimg {position:relative; width:100%; height:847px; max-height:847px; margin:0 auto; z-index:1; border:0px solid #f00;} /** #mainimg .mvimg .m_box {position:absolute; margin-top:0px; top:11%; left:0px; width:100%; height:78%; border:0px solid #00f;text-align:center;overflow:hidden; padding-top:2%} #mainimg .mvimg .m_box li{margin-top:1.5%;font-size:14px;letter-spacing:-0.5px;font-weight:normal;} #mainimg .mvimg .m_box li span{font-size:30px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box li.m-desc {display:none} #mainimg .mvimg .m_box .f72{font-size:48px;} #mainimg .mvimg .m_box .f72 strong{font-family:'ntk'; font-weight:700;} #mainimg .mvimg .m_box .f18{font-size:18px;font-family:Titillium Web;font-weight:400;background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:51% 0px;} **/ #mainimg .mvimg .m_box {position:relative; margin:0 auto; top:9%; width:35%; height:82%; background:url() no-repeat 51% 0px; background-size:auto 100%; border:0px solid #00f;text-align:center;overflow:hidden;} #mainimg .mvimg .m_box .cont-box { position:relative; border:0px solid #f00; background-color:; margin-right:4%; height:96.5%; overflow:hidden;} #mainimg .mvimg .m_box .cont-box ul { position:absolute; width:100%; height:100%; background-color:#fff; top:100%; z-index:1} #mainimg .mvimg .m_box .cont-box ul li {font-size:14px;letter-spacing:-0.5px;font-weight:normal; margin:0px;} #mainimg .mvimg .m_box .cont-box ul .m-icon {position:absolute; width:100%; left:0px; top:106%} #mainimg .mvimg .m_box .cont-box ul .m-icon img {width:25%; max-width:76px} #mainimg .mvimg .m_box .cont-box ul .m-title {position:absolute; width:100%; top:123%; padding:0px;} #mainimg .mvimg .m_box .cont-box ul .m-title span{font-size:28px;line-height:110%;letter-spacing:-4px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72{font-size:42px;} #mainimg .mvimg .m_box .cont-box ul .m-title .f72 strong{font-family:'ntk';font-weight:700;} #mainimg .mvimg .m_box .cont-box ul .m-desc {position:absolute; width:100%; top:165%; padding:0px; font-size:12px; letter-spacing:-0.2em} #mainimg .mvimg .m_box .cont-box ul .f18 {position:absolute; width:100%; top:187%; padding:0px; font-size:18px;font-family:Titillium Web;font-weight:400; background-image:url('/new_2017/img/main/line.gif'); background-repeat:no-repeat; background-position:54% 0px;} }