@charset "utf-8";

::selection { background:#ade5ff; color:#fff }

.pcView {display:block;}
.mobView {display:none;}

.mb80 {margin-bottom:80px!important;}
.mb100 {margin-bottom:100px!important;}
.mr183 {margin-right:183px!important;}
.pb85 {padding-bottom:85px!important;}
.after:after{display:block; clear:both; content:""}
.posa{position:absolute}

/*===================== 서브 비주얼 영역 스타일 =====================*/
.subVisual_wp {max-width:100%; margin:82px 5% 0 0;}
.subVisual_wp.serviceVisual_wp {margin:82px 5% 0;}
.subMidBg_wp {max-width:100%; margin:0 5%;}

#sub_visual {/*position:relative;*/ overflow:hidden; z-index:10}
#sub_visual > ul {position:relative; height:688px; overflow:hidden;}
#sub_visual > ul > li {position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; background-size:cover !important}
#sub_visual > ul > li.img1 {background:url(../img/sub_visual1.jpg) center top no-repeat}
#sub_visual > ul > li.img2 {background:url(../img/sub_visual2.jpg) center top no-repeat}
#sub_visual > ul > li.img3 {background:url(../img/sub_visual5.jpg) center top no-repeat}
#sub_visual > ul > li.img4 {background:url(../img/sub_visual6.jpg) center top no-repeat}

#sub_visual .title {position:absolute; top:0; left:0; width:100%; padding-top:230px; z-index:30}
#sub_visual .title .inner {max-width:1600px; width:100%; margin:0 auto; height:100%; text-align:center;}
#sub_visual .title .inner h2 {display:block; max-width:695px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-size:41px; font-weight:100; line-height:1.5; color:#fff; word-break:keep-all; word-wrap:break-word; text-align:left; margin:0 auto;}
#sub_visual .title .inner h3 {display:block; max-width:540px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-size:15px; font-weight:300; line-height:30px; color:#fff; word-break:keep-all; word-wrap:break-word; text-align:left; margin:35px auto 0;}

/*=============== 서브 비주얼 공통 하단부분의 화살표 스타일  =====================*/
#sub_visual .title span.visualBtn {max-width:1600px; width:100%; margin:60px auto 0; height:100%; text-align:center; padding:0 7% 0 5%; display:block;}
#sub_visual .title span.visualBtn a {display:inline-block; border:1px solid #fafafa; padding:15.5px 12px; box-sizing:border-box;  border-radius:50%;}
#sub_visual .title span.visualBtn a .btnOn {display:none;}
#sub_visual .title span.visualBtn a:hover {background:#fafafa}
#sub_visual .title span.visualBtn a:hover .btnOn {display:inline-block;}
#sub_visual .title span.visualBtn a:hover .btnOff {display:none;}

/*===================== 컨텐츠 영역 레이아웃 스타일 =====================*/
#container {text-align:center;}
#container:after {content:''; display:block; clear:both;}
#container .inner {position:relative; display:inline-block; max-width:1600px; width:100%; height:100%; margin:0 auto; padding:85px 50px 0}
.visualInner {padding:0 7% 0 5%;}

/*===================== 컨텐츠 내부 공통 스타일 =====================*/
#container .inner img.img_tab, #container > .inner img.img_mob {display:none !important}
#container .inner .title {margin:0 0 3px 50px; display:inline-block; float:left;}
#container .inner .title h2 {font-size:37px; font-weight:900; color:#242424; line-height:1.2; font-family:'Montserrat', sans-serif;}
#container .inner .title.backgroundTitle h2 {font-size:16vw; font-weight:900; line-height:1.2; font-family:'Montserrat', sans-serif;}
#container .inner .sub_tit_wp {max-width:720px; margin:20px auto;}
#container .inner h3.sub_tit {font-size:22.5px; font-weight:100; line-height:37px; color:#272727; margin-bottom:85px; word-break:keep-all; word-wrap:break-word;}
#container .inner h3.sub_tit_en {display:inline-block; position:relative; font-family:'Montserrat', sans-serif; font-size:45px; font-weight:400; color:#1b1b1b; line-height:1.2; margin:0 0 50px;}
#container .inner .subCont_txt {font-size:15px; line-height:30px; color:#7a7a7a; word-break:keep-all; word-wrap:break-word; }

/*===================== a링크버튼 선 애니메이션 스타일 =====================*/
a > .linkLeftBar {left:0; bottom:0; width:2px; height:100%; background:rgba(255,255,255,0.4);; animation:linkLeftBarAnimation 4s infinite; -webkit-animation:linkLeftBarAnimation 4s infinite; -moz-animation:linkLeftBarAnimation 4s infinite;}
a > .linkTopBar {left:0; top:0; width:100%; height:2px; background:rgba(255,255,255,0.4);; animation:linkTopBarAnimation 4s infinite; -webkit-animation:linkTopBarAnimation 4s infinite; -moz-animation:linkTopBarAnimation 4s infinite;}
a > .linkRightBar {right:0; top:0; width:2px; height:100%; background:rgba(255,255,255,0.4);; animation:linkRightBarAnimation 4s infinite; -webkit-animation:linkRightBarAnimation 4s infinite; -moz-animation:linkRightBarAnimation 4s infinite;}
a > .linkBottomBar {right:0; bottom:0; width:100%; height:2px; background:rgba(255,255,255,0.4);; animation:linkBottomBarAnimation 4s infinite; -webkit-animation:linkBottomBarAnimation 4s infinite; -moz-animation:linkBottomBarAnimation 4s infinite;}
@keyframes linkLeftBarAnimation {0% {height:0%;}25%, 100% {height:100%;}}
@-webkit-keyframes linkLeftBarAnimation {0% {height:0%;}25%, 100% {height:100%;}}
@-moz-keyframes linkLeftBarAnimation {0% {height:0%;}25%, 100% {height:100%;}}
@keyframes linkTopBarAnimation {0%, 25% {width:0%;}50%, 100% {width:100%;}}
@-webkit-keyframes linkTopBarAnimation {0%, 25% {width:0%;}50%, 100% {width:100%;}}
@-moz-keyframes linkTopBarAnimation {0%, 25% {width:0%;}50%, 100% {width:100%;}}
@keyframes linkRightBarAnimation {0%, 50% {height:0%;}75%, 100% {height:100%;}}
@-webkit-keyframes linkRightBarAnimation {0%, 50% {height:0%;}75%, 100% {height:100%;}}
@-moz-keyframes linkRightBarAnimation {0%, 50% {height:0%;}75%, 100% {height:100%;}}
@keyframes linkBottomBarAnimation {0%, 75% {width:0%;}100% {width:100%;}}
@-webkit-keyframes linkBottomBarAnimation {0%, 75% {width:0%;}100% {width:100%;}}
@-moz-keyframes linkBottomBarAnimation {0%, 75% {width:0%;}100% {width:100%;}}

/*===================== 서브 견적 박스 스타일 - 가로형 스타일 =====================*/
#estimate_section {position:absolute; opacity:1; transition:all .4s ease; bottom:13.3%; left:0; z-index:910; }
#estimate_wp { position:fixed; background:#fff; width:100%; height:140px; border-top:1px solid #f8f8fa;}
#estimate_wp .estimate_box {width:100%; height:100%; text-align:center;}
#estimate_wp .estimate_box:after {content:''; clear:both; display:block;}
#estimate_wp .estimate_box .estimate_content {display:block; height:100%;}
#estimate_wp .estimate_box .estimate_content .fl {display:inline-block; margin:10px 0 0 0;}
#estimate_wp .estimate_box .estimate_content .fr {display:inline-block; width:715px; vertical-align:top;}
#estimate_wp .estimate_box .estimate_content .estimate_login_box {display:inline-block; margin:2% 0 0 0;}
#estimate_wp .estimate_box .estimate_content .estimate_login_box:after {content:''; clear:both; display:block;}

#estimate_wp .estimate_box .estimate_content .estimate_login_box .linkBox a {display:inline-block; padding:10px 50px; margin:3px 0; border-radius:5px; width:100%; background:#2a2a2a; color:#fff; border:0; outline:none; font-size:12px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; }

#estimate_wp .estimate_box .estimate_content .estimate_login_box .linkBox a span {display:none;}


#estimate_wp .estimate_box .estimate_content .estimate_btn {display:inline-block; width:400px; vertical-align:top; margin:4% 0 0 0; padding:0 0 0 5%;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul {width:100%; margin:0 auto;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul.mainVisual_icon {display:none;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul.subPage_icon {display:block;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul li {float:left; width:25%; text-align:center; }
#estimate_wp .estimate_box .estimate_content .estimate_btn ul li a {display:inline-block;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul li a p {margin:12px 0 0 0; color:#565656; font-size:11px; font-family:돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box {width:100%; display:inline-block; margin:0.5% 0 0 6%; }
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formInfo {float:left; width:505px;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formInfo .agreeBtn {text-align:left; margin:0 0 0 4px; }
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formInfo .agreeBtn input#estimateChkBox {vertical-align:middle; height:inherit; width:inherit; background:none; border-radius:0; padding:0; border:none;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input.estimate_form {width:48%; height:39px; float:left; margin:5px 4px; padding:0 0 0 3%; display:block; border-radius:5px; background:#f7f9fb; border:1px solid #e5e7f2; color:#555; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-size:13px; outline:none; }
#estimate_wp .estimate_box .estimate_content .estimate_form_box input::-webkit-input-placeholder {color:#555; opacity:1;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input:-moz-placeholder {color:#555; opacity:1;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input::-moz-placeholder {color:#555; opacity:1;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input:-ms-input-placeholder {color:#555; opacity:1;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input::placeholder {color:#555; opacity:1;}

/*=============== 견적문의 버튼 색깔 바꿈 23.02.13 11 =====================*/
/* #estimate_wp .estimate_box .estimate_content .estimate_form_box .formBtn {background:#2a2a2a; border-radius:5px; line-height:89px; text-align:center; height:89px; width:207px; display:inline-block; margin:4px 0 0; } */
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formBtn {background:#e34440; border-radius:5px; line-height:89px; text-align:center; height:89px; width:207px; display:inline-block; margin:4px 0 0; }
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formBtn .button {font-size:19px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; background:transparent; border:0; color:#fff; outline:none; cursor:pointer;}

/*=============== ABOUT - 서브 비주얼 애니메이션효과 스타일  =====================*/
#sub_visual.aboutVisual_wp > ul {position:relative; height:688px; overflow:hidden; left:-100%; transition:all 0.5s; transition-delay:0.3s;}
#sub_visual.aboutVisual_wp > ul.animationOn {left:0%;}
#sub_visual.aboutVisual_wp > ul > li.animationLayer {background:#2a2a2a; z-index:10; left:0; transition:all 0.5s; transition-delay:0.9s; }
#sub_visual.aboutVisual_wp > ul.animationOn > li.animationLayer {left:100%;}
#sub_visual.aboutVisual_wp .title {transform:translateY(30px); opacity:0; transition:all 1s; transition-delay:1.4s;}
#sub_visual.aboutVisual_wp .title.txtAnimationOn {transform:translateY(0px); opacity:1; }

/*===================== ABOUT - ABOUT SECTION 스타일 =====================*/
.greetingwrap103 {padding:0 103px;}
.greeting {display:inline-block; float:left; max-width:1061px; width:100%; text-align:center; margin:15px 0 0;}
.greeting .subCont_txt {margin-top:80px;}
#container .greeting h3.sub_tit_en {margin:50px 0 60px;}
.greeting .counterSection_wp {border-bottom:1px solid #e4e4e4; padding:30px 0 72px 0; }
.greeting .counterSection_wp .CounterSection {}
.greeting .counterSection_wp .CounterSection .innerCounter {width:25%; float:left; }
.greeting .counterSection_wp .CounterSection .innerCounter .counterIcon_img {}
.greeting .counterSection_wp .counterIcon_img img {display:inline-block; max-width:54px; width:100%;}
.greeting .counterSection_wp .counterNumber_wp{ margin: 15px auto 10px; }
.greeting .counterSection_wp .counterNumber_wp .aboutCounterNum {color:#242424; font-family:'Montserrat'; font-size:50px; font-weight:bold;}
.greeting .counterSection_wp .counterNumber_wp .backTxt {color:#242424; font-size:20px; font-weight:bold;}
.greeting .counterSection_wp .countTitle {color:#616161; font-size:15.5px; font-weight:500;}
.greeting .circleArea_wp {max-width:870px; width:100%; text-align:justify; margin:0 auto 0; }
.greeting .circleArea_wp:after {display:inline-block; width:100%; content:''}
.greeting .circleArea_wp .circleBg {position:relative; display:inline-block; width:20%; text-align:center; height:174px; padding:55px 0; border-radius:50%;}
.greeting .circleArea_wp .circleBg:nth-child(2):before,
.greeting .circleArea_wp .circleBg:nth-child(3):before,
.greeting .circleArea_wp .circleBg:nth-child(4):before {position:absolute; top:50%; left:-45px; height:1px; width:34px; background:#aee1fb; content:'';}
.greeting .circleArea_wp .circleBg.blueCircleBg {background:#66b1d8;}
.greeting .circleArea_wp .circleBg.blackCircleBg {background:#313131;}
.greeting .circleArea_wp .circleBg p {line-height:1.5}
.greeting .circleArea_wp .circleBg p.circleTxt_ko {color:#fff; font-size:19px; }
.greeting .circleArea_wp .circleBg p.circleTxt_en {color:#fff; font-size:16px; font-family:'Titillium Web', sans-serif; font-weight:300; }

/*===================== ABOUT - PROCESS SECTION 스타일 =====================*/
.processSection_wp {position:relative; overflow:hidden; margin:120px 5% 0; background:#242424;}
.processSection_wp .title h2 {color:#424242!important; line-height:1!important; position:absolute; top:20%; left:12%;}

/* PROCESS SECTION 타이틀애니메이션 스타일 */
.processSection_wp .inner .title h2 {opacity:0; -webkit-transform:translateX(400px); transform:translateX(400px); -webkit-animation-duration:1s; animation-duration:1s; animation-delay:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
.processSection_wp.animated .inner .title h2 {-webkit-animation-name:processTitleAnimation; animation-name:processTitleAnimation;}
@-webkit-keyframes processTitleAnimation{
    0%{opacity:0; -webkit-transform:translateX(400px);}
    60%{-webkit-transform:translateX(-30px);}
    80%{-webkit-transform:translateX(10px);}
    100%{opacity:1; -webkit-transform:translateX(0px);}
}
@keyframes processTitleAnimation{
    0%{opacity:0; transform:translateX(400px);}
    60%{transform:translateX(-30px);}
    80%{transform:translateX(10px);}
    100%{opacity:1; transform:translateX(0px);}
}

.processSection_wp .processCont_wp {max-width:1340px; width:100%; margin:0 auto; padding:90px 0; position:relative; z-index:1;}
.processSection_wp .processCont_wp .processCont {display:inline-block; width:33%; padding:0 70px 0 0; vertical-align:top; text-align:left;}
.processSection_wp .processCont_wp .processCont p.stepNum {font-size:16px; color:#feffff; font-weight:400; font-family:'Titillium Web', sans-serif; margin:0 0 22px;line-height:1!important;}
.processSection_wp .processCont_wp .processCont p.stepTitle_txt {font-size:22px; color:#e5e5e5; font-weight:bold; margin-bottom:20px; line-height:1!important;}
.processSection_wp .processCont_wp .processCont p.stepCont_txt {font-size:14px; color:#d7d7d7; line-height:26px; word-break:keep-all; word-wrap:break-word; line-height:26px!important;}

/*===================== ABOUT - BUSINESS SECTION 스타일 =====================*/
.businessSection_wp {clear:both; margin:0 5%; background:#f4f4f4;}
.businessSection_wp > .inner {padding:85px 0 0 50px!important;}
.businessSection_wp .businessContents {}
.businessSection_wp .businessContents h3 {text-align:center;}
.businessSection_wp .businessCont_wp {max-width:1140px; width:100%; text-align:justify; float:right; margin:0 0 70px 0; padding:0 0 0 10px;}
.businessSection_wp .businessCont_wp:after {display:inline-block; width:100%; content:''}
.businessSection_wp .businessCont_wp .businessCont {display:inline-block; width:24%; vertical-align:top;}
.businessSection_wp .businessCont_wp .businessCont .iconImg img {max-width:100%; width:auto;}
.businessSection_wp .businessCont_wp .businessCont .iconTitle_txt { font-size:15.5px; font-weight:600; color:#1b1b1b; line-height:25px; margin:15px 0; word-break:keep-all; word-wrap:break-word;}
.businessSection_wp .businessCont_wp .businessCont .iconContList_txt {text-align:left;}
.businessSection_wp .businessCont_wp .businessCont .iconContList_txt ul li {font-size:15px; line-height:25px; color:#676767; font-weight:100;}

/*===================== ABOUT - MAP SECTION 스타일 =====================*/
.mapSection_wp {padding:0 !important; margin:0 5%;}
.mapSection_wp .mapArea {position:relative;  float:left; width:50%; height:900px !important}
.mapSection_wp .mapArea img {display:block; width:100%}
.mapSection_wp .contactArea {text-align:left; float:left; width:100%; max-width:740px; padding:80px}
.mapSection_wp .contactArea h2 {font-size:37px; font-weight:900; color:#242424; line-height:1.2; font-family:'Montserrat', sans-serif;}
.mapSection_wp .contactArea h4 {font-size:18px; font-weight:normal; color:#454545; margin-bottom:20px}
.mapSection_wp .contactArea ul li {position:relative; font-size:14px; line-height:1.75; color:#555; padding:15px 0 15px 40px}
.mapSection_wp .contactArea ul li:before {position:absolute; left:0; font-family:'FontAwesome'; font-size:18px; vertical-align:-1px}
.mapSection_wp .contactArea ul li.item1:before {content:'\f041'}
.mapSection_wp .contactArea ul li.item2:before {content:'\f0e0'}
.mapSection_wp .contactArea ul li.item3:before {content:'\f095'}
.mapSection_wp .contactArea fieldset {margin-top:40px; padding-top:40px; border-top:1px solid #e8e8e8}
.mapSection_wp .contactArea .inputWrapper {max-height:60px; text-align:justify; margin-bottom:10px}
.mapSection_wp .contactArea .inputWrapper:after {display:inline-block; width:100%; content:''; height:0}
.mapSection_wp .contactArea .inputWrapper input {display:inline-block; width:49%; height:60px; font-size:14px; text-indent:20px; border:none; border-radius:4px; background:#f0f0f0}
.mapSection_wp .contactArea input.ipt {display:inline-block; width:100%; height:60px; font-size:14px; text-indent:20px; border:none; border-radius:4px; background:#f0f0f0}
.mapSection_wp .contactArea textarea {width:100%; min-height:150px; padding:20px; font-size:14px; border:none; border-radius:4px; background:#f0f0f0}
.mapSection_wp .contactArea button {margin-top:30px; padding:12px 35px; font-size:16px; border:2px solid #000; background:transparent; cursor:pointer; transition:all .3s ease}
.mapSection_wp .contactArea button:hover, .section5 .contactArea button:focus, .section5 .contactArea button:active {color:#fff; background:#000}
.mapSection_wp .formmail_btn {text-align:left !important}

/*===================== SERVICE 공통부분 =====================*/
.serviceSection_wp {display:inline-block; float:right;width:100%; text-align:center; margin:15px 0;}
.serviceCont_wp .serviceCont_txt_wp p {word-break:keep-all; word-wrap:break-word;}

.serviceCont_tabSection_wp {display:inline-block; width:100%;}
.serviceCont_tabSection_wp .serviceCont_tab {display:inline-block; width:100%; border:1px solid #242424;}
.serviceCont_tabSection_wp .serviceCont_tab ul {display:inline-block; width:100%; vertical-align:middle;}
.serviceCont_tabSection_wp .serviceCont_tab ul li {width:25%; padding:17px 0; float:left; border-right:1px solid #242424; font-size:15px; color:#171717; text-align:center; font-weight:600; font-family: 'Montserrat', sans-serif; text-transform:uppercase; cursor:pointer; }
.serviceCont_tabSection_wp .serviceCont_tab ul li:last-child {border-right:none;}
.serviceCont_tabSection_wp .serviceCont_tab ul li.tabOn {background:#1a65b6; color:#fff; }
.serviceCont_tabSection_wp .serviceCont_table {display:none; margin:77px 0; padding:0 20px; }
.serviceCont_tabSection_wp .serviceCont_table.projectTableOn,
.serviceCont_tabSection_wp .serviceCont_table.maintenanceTableOn {display:block;}
.serviceCont_tabSection_wp .serviceCont_table .table_wp {background:#fff; padding:40px}
.serviceCont_tabSection_wp .serviceCont_table table {width:100%; border-top:2px solid #111; border-bottom:1px solid #dddbda; border-spacing:0; }
.serviceCont_tabSection_wp .serviceCont_table table tr td.tableTitle {color:#2e3133; font-size:15px; text-align:center; background:#fff; font-weight:500; padding:25px 0; line-height:1; }
.serviceCont_tabSection_wp .serviceCont_table table tr td {padding:35px; font-family:'Noto Sans Kr','Noto Sans Korean', sans-serif; border-bottom: 1px solid #eeeceb; text-align:left; }
.serviceCont_tabSection_wp .serviceCont_table table tr td:first-child {border-left:none; }
.serviceCont_tabSection_wp .serviceCont_table table tr td p {font-size:14px; color:#565656; font-weight:350; text-align:left; font-family:'Noto Sans Kr','Noto Sans Korean', sans-serif; word-break:keep-all; word-wrap:break-word; }
.serviceCont_tabSection_wp .serviceCont_table table tr td p.txtCenter {text-align:center;}
.serviceCont_tabSection_wp .serviceCont_table table tr td p.contentTitle {font-size:15px; color:#111111; font-weight:500; margin:10px 0 20px;}
.serviceCont_tabSection_wp .serviceCont_table table tr td p.contentIndent {padding-left:7px; text-indent:-7px;}
.serviceCont_tabSection_wp p.table_subTxt {text-align:left; font-size:14px; color:#727272; margin:7px 0 0 0; word-break:keep-all; word-wrap:break-word }

/*===================== 상단 VISUAL 3칸 스타일 =====================*/
.subVisual_wp.serviceVisual_wp.serviceThreeVisualBanner_wp {position:relative; height:0; padding-bottom:36.154%;}
.subVisual_wp.serviceVisual_wp.serviceThreeVisualBanner_wp .serviceThreeVisual_wp {position:absolute; top:0; left:0; width:100%; height:100%;}
.sectionVisual {background-size:cover; float:left; position:relative; }
.sectionVisual.leftSectionVisual {background:url(../img/page_service/leftSectionVisualBg_img.jpg) center center no-repeat; width:58%; overflow:hidden; }
.sectionVisual.rightSectionVisual {width:42%;}
.sectionVisual.rightSectionVisual .topSectionVisual {background:url(../img/page_service/topSectionVisualBg_img.jpg) center center no-repeat; overflow:hidden; }
.sectionVisual.rightSectionVisual .bottomSectionVisual {background:url(../img/page_service/bottomSectionVisual.jpg) center center no-repeat; overflow:hidden; }
.sectionVisual .sectionVisual_txt {padding:8% 0 0 7.2%; position:absolute; z-index:2; }
.sectionVisual .sectionVisual_txt .sectionVisual_subTxt {color:#2e2e2e; font-size:14px; font-weight:300; line-height:1!important; font-family:'Montserrat', sans-serif;}
.sectionVisual .sectionVisual_txt .sectionVisual_subTxt.diffFontColor {color:#fff;}
.sectionVisual .sectionVisual_txt .sectionVisual_titleTxt {color:#212121; font-size:58px; font-weight:800; line-height:1!important; font-family:'Montserrat', sans-serif;}
.sectionVisual .sectionVisual_txt .sectionVisual_titleTxt.diffFontStyle {font-size:34px; color:#fff;}
.sectionVisual .sectionVisual_img {position:relative;}
.sectionVisual .sectionVisual_img img {width:100%; vertical-align:middle;}
.sectionVisual .sectionVisual_img.sectionFirstVisual_img {padding:10.49% 0 3% 43.2%; }
.sectionVisual .sectionVisual_img.sectionSecondVisual_img {padding:8.235% 0 0 39.3%;}
.sectionVisual .sectionVisual_img.sectionThirdVisual_img {padding:0 0 0 12.5%;}
.sectionVisual .sectionVisual_img.sectionFirstVisual_img img {max-width:504px;}
.sectionVisual .sectionVisual_img.sectionSecondVisual_img img {max-width:437px;}
.sectionVisual .sectionVisual_img.sectionThirdVisual_img img {max-width:629px;}

/*===================== SERVICE 페이지 - PROJECT SECTION 스타일 =====================*/
#container .inner .sub_tit_wp-project {max-width:720px; margin:0 auto;}
.serviceSection_wp.projectSection_wp {max-width:1126px;}
.serviceCont_wp .serviceCont_txt_wp.projectCont_txt_wp {position:relative; width:100%; text-align:center; height:448px; margin-bottom:130px; background:url(../img/page_service/projectBg_img.jpg) no-repeat center center;}
.serviceCont_wp .serviceCont_txt_wp .leftTop_txt {top:10%; left:-4%; text-align:right; width:375px;}
.serviceCont_wp .serviceCont_txt_wp .leftBottom_txt { bottom:7%; left:-2%; text-align:right; width:350px;}
.serviceCont_wp .serviceCont_txt_wp .rightTop_txt {top:10%; right:12%;text-align:left; width:195px;}
.serviceCont_wp .serviceCont_txt_wp .rightBottom_txt {bottom:7%; right:3%; text-align:left; width:300px;}
.serviceCont_wp .serviceCont_txt_wp .serviceCont_titleTxt {font-size:21px; color:#3a3a3a; font-weight:700; font-family: 'Montserrat', sans-serif; text-transform:uppercase; }
.serviceCont_wp .serviceCont_txt_wp .serviceCont_subTxt {font-size:15px; color:#3b3e40; line-height:27px;}

/*===================== SERVICE 페이지 - Accordion Content 스타일 =====================*/
.projectAccordionContent_wp {margin:0 5%;}
.projectAccordionContent_wp .projectAccordionContent {}
.projectAccordionContent_wp .projectAccordionContent .accordionContent {height:150px; transition:all 0.5s;}
.projectAccordionContent_wp .projectAccordionContent .accordionContent.accordionContentBg_img01 {background:url(../img/page_service/accordionContentBg_img01.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.projectAccordionContent_wp .projectAccordionContent .accordionContent.accordionContentBg_img02 {background:url(../img/page_service/accordionContentBg_img02.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.projectAccordionContent_wp .projectAccordionContent .accordionContent.accordionContentBg_img03 {background:url(../img/page_service/accordionContentBg_img03.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.projectAccordionContent_wp .projectAccordionContent .accordionContent .txt {max-width:1405px; margin:60px auto;}
.projectAccordionContent_wp .projectAccordionContent .accordionContent .txt p {color:#fff; line-height:1.6; word-break:keep-all; word-wrap:break-word;  }
.projectAccordionContent_wp .projectAccordionContent .accordionContent .txt .titleTxt {font-size:25px; margin:0 0 35px 25px; font-family:'Montserrat', sans-serif; font-weight:700; }
.projectAccordionContent_wp .projectAccordionContent .accordionContent .txt .contentTxt {display:none; margin:0 0 0 30px; text-align:left; font-size:16px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-weight:350; }
.projectAccordionContent_wp .projectAccordionContent .accordionContent:hover {height:366px;}
.projectAccordionContent_wp .projectAccordionContent .accordionContent:hover .txt .titleTxt {text-align:left;}
.projectAccordionContent_wp .projectAccordionContent .accordionContent:hover .txt .contentTxt {display:block; }

/*===================== SERVICE 페이지 - PROJECT 탭테이블부분 스타일 =====================*/
.serviceCont_tabSection_wp.projectCont_tabSection_wp {max-width:1356px; float:right;}
.serviceCont_tabSection_wp.projectCont_tabSection_wp .serviceCont_tab {max-width:1126px;}
.serviceCont_tabSection_wp .serviceCont_table.project_table {background:url(../img/page_service/projectTableBg_img.jpg) no-repeat; margin:55px 0 77px; padding:50px 90px;}
.serviceCont_tabSection_wp .serviceCont_table.project_table table tr td {width:19%; padding:15px; vertical-align:top; color:#111; text-align:center; font-size:16px; border-left:none; border-bottom:1px solid #e1e1e1; }
.serviceCont_tabSection_wp .serviceCont_table.project_table table tr td:nth-child(2) {padding:15px 30px;}
.serviceCont_tabSection_wp .serviceCont_table.project_table table tr td:nth-child(4) {width:24%;}
.serviceCont_tabSection_wp #tableProject_tabOn01.serviceCont_table.project_table table tr td:last-child {width:auto;}

/*===================== SERVICE - MAINTENANCE SECTION 스타일 =====================*/
.serviceSection_wp.maintenanceSection_wp {max-width:1133px;}
#container .inner .sub_tit_wp-maintenance {max-width:840px; margin:0 auto 15px!important;}
#container .inner .maintenanceSection_wp .subCont_txt {margin-bottom:60px; font-size:14px;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp {margin-bottom:80px;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp {border-bottom:1px solid #e6e6e6; padding:0 67px 85px;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp ul li.contentsBox_wp {padding:40px 0px 45px; float:left; width:31.3%; margin:10px; border:1px solid #e6e6e6;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp div.maintenanceContImg img {max-width:96px; display:inline-block;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_title_txt {color:#2e3133; font-size:16.5px; line-height:1!important; margin:20px auto; font-weight:600;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_title_txt span{display:inline-block; background:#424242; color:#fff; font-size:12px; line-height:16px; vertical-align:text-top; padding:1%; border-radius:50%; margin-right:10px;  }
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt {color:#5d5d5d; font-size:14px; line-height:27px!important;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding01 {padding:0 90px;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding02 {padding:0 50px;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding03 {padding:0 30px;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding04 {padding:0 80px;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding05 {padding:0 100px;}
.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding06 {padding:0 70px;}

/*===================== SERVICE 페이지 - MAINTENANCE 탭테이블부분 스타일 =====================*/
.serviceCont_tabSection_wp .serviceCont_table.project_table table tr td:last-child {width:20%;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn03 table:nth-child(3),
.serviceCont_tabSection_wp #tableMaintenance_tabOn03 table:nth-child(5) {margin-top:40px;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn03 table:nth-child(2) tr td {width:5%;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn03 table tr td {padding:15px 0; width:7%;}
.serviceCont_tabSection_wp .maintenance_table table tr td {padding:15px 30px; text-align:center; }
.serviceCont_tabSection_wp .serviceCont_table.maintenance_table table tr td.border_botnone {border-bottom:none;}
.serviceCont_tabSection_wp.maintenance_tabSection_wp {max-width:1356px; float:right;}
.serviceCont_tabSection_wp.maintenance_tabSection_wp .serviceCont_tab {max-width:1126px;}
.serviceCont_tabSection_wp .serviceCont_table.maintenance_table {background:url(../img/page_service/maintenanceTableBg_img.jpg) no-repeat; background-size:cover; margin:55px 0 77px; padding:50px 60px;}
.serviceCont_tabSection_wp .serviceCont_table.maintenance_table table tr td {width:19%; padding:15px; vertical-align:middle; color:#111; text-align:center; font-size:16px; border-left:none; border-bottom:1px solid #e1e1e1; }
.serviceCont_tabSection_wp .serviceCont_table.maintenance_table table tr:first-child td {}

.serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td {border-bottom:none;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr:first-child td {border-bottom:1px solid #e1e1e1;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:first-child {width:15%;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:nth-child(2),
.serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:nth-child(3),
.serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:nth-child(4),
.serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:nth-child(5) {width:10%;}

.serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td {border-bottom:none;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr:first-child td {border-bottom:1px solid #e1e1e1;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:first-child {width:15%;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:nth-child(2),
.serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:nth-child(3),
.serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:nth-child(4),
.serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:nth-child(5) {width:10%;}
.serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr:last-child td a,
.serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:last-child a {padding:5px 20px; border-radius:5px; color:#fff; background:#2a2a2a; font-size:14px; font-family:'Noto Sans Korean','Noto Sans KR', sans-serif; }
    


/*===================== SERVICE 페이지 - 유지보수상황실(EPMS) 이미지바 부분 스타일 =====================*/
.epmsSection {padding:0 5%; margin:0 0 100px 0;}
.epmsSection:after {clear:both; display:block; content:'';}
.epmsSection .epmsBg_wp {display:inline-block; position:relative; top:0; left:0; z-index:0; width:100%; height:15vw; min-height:300px; overflow:hidden; background:#000;}
.epmsSection .epmsBg_wp .epmsBg {position:absolute; top:0; left:0; z-index:-1; width:100%; height:200%; background:url(../img/page_service/epmsBarBg_img.jpg); background-size:cover; background-position:center;}
.epmsSection .epmsBg_wp .epmsCont_wp {max-width:1200px; margin:0 auto; height:100%; padding:85px 0;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_text {display:inline-block; float:left;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_text p{text-align:left; margin:35px auto 15px; font-weight:400; color:#fff; font-size:16px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word; line-height:1!important; }
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_text p.title {margin:0; padding:0; font-size:39px; color:#fff; font-weight:500; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; line-height:1!important;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_text p.subTxt {font-weight:500; font-size:13px; margin:0 auto;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_link {display:inline-block; float:right; max-width:228px; width:100%; margin:3% 0 0 0; }
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_link a {display:inline-block; width:100%; padding:5% 0; border:1px solid rgba(255,255,255,0.4); font-weight:300; color:#fff; font-size:14px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_link a img {vertical-align:middle; margin-right:5px; max-width:25px; display:inline-block;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_link a img.btnOn {display:none;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_link a:hover {background:#fff; color:#222;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_link a:hover img.btnOn {display:inline-block;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_link a:hover img.btnOff {display:none;}
.epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_link a span {display:inline-block; vertical-align:middle;}

/*===================== SERVICE 페이지 - HOSTING SECTION 스타일 =====================*/
.serviceSection_wp.hostingSection_wp {max-width:995px;}
#container .inner .sub_tit_wp-hosting {max-width:650px; margin:0 auto 45px!important;}
.serviceCont_wp .hostingContBox_title {color:#242424; font-size:17px; font-weight:500; text-align:left; margin:0 0 20px 10px;}
.serviceCont_wp .hostingContBox_title span {position:relative;}
.serviceCont_wp .hostingContBox_title span:after {position:absolute; bottom:3px; left:0; z-index:-1; background:#86bbf1; width:100%; height:4px; content:'';}
.serviceCont_wp .hostingContBox_wp {background:#f9f9f9; border:1px solid #e6e6e6; padding:7% 0 4% }
.serviceCont_wp .hostingContBox_wp .hostingContBox_inner {max-width:700px; margin:0 auto; }
.serviceCont_wp .hostingContBox_wp .hostingContBox_inner .hostingCont {width:33.33333%; float:left; text-align:center;}
.serviceCont_wp .hostingContBox_wp .hostingContBox_inner .hostingCont .hostingCont_img {}
.serviceCont_wp .hostingContBox_wp .hostingContBox_inner .hostingCont .hostingCont_img img{max-width:82px; display:inline-block;}
.serviceCont_wp .hostingContBox_wp .hostingContBox_inner .hostingCont .hostingCont_txt {font-size:16px; color:#272727; font-weight:400; margin:10.5% 0 0 0; }
.serviceCont_wp .hostingContBox_subTxt {max-width:90%; color:#353535; font-size:15px; font-weight:400; line-height:28px; text-align:left; margin:40px 0 0 15px; word-break:keep-all; word-wrap:break-word; }

/*===================== SERVICE - DOMAIN SECTION 스타일 =====================*/
.serviceSection_wp.domainSection_wp {max-width:1000px;}
#container .inner .sub_tit_wp-domain {max-width:700px; margin:0 auto 45px!important;}
.serviceCont_wp .domainCont_img {position:relative;}
.serviceCont_wp .domainCont_img .domainCont_img img {max-width:100%; width:inherit;}
.serviceCont_wp .domainCont_img form {position:absolute; top:0; left:0; width:100%;}
.serviceCont_wp .domainCont_img form dd input {position:absolute; width:350px; top:15px; left:270px; border:none; color:#0078d7; font-size:12px; font-family:'굴림';}  
.serviceCont_wp .domainCont_img form dd input:focus {outline:none;}
.serviceCont_wp .domainCont_img form dd input::-webkit-input-placeholder {color:#0078d7; opacity:1; font-size:12px; }
.serviceCont_wp .domainCont_img form dd input:-moz-placeholder {color:#0078d7; opacity:1; font-size:12px; }
.serviceCont_wp .domainCont_img form dd input::-moz-placeholder {color:#0078d7; opacity:1; font-size:12px; }
.serviceCont_wp .domainCont_img form dd input:-ms-input-placeholder {color:#0078d7; opacity:1; font-size:12px; }
.serviceCont_wp .domainCont_img form dd input::placeholder {color:#0078d7; opacity:1; font-size:12px; }
.serviceCont_wp .domainCont_img form dt a.domain_btn {position:absolute; right:0; top:7px; padding:15.5px 40px; font-size:15px; color:#fff; background:#454545; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-weight:400; }





.serviceCont_wp .domainCont_btns {max-width:1000px; margin:80px auto 0;}
.serviceCont_wp .domainCont_btns a {color:#0b5d9c; font-size:15px; font-weight:400; display:inline-block; max-width:254px; width:100%; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; box-sizing:border-box; border:1px solid #0e6b96; vertical-align:top; padding:14.5px 0;}
.serviceCont_wp .domainCont_btns a.diffBtn {color:#fefefe; border:1px solid #428eb2; background:#56a5ca; max-width:214px; width:100%; padding:13px 0; }
.serviceCont_wp .domainCont_btns a.diffBtn:hover {color:#0b5d9c; background:#fff;}
.serviceCont_wp .domainCont_btns a.diffBtn .btnOn {display:none;}
.serviceCont_wp .domainCont_btns a.diffBtn:hover .btnOn {display:inline-block;}
.serviceCont_wp .domainCont_btns a.diffBtn:hover .btnOff {display:none;}
.serviceCont_wp .domainCont_btns a img {vertical-align:middle; max-width:25px; display:inline-block; margin-right:10px}

/*===================== SERVICE - HOWTOUSE SECTION 스타일 =====================*/
.howToUseSection {padding:0 5%}
.howToUseSection .howToUseSection_bg {margin:70px auto;}
.howToUseSection .howToUseSection_bg {width:100%; height:100%; background:#242424;}
.howToUseSection .howToUseSection_bg .howToUseCont {float:left;}
.howToUseSection .howToUseSection_bg .howToUseCont.howToUse_leftSection {width:43.8%; height:100%; overflow:hidden;}
.howToUseSection .howToUseSection_bg .howToUseCont.howToUse_leftSection .howToUse_img { width:100%; height:75vh; }
.howToUseSection .howToUseSection_bg .howToUseCont.howToUse_leftSection .howToUse_img img { display:inline-block; vertical-align:middle; width:100%; height:100%;}
.howToUseSection .howToUseSection_bg .howToUseCont.howToUse_rightSection {width: 56.2%; }
.rightSection_wp {max-width:860px; width:100%; margin:60px auto 0;}
.howToUseCont .howToUseTitle_txt span {color:#ffffff; font-size:26px;}
.howToUseCont .howToUseTitle_txt span.leftTitle_txt {font-weight:100;}
.howToUseCont .howToUseTitle_txt span.rightTitle_txt {font-weight:500; border-bottom:1px solid #fff; padding:0 0 5px 0;}
.howToUseCont .circleIcon_wp {margin:37px auto 19px;}
.howToUseCont .circleIcon_wp .circleIcon {width:20%; float:left;}
.howToUseCont .circleIcon_wp .circleIcon .iconImg {display:inline-block; padding:24% 25%; border:2px solid rgba(255,255,255,0.7); border-radius:50%; }
.howToUseCont .circleIcon_wp .circleIcon .iconTxt {width:75%; margin:0 auto;}
.howToUseCont .circleIcon_wp .circleIcon .iconTxt.wd55per {width:55%; margin:0 auto;}
.howToUseCont .circleIcon_wp .circleIcon .iconTxt p {font-size:15px; line-height:23px!important; word-wrap: break-word; word-break:keep-all;}
.howToUseCont .circleIcon_wp .circleIcon .iconTxt .iconNum { color:#feffff; font-family:'Titillium Web'; line-height:3!important; }
.howToUseCont .circleIcon_wp .circleIcon .iconTxt .iconContent {color:#e5e5e5; }
.howToUseCont .circleIcon_wp .circleIcon .iconTxt .iconContent.iconContentUnderline {text-decoration:underline;}
.howToUseCont .boxContent_wp {background:rgba(21,21,21,0.6); padding:4% 10%;}
.howToUseCont .boxContent_wp .boxContent p {font-size:16px; color:#ffffff; font-weight:400; text-align:left; line-height:26px!important; word-wrap:break-word; word-break:keep-all;}
.howToUseCont .boxContent_wp .boxContent p.nameServerTitle {line-height:3!important;}
.howToUseCont .boxContent_wp .boxContent p.nameServerContent {font-size:13px;}
.howToUseCont .boxContent_wp .boxContent p.midTxt {font-size:12.3px; color:rgba(255,255,255,0.6); line-height:24px!important; width:97%; margin:2.2% auto 4.5%;}
.howToUseCont .boxContent_wp .boxContent .nameServerBox {float:left; width:50%;}
.howToUseCont .boxContent_wp .boxContent .nameServerBox p {float:left; width:50%;}

/*===================== lastBarSectionCont 부분 스타일 (projectLastBar + maintenanceLastBar 두곳 css 동일) =====================*/
.lastBarSectionCont {position:relative; z-index:40; max-height:290px;}
.lastBarSectionCont:after {clear:both; display:block; content:'';}
.lastBarSectionCont .lastBar_wp {display:inline-block; position:relative; top:0; left:0; z-index:0; width:100%; height:15vw; min-height:290px; overflow:hidden; background:#313131;}
.lastBarSectionCont.projectLastBar .lastBar_wp .lastBar_cont_bg {position:absolute; top:0; left:0; z-index:-1; width:100%; height:200%; background:#313131 /*url(../img/page_service/projectLastBarBg_img.jpg)*/; background-size:cover; background-position:center;}
.lastBarSectionCont.maintenanceLastBar .lastBar_wp .lastBar_cont_bg {position:absolute; top:0; left:0; z-index:-1; width:100%; height:180%; background:#313131 /*url(../img/page_service/maintenanceLastBarBg_img.jpg)*/; background-size:cover; background-position:center;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp {max-width:1200px; margin:0 auto; height:100%; padding:55px 0;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_text p{margin:30px auto 50px; font-weight:300; color:#fff; font-size:15px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word; line-height:1!important; }
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_text p.title {margin:0; padding:0; font-size:30px; color:#fff; font-weight:900; font-family: 'Montserrat', sans-serif; line-height:1!important;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_link {max-width:550px; margin:0 auto;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_link a {position:relative; display:inline-block; width:46%; padding:3% 0; margin:0 9px; font-weight:300; color:#fff; font-size:16px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_link a img {vertical-align:middle; margin-right:15px; max-width:25px; display:inline-block;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_link a img.btnOn {display:none;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_link a:hover {background:#fff; color:#222;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_link a:hover img.btnOn {display:inline-block;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_link a:hover img.btnOff {display:none;}
.lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_link a > span {position:absolute;}
  
/*===================== WORKS페이지부분 스타일 =====================*/
#sub_visual.worksVisual_wp {position:static; margin:82px 5% 102px; }
#sub_visual #container.worksContainer {position:static; background:url(../img/sub_visual4.jpg) center top no-repeat; background-size:cover; }
#sub_visual #container .worksSection {background:#fff; z-index:5;}
#sub_visual #container .worksSection.inner {padding:0;}
#sub_visual #container .worksSection.inner .title_wp {margin:0; text-align:left; margin:72px 93px 0;}
#sub_visual #container .worksSection.inner .title_wp .topTitle span {max-width:74px; width:0%; background:#3c3c3c; height:1px; display:inline-block; vertical-align:super; margin:0 15px 0 0; transition:all 3s ease;}
#sub_visual #container .worksSection.inner.innerAnimation .title_wp .topTitle span {width:100%;}
#sub_visual #container .worksSection.inner .title_wp .topTitle .topTitle_txt {position:relative; top:15px; display:inline-block; font-size:15px; color:#3e3e3e; opacity:0; transition:all 1s; transition-delay:0.3s; }
#sub_visual #container .worksSection.inner.innerAnimation .title_wp .topTitle .topTitle_txt {top:0; opacity:1;}
#sub_visual #container .worksSection.inner .title_wp h2 {display:inline-block; margin:45px 20px 0 12px; font-size:37px; font-weight:900; color:#242424; line-height:1; font-family:'Montserrat', sans-serif; }
#sub_visual #container .worksSection.inner .title_wp p.subTitle {display:inline-block; font-size:15px; color:#4d4d4d;   }
#sub_visual #container .worksSection.inner .worksCategory_wp {display:inline-block; width:100%; position:relative; margin:37px 0 0 0;}
#sub_visual #container .worksSection.inner .worksCategory_wp .worksCategory {position:absolute; width:100%; top:0; left:0; transition:all .5s ease;}
#sub_visual #container .worksSection.inner .worksCategory_wp .worksCategory .worksCategoryFixed {position:fixed; width:73%; top:82px; left:13.5%; text-align:center; background:#f9f9f9; transition:all .5s ease; padding:1% 0; z-index:100;}
#sub_visual #container .worksSection.inner .worksCategory_wp ul li {display:inline-block;}
#sub_visual #container .worksSection.inner .worksCategory_wp ul li a {font-family:'notokr'; font-size:12px; font-weight:600; margin:0 12px; display:inline-block; color:#717171;; vertical-align:bottom; }
#sub_visual #container .worksSection.inner .worksCategory_wp ul li.categoryOn a, 
#sub_visual #container .worksSection.inner .worksCategory_wp ul li:hover a {color:#ff0000;}
#sub_visual #container .worksSection.inner .worksCategory_wp ul li:after {background:#d0d0d0; height:10px; width:1px; content:''; display:inline-block; }
#sub_visual #container .worksSection.inner .worksCategory_wp ul li:last-child:after {display:none; }
.worksSection .worksCont_wp {display:inline-block; max-width:1280px; width:100%; height:auto; margin:42px auto 56px; padding:42px 0 0;  }
.worksSection .worksCont_wp .worksList { margin:0 auto;}
.worksSection .worksCont_wp .worksList ul {display:inline-block; text-align:justify; width:100%;}
.worksSection .worksCont_wp .worksList ul:after {display:inline-block; width:100%; content:'';}
.worksSection .worksCont_wp .worksList ul li.works {display:inline-block; position:relative; width:25%; text-align:center; margin:0 0 40px; max-height:340px;}
.worksSection .worksCont_wp .worksList ul li.works a {position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:99;}
.worksSection .worksCont_wp .worksList ul li.works .worksImg {max-width:302px; width:100%; max-height:233px; height:100%; display:inline-block; clip-path:inset(0px 0px 0px 0px); transition:all 0.3s; -ms-transition:all 0.3s;}
.worksSection .worksCont_wp .worksList ul li.works .worksImg img {width:100%; height:100%; transform:matrix(1, 0, 0, 1, 0, 0); transition:all 0.3s; -ms-transition:all 0.3s; }
.worksSection .worksCont_wp .worksList ul li.works:hover .worksImg {position:relative; clip-path:inset(22px 18px 22px 18px); transition:all 0.3s; -ms-transition:all 0.3s; }
.worksSection .worksCont_wp .worksList ul li.works:hover .worksImg img {transform:matrix(1.1, 0, 0, 1.1, 0, 0); transition:all 0.3s; -ms-transition:all 0.3s; }
.worksSection .worksCont_wp .worksList ul li.works .worksTxt {position:relative; text-align:left; display:block; margin:20px 0 0 20px;}
.worksSection .worksCont_wp .worksList ul li.works .worksTxt p.subTop_txt {font-size:14px; color:#636363; line-height:1!important; }
.worksSection .worksCont_wp .worksList ul li.works .worksTxt p.title_txt {position:relative; display:inline-block; font-size:20px; color:#333333; font-weight:600; line-height:1!important; margin:10px auto 12px; text-align:left; }
.worksSection .worksCont_wp .worksList ul li.works .worksTxt p.title_txt:after {position:absolute; width:0%; bottom:5px; left:0; height:7px; background:#86bbf1; z-index:-1; content:''; transition:all 0.3s; -ms-transition:all 0.3s;}
.worksSection .worksCont_wp .worksList ul li.works:hover .worksTxt p.title_txt:after {width:100%;}
.worksSection .worksCont_wp .worksList ul li.works .worksTxt p.subBottom_txt {line-height:1!important; font-size:13px; color:#636363; margin:0 0 0 3px;}
.worksSection .worksCont_wp .worksList ul li.works .worksTxt .arrowImg {position:relative; left:70%; bottom:13px;}
.worksSection .worksCont_wp .worksList ul li.works:hover .worksTxt .arrowImg {animation:arrowImgAnimation 1s ease; -webkit-animation:arrowImgAnimation 1s ease; -moz-animation:arrowImgAnimation 1s ease; animation-iteration-count:infinite;}
@keyframes arrowImgAnimation {
	0% { margin:0 0 0 0; }
	50% { margin:0 0 0 10%; }
	100% { margin:0 0 0 0; }
}

/*===================== WORKS페이지 더보기버튼 스타일 =====================*/
.worksSection .worksCont_wp .moreBtn {width:100%; display:inline-block; margin:5% auto 0;}
.worksSection .worksCont_wp .moreBtn a {display:inline-block; width:30%; font-size:16px; background:#222; color:#fff; margin:0 auto; padding:1% 0; border:1px solid #222;}
.worksSection .worksCont_wp .moreBtn a:hover {background:#fff; color:#222; border:1px solid #222;}

/*===================== WORKS페이지 detail 상세보기 스타일 =====================*/
.worksSection .worksCont_wp .view_con {position:relative; padding:0 34% 0 0;}
.worksSection .worksCont_wp .view_con .text_area {width:33%; position:absolute; right:0; top:0;}
.worksSection .worksCont_wp .view_con .text_area .topBtns {position:absolute; display:inline-block; top:0; right:5px;}
.worksSection .worksCont_wp .view_con .text_area .topBtns .backBtn {position:relative; display:block; text-align:right; margin:0 0 5px }
.worksSection .worksCont_wp .view_con .text_area .topBtns .closeBtn {position:relative; display:block; text-align:right;}
.worksSection .worksCont_wp .view_con .text_area .view_summary {margin:30px 25px; padding:0 0 20px; color:#414141; border-bottom:1px solid #d4d4d4; }
.worksSection .worksCont_wp .view_con .text_area .view_summary dt,
.worksSection .worksCont_wp .view_con .text_area .view_overview dt {font-family:'Roboto'; font-size:28px; font-weight:bold; text-align:left; color:#161616; line-height:150%; margin:0 0 15px;}
.worksSection .worksCont_wp .view_con .text_area .view_summary dd,
.worksSection .worksCont_wp .view_con .text_area .view_overview dd {margin:0 0 10px; font-size:1em; font-weight:500; text-align:left; line-height:160%; word-break:keep-all; word-wrap:break-word;}
.worksSection .worksCont_wp .view_con .text_area .view_summary dd:nth-child(4) {margin:0;}
.worksSection .worksCont_wp .view_con .text_area .view_summary dd .potin,
.worksSection .worksCont_wp .view_con .text_area .view_overview dd .potin {color:#e32222; font-weight:500;}
.worksSection .worksCont_wp .view_con .text_area .view_overview {margin:0px 25px; padding:10px 0 0 0;}
.worksSection .worksCont_wp .view_con .text_area .view_overview dt {border-bottom:none; padding:0;}

.worksSection .worksCont_wp .view_con .bottomBtn_wp {width:90%; margin:70px auto 0; display:inline-block;}
.worksSection .worksCont_wp .view_con .bottomBtn_wp .bottomBtn{display:inline-block; width:49%; float:left;}
.worksSection .worksCont_wp .view_con .bottomBtn_wp .bottomBtn a {display:inline-block; border:1px solid #fff; padding:13px 0; width:100%; color:#fff; background:#222; font-family:'Noto Sans Kr', 'Noto Sans Korean', sans-serif; font-weight:400; font-size:13px;}
.worksSection .worksCont_wp .view_con .bottomBtn_wp .prevBtn a span {margin:0 20px 0 0;}
.worksSection .worksCont_wp .view_con .bottomBtn_wp .prevBtn a span img {transform:rotateY(180deg); }
.worksSection .worksCont_wp .view_con .bottomBtn_wp .nextBtn a span {margin:0 0 0 20px;}

.worksSection .worksCont_wp .view_con .img_area {padding:9%; text-align:center; background:#e5e5e5;}
.worksSection .worksCont_wp .view_con .img_area .lanchW {position:relative;}
.worksSection .worksCont_wp .view_con .img_area img {max-width:100%;}
.worksSection .worksCont_wp .view_con .img_area .lanchW .bt_lanch {position:absolute; bottom:135px; left:-20px;}
.worksSection .worksCont_wp .view_con .img_area .lanchW .bt_lanch {bottom:15px;}
.worksSection .worksCont_wp .view_con .imgs li {margin:25px 0 0 0;}
.worksSection .worksCont_wp .view_con .imgs li:first-child {padding:0;}

/*===================== INQUIRE 페이지부분 스타일 =====================*/
#sub_visual.inquireVisual_wp {position:relative; overflow:hidden; z-index:10; margin:82px 5% 102px;}
#sub_visual.inquireVisual_wp ul {max-height:100%; height:1000px}
#sub_visual #container {position:absolute; top:0; left:0; width:100%; height:100%; padding:4.4% 9.4%; }
#sub_visual #container .inquireSection {background:#fff; z-index:5;}
#sub_visual #container .inquireSection.inner {padding:0;}
#sub_visual #container .inquireSection.inner .title_wp {padding-top:0; margin:0; text-align:left; padding:67px 95px 0;}
#sub_visual #container .inquireSection.inner .title_wp h2 {display:inline-block; margin-right:20px; font-size:37px; font-weight:900; color:#242424; line-height:1; font-family:'Montserrat', sans-serif; }
#sub_visual #container .inquireSection.inner .title_wp p.subTitle {display:inline-block; font-size:15px; color:#4d4d4d; word-break:keep-all; word-wrap:break-word;   }
.inquireSection .inquireCont_wp {margin:42px 65px 0;}
.inquireSection .inquireCont_wp .inquireCont {width:33.33333%; float:left; padding:0 25px; }
.inquireSection .inquireCont_wp .inquireCont input:focus {outline:none;}
.inquireSection .inquireCont_wp .inquireCont input::-webkit-input-placeholder {color:#363636; opacity:1;}
.inquireSection .inquireCont_wp .inquireCont input:-moz-placeholder {color:#363636; opacity:1;}
.inquireSection .inquireCont_wp .inquireCont input:-ms-input-placeholder {color:#363636; opacity:1;}
.inquireSection .inquireCont_wp .inquireCont input::placeholder {color:#363636; opacity:1;}
.inquireSection .inquireCont_wp .inquireCont input.inquire_form,
.inquireSection .inquireCont_wp .inquireCont select.inquire_form {width:100%; font-size:13px; font-weight:bold; color:#363636; font-family:'Montserrat', 'Noto Sans Korean', 'Noto Sans KR', sans-serif; margin-top:20px; padding:0 35px; height:60px; border:0; border-bottom:1px solid #ebebeb; outline:none; border-radius:0; -webkit-border-radius:0; }

/* 2018.07.30 새로 추가한 스타일(input에 focus시 애니메이션)111*/
.inquireSection .inquireCont_wp .inquireCont .inquire_form {position:relative; }
.inquireSection .inquireCont_wp .inquireCont .inquire_form label {position:absolute; top:40px; left:35px; font-size:13px; font-weight:bold; color:#363636; font-family:'Montserrat', 'Noto Sans Korean', 'Noto Sans KR', sans-serif; transition: transform 150ms ease-out, font-size 150ms ease-out;}
.inquireSection .inquireCont_wp .inquireCont .inquire_form input,

.inquireSection .inquireCont_wp .inquireCont .inquire_form select {width:100%; font-size:13px; font-weight:bold; color:#363636; font-family:'Montserrat', 'Noto Sans Korean', 'Noto Sans KR', sans-serif; margin-top:20px; padding:0 35px; height:60px; border:0; border-bottom:1px solid #ebebeb; outline:none; border-radius:0; -webkit-border-radius:0; }
.inquireSection .inquireCont_wp .inquireCont .inquire_form select {background:url('../img/page_inquire/inquireFormArrow_img.jpg') 90% 50% no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;   }

.inquireSection .inquireCont_wp .inquireCont .inquire_form .underLine {position:absolute; left:0; bottom:0; width:0%; height:1px; background:#46b7ff; transition:all 0.5s; }
.inquireSection .inquireCont_wp .inquireCont .inquire_form.focused label {transform:translateY(-125%); font-size:.75em;}
.inquireSection .inquireCont_wp .inquireCont .inquire_form.focused .underLine {width:100%;}
/* // 2018.07.30 새로 추가한 스타일(input에 focus시 애니메이션)*/

.inquireSection .inquireCont_wp .inquireCont select.inquire_form {background:url('../img/page_inquire/inquireFormArrow_img.jpg') 90% 50% no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;   }
.inquireSection .inquireCont_wp .inquireCont select::-ms-expand {display:none;}
.inquireSection .inquireCont_wp .inquireCont .inquire_form_file_wp {height:60px; margin:20px 0 0 0; border-bottom:1px solid #ebebeb;}
.inquireSection .inquireCont_wp .inquireCont .inquire_form_file_wp p.inquire_form {display:inline-block; float:left; font-size:13px; font-weight:bold; color:#363636; font-family:'Montserrat', 'Noto Sans Korean', 'Noto Sans KR', sans-serif; margin-top:20px; padding:0 0 0 35px; }
.inquireSection .inquireCont_wp .inquireCont .inquire_form_file_wp input.inquire_form_file {width:70%; display:inline-block; float:right; margin:18px 0 0 0; background:none; border:none;}
.inquireSection .inquireCont_wp .inquireCont textarea:focus {outline:none;}
.inquireSection .inquireCont_wp .inquireCont textarea::-webkit-input-placeholder {color:#363636; opacity:1;}
.inquireSection .inquireCont_wp .inquireCont textarea:-moz-placeholder {color:#363636; opacity:1;}
.inquireSection .inquireCont_wp .inquireCont textarea::-moz-placeholder {color:#363636; opacity:1;}
.inquireSection .inquireCont_wp .inquireCont textarea:-ms-input-placeholder {color:#363636; opacity:1;}
.inquireSection .inquireCont_wp .inquireCont textarea::placeholder {color:#363636; opacity:1;}
.inquireSection .inquireCont_wp .inquireCont textarea.inquire_form {width:100%; font-size:13px; font-weight:bold; margin-top:45px; padding:10px; background:#fdfdfd; border:1px solid #dfdfdf; font-family:'Montserrat', 'Noto Sans Korean', 'Noto Sans KR', sans-serif; }
.inquireSection .inquireCont_wp .inquireCont .address_wp {text-align:left;}
.inquireSection .inquireCont_wp .inquireCont .address_wp span.addressIcon {margin:0 15px 0 0;}
.inquireSection .inquireCont_wp .inquireCont p.addressTxt {color:#000; font-size:14px; line-height:23px!important; width:241px; display:inline-block; }
.inquireSection .inquireCont_wp .inquireCont .numTxt_wp {text-align:left; margin:10px 0 31px 0; padding:0 0 0 10px;}
.inquireSection .inquireCont_wp .inquireCont .numTxt_wp p { font-size:14px; color:#4d4d4d;  }
.inquireSection .inquireCont_wp .inquireCont .numTxt_wp p > span {margin:0 25px 0 0; color:#3a3939; font-weight:600; }
.inquireSection .inquireCont_wp .inquireCont .map_wp > #map { height:320px; margin-bottom:0px;} 
.inquireSection .agreeBtn {text-align:right;}
.inquireSection .agreeBtn input#inquireChkBox {vertical-align:middle;}
.inquireSection .applyBtn {background:url('../img/page_inquire/btnBg_img.jpg') no-repeat; background-position:110px 35px; width:200px; margin:30px auto; padding:20px 0; }
.inquireSection .applyBtn input {color:#202020; font-size:18px; font-weight:600; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; background:transparent; border:none; cursor:pointer; }
#sub_visual .title_board {position:absolute; top:0; left:0; width:100%; height:100%; padding:10% 50px 0 50px; z-index:30}
#sub_visual .title_board .inner {text-align:center}
#sub_visual .title_board .inner h2 {font-size:60px; font-weight:600; letter-spacing:5px; color:#fff}
#sub_visual .title_board .inner h2:after {display:block; margin:30px auto; width:50px; height:1px; content:''; background:#fff}
#sub_visual .title_board .inner h3 {font-size:30px; font-weight:400; color:#fff}

/*=============== INSIDE - 공통 리스트 스타일  =====================*/
#sub_visual.insideVisual_wp {position:relative; overflow:hidden; z-index:10; margin:82px 5% 102px;}
#sub_visual #container.insideContainer {position:static; background:url(../img/sub_visual6.jpg) center top no-repeat; background-size:cover;}
#sub_visual #container .insideContentInner {background:#fff; z-index:5;}
#sub_visual #container .insideContentInner.inner {padding:0;}
#sub_visual #container .insideContentInner.inner .title_wp {padding-top:0; margin:0; text-align:left; padding:67px 95px 0;}
#sub_visual #container .insideContentInner.inner .title_wp h2 {display:inline-block; margin-right:20px; font-size:37px; font-weight:900; color:#242424; line-height:1; font-family:'Montserrat', sans-serif; }
#sub_visual #container .insideContentInner.inner .title_wp p.subTitle {display:inline-block; font-size:15px; color:#4d4d4d; word-break:keep-all; word-wrap:break-word;   }

#sub_visual #container .insideContentInner.inner .visualSubMenu {margin:29px 0 0 0; padding:0 95px; text-align:left;}
#sub_visual #container .insideContentInner.inner .visualSubMenu ul {}
#sub_visual #container .insideContentInner.inner .visualSubMenu ul li {display:inline-block;}
#sub_visual #container .insideContentInner.inner .visualSubMenu ul li a {display:inline-block; color:#303030; font-size:24px; font-weight:700; font-family:'Montserrat'; margin:0 10px 0 0; }
#sub_visual #container .insideContentInner.inner .visualSubMenu ul li:last-child a {margin:0;}
#sub_visual #container .insideContentInner.inner .visualSubMenu ul li a:after {content:'/'; margin:0 0 0 10px;}
#sub_visual #container .insideContentInner.inner .visualSubMenu ul li:last-child a:after {content:''; margin:0;}
#sub_visual #container .insideContentInner.inner .visualSubMenu ul li a .subMenuOn {text-decoration:line-through;}
#sub_visual #container .insideContentInner.inner .visualSubMenu ul li a .subMenuOn:after {text-decoration:none;}

.insideCont_wp {display:block; float:inherit; width:100%; margin:0; text-align:center; }
.insideCont_wp .insideCont {background:#fff; width:100%; margin:40px auto 7%; padding:0 70px 0; }
.insideCont_wp .insideCont .insideCont_top {display:inline-block; width:100%; margin:0 0 20px 0;}
.insideCont_wp .insideCont .insideCont_top .txt {display:inline-block; float:left; font-size:14px; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; color:#000; font-weight:400; text-align:left; padding:10px 0 0 35px; word-break:keep-all; word-wrap:break-word;} 
.insideCont_wp .insideCont .insideCont_top > div > div > ul > li {display:block;}
.insideCont_wp .insideCont .insideCont_top > div > div > ul > li > .txt {display:block; float:inherit; padding:10px 0 0 20px;}
.insideCont_wp .insideCont .insideCont_top .txt.flright {float:right; margin:-34px 0 0 0;}
.insideCont_wp .insideCont .insideCont_top .srchBox_wp {position:relative; display:inline-block; float:right; margin:-34px 0 0 0; z-index:1;}
.insideCont_wp .insideCont .insideCont_top .srchBox_wp select {width:166px; height:40px; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-weight:400; color:#5b5c5d; font-size:14px;  border:1px solid #777777; box-sizing:border-box; background:#fbfbfb; padding:0 20px 0; background:#fbfbfb url('../img/page_inside/insideSrchArrow_img.jpg') 90% 50% no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:none;}
.insideCont_wp .insideCont .insideCont_top .srchBox_wp input {width:166px; height:40px; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-weight:400; color:#5b5c5d; font-size:14px; border:1px solid #a9a9a9; box-sizing:border-box; background:#fff; padding:0 10px 0; outline:none; }
.insideCont_wp .insideCont .insideCont_top .srchBox_wp a {font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-weight:400; font-size:14px; color:#fff; background:#444; padding:10px 28px; }
.insideCont_wp .insideCont .bottomListMoreBtn {display:inline-block; margin:50px auto 0; } 
.insideCont_wp .insideCont .bottomListMoreBtn a {display:inline-block; border:1px solid #777; background:#fbfbfb; font-size:15px; font-weight:400; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; padding:13px 55px; } 
.insideCont_wp .insideCont .bottomListMoreBtn a:after {content:'+'; display:inline-block; clear:both; margin:0 5px;}
.insideCont_wp .insideCont .bottomListMoreBtn a:hover {background:#343434; color:#fff; }

/*=============== INSIDE - MAINTENANCE부분의 EPMS테이블  =====================*/
.maintenance_list {position:relative; max-width:1390px; width:100%; margin:0 auto;}
.maintenance_list > ul {border-top:2px solid #3b3b3b;}
.maintenance_list > ul > li.maintenance_listBox {width:100%; height:100%; border-bottom:1px solid #b1b1b1; background:#fff; margin:0 auto; padding:30px 0px; }
.maintenance_list > ul > li.maintenance_listBox.maintenance_listBoxOpen {display:inline-block;}
.maintenance_list ul li .listTxt {display:inline-block; width:100%; height:100%; position:relative; text-align:left;}
.maintenance_list ul li .listTxt p {color:#3b3b3b; font-size:14px; font-weight:350; text-align:center; line-height:60px!important; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word}
.maintenance_list ul li .listTxt .listNum_txt {display:inline-block; line-height:1!important; border-right:1px solid #c8c8c8; width:7%; float:left; font-weight:400; margin:21px 0 0 0; }
.maintenance_list ul li .listTxt .listTitle_txt {display:inline-block; width:30%; float:left; line-height:1.8!important; font-size:16px; text-align:left; font-weight:500; color:#111; padding:0 0 0 21px;}
.maintenance_list ul li .listTxt .listTitle_txt .companyName {display:block; font-size:14px; color:#3b3b3b;}
.maintenance_list ul li .listTxt .listStateBox {display:inline-block; width:40%; float:left; line-height:60px; }
.maintenance_list ul li .listTxt .listStateBox ul {display:inline-block; width:100%; vertical-align:middle;}
.maintenance_list ul li .listTxt .listStateBox ul li {display:inline-block; width:20%; float:left; }
.maintenance_list ul li .listTxt .listStateBox ul li:after {content:''; clear:both; display:block;}
.maintenance_list ul li .listTxt .listStateBox ul li .listState_txt {max-width:90px; width:100%; margin:0 auto; background:#595c62; color:#fff; text-align:center; font-size:14px; font-weight:400; line-height:36px!important;   }
.maintenance_list ul li .listTxt .listStateBox ul li .listState_txt.stateOn {background:#60beef;}
.maintenance_list ul li .listTxt .listDate_txt {display:inline-block; width:17%; line-height:58px!important; float:left; }
.maintenance_list ul li .listTxt .listDate_txt span {vertical-align:middle; margin:0 8px 0 0;}
.maintenance_list ul li .listTxt .listworker_Txt {display:inline-block; width:4%; float:left; }

/*=============== INSIDE - PROJECT 리스트 페이지  스타일  =====================*/
.order_list {}
.order_list ul {}
.order_list ul li.project_listBox { position:relative; background:#f8f8f8; margin:0 auto 35px; padding:37px; }
.order_list ul li.project_listBox.project_listBoxOpen {display:block;}
.order_list > ul > li > a {position:absolute; display:inline-block; width:100%; height:100%; top:0; left:0; z-index:3;}
.order_list ul li:last-child {margin:0 auto;}
.order_list ul li .listTxt {position:relative; text-align:left;}
.order_list ul li .listTxt p {margin:0 0 25px 0; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word}
.order_list ul li .listTxt .listState {width:107px; height:34px; text-align:center; line-height:34px!important; font-size:15px; font-weight:500; color:#fff; }
.order_list ul li .listTxt .listState.stateOngoing {background:#60beef}
.order_list ul li .listTxt .listState.stateCompleted {background:#ff8c04}
.order_list ul li .listTxt .listTitle_txt {position:relative; display:inline-block; font-size:25px; color:#1c1c1c; font-weight:500; z-index:1; }
.order_list ul li .listTxt .listTitle_txt:after {position:absolute; width:0%; bottom:15px; left:0; height:7px; background:#86bbf1; z-index:-1; content:''; transition:all 0.3s; -ms-transition:all 0.3s; }
.order_list ul li:hover .listTxt .listTitle_txt:after {width:100%; }
.order_list ul li .listTxt .listCont_txt {width:93%; font-size:16px; color:#666666; line-height:1.6!important; font-weight:400; margin:0 0 12px 0;}
.order_list ul li .listTxt .listDate_txt {font-size:17px; color:#3895dc; font-weight:400; line-height:1.4!important; margin:0;}
.order_list ul li .listTxt .listDate_txt span {vertical-align:middle; margin:0 7px 0 0;}
.order_list ul li .listTxt .listMoreBtn {position:absolute; bottom:0; right:0;}
.order_list ul li .listTxt .listMoreBtn a {font-size:17px; color:#60beef; font-weight:700; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif;}
.order_list ul li .listTxt .listMoreBtn a span {vertical-align:sub; margin:0 0 0 11px;}

/*=============== INSIDE - PROJECT 상세 페이지(읽기부분)  스타일  =====================*/
.orderDetail_list {position:relative; background:#f8f8f8; margin:0 auto 50px; padding:37px; }
.orderDetail_list .detailTitleBox {display:inline-block; width:100%; position:relative; text-align:left; padding:0 25px 35px;}
.orderDetail_list .detailTitleBox p {margin:0 0 33px 0; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word}
.orderDetail_list .detailTitleBox .detailTitle_txt {display:inline-block; width:100%; font-size:25px; color:#161616; font-weight:500; margin:0 0 10px; }
.orderDetail_list .detailTitleBox .detailDate_txt {display:inline-block; float:left; font-size:17px; color:#3895dc; font-weight:400; line-height:1.4!important; margin:0;}
.orderDetail_list .detailTitleBox .detailDate_txt span {vertical-align:middle; margin:0 7px 0 0;}
.orderDetail_list .detailTitleBox .detailCountTxt {display:inline-block; float:right; font-size:15px; color:#363636; font-weight:400; margin:0;}
.orderDetail_list .detailContntBox {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:50px 25px;}
.orderDetail_list .detailContntBox .detailContnt_txt {text-align:left; font-size:15px; color:#666666; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif;  }
.orderDetail_list .detailBtnBox {display:inline-block; width:100%; margin:30px 0 0 0; padding:0 32px 0 39px;}
.orderDetail_list .detailBtn {}
.orderDetail_list .detailBtn.leftDetailBtn {float:left;}
.orderDetail_list .detailBtn.rightDetailBtn {float:right;}
.orderDetail_list .detailBtn .detailBtn_txt {display:inline-block;}
.orderDetail_list .detailBtn .detailBtn_txt a {display:inline-block; color:#ffffff; font-size:14px; font-weight:400; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; padding:11.5px 37px;  }
.orderDetail_list .detailBtn .detailBtn_txt a span {vertical-align:middle;}
.orderDetail_list .detailBtn .prevBtn_txt a {padding:11.5px 33px 11.5px 25px;}
.orderDetail_list .detailBtn .prevBtn_txt a span {margin:0 15px 0 0; }
.orderDetail_list .detailBtn .prevBtn_txt a span img {transform:rotateY(180deg); }
.orderDetail_list .detailBtn .nextBtn_txt a {padding:11.5px 25px 11.5px 33px;}
.orderDetail_list .detailBtn .nextBtn_txt a span {margin:0 0 0 15px; }
.orderDetail_list .leftDetailBtn .detailBtn_txt a {background:#444}
.orderDetail_list .rightDetailBtn .detailBtn_txt {margin:0 7px}
.orderDetail_list .rightDetailBtn .detailBtn_txt a {background:#66b1d8}

/*=============== INSIDE - NOTICE 리스트 페이지 스타일  =====================*/
.notice_list {}
.notice_list ul {width:100%; display:inline-block; text-align:justify;}
.notice_list ul:after {width:100%; display:inline-block; content:''; }
.notice_list ul li.notice_listBox {position:relative; float:left; text-align:center; background:#f8f8f8; margin:7px; padding:25px; width:32%;}
.notice_list ul li.notice_listBox.notice_listBoxOpen {display:inline-block;}
.notice_list ul li:hover .listTxt .listMoreBtn { animation:noticeArrowImgAnimation 1s ease; -webkit-animation:noticeArrowImgAnimation 1s ease; -moz-animation:noticeArrowImgAnimation 1s ease; animation-iteration-count:infinite; }
@keyframes noticeArrowImgAnimation {0% {right:0;} 50% {right:7%;} 100% {right:0;}}
.notice_list > ul > li > a {position:absolute; display:inline-block; width:100%; height:100%; top:0; left:0; z-index:3;}
.notice_list ul li .listTxt {position:relative; text-align:left;}
.notice_list ul li .listTxt p {margin:0 0 20px 0; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word}
.notice_list ul li .listTxt .listState {width:80px; height:34px; text-align:center; line-height:34px!important; font-size:15px; font-weight:500; color:#fff; }
.notice_list ul li .listTxt .listState.stateNotice {background:#60beef}
.notice_list ul li .listTxt .listTitle_txt {position:relative; display:inline-block; font-size:20px; color:#161616; font-weight:500; z-index:1; }
.notice_list ul li .listTxt .listTitle_txt:after {position:absolute; width:0%; bottom:13px; left:0; height:7px; background:#86bbf1; z-index:-1; content:''; transition:all 0.3s; -ms-transition:all 0.3s; }
.notice_list ul li:hover .listTxt .listTitle_txt:after {width:100%; }
.notice_list ul li .listTxt .listCont_txt {width:100%; font-size:14px; color:#666666; line-height:1.6!important; font-weight:400; margin:0 0 12px 0;}
.notice_list ul li .listTxt .listDate_txt {font-size:14px; color:#3895dc; font-weight:400; line-height:1.4!important; margin:0; }
.notice_list ul li .listTxt .listDate_txt span {vertical-align:middle; margin:0 7px 0 0;}
.notice_list ul li .listTxt .listMoreBtn {position:absolute; bottom:0; right:0;}
.notice_list ul li .listTxt .listMoreBtn img {vertical-align:middle;}

/*=============== MEMBER - 공통 =====================*/
#sub_visual.memberVisual_wp {position:static; margin:82px 5.387% 70px;}
#sub_visual #container.memberContainer {position:static; padding:0; }
#container .memberSection.inner {padding:0; max-width:100%; vertical-align:middle;}
#container .memberSection > div {display:inline-block; width:50%; float:left;}
#container .memberSection .rightSection .titleTxt {color:#2e2e2e; font-size:56px; font-weight:700; font-family:'Montserrat'; letter-spacing:15px; }
#container .memberSection .rightSection .subTxt {color:#2e2e2e; font-size:17px; font-weight:500; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; text-decoration:line-through; }
#container .memberSection .leftSection .leftBg {background:url(../img/page_member/memberLeftBg_img01.jpg) center center no-repeat; padding:115px 0; }
#container .memberSection .leftSection .leftBg img {max-width:698px; width:100%; max-height:554px; height:100%;}
#container .memberSection .rightSection .rightBg {background:#fbfbfb;}


#container .memberSection .rightSection .joinForm .joinBtn {display:inline-block; max-width:145px; width:100%; }
#container .memberSection .rightSection .joinForm .joinBtn  {border:1px solid #5fbaf4; box-sizing:border-box; font-size:14px; font-weight:500; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; padding:12px 0; } 
#container .memberSection .rightSection .joinForm .okBtn  {width:100%; color:#fff; background:#55b6f4; cursor:pointer; }
#container .memberSection .rightSection .joinForm .noBtn  { width:100%; color:#55b6f4; background:#fbfbfb;}
#container .memberSection .rightSection .joinForm .etcBtn  {width:100%; color:#fff; background:#5c5c5c; border:1px solid #5c5c5c;}

/*=============== MEMBER - 로그인 =====================*/
#container .memberSection .rightSection .rightBg.loginBg {padding:184.5px 0;}
#container .memberSection .rightSection .loginContent {max-width:345px; margin:0 auto;}
#container .memberSection .rightSection .loginContent .loginForm .loginInputBox .loginInput {width:100%; font-size:13px; font-weight:350; color:#4a4a4a; padding:0 18px; height:40px; border:none; border-bottom:1px solid #6c6c6c; outline:none; background:none; margin:10px 0 0 0;}
#container .memberSection .rightSection .loginContent .loginForm .loginBtna {width:100%; margin:42px 0 0 0;}
#container .memberSection .rightSection .loginContent .loginForm .loginBtn {display:block; width:100%; color:#fff; font-size:15px; font-weight:500; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; padding:15px 0; background:#55b6f4; border:0;}
#container .memberSection .rightSection .loginContent .loginForm .etcLink_box {display:inline-block; width:100%; margin:15px 0 0 0; padding:0 10px;}
#container .memberSection .rightSection .loginContent .loginForm .etcLink_box > div {display:inline-block;}
#container .memberSection .rightSection .loginContent .loginForm .etcLink_box .leftLink {float:left;}
#container .memberSection .rightSection .loginContent .loginForm .etcLink_box .leftLink #autoLogin_chk {vertical-align:middle; }
#container .memberSection .rightSection .loginContent .loginForm .etcLink_box .leftLink label {color:#2b2b2b; font-size:13px; font-weight:350; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif;}
#container .memberSection .rightSection .loginContent .loginForm .etcLink_box .rightLink {float:right;}
#container .memberSection .rightSection .loginContent .loginForm .etcLink_box .rightLink > div {display:inline-block;}
#container .memberSection .rightSection .loginContent .loginForm .etcLink_box .rightLink > div > a {color:#2b2b2b; font-size:13px; font-weight:350; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; }

/*=============== MEMBER - 회원가입 약관 스타일 =====================*/
#container .memberSection .rightSection .rightBg.clauseBg {padding:45.5px 0;}
#container .memberSection .rightSection .joinForm.clauseForm {margin:15px 0 0;}
#container .memberSection .rightSection .clauseContent {max-width:668px; margin:0 auto;}
#container .memberSection .rightSection .clauseContent .clauseInner {margin:0 0 30px 0; }
#container .memberSection .rightSection .clauseContent .clauseInner .clauseTxt {border:1px solid #d2d2d2; background:#fbfbfb; border-radius:1px; -webkit-transition:border-radius 0.3s,border 0.3s; -o-transition: border-radius 0.3s,border 0.3s; transition: border-radius 0.3s,border 0.3s;}
#container .memberSection .rightSection .clauseContent .clauseInner .clauseTxt .txtInner { padding:30px;  height:191px; overflow-y:auto; }
#container .memberSection .rightSection .clauseContent .clauseInner .clauseTxt .txtInner p {text-align:left; font-weight:350; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-size:13px; line-height:20px; color:#414141; word-break:keep-all; word-wrap:break-word}
#container .memberSection .rightSection .clauseContent .clauseInner .agreeChkBox {text-align:left; margin:12px 0 0 20px;}
#container .memberSection .rightSection .clauseContent .clauseInner .agreeChkBox #agreeChk_01,
#container .memberSection .rightSection .clauseContent .clauseInner .agreeChkBox #agreeChk_02 {vertical-align:middle; }
#container .memberSection .rightSection .clauseContent .clauseInner .agreeChkBox label {color:#2b2b2b; font-size:13px; font-weight:350; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; }

/*=============== MEMBER - 회원가입 입력 스타일 =====================*/
#container .memberSection .rightSection .rightBg.joinBg {padding:42px 0;;}
#container .memberSection .rightSection .joinContent {max-width:692px; margin:0 auto;}
#container .memberSection .rightSection .joinContent .inputForm_wp {margin:50px auto 60px;}
#container .memberSection .rightSection .joinContent .inputForm_wp:after {content:''; display:block; clear:both;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputForm {width:47%; display:inline-block;  }
#container .memberSection .rightSection .joinContent .inputForm_wp .inputLeft {float:left;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputRight {float:right;}
#container .memberSection .rightSection .joinContent .inputForm_wp .InputTxt {width:100%; font-size:13px; font-weight:700; color:#363636; padding:0 23px; height:42px; border:none; border-bottom:1px solid #6c6c6c; outline:none; background:none; margin:33px 0 0 0;}
#container .memberSection .rightSection .joinContent .inputForm_wp .InputTxt.inputId,
#container .memberSection .rightSection .joinContent .inputForm_wp .InputTxt.inputaddress {margin:0;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.inputId,
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.inputaddress {position:relative;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.numberInputBox {display:inline-block; width:100%; border-bottom:1px solid #6c6c6c;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.numberInputBox .InputTxt.numberInput {border-bottom:none; width:27%; float:left; padding:0 0 0 23px; margin:32px 0 0 0; }
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.numberInputBox.phoneNumberBox .InputTxt.numberInput {margin:29px 0 0 0;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.numberInputBox.faxNumberBox .InputTxt.numberInput {margin:29px 0 0 0;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.numberInputBox span {float:left; display:inline-block; margin:45px 10px 0 0;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.numberInputBox.phoneNumberBox span,
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.numberInputBox.faxNumberBox span {margin:42px 10px 0 0;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox .ChkBtn {position:absolute; top:10px; right:8px;}
#container .memberSection .rightSection .joinContent .inputForm_wp .inputBox .ChkBtn a {font-size:12px; color:#fbfbfb; background:#5c5c5c; font-weight:500; padding:8px 12px; }

/*=============== 개인정보취급방침 스타일 =====================*/
#sub_visual.privacyVisual_wp {position:static; margin:82px 5.387% 70px;}
#sub_visual #container.privacyContainer {position:static; padding:0; }
#container .privacySection.inner {padding:0; max-width:100%; vertical-align:middle;}
#container .privacySection > div {display:inline-block; width:50%; float:left;}
#container .privacySection .rightSection .titleTxt {color:#2e2e2e; font-size:32px; font-weight:700; text-align:left; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; letter-spacing:1px; }
#container .privacySection .leftSection .leftBg {background:url(../img/page_privacy/privacyLeftBg_img01.jpg) center center no-repeat; padding:115px 0; }
#container .privacySection .leftSection .leftBg img {max-width:698px; width:100%; max-height:554px; height:100%;}
#container .privacySection .rightSection .rightBg {background:#fbfbfb;}
#container .privacySection .rightSection .rightBg.privacyBg {padding:77px 0 20px;}
#container .privacySection .rightSection .privacyForm {margin:20px 0 0;}
#container .privacySection .rightSection .privacyContent {max-width:668px; margin:0 auto;}
#container .privacySection .rightSection .privacyContent .privacyInner {margin:0 0 30px 0; }
#container .privacySection .rightSection .privacyContent .privacyInner .privacyTxt {border:none; background:#fbfbfb; border-radius:1px; -webkit-transition:border-radius 0.3s,border 0.3s; -o-transition: border-radius 0.3s,border 0.3s; transition: border-radius 0.3s,border 0.3s;}
#container .privacySection .rightSection .privacyContent .privacyInner .privacyTxt .txtInner { padding:10px 0px;  height:585px; overflow-y:auto; }
#container .privacySection .rightSection .privacyContent .privacyInner .privacyTxt .txtInner p {text-align:left; font-weight:350; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-size:14px; line-height:2; color:#1f1f1f; word-break:keep-all; word-wrap:break-word}

/* 미디어 쿼리 */
@media screen and (max-width:1768px) { 
    /*=============== WORKS 페이지 =====================*/
    #sub_visual #container .worksSection.inner .title_wp {margin:72px 60px 0;}
    .worksSection .worksCont_wp {max-width:970px; margin:42px auto 56px;}
    .worksSection .worksCont_wp .worksList ul li.works {float:left; width:33%; max-height:320px;}
    .worksSection .worksCont_wp .worksList ul li.works .worksImg {max-height:100%; height:100%;}
}

@media screen and (max-width:1665px) { 
    .mapSection_wp .contactArea {max-width:660px;}
}

@media screen and (max-width:1645px) { 
    /*=============== INSIDE - NOTICE 리스트 페이지 스타일  =====================*/
    .notice_list ul li.notice_listBox {margin:1%; padding:35px 45px; width:48%; float:left;}

}


@media screen and (max-width:1580px) { 
    /*=============== 서브페이지 공통 스타일 =====================*/
    #container .inner .title {display:block; float:inherit; margin:0 auto 30px; text-align:center;}
    #container .inner .sub_tit_wp.mr183 {margin-right:auto!important}
    
	/*=============== 서브페이지 하단 박스(로그인,견적문의) 숨김처리 =====================*/
	#estimate_section {display:none;}
    
    /*=============== ABOUT 페이지 스타일 =====================*/
    .greeting {float:inherit;}
    .businessSection_wp > .inner {padding:60px 50px 0!important; margin:0!important;}
    
    /*=============== SERVICE 페이지 - PROJECT 부분 스타일 =====================*/
    .serviceSection_wp {float:inherit;}
    
    /*===================== SERVICE 페이지 - 중간 아코디언 이미지배너 부분 스타일 =====================*/
    .projectAccordionContent_wp .projectAccordionContent .accordionContent .txt {max-width:1280px;}
    
    /*===================== SERVICE 페이지 - PROJECT 탭테이블부분 스타일 =====================*/
    .serviceCont_tabSection_wp.projectCont_tabSection_wp {max-width:1356px; float:inherit;}
        
    /*=============== WORKS 페이지 스타일 =====================*/
    .worksSection .worksCont_wp .worksList ul li.works {width:33%;}
    
    /*=============== INQUIRE 페이지 스타일 =====================*/
    .inquireSection .inquireCont_wp .inquireCont .inquire_form_file_wp input.inquire_form_file {width:50%;}    
    
    /*=============== MEMBER - 공통 스타일 =====================*/
    #container .memberSection .leftSection .leftBg img {min-width:698px; width:100%; min-height:554px; height:100%;}
    
    /*=============== MEMBER - 회원가입 약관 스타일 =====================*/
    #container .memberSection .rightSection .clauseContent {max-width:inherit; width:90%; margin:0 auto;}
        
    /*=============== MEMBER - 회원가입 입력 스타일 =====================*/
    #container .memberSection .rightSection .joinContent {max-width:inherit; width:90%; margin:0 auto;}
    
    /*=============== 개인정보취급방침 스타일 =====================*/
    #container .privacySection .leftSection .leftBg img {min-width:698px; width:100%; min-height:554px; height:100%;}
    #container .privacySection .rightSection .privacyContent {max-width:inherit; width:90%; margin:0 auto;}
    
}
@media screen and (max-width:1530px) { 
    #sub_visual #container .insideContentInner.inner .title_wp {padding:67px 60px 0;}
    #sub_visual #container .insideContentInner.inner .visualSubMenu {padding:0 60px;}
    .insideCont_wp .insideCont {padding:0 30px 0;}
}

@media screen and (max-width:1485px) { 
    /*=============== ABOUT 페이지 - 하단 CONTACT US 스타일 =====================*/
    .mapSection_wp .contactArea {max-width:600px;}
    
    /*===================== SERVICE 페이지 - 중간 아코디언 이미지배너 부분 스타일 =====================*/
    .projectAccordionContent_wp .projectAccordionContent .accordionContent .txt {max-width:1180px;}
}

@media screen and (max-width:1480px) {
	/*===================== SERVICE 페이지 상단 VISUAL 3칸 스타일 =====================*/
	.sectionVisual .sectionVisual_txt .sectionVisual_titleTxt {font-size:48px;}
	.sectionVisual .sectionVisual_txt .sectionVisual_titleTxt.diffFontStyle {font-size:28px;}
}

@media screen and (max-width:1480px) {
	/*===================== SERVICE - HOWTOUSE SECTION 스타일 =====================*/
    .rightSection_wp {margin:60px auto;} 
    
    .howToUseSection .howToUseSection_bg .howToUseCont {float:inherit; display:inline-block; }
    .howToUseSection .howToUseSection_bg .howToUseCont.howToUse_leftSection {display:none;}
    .howToUseSection .howToUseSection_bg .howToUseCont.howToUse_rightSection {width:85%; }
}
@media screen and (max-width:1420px) { 
    
    /*=============== INSIDE 페이지 - MAINTENANCE페이지 부분 스타일 =====================*/
    .maintenance_list ul li .listTxt .listTitle_txt {width:28%;}
    .maintenance_list ul li .listTxt .listworker_Txt {width:5%;}

}



@media screen and (max-width:1399px) { 
    /*=============== 서브 공통 페이지 =====================*/

/*===================== 서브 견적 박스 스타일 - 가로형 스타일 =====================*/
#estimate_section {position:absolute; opacity:1; transition:all .4s ease; bottom:13.3%; left:0; z-index:910; }
#estimate_wp { position:fixed; background:#fff; width:100%; height:140px; border-top:1px solid #f8f8fa;}
#estimate_wp .estimate_box {width:100%; height:100%; text-align:center;}
#estimate_wp .estimate_box:after {content:''; clear:both; display:block;}
#estimate_wp .estimate_box .estimate_content {display:block; height:100%;}
#estimate_wp .estimate_box .estimate_content .fl {display:inline-block; margin:10px 0 0 0;}
#estimate_wp .estimate_box .estimate_content .fr {display:inline-block; width:715px; vertical-align:top;}
#estimate_wp .estimate_box .estimate_content .estimate_login_box {display:inline-block; margin:2% 0 0 0;}
#estimate_wp .estimate_box .estimate_content .estimate_login_box:after {content:''; clear:both; display:block;}

#estimate_wp .estimate_box .estimate_content .estimate_login_box .linkBox a {display:inline-block; padding:10px 50px; margin:3px 0; border-radius:5px; width:100%; background:#2a2a2a; color:#fff; border:0; outline:none; font-size:12px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; }

#estimate_wp .estimate_box .estimate_content .estimate_login_box .linkBox a span {display:none;}

#estimate_wp .estimate_box .estimate_content .estimate_btn {display:inline-block; width:400px; vertical-align:top; margin:4% 0 0 0; padding:0 0 0 5%;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul {width:100%; margin:0 auto;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul.mainVisual_icon {display:none;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul.subPage_icon {display:block;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul li {float:left; width:25%; text-align:center; }
#estimate_wp .estimate_box .estimate_content .estimate_btn ul li a {display:inline-block;}
#estimate_wp .estimate_box .estimate_content .estimate_btn ul li a p {margin:12px 0 0 0; color:#565656; font-size:11px; font-family:돋음, Dotum, Baekmuk Dotum, Undotum, Apple Gothic, Latin font, sans-serif;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box {width:100%; display:inline-block; margin:0.5% 0 0 6%; }
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formInfo {float:left; width:505px;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formInfo .agreeBtn {text-align:left; margin:0 0 0 4px; }
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formInfo .agreeBtn input#estimateChkBox {vertical-align:middle; height:inherit; width:inherit; background:none; border-radius:0; padding:0; border:none;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input.estimate_form {width:48%; height:39px; float:left; margin:5px 4px; padding:0 0 0 3%; display:block; border-radius:5px; background:#f7f9fb; border:1px solid #e5e7f2; color:#555; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-size:13px; outline:none; }
#estimate_wp .estimate_box .estimate_content .estimate_form_box input::-webkit-input-placeholder {color:#555; opacity:1;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input:-moz-placeholder {color:#555; opacity:1;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input::-moz-placeholder {color:#555; opacity:1;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input:-ms-input-placeholder {color:#555; opacity:1;}
#estimate_wp .estimate_box .estimate_content .estimate_form_box input::placeholder {color:#555; opacity:1;}

/*=============== 견적문의 버튼 색깔 바꿈 23.02.13 11 =====================*/
/* #estimate_wp .estimate_box .estimate_content .estimate_form_box .formBtn {background:#2a2a2a; border-radius:5px; line-height:89px; text-align:center; height:89px; width:207px; display:inline-block; margin:4px 0 0; } */
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formBtn {background:#D71419; border-radius:5px; line-height:89px; text-align:center; height:89px; width:207px; display:inline-block; margin:4px 0 0; }
#estimate_wp .estimate_box .estimate_content .estimate_form_box .formBtn .button {font-size:19px; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; background:transparent; border:0; color:#fff; outline:none; cursor:pointer;}
        
    /*=============== WORKS 페이지 =====================*/
    #sub_visual_mobile.worksVisual_wp_mobile.mobView {display:block; margin:0 15px}
    #sub_visual #container .worksSection.inner {margin:0 auto;}
    .worksSection .pcView {display:none!important;}
	.worksSection .mobView {display:block;}
    
    #sub_visual_mobile .title.worksTitle {margin:0 auto; text-align:Center;}
    #sub_visual_mobile .title.worksTitle .visualInner {padding:0; margin:60px auto 0;}
    #sub_visual_mobile .title.worksTitle .inner h1 {font-size:32px; line-height:2; color:#242424; font-weight:900; font-family:'Montserrat', sans-serif; padding:0 10px 0; }
    #sub_visual_mobile .title.worksTitle .inner h1 span {font-size:20px; margin:-20px 0 0 0; font-weight:400; display:block; vertical-align:top; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; }
    #sub_visual_mobile .title.worksTitle .inner h2 {width:95%; margin:10px auto 20px; font-size:18px; line-height:2; color:#383838; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-weight:400; word-break:keep-all; }
    #sub_visual_mobile .title.worksTitle .inner h3 {font-size:14px; line-height:2; text-align:center; color:#6a6a6a; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-weight:300; word-break:keep-all; }
	#sub_visual_mobile > ul > li.img2_mobile {background:url(../img/sub_visual2_mobile.jpg) no-repeat; background-size:cover; width:100%; height:49vw;}
   
	#sub_visual.worksVisual_wp {margin:0;}
	#sub_visual #container.worksContainer {background:none; padding:0 30px;}
	#sub_visual #container .worksSection.inner .title_wp {margin:7% 0;}
	#sub_visual #container .worksSection.inner .title_wp h2 {margin:0; font-size:32px; padding:0 0 10px; line-height:1.6;}
	#sub_visual #container .worksSection.inner .title_wp p.subTitle {font-size:14px; line-height:1.6; word-break:keep-all; word-wrap:break-word;}
	#sub_visual #container .worksSection.inner .worksCategory_wp ul li {display:block;}
	#sub_visual #container .worksSection.inner .worksCategory_wp ul li select {appearance:none; -webkit-appearance:none; width:100%; background:none; border:1px solid #d0d0d0; padding:5%;}
	.worksSection .worksCont_wp {padding:0; margin:30px auto 60px;}
	.worksSection .worksCont_wp .worksList {margin:0;}
	.worksSection .worksCont_wp .worksList ul li.works {width:47%; padding:15px; max-height:100%; margin:50px 0 0 0;}
	.worksSection .worksCont_wp .worksList ul li.works .worksImg {max-width:100%; width:100%; max-height:100%; height:auto; margin:0 auto; }
	.worksSection .worksCont_wp .worksList ul li.works .worksTxt {display:block; width:100%;}
	.worksSection .worksCont_wp .worksList ul li.works .worksTxt p.title_txt {display:inline-block; line-height:1.6!important; margin:0 auto;}
    .worksSection .worksCont_wp .worksList ul li.works .worksTxt p.title_txt:after {bottom:13px;}
    .worksSection .worksCont_wp .worksList ul li.works .worksTxt p.subTop_txt {font-size:13px; line-height:1.6!important;}
	.worksSection .worksCont_wp .worksList ul li.works .worksTxt p.subBottom_txt {font-size:12px; line-height:1.6!important; color:#aaa;}
	.worksSection .worksCont_wp .worksList ul li.works .worksTxt .arrowImg {display:none;}
	#sub_visual #container .worksSection.inner .worksCategory_wp .worksCategory .mobView.worksCategoryFixed {width:100%; left:0%; top:auto; bottom:0; padding:1% 0; z-index:100;}
	#sub_visual #container .worksSection.inner .worksCategory_wp .worksCategory .mobView.worksCategoryFixed li select {width:85%; padding:1%;}

    /*=============== INSIDE - NOTICE 리스트 페이지 스타일  =====================*/
    /*=*/
    .insideCont_wp .insideCont.noticeCont {padding:0 9px 0;}
    .notice_list {}
    .notice_list ul {width:100%; display:inline-block; text-align:justify;}
    .notice_list ul:after {width:100%; display:inline-block; content:''; }
    /*=*/.notice_list ul li.notice_listBox {margin:1%; padding:35px 45px; width:48%; float:left;}
    /*=*/.notice_list ul li.notice_listBox.notice_listBoxOpen {display:block;}
    /*=*/.notice_list ul li:hover .listTxt .listMoreBtn { animation:inherit; -webkit-animation:inherit; -moz-animation:inherit;}
    .notice_list > ul > li > a {position:absolute; display:inline-block; width:100%; height:100%; top:0; left:0; z-index:3;}
    .notice_list ul li .listTxt {position:relative; text-align:left;}
    .notice_list ul li .listTxt p {margin:0 0 20px 0; font-family: 'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word}
    .notice_list ul li .listTxt .listState {width:80px; height:34px; text-align:center; line-height:34px!important; font-size:15px; font-weight:500; color:#fff; }
    .notice_list ul li .listTxt .listState.stateNotice {background:#60beef}
    .notice_list ul li .listTxt .listTitle_txt {position:relative; display:inline-block; font-size:23px; color:#161616; font-weight:500; z-index:1; }
    .notice_list ul li .listTxt .listTitle_txt:after {position:absolute; width:0%; bottom:13px; left:0; height:7px; background:#6ac1f3; z-index:-1; content:''; transition:all 0.3s; -ms-transition:all 0.3s; }
    /*=*/.notice_list ul li:hover .listTxt .listTitle_txt:after {width:0%; }
    .notice_list ul li .listTxt .listCont_txt {width:100%; font-size:15px; letter-spacing:-1px; color:#666666; line-height:1.6!important; font-weight:400; margin:0 0 12px 0;}
    .notice_list ul li .listTxt .listDate_txt {font-size:16px; color:#3895dc; font-weight:400; line-height:1.4!important; margin:0; }
    .notice_list ul li .listTxt .listDate_txt span {vertical-align:middle; margin:0 7px 0 0;}
    .notice_list ul li .listTxt .listMoreBtn {position:absolute; bottom:0; right:0;}
    .notice_list ul li .listTxt .listMoreBtn img {vertical-align:middle;}
}

@media screen and (max-width:1355px) { 
    /*=============== ABOUT 페이지 - 하단 CONTACT US 스타일 =====================*/
    .mapSection_wp .contactArea {max-width:580px;}
    
    /*===================== SERVICE 페이지 - 중간 아코디언 이미지배너 부분 스타일 =====================*/
    .projectAccordionContent_wp {margin:0 5% 60px}
    .projectAccordionContent_wp .projectAccordionContent .accordionContent:hover .txt .titleTxt {text-align:center;}
    .projectAccordionContent_wp .projectAccordionContent .accordionContent .txt .contentTxt {text-align:center; margin:0;}
    
    
    /*===================== SERVICE 페이지 - 유지보수상황실 테이블 부분 스타일 =====================*/
    .epmsSection .epmsBg_wp .epmsCont_wp {max-width:1000px;}
    
}

@media screen and (max-width:1310px) { 
    /*=============== ABOUT 페이지 - 하단 CONTACT US 스타일 =====================*/
    .mapSection_wp .contactArea {max-width:550px;}
}

@media screen and (max-width:1280px) {
	/*=============== 서브 공통 페이지 =====================*/
    .pcView {display:none!important;}
	.mobView {display:block;}
   
    .insideCont_wp .insideCont {padding:0 1px 0;}
	
	#sub_visual_mobile.subVisual_wp {margin:0 15px 60px;}
    #sub_visual_mobile.subVisual_wp > ul {margin:0 auto 60px;}
    #sub_visual_mobile.subVisual_wp.serviceVisual_wp {margin:0;}
	#sub_visual_mobile.inquireVisual_wp {margin:0;}
	.visualInner {padding:0; margin:0 auto}
	#sub_visual_mobile .title {margin:0 auto; text-align:Center;}
    #sub_visual_mobile .title .inner h1 {font-size:32px; line-height:2; color:#242424; font-weight:900; font-family:'Montserrat', sans-serif; padding:0 10px 0; }
    #sub_visual_mobile .title .inner h1 span {font-size:20px; margin:-15px 0 0 0; font-weight:400; display:block; vertical-align:top; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; }
    #sub_visual_mobile .title .inner h2 {width:95%; margin:10px auto 20px; font-size:18px; text-align:center; line-height:2; color:#383838; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-weight:400; word-break:keep-all; }
    #sub_visual_mobile .title .inner h3 {max-width:700px; width:100%; margin:0 auto; font-size:14px; line-height:2; text-align:center; color:#6a6a6a; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; font-weight:300; word-break:keep-all; }
    #sub_visual_mobile > ul > li.img1_mobile {background:url(../img/sub_visual1_mobile.jpg) no-repeat; background-size:cover; width:100%; height:49vw;}
    #sub_visual_mobile > ul > li.img2_mobile {background:url(../img/sub_visual2_mobile.jpg) no-repeat; background-size:cover; width:100%; height:49vw;}
    #sub_visual_mobile > ul > li.img3_mobile {background:url(../img/sub_visual3_mobile.jpg) no-repeat; background-size:cover; width:100%; height:49vw;}
    #sub_visual_mobile > ul > li.img4_mobile {background:url(../img/sub_visual6_mobile.jpg) no-repeat; background-size:cover; width:100%; height:49vw;}

	/*===================== ABOUT 페이지 - ABOUT E-FRONT 스타일 =====================*/
    #container .greeting h3.sub_tit_en {margin:50px 0 40px;}
	.greeting .counterSection_wp {padding:0;}
	.greeting .counterSection_wp .CounterSection .innerCounter {margin:0 auto 30px;}
    .greeting .counterSection_wp .counterNumber_wp {margin:0;}
    .greeting .counterSection_wp .counterNumber_wp .counterNum {font-size:32px; line-height:1.6; padding:0 0 10px; }
    .greeting .counterSection_wp .countTitle {font-size:14px; line-height:1.6; }
    .greetingwrap103 {padding:0;}
    .greeting .subCont_txt {margin-top:30px;}
    
    /*===================== ABOUT 페이지 - BUSINESS AREA 스타일 =====================*/
    .businessSection_wp .businessCont_wp {padding:0; margin:30px auto;}
    
    /*===================== ABOUT 페이지 - CONTACT US 스타일 =====================*/
    .mapSection_wp .mapArea {width:100%; height:300px!important;}
	.mapSection_wp .contactArea {max-width:100%; padding:37px 30px 50px;}
	.mapSection_wp .contactArea h2.mb80 {margin-bottom:20px!important;}
    .mapSection_wp .contactArea h2 {font-size:32px; line-height:1.6;}
    
	/*===================== SERVICE 페이지 - 공통 =====================*/
    .serviceSection_wp {margin:0 auto;}
	.serviceCont_wp .serviceCont_tabSection_wp .serviceCont_table {margin:33px 0; padding:0; }
	.serviceCont_wp .serviceCont_tabSection_wp .serviceCont_tab ul li {font-size:14px;}
	.serviceCont_wp .serviceCont_tabSection_wp .serviceCont_table table.mobView tr td {padding:10px 7px; font-size:14px;}
	
	/*===================== SERVICE 페이지 - 상단 VISUAL 3칸 스타일 =====================*/
    .subVisual_wp.serviceVisual_wp {margin:0 5%;}
	.sectionVisual .sectionVisual_txt .sectionVisual_titleTxt {font-size:38px;}
	.sectionVisual .sectionVisual_txt .sectionVisual_titleTxt.diffFontStyle {font-size:24px;}
    		
	/*===================== SERVICE 페이지 - 컨텐츠 마지막에 있는 바부분 스타일 =====================*/
    .lastBarSectionCont {margin:0 auto 60px;}
    .lastBarSectionCont .lastBar_wp {min-height:337px;}
	.lastBarSectionCont .lastBar_wp .lastBar_cont_wp {padding:50px 0;}
    .lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_text p.title {font-size:32px;}
    .lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_text p {font-size:14px; margin:20px auto; display:block; line-height:2!important;}
    .lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_text p:last-child {width:75%;}
    .lastBarSectionCont .lastBar_wp .lastBar_cont_wp .lastBar_cont_link a {font-size:14px; width:55%; margin:5px 0;}
    
	/*===================== SERVICE 페이지 - PROJECT 부분 스타일 =====================*/
    #container #projectSection.inner.serviceSection {margin:0 auto;}
	#container .inner .sub_tit_wp-project {max-width:65%;}
    .serviceCont_wp .serviceCont_txt_wp.projectCont_txt_wp {background:none; height:auto; margin-bottom:60px;}
    .serviceCont_wp .serviceCont_txt_wp.projectCont_txt_wp > div {margin:0 0 30px;}
    .serviceCont_wp .serviceCont_txt_wp.projectCont_txt_wp > .serviceCont_img {max-width:384px; margin:0 auto;}
    .serviceCont_wp .serviceCont_txt_wp.projectCont_txt_wp > .serviceCont_img img {width:100%;}

    .serviceCont_wp .serviceCont_txt_wp .leftTop_txt,
    .serviceCont_wp .serviceCont_txt_wp .leftBottom_txt,
    .serviceCont_wp .serviceCont_txt_wp .rightTop_txt,
    .serviceCont_wp .serviceCont_txt_wp .rightBottom_txt {top:0; left:0; text-align:center; width:100%;}
    
    /*===================== SERVICE 페이지 - PROJECT 탭테이블부분 스타일 =====================*/
    .serviceCont_tabSection_wp .serviceCont_table.project_table {background-size:cover;}
    .serviceCont_tabSection_wp .serviceCont_table.project_table table tr td {width:28%; padding:0; vertical-align:middle}
    .serviceCont_tabSection_wp .serviceCont_table.project_table table tr td:last-child {width:50vw; padding:15px 0 15px 30px;}
    .serviceCont_wp .serviceCont_tabSection_wp .serviceCont_table.project_table table.mobView tr td:first-child {width:1%;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableProject_tabOn04.project_table table.mobView tr td:first-child {width:1%;}
    .serviceCont_wp .serviceCont_tabSection_wp p.table_subTxt {font-size:12px; margin:10px 0;}
    .serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:nth-child(2),
    .serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:nth-child(3),
    .serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:nth-child(4),
    .serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:nth-child(5) {width:15%;}
    
    /*===================== SERVICE 페이지 - MAINTENANCE 부분 스타일 =====================*/
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp {padding:0 0 85px;}
    .serviceCont_tabSection_wp .serviceCont_table.maintenance_table table tr td {padding:5px 15px;}
    .serviceCont_tabSection_wp .serviceCont_table.maintenance_table table tr:first-child td {padding:15px;}
    .serviceCont_tabSection_wp .serviceCont_table.maintenance_table table.mobView {padding:0 0 15px 0;}
    .serviceCont_tabSection_wp #tableMaintenance_tabOn01.serviceCont_table.maintenance_table table tr td:first-child,
    .serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:first-child {width:10%; }
    .serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:nth-child(2),
    .serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:nth-child(3),
    .serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:nth-child(4),
    .serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:nth-child(5) {width:15%;}
    .serviceCont_tabSection_wp #tableMaintenance_tabOn02.serviceCont_table.maintenance_table table tr td:last-child a {padding:5px 20px; border-radius:5px; color:#fff; background:#2a2a2a; font-size:10px; font-family:'Noto Sans Korean','Noto Sans KR', sans-serif; }
    
    
    
	/*===================== SERVICE 페이지 - DOMAIN 부분 스타일 =====================*/
	.serviceCont_wp .domainCont_btns {margin:50px auto 0;}
	.serviceCont_wp .domainCont_btns a {max-width:214px;}
	.serviceCont_wp .domainCont_btns a.diffBtn {margin:0 0 5% 0;}
    
    /*===================== SERVICE 페이지 - 웹호스팅 이용방법 부분 스타일 =====================*/
    .howToUseCont .boxContent_wp {padding:4% 8%;}
    .howToUseCont .circleIcon_wp .circleIcon .iconTxt {width:90%;}

    /*=============== INQUIRE 페이지 스타일 =====================*/
	#sub_visual > ul > li.img3 {background:none;}
	#sub_visual.inquireVisual_wp {margin:0 30px 0;}
    #sub_visual.inquireVisual_wp #container {padding:0;}
	#sub_visual #container .inquireSection.inner .title_wp {padding:10px 0 0;}
	#sub_visual #container .inquireSection.inner .title_wp h2 {font-size:32px; line-height:1.6; margin-right:0; padding:0 0 10px;}
	#sub_visual #container .inquireSection.inner .title_wp p.subTitle {font-size:14px; line-height:1.6;}
	.inquireSection .inquireCont_wp {margin:0;}
	#sub_visual.inquireVisual_wp ul {height:1500px;}
	.inquireSection .inquireCont_wp .inquireCont { width:50%; padding:0; }
	.inquireSection .inquireCont_wp .inquireCont textarea.inquire_form {border:2px solid #d4d4d4; height:200px;}
	.inquireSection .inquireCont_wp .inquireCont.inquireFormBox_wp {width:50%; padding:0 5% 0 0;}
    .inquireSection .inquireCont_wp .inquireCont input.inquire_form, .inquireSection .inquireCont_wp .inquireCont select.inquire_form {margin-top:48px;}
    .inquireSection .inquireCont_wp .inquireCont .inquire_form_file_wp input.inquire_form_file {width:80%;}
    .inquireSection .inquireCont_wp .inquireCont.inquireAddressBox_wp {width:100%; margin:12% 0 0 0;}
	.inquireSection .inquireCont_wp .inquireCont .address_wp {margin:5% 0 0 0;}
	.inquireSection .applyBtn {margin:0 auto;}
     
    /*=============== INSIDE - 공통 리스트 스타일  =====================*/
    #sub_visual.insideVisual_wp {margin:0 5%;}
    #sub_visual #container.insideContainer {background:none; padding:0;}
    #sub_visual #container .insideContentInner.inner .title_wp {padding:0; text-align:center;}
    #sub_visual #container .insideContentInner.inner .visualSubMenu {text-align:center; margin:5px 0 0 0; display:none;}
    #sub_visual_mobile .title.insideTitleTxt {display:none;}
    #container .insideContentInner.inner {padding:60px 0 0;}
    #container .insideContentInner.inner .title {text-align:center; margin:0; padding:0 10px 0;}  
    #container .insideContentInner.inner .title span {display:block; margin:-15px 0 0 0; font-size:20px;}
    .insideCont_wp .insideCont .insideCont_top {margin:0 0 10px 0;}
    .insideCont_wp .insideCont .insideCont_top .txt {display:block; width:100%; text-align:center; padding:0;}
    .insideCont_wp .insideCont .insideCont_top .txt.flright {margin:0;}
    .insideCont_wp .insideCont .insideCont_top > div > div > ul > li > .txt {padding:0;}
    .insideCont_wp .insideCont .insideCont_top .srchBox_wp {display:inline-block; max-width:500px; width:100%; float:inherit; margin:20px 0 10px 0;}
    .insideCont_wp .insideCont .insideCont_top .srchBox_wp select {width:30%; float:left;}
    .insideCont_wp .insideCont .insideCont_top .srchBox_wp input {width:68%; float:right;}
    .insideCont_wp .insideCont .insideCont_top .srchBox_wp a {display:inline-block; width:100%; padding:10px 0; margin:10px 0 0 0;}
    
    /*=============== INSIDE - 비주얼이미지 안 3개버튼(MAINTENANCE, PROJECT, NOTICE) 스타일  =====================*/
    #sub_visual_mobile .img4_mobile .visualSubMenu {position:relative; margin:0 auto; max-width:1600px; width:100%; margin:0 auto; height:100%; text-align:center;}
    #sub_visual_mobile .img4_mobile .visualSubMenu ul {position:absolute; top:30%; left:0; right:0; }
    #sub_visual_mobile .img4_mobile .visualSubMenu ul li {display:block;}
    #sub_visual_mobile .img4_mobile .visualSubMenu ul li a {display:inline-block; color:#fff; font-size:5.5vw; font-weight:bold; font-family:'Montserrat'; margin:0 10px 0 0; }
    #sub_visual_mobile .img4_mobile .visualSubMenu ul li:last-child a {margin:0;}
    #sub_visual_mobile .img4_mobile .visualSubMenu ul li:last-child a:after {content:''; margin:0;}
    #sub_visual_mobile .img4_mobile .visualSubMenu ul li a .subMenuOn {text-decoration:line-through;}
    #sub_visual_mobile .img4_mobile .visualSubMenu ul li a .subMenuOn:after {text-decoration:none;}
    
    /*=============== INSIDE - PROJECT 리스트 페이지  스타일  =====================*/
    .order_list ul li.project_listBox {margin:0 auto 30px; padding:30px; }
    
    /*=============== INSIDE - PROJECT 상세 페이지(읽기부분)  스타일  =====================*/
    .orderDetail_list {padding:30px; }
    
    /*=============== MEMBER - 공통 스타일 =====================*/
    #sub_visual.memberVisual_wp {margin:0 5.387% 70px;}
    #container .memberSection > div {width:100%; float:inherit; position:relative;}
    #container .memberSection .leftSection .leftBg {padding:0; background-size:cover; height:35vw; }
    #container .memberSection .leftSection .leftBg img {position:absolute; top:27%; right:0; max-width:698px; max-height:554px; min-width:inherit; min-height:inherit; width:inherit; height:inherit; z-index:1;  }
    #container .memberSection .rightSection {margin:-8% auto 0;}
    #container .memberSection .rightSection .rightBg {padding:0; background:#fff;}
    #container .memberSection .rightSection .titleTxt {display:block; position:absolute; top:0; left:23px; font-size:8vw; letter-spacing:0;}
    #container .memberSection .rightSection .subTxt {display:none;} 
    
    /*=============== MEMBER - 로그인 스타일 =====================*/
    #container .memberSection .rightSection .rightBg.loginBg {padding:0;}
    #container .memberSection .rightSection .loginContent {max-width:inherit; width:90%;}
    #container .memberSection .rightSection .loginContent .loginIcon {display:none;}
    #container .memberSection .rightSection .loginForm {margin:20% auto 0;}
    
    /*=============== MEMBER - 회원가입 약관 스타일 =====================*/
    #container .memberSection .rightSection .rightBg.clauseBg {padding:0;}
    #container .memberSection .rightSection .joinForm.clauseForm {margin:20% auto 0;}  
    #container .memberSection .rightSection .clauseContent .clauseInner .agreeChkBox #agreeChk_01, #container .memberSection .rightSection .clauseContent .clauseInner .agreeChkBox #agreeChk_02 {-webkit-appearance:checkbox;}
    
    /*=============== MEMBER - 회원가입 입력 스타일 =====================*/    
    #container .memberSection .rightSection .rightBg.joinBg {padding:0;}
    #container .memberSection .rightSection .joinForm.joinInputForm {margin:20% auto 0;}      
    #container .memberSection .rightSection .joinContent .inputForm_wp .inputLeft {float:inherit;}
    #container .memberSection .rightSection .joinContent .inputForm_wp .inputRight {float:inherit;}
    #container .memberSection .rightSection .joinContent .inputForm_wp .inputForm {width:90%}
    #container .memberSection .rightSection .joinContent .inputForm_wp .InputTxt.inputaddress {margin:33px auto 0;}
    #container .memberSection .rightSection .joinContent .inputForm_wp .inputBox.inputaddress .ChkBtn {top:42px;}    
    #container .memberSection .rightSection .joinForm .joinBtn.etcBtn {max-width:292px; margin:3px 0 0 0;}
    
    /*=============== 개인정보취급방침 스타일 =====================*/
    #sub_visual.privacyVisual_wp {margin:0 5.387% 70px;}
    #container .privacySection > div {width:100%; float:inherit; position:relative;}
    #container .privacySection .leftSection .leftBg {padding:0; background-size:cover; height:35vw; }
    #container .privacySection .leftSection .leftBg img {position:absolute; top:27%; right:0; max-width:698px; max-height:554px; min-width:inherit; min-height:inherit; width:inherit; height:inherit; z-index:1;  }
    #container .privacySection .rightSection {margin:-6% auto 0;}
    #container .privacySection .rightSection .rightBg {padding:0; background:#fff;}
    #container .privacySection .rightSection .titleTxt {display:block; position:absolute; top:0; left:23px; font-size:5.5vw; letter-spacing:0;}
    #container .privacySection .rightSection .rightBg.privacyBg {padding:0;}
    #container .privacySection .rightSection .privacyForm {margin:20% auto 0;}    
}

@media screen and (max-width:1180px) {
    /*===================== SERVICE 페이지 - 유지보수상황실(EPMS) 이미지바 부분 스타일 =====================*/
    .epmsSection .epmsBg_wp .epmsCont_wp {padding:52px 0;}
    .epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_text {display:block; float:inherit;}
    .epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_text p {text-align:center;}
    .epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_link {display:block; float:inherit; margin:3% auto 0; }
}



@media screen and (max-width:1100px) {   
    /*===================== ABOUT 페이지 - PROCESS AREA 스타일 =====================*/
	.processSection_wp .processCont_wp .processCont {width:45%; min-height:195px; height:100%; float:left; padding:0; margin:0 0 60px 0; margin-bottom:50px!important;}
	.processSection_wp .processCont_wp .processCont:nth-child(even) {float:right;}
	.processSection_wp .processCont_wp .processCont.mb100  {margin-bottom:50px!important;}

    /*===================== ABOUT 페이지 - BUSINESS AREA 스타일 =====================*/
    .businessSection_wp .businessCont_wp {width:100%; margin:0;}
	.businessSection_wp .businessCont_wp .businessCont {width:50%; margin:0 auto 30px; text-align:center;}
	.businessSection_wp .businessCont_wp .businessCont:nth-child(even) {float:right;}
    .businessSection_wp .businessCont_wp .businessCont .iconImg {text-align:center; display:inline-block; }
    .businessSection_wp .businessCont_wp .businessCont .iconImg {text-align:center; display:inline-block; }
    .businessSection_wp .businessCont_wp .businessCont .iconContList_txt {text-align:center;}
    
    /*===================== SERVICE 페이지 - 상단 VISUAL 3칸 스타일 =====================*/
    .subVisual_wp.serviceVisual_wp.serviceThreeVisualBanner_wp {padding-bottom:90%; margin:0 5% 0;}
	.sectionVisual.leftSectionVisual,
	.sectionVisual.rightSectionVisual {width:100%;}
	.sectionVisual.rightSectionVisual .topSectionVisual,
	.sectionVisual.rightSectionVisual .bottomSectionVisual {width:50%; display:inline-block; float:left;}
    
    /*===================== SERVICE 페이지 - MAINTENANCE 부분 스타일 =====================*/
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp ul li.contentsBox_wp {padding:40px 6% 45px; width:47%;}
    
    /*===================== SERVICE 페이지 - 웹호스팅 이용방법 부분 스타일 =====================*/
    .howToUseCont .boxContent_wp {padding:4% 5%;}   
    .rightSection_wp {max-width:95%;}
    .howToUseSection .howToUseSection_bg .howToUseCont.howToUse_rightSection {width:100%; }
   
    /*=============== INSIDE - 공통 리스트 스타일  =====================*/
    .insideCont_wp .insideCont .bottomListMoreBtn {margin:30px auto 40px}
    
    /*=============== INSIDE - MAINTENANCE부분의 EPMS테이블 스타일 =====================*/
    .maintenance_list {position:relative; max-width:1390px; width:100%; margin:0 auto;}
    .maintenance_list > ul {border-top:2px solid #3b3b3b;}
    .maintenance_list > ul > li.maintenance_listBox {padding:20px 0px; }
    .maintenance_list ul li .listTxt {display:inline-block; width:100%; height:100%; position:relative; text-align:left;}
    .maintenance_list ul li .listTxt p {color:#3b3b3b; font-size:18px; font-weight:350; text-align:center; line-height:1.6!important; font-family:'Noto Sans Korean', 'Noto Sans KR', sans-serif; word-break:keep-all; word-wrap:break-word}
    .maintenance_list ul li .listTxt .listNum_txt {display:block; width:auto; font-size:16px; text-align:left; border-right:none; margin:0 0 10px 0; padding:0 0 10px 0; line-height:1.6!important; border-bottom:1px solid #c8c8c8}
    .maintenance_list ul li .listTxt .listTitle_txt {display:block; width:100%; text-align:left; padding:0; }
    .maintenance_list ul li .listTxt .listStateBox {display:block; width:100%; }
    .maintenance_list ul li .listTxt .listStateBox ul li .listState_txt {max-width:100%;}
    .maintenance_list ul li .listTxt .listDate_txt {display:inline-block; width:100%; font-size:16px; line-height:1.6!important; float:left; text-align:left; }
    .maintenance_list ul li .listTxt .listDate_txt span {vertical-align:middle; margin:0 8px 0 0;}
    .maintenance_list ul li .listTxt .listworker_Txt {display:inline-block; width:100%; font-size:16px; float:left; text-align:left;}
}

@media screen and (max-width:990px) { 
    /*===================== SERVICE 페이지 - MAINTENANCE 부분 스타일 =====================*/
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp ul li.contentsBox_wp {padding:40px 3% 45px; width:47%;}
}

@media screen and (max-width:860px) { 
    /*===================== SERVICE 페이지 - MAINTENANCE 부분 스타일 =====================*/
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp ul li.contentsBox_wp {padding:40px 1% 45px; width:47%;}
}

@media screen and (max-width:850px) { 
    /*===================== SERVICE 페이지 - PROJECT 탭테이블부분 스타일 =====================*/
    .serviceCont_tabSection_wp .serviceCont_table.project_table {padding:45px;}
    
    /*===================== SERVICE 페이지 - MAINTENANCE 부분 스타일 =====================*/
    .serviceCont_tabSection_wp .serviceCont_table.maintenance_table {padding:45px;}
}

@media screen and (max-width:810px) { 
    /*===================== SERVICE 페이지 - MAINTENANCE 부분 스타일 =====================*/
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp ul li.contentsBox_wp {padding:40px 0% 45px; width:47%;}    
}

@media screen and (max-width:783px) { 
    /*===================== SERVICE 페이지 - MAINTENANCE 부분 스타일 =====================*/
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp ul li.contentsBox_wp {padding:40px 0% 45px; width:100%;}
}

@media screen and (max-width:768px) {    
   	/*=============== 서브 공통 페이지 스타일 =====================*/
	.pcView {display:none!important;}
	.mobView {display:block;}
    

	#container .inner {padding:0 20px 0; margin:60px auto 0;}
	#container .inner .title {margin:0; float:inherit;}	
	#container .inner .title h2 {font-size:32px; margin:0 0 30px;}
	#container .inner h3.sub_tit {font-size:14px; line-height:2; margin-bottom:30px; }
    #container .inner .subCont_txt {font-size:14px; line-height:2;}
    
    /*===================== ABOUT 페이지 - ABOUT E-FRONT 스타일 =====================*/
    .greeting .circleArea_wp {max-width:387px; width:100%; display:inline-block; text-align:center; margin:0 auto;}
	.greeting .counterSection_wp .CounterSection .innerCounter {width:50%;}
    .greeting .counterSection_wp .counterNumber_wp .aboutCounterNum {font-size:40px;}
    
    .greeting .circleArea_wp .circleBg {float:left; max-width:169px; width:45%; max-height:161px; height:100%; border-radius:50%; margin:7.89px; padding:13% 0;}
	.greeting .circleArea_wp .circleBg:nth-child(1):before,
    .greeting .circleArea_wp .circleBg:nth-child(2):before,
	.greeting .circleArea_wp .circleBg:nth-child(3):before,
	.greeting .circleArea_wp .circleBg:nth-child(4):before {position:absolute; height:1px; width:34px; background:#aee1fb; content:'';}
	.greeting .circleArea_wp .circleBg:nth-child(1):before {width:11px; top:50%; right:-13px;}
    .greeting .circleArea_wp .circleBg:nth-child(2):before {width:1px; height:11px; top:inherit; left:inherit; bottom:-13px;}
    .greeting .circleArea_wp .circleBg:nth-child(3):before {width:1px; height:11px; top:-13px; left:inherit;}
    .greeting .circleArea_wp .circleBg:nth-child(4):before {width:11px; top:50%; left:-13px;}
    .greeting .circleArea_wp .circleBg:nth-child(3) {background:#313131;}
	.greeting .circleArea_wp .circleBg:last-child {background:#66b1d8;}
    .greeting .circleArea_wp .circleBg p.circleTxt_ko {font-size:20px;}
    .greeting .circleArea_wp .circleBg p.circleTxt_en {font-size:14px;}
    
    /*===================== ABOUT 페이지 - PROCESS AREA 스타일 =====================*/
	.processSection_wp {margin:80px auto 0;}
	#container .processSection_wp > .inner {padding:60px 50px 0!important; margin:0 auto;}
	.processSection_wp .processCont_wp {padding:0;}
	.processSection_wp .title h2 {top:35%; left:-74%;}
	#container .inner .title.backgroundTitle h2 {font-size:220px; transform:rotateZ(90deg); }
	.processSection_wp .processCont_wp .processCont {width:100%; padding:0; margin:0 0 60px 0; min-height:inherit;}
    .processSection_wp .processCont_wp .processCont:nth-child(even) {float:inherit;}
	.processSection_wp .processCont_wp .processCont.mb100  {margin-bottom:50px!important;}
    .processSection_wp .processCont_wp .processCont p.stepNum {margin:0;}
    .processSection_wp .processCont_wp .processCont p.stepTitle_txt {font-size:24px; line-height:2!important; margin-bottom:10px;}
    .processSection_wp .processCont_wp .processCont p.stepCont_txt {line-height:2!important;}
    .processSection_wp.animated .inner .title h2 {-webkit-animation-name:none; animation-name:none; opacity:1!important}
    
    /*===================== ABOUT 페이지 - BUSINESS AREA 스타일 =====================*/
    #container .inner .sub_tit_wp {margin:0;}
    #container .inner .sub_tit_wp.mr183 {margin-right:0!important; display:inline-block;}
    .businessSection_wp {margin:0;}
    .businessSection_wp .businessContents {margin:0 auto 30px;}
    .businessSection_wp .businessCont_wp_mobile {position:relative; padding:0 30px;}
    .businessSection_wp .businessCont_wp_mobile .bx-controls .bx-prev {position:absolute; width:50px; height:50px; text-indent:-9999px; top:35%; left:-20px; background:url(../img/arrowPrevIcon_img.png) no-repeat; }
    .businessSection_wp .businessCont_wp_mobile .bx-controls .bx-next {position:absolute; width:50px; height:50px; text-indent:-9999px; top:35%; right:-20px; background:url(../img/arrowNextIcon_img.png) no-repeat; }
    .businessSection_wp .businessCont_wp {max-width:inherit; width:100%; margin:0; float:inherit;}
	.businessSection_wp .businessCont_wp .businessCont {width:100%; margin:0 auto;}
    .businessSection_wp .businessCont_wp .businessCont .iconImg img {margin:0 auto;}
    .businessSection_wp .businessCont_wp .businessCont .iconTitle_txt {font-size:16px; line-height:1.6!important; text-align:center;}
    .businessSection_wp .businessCont_wp .businessCont .iconContList_txt {text-align:center;}
    .businessSection_wp .businessCont_wp .businessCont .iconContList_txt ul {display:inline-block;}
    .businessSection_wp .businessCont_wp .businessCont .iconContList_txt ul li {font-size:14px; line-height:2; text-align:left;}
   
    /*===================== SERVICE 페이지 - 상단 VISUAL 3칸 스타일 =====================*/
    .subVisual_wp.serviceVisual_wp {margin:0;}
    .subVisual_wp.serviceVisual_wp.serviceThreeVisualBanner_wp {padding-bottom:155%; margin:0 5% 60px;}
	.sectionVisual.leftSectionVisual,
	.sectionVisual.rightSectionVisual {width:100%;}
    .sectionVisual.leftSectionVisual,
    .sectionVisual.rightSectionVisual .topSectionVisual,
    .sectionVisual.rightSectionVisual .bottomSectionVisual {background-size:cover;}
	.sectionVisual.rightSectionVisual .topSectionVisual,
	.sectionVisual.rightSectionVisual .bottomSectionVisual {width:100%; display:inline-block; float:inherit;}
    .sectionVisual .sectionVisual_txt {padding:29px 30px;}
    .sectionVisual .sectionVisual_txt .sectionVisual_titleTxt {font-size:32px;}
    .sectionVisual .sectionVisual_txt .sectionVisual_subTxt {display:none;}
	.sectionVisual .sectionVisual_txt .sectionVisual_titleTxt.diffFontStyle {font-size:24px;}
    
    /*===================== SERVICE 페이지 - PROJECT 부분 스타일 =====================*/
    .serviceCont_wp .serviceCont_txt_wp .serviceCont_titleTxt {padding-top:5px; font-size:14px; line-height:2.6!important;}
    .serviceCont_wp .serviceCont_txt_wp .serviceCont_subTxt {display:inline-block; font-size:12px; line-height:1.6!important; text-align:left;}
    
    /*===================== SERVICE 페이지 - 중간 아코디언 이미지배너 부분 스타일 =====================*/
	.projectAccordionContent_wp .projectAccordionContent .accordionContent {height:70px; transition:all 0.5s;}

	.projectAccordionContent_wp .projectAccordionContent .accordionContent .txt {max-width:1405px; margin:20px auto;}
	.projectAccordionContent_wp .projectAccordionContent .accordionContent .txt p {color:#fff; line-height:1.6; word-break:keep-all; word-wrap:break-word;  }
	.projectAccordionContent_wp .projectAccordionContent .accordionContent .txt .titleTxt {font-size:19px; margin:0 0 35px 0; font-family:'Titillium Web', sans-serif; font-weight:700; }

	.projectAccordionContent_wp .projectAccordionContent .accordionContent:hover .txt .titleTxt {text-align:center;}
    .projectAccordionContent_wp .projectAccordionContent .accordionContent:hover .txt .contentTxt {display:inline-block; margin:0; font-size:14px; line-height:1.6!important; max-width:90%; }
    
    /*===================== SERVICE 페이지 - PROJECT 탭테이블부분 스타일 =====================*/
    .serviceCont_tabSection_wp .serviceCont_table .table_wp {padding:0;}
    .serviceCont_tabSection_wp .serviceCont_table.project_table {padding:0px; margin:20px 0 60px;}
    
    /*===================== SERVICE 페이지 - MAINTENANCE 부분 스타일 =====================*/
	#container .inner .sub_tit_wp-maintenance {max-width:100%; margin:0 auto 5px!important;}
	#container .inner .maintenanceSection_wp .subCont_txt {font-size:12px; line-height:1.6; margin-bottom:30px; text-align:left;}
    .serviceCont_wp .serviceCont_txt_wp_mobile {position:relative; border-bottom:1px solid #e6e6e6; padding:0 30px 30px; margin:0 auto; }
    .serviceCont_wp .serviceCont_txt_wp_mobile .bx-controls .bx-prev {position:absolute; width:50px; height:50px; text-indent:-9999px; top:35%; left:-10px; background:url(../img/arrowPrevIcon_img.png) no-repeat; }
    .serviceCont_wp .serviceCont_txt_wp_mobile .bx-controls .bx-next {position:absolute; width:50px; height:50px; text-indent:-9999px; top:35%; right:-10px; background:url(../img/arrowNextIcon_img.png) no-repeat; }
    
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp {margin-bottom:0px;}
	.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp {padding:0px; border-bottom:none;}
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp ul {margin:0; display:inline-block; height:100%;}
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp ul li.contentsBox_wp {box-sizing: border-box; width:100%; border:none; padding:0; margin:0; }
	.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp ul li.contentsBox_wp .contentImg {margin:30px 0 0;}
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_title_txt {font-size:14px; line-height:2!important; margin:20px auto 10px;}
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_title_txt span {vertical-align:middle;}
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt {font-size:12px; line-height:2!important;}
    .serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding01,
	.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding02,
	.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding03,
	.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding06	{padding:0 30px 20px;}
	.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding04 {padding:0 15px;}
	.serviceCont_wp .serviceCont_txt_wp.maintenanceCont_txt_wp .serviceCont_box_wp p.contentBox_cont_txt.fontPadding05 {padding:0 25px;}
    .serviceCont_wp .serviceCont_tabSection_wp .maintenance_table table tr td {padding:15px;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn01 {overflow-x:scroll;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn01 table {width:1200px;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn01 table tr td:first-child {width:15%;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn02 {overflow-x:scroll;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn02 table {width:1200px;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn02 table tr td:first-child {width:15%;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn03 table tr td {padding:5px 0;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn03 table.mobView {margin-top:20px;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn03 table.mobView tr td {width:20%;}
	.serviceCont_wp .serviceCont_tabSection_wp #tableMaintenance_tabOn03 table.mobView:last-child tr td {width:10%;}
    .serviceCont_tabSection_wp .serviceCont_table.maintenance_table {padding:0;}
    .serviceCont_tabSection_wp.maintenance_tabSection_wp .serviceCont_tab ul li {width:50%; font-size:12px;}
    .serviceCont_tabSection_wp.maintenance_tabSection_wp .serviceCont_tab ul li:first-child {border-bottom:1px solid #242424;}
    .serviceCont_tabSection_wp.maintenance_tabSection_wp .serviceCont_tab ul li:nth-child(2) {border-right:none; border-bottom:1px solid #242424;}
    .serviceCont_tabSection_wp .serviceCont_table.maintenance_table table tr td {font-size:14px; word-break:keep-all; word-wrap: break-word}
    
    .serviceCont_tabSection_wp .serviceCont_table.maintenance_table {margin:20px 0 60px}
    
    /*===================== SERVICE 페이지 - 유지보수상황실(EPMS) 이미지바 부분 스타일 =====================*/
	.epmsSection {padding:0 2%; margin:0 0 60px 0;}
	.epmsSection .epmsBg_wp .epmsCont_wp {padding:40px 0;}
    .epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_text p {line-height:1.8!important; font-size:12px; width:85%;}
    .epmsSection .epmsBg_wp .epmsCont_wp .epmsCont_text p.title {word-wrap:break-word; font-size:22px; margin:0 auto; width:70%;}
    
    
    /*===================== SERVICE 페이지 - HOSTING 부분 스타일 =====================*/
    .serviceCont_wp .hostingContBox_wp {padding:30px 0;}
    .serviceCont_wp .hostingContBox_title {font-size:14px; line-height:2; margin:0 0 10px 10px;}
	.serviceCont_wp .hostingContBox_subTxt {font-size:14px; line-height:2; margin:10px 0 0 1px; max-width:100%;}
	.serviceCont_wp .hostingContBox_wp .hostingContBox_inner .hostingCont {display:inline-block; width:50%; float:left; margin:0 auto 30px; }
	.serviceCont_wp .hostingContBox_wp .hostingContBox_inner .hostingCont:last-child {margin:0 auto; float:inherit;}
	.serviceCont_wp .hostingContBox_wp .hostingContBox_inner .hostingCont .hostingCont_txt {font-size:12px; margin:3% auto 0;}
    
  	/*===================== SERVICE 페이지 - 웹호스팅 이용방법 부분 스타일 =====================*/
	.rightSection_wp {max-width:100%; width:100%; margin:60px auto 0px;}
    .rightSection_wp .howToUseTitle_txt {margin:0 auto 30px;}    
    .howToUseSection {padding:0;}
    .howToUseCont .boxContent_wp {padding:30px; margin:60px auto 0;}
    .howToUseSection .howToUseSection_bg {margin:70px auto 0;}
    .howToUseSection .howToUseSection_bg .howToUseCont.howToUse_leftSection {display:none;}
	.howToUseSection .howToUseSection_bg .howToUseCont.howToUse_rightSection {width:100%;}
    .howToUseCont .howToUseTitle_txt span {font-size:32px; line-height:2; }
    .howToUseCont .circleIcon_wp_mobile {position:relative; padding:0 60px;}
    .howToUseCont .circleIcon_wp_mobile .bx-controls .bx-prev {position:absolute; width:50px; height:50px; text-indent:-9999px; top:35%; left:20px; background:url(../img/arrowPrevIcon_img.png) no-repeat; }
    .howToUseCont .circleIcon_wp_mobile .bx-controls .bx-next {position:absolute; width:50px; height:50px; text-indent:-9999px; top:35%; right:20px; background:url(../img/arrowNextIcon_img.png) no-repeat; }
    .howToUseCont .circleIcon_wp {width:85%; margin:0px auto;}
	.howToUseCont .circleIcon_wp .circleIcon {width:100%; display:inline-block; float:left; margin:0 0 60px;}
    .howToUseCont .circleIcon_wp .circleIcon:last-child {margin:0;}
    .howToUseCont .circleIcon_wp .circleIcon .iconImg {display:inline-block; padding:20px; margin:0 0 20px;}
	.howToUseCont .circleIcon_wp .circleIcon .iconTxt {text-align:center; width:auto; padding:0 30px;}
	.howToUseCont .circleIcon_wp .circleIcon:nth-child(2) .iconTxt {width:60%;}
	.howToUseCont .circleIcon_wp .circleIcon .iconTxt.wd55per {width:auto;}
	.howToUseCont .circleIcon_wp .circleIcon .iconTxt p {font-size:14px; line-height:1.6!important;}
    .howToUseCont .circleIcon_wp .circleIcon .iconTxt .iconNum {line-height:1.6!important;}
	.howToUseCont .boxContent_wp .boxContent .nameServerBox {width:100%; float:inherit; display:inline-block;}
    .howToUseCont .boxContent_wp .boxContent .nameServerBox:last-child {margin:10px 0 0;}
    .howToUseCont .boxContent_wp .boxContent .nameServerBox p {font-size:14px; width:100%; line-height:1.6!important;}
    .howToUseCont .boxContent_wp .boxContent p.midTxt {width:100%; font-size:10px; line-height:1.6!important;}
    .howToUseCont .boxContent_wp .boxContent p {font-size:14px; line-height:1.6!important;}
    
    /*=============== WORKS 페이지 스타일 =====================*/
	.worksSection .worksCont_wp .worksList ul li.works {width:100%; padding:0; float:inherit; height:100%; margin:20px 0 0 0;}
    
	#sub_visual #container .worksSection.inner .worksCategory_wp .worksCategory .mobView.worksCategoryFixed {width:100%; left:0%; top:auto; bottom:0; padding:3% 0; z-index:100;}
	#sub_visual #container .worksSection.inner .worksCategory_wp .worksCategory .mobView.worksCategoryFixed li select {width:85%; padding:3%;}

    /*===================== WORKS 페이지 detail 상세보기 스타일 =====================*/
    .worksSection .worksCont_wp .view_con {padding:0;}
    .worksSection .worksCont_wp .view_con .text_area {width:100%; position:static; right:inherit; top:inherit;}
    .worksSection .worksCont_wp .view_con .text_area .view_summary {margin:0px 0px 20px; padding:0 0 20px; color:#414141; border-bottom:1px solid #d4d4d4; }
    .worksSection .worksCont_wp .view_con .text_area .view_overview {margin:0px; padding:0;}
    .worksSection .worksCont_wp .view_con .btn_area li {width:20%;}
    .worksSection .worksCont_wp .view_con .btn_area li.site-link {width:60%;}
    .worksSection .worksCont_wp .view_con .btn_area li a {padding:20px 0;}
    .worksSection .worksCont_wp .view_con .img_area {padding:7%;}
    .worksSection .worksCont_wp .view_con .bottomBtn_wp {margin:30px auto; width:100%;}
    .worksSection .worksCont_wp .view_con .bottomBtn_wp .bottomBtn {width:50%;}

    /*=============== INQUIRE 페이지 스타일 =====================*/
    #sub_visual.inquireVisual_wp {margin:0 30px 0;}
    #sub_visual.inquireVisual_wp #container {padding:0;}
	#sub_visual #container .inquireSection.inner .title_wp {padding:10px 0 0;}
	#sub_visual #container .inquireSection.inner .title_wp h2 {font-size:32px; line-height:1.6; margin-right:0; padding:0 0 10px;}
	#sub_visual #container .inquireSection.inner .title_wp p.subTitle {font-size:14px; line-height:1.6;}
	.inquireSection .inquireCont_wp {margin:0;}
	 #sub_visual.inquireVisual_wp ul {height:1800px;}
	.inquireSection .inquireCont_wp .inquireCont {width:100%; padding:0; }
    .inquireSection .inquireCont_wp .inquireCont textarea.inquire_form {border:2px solid #d4d4d4; height:200px;}
	.inquireSection .inquireCont_wp .inquireCont.inquireFormBox_wp {width:100%; padding:0 5% 0 0;}
	.inquireSection .inquireCont_wp .inquireCont input.inquire_form, .inquireSection .inquireCont_wp .inquireCont select.inquire_form {margin-top:20px; }
    .inquireSection .inquireCont_wp .inquireCont .inquire_form_file_wp input.inquire_form_file {width:60%;}
	.inquireSection .inquireCont_wp .inquireCont.inquireAddressBox_wp {width:100%; margin:12% 0 0 0;}
	.inquireSection .inquireCont_wp .inquireCont .address_wp {margin:5% 0 0 0;}
    .inquireSection .agreeBtn input#inquireChkBox {-webkit-appearance:checkbox; appearance:checkbox; }
	.inquireSection .applyBtn {margin:0 auto;}
    
    #sub_visual #container .inquireSection.inner {margin:0 auto;}
    
    /*=============== INSIDE 페이지 스타일 =====================*/
    #sub_visual_mobile.subVisual_wp {margin:0 15px 0;}
    #sub_visual #container .insideContentInner.inner {margin:0 auto;}
        
    /*=============== INSIDE - MAINTENANCE부분의 EPMS테이블  =====================*/
    .maintenance_list ul li .listTxt .listDate_txt,
    .maintenance_list ul li .listTxt .listworker_Txt { width:50%; }
    .maintenance_list ul li .listTxt .listworker_Txt {text-align:right;}
          
    /*=============== INSIDE - PROJECT 리스트 페이지  스타일  =====================*/
    .order_list ul li .listTxt p {margin:0 0 15px 0;}
    .order_list ul li .listTxt .listTitle_txt {font-size:22px; line-height: 1.6!important;}
    .order_list ul li:hover .listTxt .listTitle_txt:after {width:0%; }
    .order_list ul li .listTxt .listCont_txt {width:100%; font-size:14px;}
    
    /*=============== INSIDE - PROJECT 상세 페이지(읽기부분)  스타일  =====================*/
    .orderDetail_list {padding:30px; }
    .orderDetail_list .detailTitleBox {padding:0 0px 20px;}
    .orderDetail_list .detailTitleBox p {margin:0 0 15px 0;}
    .orderDetail_list .detailTitleBox .detailTitle_txt {font-size:22px; line-height:1.6!important; }
    .orderDetail_list .detailTitleBox .detailDate_txt {font-size:16px;}
    .orderDetail_list .detailTitleBox .detailCountTxt {font-size:14px;}
    .orderDetail_list .detailContntBox {padding:20px 0px;}
    .orderDetail_list .detailContntBox .detailContnt_txt {font-size:14px; }
    .orderDetail_list .detailBtnBox {margin:20px 0 0 0; padding:0;}
    .orderDetail_list .detailBtn.leftDetailBtn {float:inherit; width:100%; display:inline-block;}
    .orderDetail_list .detailBtn.leftDetailBtn .detailBtn_txt {width:100%; display:inline-block; float:inherit;}
    .orderDetail_list .detailBtn.rightDetailBtn {float:inherit; width:100%; display:inline-block; margin:1% 0 0 0;}
    .orderDetail_list .detailBtn .detailBtn_txt {display:inline-block; width:49%; float:left; }
    .orderDetail_list .detailBtn .detailBtn_txt.nextBtn_txt {float:right;}
    .orderDetail_list .detailBtn .detailBtn_txt a {width:100%; padding:11.5px 0px;  }
    .orderDetail_list .detailBtn .prevBtn_txt a,
    .orderDetail_list .detailBtn .nextBtn_txt a {padding:11.5px 0; width:100%; }
    .orderDetail_list .rightDetailBtn .detailBtn_txt {margin:0}
    
    /*=============== INSIDE - NOTICE 리스트 페이지 스타일  =====================*/
    .notice_list ul li.notice_listBox {margin:0 0 30px; padding:30px; width:100%;}
    .notice_list ul li:hover .listTxt .listMoreBtn { animation:inherit; -webkit-animation:inherit; -moz-animation:inherit; }
    .notice_list ul li .listTxt .listTitle_txt {font-size:22px; line-height:1.6!important }
    .notice_list ul li:hover .listTxt .listTitle_txt:after {width:0%; }
    .notice_list ul li .listTxt .listCont_txt {font-size:14px;}
    .notice_list ul li .listTxt .listDate_txt {font-size:14px;}     
    
    
    /*=============== INSIDE - MAINTENANCE부분 스타일  =====================*/
    
}

@media screen and (max-width:420px) { 
    /*===================== ABOUT 페이지 - CONTACT US 스타일 =====================*/
    .formmail_btn span input {width:49%!important; font-size:14px;}
    
}

@media screen and (max-width:395px) { 
    
    /*===================== ABOUT 페이지 - ABOUT E-FRONT 스타일 =====================*/
    .greeting .circleArea_wp .circleBg {width:43%; padding:13% 0;}
    
    /*===================== SERVICE 페이지 - 중간 아코디언 이미지배너 부분 스타일 =====================*/
    .projectAccordionContent_wp .projectAccordionContent .accordionContent:hover .txt .contentTxt {font-size:12px;}
    
    /*===================== SERVICE 페이지 - PROJECT 탭테이블부분 스타일 =====================*/
    .serviceCont_tabSection_wp .serviceCont_tab ul li {font-size:14px;}
    .serviceCont_tabSection_wp .serviceCont_table.project_table table tr td {font-size:14px; word-break:keep-all; word-wrap: break-word}
    .serviceCont_tabSection_wp .serviceCont_table table tr td p {font-size:12px;}
    .serviceCont_tabSection_wp .serviceCont_table table tr td p.contentTitle {font-size:13px;}
    
    /*===================== SERVICE 페이지 - MAINTENANCE 탭테이블부분 스타일 =====================*/
    .serviceCont_tabSection_wp .serviceCont_table.maintenance_table table tr td {font-size:14px; word-break:keep-all; word-wrap: break-word}
     
    /*===================== SERVICE 페이지 - HOSTING 부분 스타일 =====================*/
	.serviceCont_wp .hostingContBox_wp .hostingContBox_inner .hostingCont {width:100%; float:inherit; margin:0 auto 30px; }
    
    /*===================== WORKS페이지 detail 상세보기 스타일 =====================*/
    .worksSection .worksCont_wp .view_con .text_area .topBtns {top:10px;}
    

}