@charset"utf-8";

#page-wrapper {position:relative; min-width:1200px;}

.wrapper {position:relative; width:1000px; height:auto; margin:0 auto;}
::selection {color:#fff; background:#ff6d26;}
::-moz-selection {color:#fff; background:#ff6d26;}

#container {position:relative; width:100%;}

/*  header  */
header {width:100%; height:91px; padding:0; margin:0; border-bottom:1px #d8dedc solid; background:#fff; z-index:99999;}
header h1 {float:left; margin:8px 0 0 0; display:inline-block;}
header nav {position:relative; float:right; display:block; margin:34px 0 0 0; padding:0; width:auto; z-index:9999;}
header nav > ul {list-style:none; background:#fff; border:0; overflow:visible !important;}
header nav > ul > li {float:left; position:relative; height:58px; font-size:18px; border-bottom:0; overflow:visible !important;}
header nav > ul > li:last-child a {padding-right:0;}
header nav > ul > li > a {display:block; padding:0; margin-left:55px; color:#333; text-align:center; font-family:"Nanum Barun Gothic", 'Montserrat', sans-serif;}
header nav > ul > li > a:hover, header nav > ul > li.active > a {color:#ee503b;}
header nav > ul > li:hover .lnbsub {display:block;}
.lnbsub {display:none; position:absolute; top:38px; left:25px; width:140px; background:#1c1c1c;}
.lnbsub li {clear:both; width:100%; font-size:14px; text-align:left;}
.lnbsub li a {display:block; text-align:left; padding:10px 0 10px 15px; color:#b2b2b2; font-size:14px;}
.lnbsub li a:hover {background:#272727; color:#f15a22;}


/* footer */
footer {clear:both; width:100%; padding:38px 0; background:#1f1f1f;}
footer .inner {position:relative;overflow:hidden; width:1000px; margin:0 auto; font-family:'Montserrat', sans-serif;}
footer .inner address {float:left; color:#646464; font-size:14px; font-style:normal;clear:both;}
ul.footer_info{float:left;margin-bottom:20px;}
ul.footer_info li{font-size:12px;line-height:22px;color:#888;}
ul.footer_info li span{margin-right:10px;}
ul.footerUL {position:absolute;top:0;right:0;}
ul.footerUL li {float:left; padding:0 14px 0 9px; background:url(../images/common/bg_ftbar.png) right 55% no-repeat;}
ul.footerUL li:first-child {padding-left:0;}
ul.footerUL li:first-child a {font-family:"Nanum Barun Gothic", sans-serif; font-weight:bold; color:#fd3b01 !important;}
ul.footerUL li:last-child {padding-right:0; background:none;}
ul.footerUL li a {color:#888; font-family:"Nanum Barun Gothic", sans-serif; }
ul.footerUL li a:hover {color:#ccc;}


/* Main */
.slider {width:100%;}

.depart_group {position:relative; overflow:hidden;width:100%; height:100%;}
.depart_group .depart {float:left; width:25%; height:100%; min-height:870px; text-align:center; color:#fff;}
.depart_group .depart a {width:100%; height:100%; min-height:870px; color:#fff; overflow:hidden; display:block;}
.depart_group .depart a:hover {color:#feffa8; cursor:pointer;}
.depart_group .depart h2 {margin:420px auto 50px auto; font-size:54px; line-height:58px; font-family:"Nanum Barun Gothic", NanumGothic, ;}
.depart_group .depart p {width:60%; margin:0 auto; font-size:16px; line-height:29px;}
.depart_group .depart span {display:none; margin-top:30px; font-family:'Montserrat', sans-serif; font-size:14px; padding-top:22px; background:url(/images/main/bg_mainline.gif) center 0 no-repeat;}
.depart_group .depart:hover span {display:block;}
.depart_group #company {background:#d56e4e url(/images/main/bg_company.jpg) center 0 no-repeat;}
.depart_group #company a {background:url(/images/main/icon_company.png) center 266px no-repeat;}
.depart_group #offline {background:#fc8334 url(/images/main/bg_offline.jpg) center 0 no-repeat;}
.depart_group #offline a {background:url(/images/main/icon_offline.png) center 266px no-repeat;}
.depart_group #online {background:#202020 url(/images/main/bg_online.jpg) center 0 no-repeat;}
.depart_group #online a {background:url(/images/main/icon_online.png) center 266px no-repeat;}
.depart_group #web {background:#333332 url(/images/main/bg_web.jpg) center 0 no-repeat;}
.depart_group #web a {background:url(/images/main/icon_web.png) center 266px no-repeat;}
.icon_mouse {font-size:0; background:url(/images/main/icon_mouse.png) center 0 no-repeat;}

.section_quick {overflow:hidden; width:1100px; height:360px; margin:0 auto;}
.section_quick ul {margin-top:90px;}
.section_quick ul li {float:left; width:20%;text-align:center}
.section_quick ul li  a{display:inline-block;}
.section_quick ul li h3 {margin:96px 0 20px 0; color:#464646; font-weight:bold; font-size:20px; font-family:"Malgun Gothic"; letter-spacing:-1px;}
.section_quick ul li p {color:#b7b7b7; font-size:16px;}
.section_quick ul li:nth-child(1) {background:url(/images/main/icon_quick1.gif) 50% 0 no-repeat;}
.section_quick ul li:nth-child(2) {background:url(/images/main/icon_quick2.gif) 50% 0 no-repeat;}
.section_quick ul li:nth-child(3) {background:url(/images/main/icon_quick3.gif) 50% 0 no-repeat;}
.section_quick ul li:nth-child(4) {background:url(/images/main/icon_quick4.gif) 50% 0 no-repeat;}
.section_quick ul li:nth-child(5) {background:url(/images/main/icon_quick5.gif) 50% 0 no-repeat;}

.titH2 {padding:120px 0 72px 0; margin-bottom:70px; color:#222; font-size:36px; line-height:30px; font-family:"Nanum Barun Gothic", "Malgun Gothic", 'FuturaStd-Bold', sans-serif; font-weight:700; background:url(/images/main/2pxline-b.gif) center bottom no-repeat;}

.section_about {width:100%; height:790px; text-align:center; background:url(/images/main/bg_section_about.jpg) center 0 no-repeat; background-attachment:fixed; background-size:cover;}
.section_about h2 {padding:120px 0 72px 0; margin-bottom:70px; font-size:32px; line-height:30px; color:#fff; font-family:"Nanum Barun Gothic",'Montserrat', sans-serif; background:url(/images/main/2pxline.gif) center bottom no-repeat;}
.section_about p {color:#fff; font-size:18px; line-height:34px;}
.section_about span {display:block; font-size:30px; color:#fff; margin-bottom:30px; font-family: 'Nanum Myeongjo', serif; font-weight:bold;}
.section_about a {display:block; width:180px; margin:60px auto 0; height:46px; line-height:46px; color:#fff; font-size:18px; border:2px #fff solid; font-family:'Montserrat', sans-serif;}
.section_about a:hover {text-decoration:underline;}

.section_notice {position:relative; width:100%; height:930px; text-align:center;}
.section_notice .inner {width:1090px; margin:0 auto; overflow:hidden;}
.section_notice ul {width:496px;}
.section_notice ul.contLeft {float:left;}
.section_notice ul.contRight {float:right;}
.section_notice ul li {text-align:left; margin-bottom:43px;}
.section_notice ul li h3 {color:#444; font-size:17px; margin-bottom:10px;}
.section_notice ul li h3 span.date {float:right; color:#777; font-family:"Aleo"; font-size:16px; line-height:15px;}
.section_notice ul li p {width:100%; color:#999; font-size:13px; line-height:20px; text-overflow:ellipsis; overflow:hidden; }
.section_notice ul li a:hover {color:#fd3b01;}
.section_notice a.btn-more {position:absolute; bottom:120px; left:50%; width:130px; height:32px; line-height:32px; margin:100px 0 0 -65px; text-indent:15px; display:block; font-family:'Georgia'; font-weight:bold; letter-spacing:-0.5px; font-size:14px; color:#222; font-style:Italic; border:1px #222 solid; text-align:left; background:url(/images/main/btn-loadmore.gif) 97px 48% no-repeat;}
.section_notice a.btn-more:hover {color:#fff; background:#222; text-align:center; text-indent:0; letter-spacing:0;}

.section_work {width:100%;}
.section_work ul {overflow:hidden; margin:0 auto; width:100%;}
.section_work ul li {position:relative; float:left; width:16.666%; margin:0; padding:0; line-height:0;}
.section_work ul li img {width:100%;}
.section_work ul li .work-link {position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:url(/images/main/bg_work_info.png) 0 0 repeat; display:none;}
.section_work ul li:hover .work-link {display:block; filter:alpha(opacity=100);}
.section_work ul li .work-link a {display:block; width:100%; height:100%; padding-top:150px; color:#fff; font-family:'Montserrat', sans-serif; font-size:24px;}

.section_contact {width:100%; text-align:center;}
.section_contact h2 {background:none; padding-bottom:0;}
.section_contact ul {width:950px; margin:0 auto 70px;}
.section_contact ul li {float:left; margin-right:110px; height:85px; padding-left:76px; text-align:left;}
.section_contact ul li h3 {color:#222; font-size:18px; margin:5px 0 10px;}
.section_contact ul li p {font-size:14px; color:#605e5e; line-height:26px;}
.section_contact ul li:nth-child(1) {margin-right:90px; background:url(/images/main/icon_add.gif) 0 0 no-repeat;}
.section_contact ul li:nth-child(2) {background:url(/images/main/icon_call.gif) 0 0 no-repeat;}
.section_contact ul li:nth-child(3) {background:url(/images/main/icon_email.gif) 0 0 no-repeat; margin-right:0;}
.section_contact div.info {overflow:hidden; width:1000px; margin:0 auto 70px auto; padding-top:60px; border-top:1px #dadada dashed;}
.section_contact dl {width:450px; font-size:0; text-align:left; font-family:'Nanum Barun Gothic';}
.section_contact dl.floatL {float:left;}
.section_contact dl.floatR {float:right;}
.section_contact dl dt {float:left; width:145px; display:inline-block; font-size:15px; color:#222; font-weight:bold;}
.section_contact dl dd {display:inline-block;width:305px; font-size:15px; color:#605e5e;}
.section_contact .map {width:100%; height:510px; font-size:0; background:url(/images/main/@img_map_220203.gif) center 0 no-repeat;}

/* 견적문의 */
.section_request {width:100%; padding-bottom:110px; text-align:center;}
.section_request.bgCor {background:#fbfbfb url(/images/common/bg_form.gif) center 0 no-repeat; border-bottom:1px #e5e5e5 solid;}
.section_request h2 {background:none; padding-bottom:0;}
.section_request .inner {width:1000px; margin:0 auto; overflow:hidden;font-family:'Nanum Barun Gothic';}
.req-type {font-size:0; margin-bottom:50px;}
.req-type li {display:inline-block; padding:0 28px 0 16px; background:url(/images/common/icon-req.png) right 50% no-repeat;}
.req-type li a {display:block; color:#333; font-size:18px; font-family:'Nanum Barun Gothic','Roboto', sans-serif; font-weight:700; cursor:pointer;}
.req-type li:last-child {background:none;}
.req-type li.active a, .req-type li:hover a {color:#fd3b01;}
.req-form {float:left; width:598px;}
.req-form div {text-align:left; margin-bottom:15px;}
.req-form div label {display:block; margin-bottom:4px; font-size:13px; color:#333; font-family:'Nanum Barun Gothic'; font-weight:700;}
.req-form div input {width:576px; height:34px; line-height:34px; padding:0 10px; background:#ededed; border:1px #e2e2e2 solid;}
.req-form div textarea {width:576px; height:130px; padding:10px; line-height:18px; background:#ededed; border:1px #e2e2e2 solid;}

.filesLine {border:1px #e2e2e2 solid; background:#ededed url(/images/common/icon_upload.gif) 15px 9px no-repeat;}
.filesLine .file {width:436px; display:inline; margin-left:40px; color:#666; font-size:14px;}
.filesLine div {position:absolute; width:97px; height:34px; overflow:hidden; display:inline; background: url("/images/common/btn_files.gif") right 0 no-repeat;}
.filesLine div input {width:476px; height:34px; margin-left:-380px; display:inline; position:relative; cursor: pointer; opacity:0;}
.filesLine .inTxt {border:0;}

.input_chk {text-align:left; width:598px; height:20px; line-height:0;}
.input_chk .chk  {display:none; position:absolute; right:0; width:20px; height:20px;}
.input_chk label {display:inline-block; width:100%; height:20px; line-height:24px; padding-left:28px; font-size:14px; vertical-align:middle; background:url("/images/common/chk_off.gif") 0 0 no-repeat; cursor:pointer;}
.input_chk label a {color:#fd3b01; text-decoration:underline;}
.input_chk input:checked + label {background:url("/images/common/chk_on.gif") 0 0 no-repeat;}
.req-info {float:right; width:320px; margin-right:10px; text-align:left;}
.req-info h3 {margin-bottom:10px; color:#333; font-size:13px; font-family:'Nanum Barun Gothic', 'Open Sans', sans-serif; font-weight:700;}
.req-info h3.color {color:#fd3b01;}
.req-info p {margin-bottom:40px; line-height:24px; color:#666;}
.btn_apply {clear:both; font-size:0;}
.btn_apply.mt30 {margin-top:140px;}
.btn_apply button {text-align:center; font-family: 'Open Sans', 'Nanum Barun Gothic', sans-serif; font-weight:700; cursor:pointer; font-size:14px;}
.btn_apply button.bt-kor {font-size:15px;}
.btn_apply .btn_send {float:left; width:152px; height:43px; line-height:30px; border:3px #333 solid; color:#333; background:#fff; background: transparent\9; background-color:transparent;}
.btn_apply .btn_down {float:right; width:152px; height:43px; line-height:30px; border:3px #333 solid; color:#333; text-align:left; padding-left:20px; margin-left:15px; background:url(/images/common/btn_down.png) 85% 9px no-repeat;}


/* sub - 페이지 이동 */
.control_btn a {position:absolute; top:440px; z-index:200000; width:60px; height:60px; font-size:0; overflow:hidden;}
.control_btn a:hover {background-position:0 -60px;}
.control_btn .prev {left:0; margin-left:5%; background:url(/images/sub/btn_prev.png) 0 0 no-repeat;}
.control_btn .next {right:0; margin-right:5%; background:url(/images/sub/btn_next.png) 0 0 no-repeat;}
.control_btn .i_arrow {position:absolute; top:790px; left:50%; margin-left:-19px; width:38px; height:36px; font-size:0; background:url(/images/sub/icon_arrow.png) center 0 no-repeat; cursor:pointer;}

/* sub 공통 */
#sub_visual {position:relative; width:100%; height:990px; text-align:center;}
#sub_visual.company {background:url(/images/sub/sub_visual_company.jpg) center 0 no-repeat; background-attachment:scroll;}
#sub_visual.contact {background:url(/images/sub/sub_visual_contact.jpg) center 0 no-repeat; background-attachment:scroll;}
#sub_visual.online {background:url(/images/sub/sub_visual_online.jpg) center 0 no-repeat; background-attachment:scroll;}
#sub_visual.offline {background:url(/images/sub/sub_visual_offline.jpg) center 0 no-repeat; background-attachment:scroll;}
#sub_visual.web {background:url(/images/sub/sub_visual_web.jpg) center 0 no-repeat; background-attachment:scroll;}
#sub_visual.startcome {background:url(/images/sub/sub_visual_startcome.jpg) center 0 no-repeat; background-attachment:scroll;}
#sub_visual.accelerator {background:url(/images/sub/sub_visual_accelerator.jpg) center 0 no-repeat; background-attachment:scroll;}
#sub_visual h2 {display:inline-block; width:100%; margin:460px auto 105px; text-align:center; color:#fff; font-size:100px; font-weight:700; font-family: 'Montserrat', sans-serif; letter-spacing:4px;}
#sub_visual p {width:440px; margin:0 auto; font-size:16px; line-height:29px; color:#fff;}

h2.subH2 {margin:105px 0 22px 0; font-size:36px; color:#222; font-family: 'FuturaStd-Bold', sans-serif; letter-spacing:0;}
.sub_help {margin-bottom:70px; font-size:16px; color:#b7b7b7;}


/* 회사소개 */
.section_number {width:1000px; height:260px; margin:0 auto;}
.section_number ul { margin-top:100px; font-size:0;}
.section_number ul li {float:left; display:inline-block; width:33%; padding:15px 0; text-align:center; border-right:2px #e5e5e5 dashed;}
.section_number ul li:last-child {border-right:0;}
.section_number ul li span {color:#464646; font-size:50px; line-height:50px; letter-spacing:-1px; font-weight:700;}
.section_number ul li h3 {margin:10px 0 20px 0; color:#464646; font-weight:bold; font-size:20px; font-family:"Malgun Gothic"; letter-spacing:-1px;}
.section_number ul li p {color:#b7b7b7; font-size:16px;}

.section_who {width:1000px; height:920px; margin:0 auto; background:url(/images/sub/bg_who.jpg) 0 113px no-repeat;}
.section_who h2 {display:inline-block; margin-top:437px; margin-bottom:19px; color:#464646; font-size:48px; line-height:52px; font-family: 'FuturaStd-Bold', sans-serif; /*font-family: 'Montserrat', sans-serif; font-weight:700;*/ letter-spacing:-1.5px;}
.section_who span {display:block; margin-bottom:78px; font-size:16px; color:#676767; font-weight:bold;}
.section_who p {width:462px; color:#818181; font-size:16px; line-height:30px; font-family: 'Montserrat','Nanum Barun Gothic', sans-serif}
.section_who p.txtL {float:left;}
.section_who p.txtR {float:right;}

.section_ceo {width:100%; height:520px; background:url(/images/sub/bg_ceo.jpg) center 0 no-repeat;}
.section_ceo .inner {position:relative; width:1000px; margin:0 auto;}
.section_ceo h2 {display:inline-block; margin:135px 0 18px 0; padding-bottom:25px; color:#fff; font-size:30px; font-family: 'Montserrat', sans-serif; letter-spacing:-1px; background:url(/images/sub/line-h2.gif) 4px bottom no-repeat;}
.section_ceo h3 {position:absolute; top:130px; left:399px; letter-spacing:-18px; color:#fff; font-size:130px; font-family: 'Nanum Myeongjo', serif; font-weight:normal;}
.section_ceo p {width:615px; font-size:15px; line-height:24px; color:#fff;}
.section_ceo p span {display:block; font-size:17px; margin-bottom:10px;}

.section_partner {position:relative; width:100%; height:760px; text-align:center;}
.section_partner .inner {width:1000px; margin:0 auto 60px auto; overflow:hidden;}
.partnerList {position:relative; width:1000%; height:377px; overflow:hidden;}
.partnerList > li {float:left; width:1000px; height:377px;}
.partnerList > li ul li {float:left; margin:0 38px 38px 0; width:135px; height:45px;}
.partnerList > li ul li:nth-child(6n) {margin-right:0;}
.partnerList > li ul li a {font-size:0;}
.btn-control a {position:absolute; top:300px; left:50%; width:50px; height:50px; font-size:0; cursor:pointer;}
.btn-control a.bt-prev {margin-left:-650px; background:url(/images/sub/btn_par_prev.gif) 0 0 no-repeat;}
.btn-control a.bt-next {margin-left:600px; background:url(/images/sub/btn_par_next.gif) 0 0 no-repeat;}
.btn-control a.bt-prev:hover, .btn-control a.bt-next:hover {background-position:0 -50px;}
.btn_wrap {font-size:0;}
.btn_wrap button, .btn_wrap a {width:223px; height:61px; margin:0 5px; line-height:40px; font-size:20px; color:#7f7f7f; border:5px #848484 solid; border-radius:50px; background:#fff; text-align:left; cursor:pointer;}
.btn_wrap button:hover, button.bt_contact {border:5px #ff5230 solid; color:#ff5230;}
.btn_wrap button span {display:block; height:20px; line-height:20px;}
button.bt_contact span {padding-left:35px; background:url(/images/sub/icon_contact.gif) 85% -20px no-repeat;}
button.bt_company span {padding-left:50px; background:url(/images/sub/icon_company.gif) 85% 0 no-repeat;}
.btn_wrap button:hover span {background-position:85% -20px;}


/* WEB */
.section_web {position:relative; width:100%;}
.section_web span {display:inline-block; margin-bottom:25px; font-size:32px; color:#464646; font-family: 'FuturaStd-Light', sans-serif;}
.section_web h2 {margin-bottom:50px; padding-bottom:25px; color:#464646; font-size:30px; line-height:30px; font-family: 'FuturaStd-Bold', sans-serif;}
.section_web h3 {font-size:22px; line-height:30px; color:#222;}
.section_web p {margin-top:20px; font-size:15px; line-height:24px; color:#605e5e;}
.section_web.web {text-align:right;}
.web .inner {display:block; margin:100px auto 90px; width:601px; padding-right:580px; background:url(/images/sub/bg_web.jpg) right 0 no-repeat;}
.web .inner h2 {background:url(/images/sub/bg-line.gif) 99.5% bottom no-repeat;}
.mobile {padding:64px 0 75px 0; background:#f6f7f9;}
.mobile .inner {width:510px; height:438px; padding-left:520px; padding-top:85px; margin:0 auto; background:url(/images/sub/bg_mobile.jpg) 39px 0 no-repeat;}
.mobile .inner h2 {background:url(/images/sub/bg-line2.gif) 0 bottom no-repeat;}
.service {width:100%; height:512px; padding-top:145px; background:url(/images/sub/bg_service.jpg) 85% 124px no-repeat;}
.service .inner {width:600px; margin:0 auto; padding-right:510px;text-align:right;}
.service .inner h2 {background:url(/images/sub/bg-line3.gif) 99.8% bottom no-repeat;}


/* STARTCOME */
.section_point {position:relative; width:1000px; height:418px; margin:0 auto;}
.section_point div.Layer {position:absolute; top:98px; width:500px; height:459px;}
.section_point div.pointL {left:0; background:url(/images/sub/img_point1.png) 0 0 no-repeat;}
.section_point div.pointL img {margin:12px 0 0 11px;}
.section_point div.pointR {right:0; background:url(/images/sub/img_point2.png) 0 0 no-repeat;}
.section_point div.pointR img {margin:12px 0 0 16px;}
.section_point div.text {width:405px; margin:36px auto 0; background:url(/images/sub/bg_art.gif) right 0 no-repeat;}
.section_point div.text strong {display:block; margin-bottom:16px; font-size:27px; line-height:30px; color:#4c4c4c; font-weight:normal;}
.section_point div.text p {font-size:15px; line-height:24px; color:#605e5e;}

.section_startcome h2 {font-size:30px; padding-bottom:33px; margin-bottom:32px; font-family: 'FuturaStd-Bold', sans-serif;}
.section_startcome h3 {font-size:22px; line-height:30px; margin-bottom:25px;}
.section_startcome p {font-size:17px; line-height:30px;}

.staAbout {width:100%; height:790px; background:url(/images/sub/bg_star_about.jpg) center 0 no-repeat;}
.staAbout .inner {width:1000px; margin:0 auto; padding-top:225px;}
.staAbout h2 { color:#333; background:url(/images/sub/line-2px.gif) 0 bottom no-repeat;}
.staAbout h3 {color:#222;}
.staAbout p {color:#323232;}

.staservice {width:100%; height:671px; background:url(/images/sub/bg_star_service.jpg) center 0 no-repeat;}
.staservice .inner {width:530px; padding:210px 0 0 570px; margin:0 auto;}
.staservice h2 {color:#fff; background:url(/images/sub/line-2pxfff.gif) 0 bottom no-repeat;}
.staservice h3 {color:#fff; }
.staservice p {color:#e6e6e6;}

.go_link {width:100%; height:290px; background:url(/images/sub/bg_golink.jpg) center 0 no-repeat;}
.go_link .inner {width:1000px; margin:0 auto; font-size:0; text-align:center;}
.go_link .inner a {width:200px; padding-top:150px; margin-top:60px; display:inline-block; font-size:22px; line-height:22px; color:#fff; font-family:'Montserrat', sans-serif; text-align:center;}
.go_link .inner a:nth-child(1) {background:url(/images/sub/icon_homepage.png) center 0 no-repeat;}
.go_link .inner a:nth-child(2) {margin:0 130px; background:url(/images/sub/icon_facebook.png) center 0 no-repeat;}
.go_link .inner a:nth-child(3) {background:url(/images/sub/icon_blog.png) center 0 no-repeat;}


/* ONLINE */
.ADList {width:1045px; margin:70px auto 80px; text-align:center; font-size:0;}
.ADList li {float:left;display:inline-block; width:235px; height:97px; margin-right:35px; padding-top:171px; font-size:20px; color:#fff; font-family:'Malgun Gothic'; font-weight:bold; letter-spacing:-1px;}
.ADList li:nth-child(1) {background:url(/images/sub/icon_online1.gif) 0 0 no-repeat;}
.ADList li:nth-child(2) {background:url(/images/sub/icon_online2.gif) 0 0 no-repeat;}
.ADList li:nth-child(3) {background:url(/images/sub/icon_online3.gif) 0 0 no-repeat;}
.ADList li:nth-child(4) {background:url(/images/sub/icon_online4.gif) 0 0 no-repeat; margin-right:0;}

.section_onadInfo {width:100%; background:#f5f6fa; text-align:center; overflow:hidden;}
.section_onadInfo ul {width:1000px; margin:0 auto 105px; overflow:hidden;}
.section_onadInfo ul li {float:left; width:235px; height:436px; margin-right:20px;}
.section_onadInfo ul li:nth-child(1) {background:url(/images/sub/bg_box1.gif) 0 0 no-repeat;}
.section_onadInfo ul li:nth-child(2) {background:url(/images/sub/bg_box2.gif) 0 0 no-repeat;}
.section_onadInfo ul li:nth-child(3) {background:url(/images/sub/bg_box3.gif) 0 0 no-repeat;}
.section_onadInfo ul li:nth-child(4) {background:url(/images/sub/bg_box4.gif) 0 0 no-repeat; margin-right:0;}
.section_onadInfo ul li span {display:block; margin:37px 0 31px 0; font-size:30px; color:#bababa; font-family: 'Montserrat', sans-serif; font-weight:700;}
.section_onadInfo ul li h3 {padding-bottom:34px; margin-bottom:31px; font-size:22px; line-height:22px; color:#222; background:url(/images/sub/icon-box.gif) center bottom no-repeat;}
.section_onadInfo ul li p {font-size:15px; line-height:24px; color:#605e5e;}
.section_onadInfo ul li p strong {color:#dd4e4e;}


/* PORTFOLIO */
#sub_fullVisual {position:relative; width:100%; text-align:center;}
#sub_fullVisual.portfolio {background:url(/images/sub/sub_visual_portfolio.jpg) center 0 no-repeat; background-attachment:fixed; background-size:cover; overflow:hidden;}
.filters {font-size:0; margin-top:50px;}
.filters li {display:inline-block;}
.filters li a {display:block; min-width:70px; padding:6px 15px 7px 15px; margin-right:12px; font-size:15px; color:#fff; font-family:'Montserrat', sans-serif; border:1px #fff solid; border-radius:5px;}
.filters li a:hover, .filters li.active a {border:1px #ef6523 solid; background:#ef6523; color:#fff;}

.portfolio_wrap {width:980px; margin:50px auto 90px auto; overflow:hidden; min-height:500px;}
.portfolio_wrap ul {float:left; width:300px; margin-right:40px;}
.portfolio_wrap ul li {width:100%; text-align:left; margin-bottom:41px;}
.portfolio_wrap ul li .portfolio-image {position:relative; overflow: hidden; display: block; margin-bottom:18px;}
.portfolio_wrap ul li .portfolio-image .Img {line-height:0;}

.portfolio_wrap ul li .portfolio-image:hover .project-overlay {display:block;}
.project-overlay {position:absolute; top:0; left:0; background:rgba(0,0,0,0.8); width:100%; height:100%; text-align:center; cursor:pointer; display:none;}
.open-project-link {position:absolute; width:100%; height:100%; z-index:100; }
.open-project-link a {display:block; width:100%; height:100%; font-size:0;}
.project-info {position:absolute; top:50%; width:100%; height:90px; margin-top:-45px; z-index:10;}
.project-info .link-icon {width:41px; height:41px; margin:0 auto; background:url(/images/sub/icon_link-icon.png) 0 0 no-repeat;}
.project-info .project-name {color:#fff; font-size:15px; margin-top:10px; text-transform:uppercase;}
.project-info .project-link {color:#898989; font-size:14px; font-family:'Montserrat', sans-serif;}

.NoData {width:100%; text-align:center; padding:100px 0 30px 0; color:#fff;}
.por_paging {color:#fff;}


.portfolio_wrap ul li .worktxt {display:block; font-size:14px; line-height:20px; color:#e0e1e1;}
.portfolio_wrap ul li .worktxt span {display:block; margin-bottom:10px; font-size:16px; font-weight:bold; color:#fff;}
.portfolio_wrap ul:nth-child(3) {margin-right:0;}
.portfolio_wrap .btn_more {clear:both; width:100%; cursor:pointer;}
.portfolio_wrap .btn_more {display:block; width:46px; height:46px; margin:20px auto; font-size:0; background:url(/images/sub/btn_more.png) 0 0 no-repeat;}
.portfolio_wrap .btn_more:hover {background-position:0 -46px;}


/* 개인정보보호 */
#full-layer {width:100%; display:block; overflow:hidden;}
.layer_html {position:relative; width:900px; padding:0 50px; margin:50px auto;}
.layer_html .btn-close {position:absolute; top:-25px; right:50px; width:80px; height:80px; display:block;}
.layer_html .btn-close img {width:80px;}
.layer_body h2 {overflow:hidden; padding-bottom:40px; margin-bottom:50px; font-size:30px; line-height:30px; font-weight:normal; border-bottom:1px #222 solid;}
.layer_body h3 {font-size:16px; color:#333; margin:30px 0 10px 0;}
.layer_body h4 {margin:20px 0 10px;}
.layer_body p, .layer_body ul {color:#555;}
.layer_body ul li > ul {margin:5px 0 5px 15px;}


/* OFFLINE */
.section_offADList {overflow:hidden; width:100%; height:716px; background:url(/images/sub/bg_offlinead.gif) 0 0 repeat;}
.section_offADList .inner {width:1260px; margin:80px auto 100px;}
.section_offADList .inner li {float:left; width:242px; height:528px; margin-right:10px; background:#fff; border-bottom:6px #cec7c2 solid;}
.section_offADList .inner li span{letter-spacing:-0.5px}
.section_offADList .inner li:last-child {margin-right:0;}
.section_offADList .inner li h3 {text-align:center; font-size:21px; color:#333; margin:30px 0 22px 0; padding-bottom:22px; background:url(/images/sub/bg_line2px2.gif) center bottom no-repeat;}
.section_offADList .inner li p.text {width:200px; margin:0 auto; font-size:15px; line-height:24px; color:#605e5e;}
.t_orange{color:#ff6600}

.section_offetc {width:1000px; margin:100px auto; overflow:hidden; border-left:1px #e1e1e1 solid;}
.section_offetc li {float:left; width:332px; height:282px; text-align:center; border:1px #e1e1e1 solid; border-left:0;}
.section_offetc li h3 {font-size:22px; color:#222; margin-top:40px; padding-top:75px;}
.section_offetc li:nth-child(1) h3 {background:url(/images/sub/icon_etc7.gif) center 0 no-repeat;}
.section_offetc li:nth-child(3) h3 {background:url(/images/sub/icon_etc8.gif) center 0 no-repeat;}
.section_offetc li:nth-child(4) h3 {background:url(/images/sub/icon_etc3.gif) center 0 no-repeat;}
.section_offetc li:nth-child(5) h3 {background:url(/images/sub/icon_etc5.gif) center 0 no-repeat;}
.section_offetc li:nth-child(6) h3 {background:url(/images/sub/icon_etc6.gif) center 0 no-repeat;}
.section_offetc li:nth-child(even) {background:#f6f6f6;}
.section_offetc li:nth-child(1n+4) {margin-top:-1px;}
.section_offetc li p {width:200px; margin:0 auto; font-size:15px; line-height:24px; color:#605e5e; margin-top:20px; padding-top:22px; background:url(/images/sub/bg_etcline.gif) center 0 no-repeat;}
.section_offetc li img {margin-top:104px;}




/* accelerator */

.section_acc {position:relative; width:1100px;  margin:100px auto; overflow:hidden; background:#f3f3f3;}
.acceletor_part1 {width:50%; float:left; height:275px; background:url(/images/sub/acceletor_bg1.jpg) no-repeat center; }
.acceletor_part2 {width:50%; float:left; height:275px; background:url(/images/sub/acceletor_bg2.jpg) no-repeat center; }
.acceletor_part3 {width:50%; float:left; height:275px; background:url(/images/sub/acceletor_bg3.jpg) no-repeat center; }
.acceletor_part4 {width:50%; float:left; height:275px; background:url(/images/sub/acceletor_bg4.jpg) no-repeat center; }

.acceletor_part1 > ul > li {width:50%; float:left; height:275px; }
.acceletor_part2 > ul > li {width:50%; float:left; height:275px; }
.acceletor_part3 > ul > li {width:50%; float:left; height:275px; }
.acceletor_part4 > ul > li {width:50%; float:left; height:275px; }

.acceletor_txt1 {display:block; padding:15px 30px;}
.acceletor_txt1 > ul > li  {padding-top:10px;margin-bottom:15px;background:url(/images/sub/acceletor_line.jpg) no-repeat top left;}
.acceletor_txt1 p { font-weight:bold;}

.acceletor_txt2 {display:block; padding:40px 30px;}
.acceletor_txt2 > ul > li  {padding-top:10px;margin-bottom:40px;background:url(/images/sub/acceletor_line.jpg) no-repeat top left;}
.acceletor_txt2 p { font-weight:bold;}