@charset "euc-kr";

/* main */
.visual-area {position:relative;width:1200px;height:307px;margin:0 auto;padding-top:28px;overflow:hidden;}
.visual-area ul li {display:none;position:absolute;left:0;top:28px;width:100%;}
.visual-area ul .cur {display:block;}
.visual-area .visual-paging {position:absolute;bottom:5px;right:10px;}
.visual-area .visual-paging span {display:inline-block;width:12px;height:12px;margin:0 3px;cursor:pointer;}

.new-project-rolling {width:1200px;padding:22px 0;margin:0 auto;overflow:hidden;}
.new-project-rolling dl dt {float:left;width:130px;font-size:14px;font-weight:bold;color:#25408d;letter-spacing:-0.04em;}
.new-project-rolling dl dt .ico {color:#f05127;}
.new-project-rolling dl dd {float:left;width:1070px;font-size:14px;letter-spacing:-0.04em;}
.new-project-rolling dl dd ul li .project-state {margin-left:10px;padding:5px 10px;background:#333;border-radius:5px;color:#fff;font-size:12px;}

.cont-area {width:100%;overflow:hidden;}
.cont-area .inner .box-area {float:left;width:384px;height:275px;margin:0 12px 20px 12px;overflow:hidden;}
.cont-area .inner .box-area .tit {display:block;letter-spacing:-0.04em;}
.cont-area .inner .box-area .s-tit {font-size:14px;letter-spacing:-0.04em;}

.section1 {padding:40px 0 20px 0;background:#f9f9f9;}
.section1 .inner {width:1224px;margin:0 auto;}

/* ¿Â¶óÀÎas */
.section1 .inner .as-center {width:304px;height:219px;padding:18px 30px;border:10px solid #e86e42;background:#fff;}
.section1 .inner .as-center .tit {width:100%;margin-bottom:8px;font-size:28px;color:#000;font-family:'Nanum Gothic';letter-spacing:-0.08em;}
.section1 .inner .as-center .tit span {color:#ee4013;}
.section1 .inner .as-center .s-tit {padding-bottom:20px;}
.section1 .inner .as-center .txt {height:63px;padding:5px 0 0 130px;margin-bottom:32px;line-height:1.3;background:url(../images/main/as_img.gif) no-repeat left center;font-size:14px;color:#666;}
.section1 .inner .as-center .as-btn {display:block;width:223px;height:36px;margin:0 auto;line-height:36px;background:#ec561f;text-align:center;border-radius:5px;color:#fff;font-size:15px;}

/* °í°´¼¾ÅÍ */
.section1 .inner .cs-center {width:304px;height:219px;padding:18px 30px;border:10px solid #4cd5ae;background:url(../images/main/cs_box_bg.gif) repeat;}
.section1 .inner .cs-center .tit {width:100%;margin-bottom:8px;padding-left:6px;font-size:28px;color:#031440;font-family:'Nanum Gothic';letter-spacing:-0.08em;}
.section1 .inner .cs-center .s-tit {margin-bottom:10px;padding-left:6px;}
.section1 .inner .cs-center .txt-div {padding:0 28px;margin-bottom:20px;}
/*.section1 .inner .cs-center .cs-tel {width:248px;padding:1px 0 3px 0;margin:0 auto 17px auto;background:#25408d;line-height:1;text-align:center;color:#fff;font-family:'Nanum Gothic';font-size:44px;font-weight:bold;}*/
-webkit-.section1 .inner .cs-center .cs-tel {width:248px;padding:1px 0 3px 0;margin:0 auto 17px auto;background:#25408d;line-height:1;text-align:center;color:#fff;font-family:'Nanum Gothic';font-size:44px;font-weight:bold;}
-moz-.section1 .inner .cs-center .cs-tel {width:248px;padding:1px 0 3px 0;margin:0 auto 17px auto;background:#25408d;line-height:1;text-align:center;color:#fff;font-family:'Nanum Gothic';font-size:44px;font-weight:bold;}
-o-.section1 .inner .cs-center .cs-tel {width:248px;padding:1px 0 3px 0;margin:0 auto 17px auto;background:#25408d;line-height:1;text-align:center;color:#fff;font-family:'Nanum Gothic';font-size:44px;font-weight:bold;}
-ms-.section1 .inner .cs-center .cs-tel {width:248px;padding:1px 0 3px 0;margin:0 auto 17px auto;background:#25408d;line-height:1;text-align:center;color:#fff;font-family:'Nanum Gothic';font-size:44px;font-weight:bold;}
-khtml-.section1 .inner .cs-center .cs-tel {width:248px;padding:1px 0 3px 0;margin:0 auto 17px auto;background:#25408d;line-height:1;text-align:center;color:#fff;font-family:'Nanum Gothic';font-size:44px;font-weight:bold;}
.section1 .inner .cs-center .cs-tel {width:248px;padding:1px 0 3px 0;margin:0 auto 17px auto;background:#25408d;line-height:1;text-align:center;color:#fff;font-family:'Nanum Gothic';font-size:44px;font-weight:bold;}



.section1 .inner .cs-center .txt {font-size:14px;letter-spacing:-0.04em}
.section1 .inner .cs-center .txt b {font-size:15px;}
.section1 .inner .cs-center .cs-btn-area {width:100%;font-size:0;text-align:center;}
.section1 .inner .cs-center .cs-btn-area a {display:inline-block;width:131px;height:34px;background:#fff;border:1px solid #999;border-radius:5px;line-height:34px;color:#000;font-size:15px;font-weight:bold;letter-spacing:-0.04em;}
.section1 .inner .cs-center .cs-btn-area .btn1 {margin-right:9px;}

/* °øÁö */
.section1 .inner .notice-box {width:322px;height:223px;background:#fff;padding:25px 30px;border:1px solid #dedede;}
.section1 .inner .notice-box .tit {position:relative;margin-bottom:20px;font-size:18px;}
.section1 .inner .notice-box .tit .more {position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;border:1px solid #b9b9b9;text-align:center;}
.section1 .inner .notice-box .notice-list li {padding-top:10px;letter-spacing:-0.04em;overflow:hidden;}
.section1 .inner .notice-box .notice-list li:first-child {padding-top:0;}
.section1 .inner .notice-box .notice-list li div {float:left;width:290px;font-size:13px;}
.section1 .inner .notice-box .notice-list li div a {display:inline-block;max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#666;}
.section1 .inner .notice-box .notice-list li .notice-date {float:right;display:block;width:75px;font-size:13px;color:#999;}

/* ½Ç½Ã°£ °ßÀûÇöȲ */
.section1 .inner .estimate-box {width:322px;height:223px;background:#fff;padding:25px 30px;border:1px solid #dedede;}
.section1 .inner .estimate-box .tit {position:relative;margin-bottom:20px;font-size:18px;}
.section1 .inner .estimate-box .tit .more {position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;border:1px solid #b9b9b9;text-align:center;}
.section1 .inner .estimate-box .estimate-list li {padding-top:13px;letter-spacing:-0.04em;overflow:hidden;}
.section1 .inner .estimate-box .estimate-list li:first-child {padding-top:0;}
.section1 .inner .estimate-box .estimate-list li .estimate-company {display:block;float:left;width:45%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;}
.section1 .inner .estimate-box .estimate-list li .estimate-name {display:block;float:left;width:20%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;}
.section1 .inner .estimate-box .estimate-list li .estimate-tel-num {float:right;display:block;width:35%;text-align:right;font-size:13px;color:#666;}

/* ½Ç½Ã°£ °è¾à ÇöȲ */
.section1 .inner .contract-box {width:322px;height:223px;background:#fff;padding:25px 30px;border:1px solid #dedede;}
.section1 .inner .contract-box .tit {position:relative;margin-bottom:20px;font-size:18px;}
.section1 .inner .contract-box .tit .more {position:absolute;top:0;right:0;width:20px;height:20px;line-height:20px;border:1px solid #b9b9b9;text-align:center;}
.section1 .inner .contract-box .contract-list li {height:22px;padding-top:2px;letter-spacing:-0.04em;overflow:hidden;}
.section1 .inner .contract-box .contract-list li:first-child {padding-top:0;}
.section1 .inner .contract-box .contract-list li .contract-company {display:block;float:left;width:80%;height:22px;line-height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;}
.section1 .inner .contract-box .contract-list li .contract-state {float:right;display:block;width:20%;padding:4px 0;border-radius:5px;text-align:center;font-size:12px;color:#fff;}
.section1 .inner .contract-box .contract-list li .state-done {background:#cd2f2f}
.section1 .inner .contract-box .contract-list li .state-progress {background:#ec561f}

/* À¯Áöº¸¼ö ÇöȲ */
.section1 .inner .maintenance-box {position:relative;width:322px;height:223px;background:#fff;padding:25px 30px;border:1px solid #dedede;}
.section1 .inner .maintenance-box .maintenance-total {position:absolute;top:18px;right:32px;text-align:right;font-size:14px;letter-spacing:-0.04em;}
.section1 .inner .maintenance-box .maintenance-total b {color:#b01c1b;}
.section1 .inner .maintenance-box .tit {margin-bottom:20px;font-size:18px;}
.section1 .inner .maintenance-box .tit .more {display:inline-block;width:20px;height:20px;margin-left:10px;line-height:20px;border:1px solid #b9b9b9;text-align:center;}
.section1 .inner .maintenance-box .maintenance-list li {padding-top:2px;letter-spacing:-0.04em;overflow:hidden;}
.section1 .inner .maintenance-box .maintenance-list li:first-child {padding-top:0;}
.section1 .inner .maintenance-box .maintenance-list li .maintenance-company {display:block;float:left;width:45%;padding-right:5%;height:22px;line-height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;}
.section1 .inner .maintenance-box .maintenance-list li .maintenance-date {float:left;display:block;width:30%;padding:4px 0;border-radius:5px;text-align:left;font-size:12px;color:#999;}
.section1 .inner .maintenance-box .maintenance-list li .maintenance-state {float:left;display:block;width:20%;padding:4px 0;border-radius:5px;text-align:center;font-size:12px;color:#fff;}
.section1 .inner .maintenance-box .maintenance-list li .state-done {background:#125ebf}
.section1 .inner .maintenance-box .maintenance-list li .state-progress {background:#ec561f}

.section2 {padding:40px 0 40px 0;}
.section2 .inner {width:1232px;margin:0 auto;}

/* ºí·° ¹Ú½º */
.main-block-area {width:100%;margin-bottom:12px;overflow:hidden;}
.main-block-area li {float:left;width:276px;height:58px;padding-top:209px;margin:0 16px 34px 16px;}
.main-block-area li .hide-txt {display:none;}
.main-block-area li .main-block-btn-area {width:100%;text-align:center;font-size:0;}
.main-block-area li .main-block-btn-area a {display:inline-block;width:111px;height:34px;margin:0 5px;line-height:34px;border:1px solid #fff;border-radius:5px;color:#fff;font-size:14px;font-weight:bold;letter-spacing:-0.04em;}
.main-block-area .homepage-block {background:url(../images/main/homepage_block_img.gif) no-repeat left top;}
.main-block-area .mobile-block {background:url(../images/main/mobile_block_img.gif) no-repeat left top;}
.main-block-area .android-block {background:url(../images/main/android_block_img.gif) no-repeat left top;}
.main-block-area .iphone-block {background:url(../images/main/iphone_block_img.gif) no-repeat left top;}
.main-block-area .responsive-block {background:url(../images/main/responsive_block_img.gif) no-repeat left top;}
.main-block-area .mall-block {background:url(../images/main/mall_block_img.gif) no-repeat left top;}
.main-block-area .lecture-block {background:url(../images/main/lecture_block_img.gif) no-repeat left top;}
.main-block-area .maintenance-block {background:url(../images/main/maintenance_block_img.gif) no-repeat left top;}

.develop-area {padding:0 16px;}
.develop-area .develop-txt {padding-top:40px;text-align:center;font-size:15px;}

.section3 {padding:30px 0 30px 0;margin-bottom:30px;background:#f8f8f8;}
.section3 .inner {width:1200px;margin:0 auto;}

.section3 .inner h2 {position:relative;margin-bottom:20px;text-align:center;font-family:'Nanum Gothic';font-size:37px;}
.section3 .inner h2 .more-bt {position:absolute;top:50%;left:60%;width:20px;height:20px;margin-top:-10px;line-height:20px;background:#fff;border:1px solid #b9b9b9;text-align:center;font-size:16px;}
.section3 .inner .h-s-tit {margin-bottom:35px;text-align:center;font-size:16px;}
.section3 .portfolio-tab {width:100%;height:48px;margin-bottom:48px;}
.section3 .portfolio-tab ul {width:300px;margin:0 auto;overflow:hidden;}
.section3 .portfolio-tab ul li {float:left;margin-left:13px;}
.section3 .portfolio-tab ul li:first-child {margin-left:0;}
.section3 .portfolio-tab ul li a {display:block;width:141px;height:44px;border:1px solid #afafaf;border-radius:5px;background:#fff;text-align:center;line-height:46px;font-size:16px;}
.section3 .portfolio-tab ul li .show-list {width:143px;height:46px;background:#25408d;color:#fff;border:0;}
.portfolio-list {width:1221px;overflow:hidden;}
.portfolio-list li {float:left;width:386px;margin:0 21px 20px 0;}
.portfolio-list li .thumb {width:384px;height:251px;border:1px solid #e8e6e6;}
.portfolio-list li .portfolio-site-name {display:block;height:40px;padding-top:24px;text-align:center;font-size:16px;}


/* sub */
#sCon {max-width:886px; min-height:1300px; margin:0 auto; overflow:hidden;}

.box_style03 {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #444;
}


/* snb */
#snb {position:absolute;left:0;top:0;bottom:0;width:205px;background:url(../images/sub/snb_bg.gif) repeat;}
#snb h2 {width:100%;height:83px;padding-top:32px;background:#45a0b5;text-align:center;color:#fff;font-family:'Nanum Gothic';font-size:29px;letter-spacing:-0.08em;}
#snb h2 span {display:block;padding-top:7px;font-size:14px;color:#86cad9;font-family:'Nanum Gothic';letter-spacing:-0.04em;}
#snb ul li {}
#snb ul li a {display:block;padding:14px 0 14px 28px;background:url(../images/sub/snb_menu_bg.gif) repeat;color:#fff;font-size:15px;border-bottom:1px solid #a4a5a7;}
#snb ul li.on a, #snb ul li a:hover {background:#333;border-bottom-color:#606164;}

#snb .sub-counsel-quick {width:167px;height:288px;padding:0 19px;background:url(../images/sub/sub_quick_counsel_bg.gif) no-repeat left top;}
#snb .sub-counsel-quick .sub-counsel-tit {display:block;padding:18px 0;color:#fff;font-size:17px;font-weight:normal;}
#snb .sub-counsel-quick .sub-counsel-form {width:167px;}
#snb .sub-counsel-quick .sub-counsel-form ul li label {position:absolute;top:0;left:10px;}

/* ½ºÆè¹æÁöÄÚµå Ãß°¡ 20160816 ·Î °£°Ý º¯°æ < */
/* #snb .sub-counsel-quick .sub-counsel-form ul li {position:relative;height:32px;line-height:32px;margin-bottom:10px;font-size:13px;}
#snb .sub-counsel-quick .sub-counsel-form ul li input[type=text] {width:155px;height:30px;padding:0 5px;line-height:30px;border:1px solid #ccc;} */
#snb .sub-counsel-quick .sub-counsel-form ul li {position:relative;height:30px;line-height:30px;margin-bottom:3px;font-size:13px;}
#snb .sub-counsel-quick .sub-counsel-form ul li input[type=text] {width:155px;height:28px;padding:0 5px;line-height:30px;border:1px solid #ccc;}
#snb .sub-counsel-quick .sub-counsel-form ul li img {vertical-align:middle;}
#snb .sub-counsel-quick .sub-counsel-form ul li #zsfCode2 {width:88px;}
/* ½ºÆè¹æÁöÄÚµå Ãß°¡ 20160816 ·Î °£°Ý º¯°æ > */
#snb .sub-counsel-quick .sub-counsel-form .agreed-private {padding-top:3px;}
#snb .sub-counsel-quick .sub-counsel-form .agreed-private input[type=checkbox] {margin-top:3px;vertical-align:top;}
#snb .sub-counsel-quick .sub-counsel-form .agreed-private label {display:inline-block;padding-left:20px;margin-left:-15px;line-height:1.5;color:#999;}
#snb .sub-counsel-quick .sub-counsel-form .sub-counsel-quick-btn {padding-top:10px;text-align:center;}
#snb .sub-counsel-quick .sub-counsel-form .sub-counsel-quick-btn button {width:104px;height:40px;background:#009999;color:#fff;font-size:15px;font-weight:bold;}


.contents {max-width:886px;}
/* .sub-section {padding-top:30px;} */
.sub-section h4 {margin-bottom:15px;color:#06a8f3;font-size:24px;}
.sub-section .txt-style1 {margin-bottom:25px;line-height:1.5;color:#666;font-size:13px;letter-spacing:-0.08em;}
.sub-section .s-tit {display:block;margin-bottom:10px;font-size:15px;}
.sub-section .dl-style1 {width:100%;margin-bottom:10px;}
.sub-section .dl-style1 dt {padding-bottom:10px;font-size:15px;font-weight:bold;}
.sub-section .dl-style1 dd {padding-bottom:15px;line-height:1.5;color:#666;font-size:13px;letter-spacing:-0.08em;}
.ready-page {width:100%;padding-top:200px;text-align:center;}

.sub-cont-top {position:relative;width:100%;height:79px;padding-top:37px;}
.sub-cont-top h3 {color:#000;font-size:35px;letter-spacing:-0.08em;}
.sub-cont-top h3 span {display:inline-block;padding-left:25px;color:#d4d4d4;}
.sub-cont-top .location-page {position:absolute;top:48px;right:0;}
.sub-cont-top .location-page span {display:inline-block;padding:0 12px 0 6px;background:url(../images/sub/location_arrow.png) no-repeat right center;color:#999;font-size:13px;}
.sub-cont-top .location-page .loc2 {padding-right:0;background:none;}
.sub-cont-top .location-page span img {margin-right:5px;vertical-align:middle;}

.sub-section .img-tit {margin-bottom:20px;}

.sub-section .txt_list { width:100%; overflow:hidden;}

.sub-section .member_wrap {width:100%;margin-bottom:30px;  overflow:hidden; }
.sub-section .member_wrap .join {width:100%; overflow:hidden;}
.sub-section .member_wrap .join h4{position:relative;text-align: center; font-size: 30px; padding: 50px 0; margin-top:30px; font-weight:bold; color:#333;letter-spacing:-0.055em; }
.sub-section .member_wrap .join h4::after{content: "";
    width: 30px;
    height: 3px;
    background-color: #413e66;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);

}
.sub-section .member_wrap .join table {width:100%; box-sizing: border-box;
    /* border: 1px solid #efefef; */
	border:none;
}
.sub-section .member_wrap .join table caption {display:none;}
.sub-section .member_wrap .join table th { line-height:40px; height:40px; font-size:12px; font-weight:bold; color:#111;  border-bottom:1px dotted #bbb;}
.sub-section .member_wrap .join table tbody th { padding-left: 15px;
line-height:40px; height:40px; font-size:14px; color:#4b4b4b; font-weight:bold;  border-bottom:1px dotted #bbb; background-color:#f6f5f4; }
.sub-section .member_wrap .join table td {line-height:160%; padding:10px 15px; font-size:14px; color:#444; background-color:#fff; border-bottom:1px dotted #bbb; }
.sub-section .member_wrap .join table td input[type="text"] {border: 1px solid #d5d5d5;
    height: 44px;
    /* background-color: #f8f8f8; */
    vertical-align: middle;
    /* border: none; */
    border-radius: 5px;}

.sub-section .member_wrap .join table td input[type="file"] {width: 100%;
    padding: 10px; border: 1px solid #d5d5d5;
    vertical-align: middle; border-radius: 5px; cursor:pointer;
}
.sub-section .member_wrap .join table td input[type="file"]:hover{
background-color:#f8f8f8;}

.sub-section .member_wrap .join table td img { vertical-align:middle;}
.sub-section .member_wrap .join table td select {margin-left:5px; height:40px; line-height:180%; vertical-align: middle; border:1px solid #d5d5d5; padding: 0 5px;}
.sub-section .member_wrap .join table td .post-num {padding:5px 10px;background:#06a8f3;color:#fff;vertical-align:middle;}
.sub-section .member_wrap .join .bd_n {border-style:none; background-color:#fff}
.sub-section .member_wrap .join table td ul {}
.sub-section .member_wrap .join table td ul li {float:left; width:160px; padding:3px 0;}
.sub-section .member_wrap .join table .txt-center {text-align:center;}


.sub-section .pt_search {width:834px; padding:18px 25px 18px 25px; overflow:hidden; border-style:solid ; border-width:1px; border-color:#25408e;}
.sub-section .pt_search .tit {width:100%;}
.sub-section .pt_search .box {float:left;padding:15px 60px 0 0;}
.sub-section .pt_search .box input {margin:0 15px 0 0;}
.sub-section .pt_search .btn {float:right; padding:12px 0 0 0;}

.sub-portfolio-list {width:912px;padding-top:20px;overflow:hidden;}
.sub-portfolio-list li {float:left;width:278px;margin:0 26px 20px 0;}
.sub-portfolio-list li .thumb {width:278px;height:182px;border:1px solid #e8e6e6;}
.sub-portfolio-list li .portfolio-site-name {display:block;height:40px;padding-top:24px;text-align:center;font-size:16px;}
.mobile-list li .thumb {width:278px;height:340px;border:1px solid #e8e6e6;}

/* ÀÚÁÖ¹¯´ÂÁú¹® */
.answer-list {width:100%;padding-top:20px;}
.answer-list dl dt {padding:10px 0;border-bottom:1px solid #ccc;color:#06a8f3;font-size:15px;font-weight:bold;cursor:pointer;}
.answer-list dl dd {display:none;padding:10px 15px;margin-top:10px;background:#f5f5f5;line-height:1.5;font-size:13px;}


.trans_tit {display: block;  margin-top: 5px;  font-weight:bold; font-size: 14px;}