@charset "utf-8";
/****************************************/
/*  Name: 애드스카이
/*  Part: 한국인터넷센터 반응형
/*  Author: 강상근
/*  email: web_cat@daum.net 
/****************************************/
@font-face{
    font-family:ng;
    src:url('../fonts/NanumGothic.eot');
    src:local('※'), url('../fonts/NanumGothic.eot?iefix') format('eot'),
    url('../fonts/NanumGothic.woff') format('woff'),
    url('../fonts/NanumGothic.woff2') format('woff2'), 
    url('../fonts/NanumGothic.ttf') format('truetype'); 
}
@font-face{
    font-family:ng;
    font-weight:normal;
    src:url('../fonts/NanumGothic.eot');
    src:local('※'), url('../fonts/NanumGothic.eot?iefix') format('eot'), 
    url('../fonts/NanumGothic.woff') format('woff'),
    url('../fonts/NanumGothic.woff2') format('woff2'),  
    url('../fonts/NanumGothic.ttf') format('truetype'); 
}
@font-face{
    font-family:ng;
    font-weight:bold;
    src:url('../fonts/NanumGothic-Bold.eot');  
    src:local('※'), url('../fonts/NanumGothic-Bold?iefix') format('eot'),  
    url('../fonts/NanumGothic-Bold.woff') format('woff'),
    url('../fonts/NanumGothic-Bold.woff2') format('woff2'), 
    url('../fonts/NanumGothic-Bold.ttf') format('truetype');
}
@font-face{
    font-family:ng;
    font-weight:900;
    src:url('../fonts/NanumGothic-ExtraBold.eot'); 
    src:local('※'), url('../fonts/NanumGothic-ExtraBold.eot?iefix') format('eot'),
    url('../fonts/NanumGothic-ExtraBold.woff') format('woff'), 
    url('../fonts/NanumGothic-ExtraBold.woff2') format('woff2'), 
    url('../fonts/NanumGothic-ExtraBold.ttf') format('truetype');
}
@font-face{
    font-family:nbg;
    src:url('../fonts/NanumBarunGothic.eot'); 
    src:local('※'), url('../fonts/NanumBarunGothic.eot?iefix') format('eot'),
    url('../fonts/NanumBarunGothic.woff') format('woff'),
    url('../fonts/NanumBarunGothic.ttf') format('truetype');
}
@font-face{
    font-family:nbgb;
    src:url('../fonts/NanumBarunGothicBold.eot');
    src:local('※'), url('../fonts/NanumBarunGothicBold.eot?iefix') format('eot'),
    url('../fonts/NanumBarunGothicBold.woff') format('woff'), 
    url('../fonts/NanumBarunGothicBold.ttf') format('truetype'); 
}
@font-face {
    font-family:'en';
    font-style:normal;
    font-weight:400;
    src:local('Play'),
    url("http://fonts.gstatic.com/s/play/v6/ZNo-5SxCwH1CXgZ-n3bt2g.woff2") format("woff2"),
    url("http://fonts.gstatic.com/s/play/v6/-SXnV4mZjf4oh1IBw13WZw.woff") format("woff");
}
@font-face {
    font-family:'en';
    font-style:normal;
    font-weight:700;
    src:local('Play-Bold'),
    url("http://fonts.gstatic.com/s/play/v6/d8o4OpWQkZkrWqhvSfqU1Q.woff2") format("woff2"),
    url("http://fonts.gstatic.com/s/play/v6/ZzUearZLklGfoL18Ti0GaQ.woff") format("woff");
}
/* 공통 */
#loading {width:100%;height:100%;top:0;left:0;position:fixed;display:block;opacity:0.3;background-color:#000;z-index:90;text-align:center;}  
#loading-image {position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;z-index:100} 
html, body {width:100%;height:100%}
body {font-family:Arial,ng,'Nanum Gothic','나눔고딕','Malgun Gothic','맑은고딕','돋움',dotum,sans-serif;color:#333;-webkit-text-size-adjust:none;}
ul, ol {list-style:none;margin:0;padding:0;}
em, address {font-style:normal;}
.container-fluid {padding:0;}
.btn-default {background-color:#fcfcfc;border-color:#e0e0e0;color:#838383}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {color:#ec7020;background-color:#fff;border-color:#ec7020}
.btn-grey {color:#555;border-color:#ddd;background-color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.14);-moz-box-shadow: 0 2px 2px rgba(0,0,0,.14);box-shadow: 0 2px 2px rgba(0,0,0,.14);
    background: -moz-linear-gradient(top, rgba(254,254,254,0.9) 0%, rgba(235,235,235,0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,0.9)), color-stop(100%,rgba(235,235,235,0.9)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,0.9) 0%,rgba(235,235,235,0.9) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,0.9) 0%,rgba(235,235,235,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,0.9) 0%,rgba(235,235,235,0.9) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,0.9) 0%,rgba(235,235,235,0.9) 100%);
}
.btn-grey:hover, .btn-grey.active {color:#222;border-color:#999;}
.loading {display:none;width:100%;min-width:320px;height:50px;overflow:hidden;background-image:url(../img/loader.gif);background-repeat:no-repeat;background-position:50% 50%;background-size:32px 32px;}
.nav-tabs>li>a {font-size:14px;color:#7f7f7f;padding:10px 30px;border-color:#ddd;border-bottom-color:transparent;margin-right:-1px;text-align:center;display:inline-block;border-radius:0;}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs.nav>li.active>a:hover,.nav-tabs>li.active>a {font-weight:bold;color:#ed8037;border-top:3px solid #ed8037;}
.nav-tabs.nav>li>a:hover, .nav-tabs.nav>li>a:focus {color:#ed8037;background:#fff;border-color:#ddd;border-bottom-color:#fff}
.nav-tabs.nav>li.active>a {border-top-color:#ed8037}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop span { display:none;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:fixed;}
.hd_pops_footer {padding:10px 0;background:rgba(0,0,0,0.3);color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#333;color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}
/* 헤더 */
.navbar{background-color:transparent;border-bottom: 1px solid transparent;padding-bottom:10px;font-size:100%;height:90px;}
.navbar-toggle {position:relative;margin-top:40px;top:2px}
.navbar-nav {background-color:transparent;margin-top:10px}
.navbar-brand {margin-top:13px}
#logo {margin:0;padding:0} 
#logo img {width:120px;height:30px;vertical-align:bottom;}
.navbar-collapse {padding-top:10px;background-color:transparent}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background:transparent;color:#fff}
.navbar-default .navbar-nav>li>a {color:#fff;border-bottom:2px solid transparent;font-size:14px;font-weight:bold;font-size:105%;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.navbar-default .navbar-nav>li>a:active {color:#ff9873;}
.navbar-default .navbar-nav>li>a:hover {color:#ff9873;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a:focus {color:#ff9873;border-bottom:2px solid #ff9873}
.navbar-default {padding:0;-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;transition: background .5s ease-in-out,padding .5s ease-in-out}
.navbar-default.affix {padding:0;border-color:#1b1b1b;background:#1b1b1b url(../img/bg_header.jpg) 50% 50%;-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)}
@media (min-width:768px) {
#subHeader .navbar-default {padding:0;border-color:#1b1b1b;background:#1b1b1b url(../img/bg_header.jpg) 50% 50%;-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)}

}

@media (max-width: 990px) {
    .navbar-default .navbar-nav>li>a {padding:10px; font-size:100%;}
    .navbar-brand {margin-top:17px}
    .navbar-nav {margin-top:16px;}
    #logo img {width:80px;height:20px}
    #visual .main_txt .inner {font-size:150%;}
}
@media (min-width:768px) and  (max-width: 800px) {
    .navbar-default .navbar-nav>li>a {padding:10px; font-size:100%;}
    #logo img {width:80px;height:20px}
    #visual .main_txt .inner {font-size:150%;}
}
/* 비주얼 영상  */
.visual_wrap:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../img/dot.png);background-color:rgba(0,0,0,0.4);z-index:1}
.visual_wrap {position:relative;min-height:auto;text-align:center;color:#fff;width:100%;background-color:#c9c9c9;background-image:url(../img/bg_main.jpg);background-position:center;background-size:cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;}
.visual_wrap .vis_cont {position:relative;width:100%;width:100%;padding:100px 15px;text-align:center;z-index:10}
.visual_wrap .vis_cont .inner{font-family:'Nanum Myeongjo';text-shadow: 1px 1px 3px #444;color:#fff;}
.visual_wrap .vis_cont .inner h1 {margin-bottom:15px;font-weight:600;font-size:190%;}
.visual_wrap .vis_cont .inner p {margin-bottom:15px;font-size:30px;font-size:115%;color:#fff}
.video_bg {position:absolute;bottom:0;right:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:1}
.video_bg.collapsing {display:none}
.sub_visual_wrap {/*background-image:url(../img/sub_visual.jpg);*/     position: relative;margin-top:92px;}
.sub_visual_wrap:after {background-color:rgba(0,0,0,0.2);}
.sub_visual_wrap .vis_cont .inner{font-family:'en';}
.sub_visual_wrap .vis_cont .inner p {font-family:ng;} 
@media(min-width:768px) {
    .visual_wrap {min-height:100%}
    /*.sub_visual_wrap {min-height:80%}*/
    .visual_wrap .vis_cont {position:absolute;top:50%;padding:0 50px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}
    .visual_wrap .vis_cont .inner {margin-right:auto;margin-left:auto;max-width:1000px}
    .visual_wrap .vis_cont .inner h1 {font-size:54px;}
    .visual_wrap .vis_cont .inner p {margin-right:auto;margin-left:auto;max-width:80%;font-size:30px;margin-top:25px;}
}
@media (max-width: 660px) {
    .video_bg {height:100%}
}
.iframe_wrap iframe {width:100%; border:none;}
/* 고객센터 게시판 */
.brd_frame1 iframe {height:490px;}
/* 견적문의 문의 게시판 */
.brd_frame2 iframe {height:550px;}
.brd_frame3 iframe {height:600px;}

/* 타이틀바 */
header {color:#343434;text-align:center;padding:40px 0;box-shadow: 0 3px 6px rgba(0, 0, 0, .1);-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .1);}
header h1 {margin-top:10px;font-weight:bold;font-size:210%;}
header p {color:#888;font-size:110%;font-family:nbgb;}
/* 페이지 영역 */
#pagePortfolio .heading, .heading4, .heading7 {background:#e9e9e9 url(../img/bg_title.jpg)  no-repeat  center top fixed ;background-size:cover}
#pageProject .heading, .heading2, .heading5 {background:#e7e7e7 url(../img/bg_title.jpg)  no-repeat center center fixed;background-size:cover}
.heading3, .heading6 {background:url(../img/bg_title.jpg)  no-repeat center bottom fixed;background-size:cover}
.portfolio, .homepage, .contact, .lcontact, .section_cont  {padding:30px 15px;}
#portfolio, #project, #homepage, #web, #contact, #about, #contact, #customer, #request { margin-top: -85px; padding-top: 85px }
.about {padding:60px 15px 0 0}
/* 포트폴리오 */
.site h3 {border-bottom: 1px solid #ddd;color:#555;font-weight:bold;font-size:16px;padding-bottom:5px;margin:0 0 10px;}
.site .thumbnail {position:relative}
.site .desc {color:#888;font-size:90%;line-height:1.5;min-height:90px;}
.btn_url {margin-bottom:0;text-align:center;font-size:90%;}
.more_box {margin-top:10px;text-align:center;clear:both}
.more_box .btn-grey {width:280px}
.more_msg {margin-top:15px;text-align:center}
.more_msg em {color:#888;display:block;}
.fc {color:#ef8009}
.more_msg p {color:#444;font-size:118%;font-family:nbg;margin:20px 0;}
.btn-lg {font-family:ng;font-weight:bold;font-size:115%;}
.title_bar_lg {margin-bottom:20px;}
.title_bar_lg h2 {font-size:190%;color:#555;text-transform:uppercase;font-weight:bold;}
.title_bar_lg p {color:#555;font-size:14px;}

/* 돋보기 아이콘 */
.zoom_ico {display:block;position:absolute;left:50%;top:30%;width:40px;height:40px;margin:-30px 0 0 -20px;z-index:10;
opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.zoom_ico i {font-size:300%;color:#333;}
.fbox:hover img{opacity:0.3;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.fbox:hover .zoom_ico {opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-webkit-transition: opacity .3s ease;transition: opacity .5s ease;}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative }
.fancybox-inner { overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/portfolio/fancybox_sprite.png') }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../img/portfolio/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../img/portfolio/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important }
.fancybox-lock-test { overflow-y: hidden !important }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../img/portfolio/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { 
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../img/portfolio/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
    #fancybox-loading div { background-image: url('../img/portfolio/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}
@media (max-width: 320px)  {
  .navbar-brand img { width: 80%; height: auto; margin-top:-100px}  
}
@media (max-width: 980px) {
  .navbar-nav li { /*margin:0 10px;*/}
}
@media (min-width: 768px) {}
@media (max-width: 360px) {}
/* 홈페이지 */
.title_bar_line {text-align:center;margin-bottom:15px;}
.point_tit {color:#ec7020;text-align:center;font-size:190%;font-weight:bold}
.line_hr {display:block;max-width:80px;border:2px solid #ec7020;text-align:center;margin:10px auto;}
.line_s {max-width: 80px;border-color:#ec7020;border-width: 3px;margin-bottom:25px;}
.homepage .ico_box i {color:#ec7020}
.homepage .ico_plus:after, .homepage .ico_plus:before {content: "+";position:absolute;bottom:50%;font-size:300%;color:#888;}
.homepage .ico_plus:after {right:0;}
.homepage .ico_plus:before {left:0;}
.homepage .ico_list h3 {color:#575656;font-size:118%;font-family:ng;font-weight:bold;margin-bottom:5px;}
.homepage .ico_box p {font-size:95%;color:#999;font-family:nbg;}
.last .txt_box {font-family:nbg;font-size:118%;text-align:center;padding:20px 20px 19px;color:#fff;text-shadow: -1px -1px 0 rgba(0,0,0,.1);border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;
    background:#ec7020 url(../img/bg_pattern.png) no-repeat 50% 50%;-webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1); letter-spacing:normal;margin:20px 0 10px;}
.lst .txt_box span {padding:0 5px;}
.txt_sub {font-size:110%;letter-spacing: -.05em;color:#666}

.website .sub_txt {font-size:110%;letter-spacing: -.05em}
.homepage .bnr_box {border:1px solid #e9e9e9;padding:15px 20px;clear:both;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.03);-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.03);box-shadow: 2px 2px 2px rgba(0,0,0,.03);}
.homepage .bnr_box h3 {font-size:120%;margin:5px 0px;font-weight:bold;}
.homepage .bnr_box h3 span {display:block;font-size:150%;color:#ec7020;margin-top:2px;}
.homepage .bnr_box .text-left {margin-bottom:0;color:#888;font-family:nbg;}
.homepage .img_box {margin:0}
.homepage .ico_list {margin-top:25px;overflow:hidden}
.homepage .ico_list .last {margin-top:20px;}
.homepage .ico_list .txt_sub {color:#888;font-family:nbg;font-size:115%;margin:15px 0}

.list_browser {overflow:hidden}
.list_browser li {float:left;width:20%;padding:1%;text-align:center;}
.list_browser li img {max-width:100%;}
.list_browser li p {font-size:95%;margin-top:10px;font-family:nbg;color:#7f7f7f;}
.web h2 {font-weight:bold;font-size:170%;color:#555;}
.web .h3 {font-weight:bold;font-size:130%;margin-top:10px;color:#575656}
.web p {color:#7f7f7f;}
.web p strong {color:#555}
.web .list_box {margin:40px 0 30px;}
.web .list_box dl {text-align:center;margin-bottom:0;padding:25px 10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow: inset 1px 2px 0 rgba(0, 0, 0, .05);-webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, .05);}
.web .list_box {overflow:hidden}
.web .list_box dd {display:inline;}
.web .list_box dd:before {content:'|';margin:0 4px 0 2px;}
.web .list_box dd.fst:before {content:'';}
.web .list_box .box1 {border:2px solid #ec7020;background:#fff url(../img/bg_pattern.png)}
.web .list_box .box2 {background:#ec7020 url(../img/bg_pattern.png) no-repeat 50% 50%;color:#fff}
.web .list_box .col-xs-2 {padding:17px 0 0 0;}
.web .list_box .plus {font-size:300%;}
.web .bnr_box h2 {font-size:140%;margin-top:10px;margin-bottom:20px;}
.web .bnr_box em {font-size:150%;display:block;color:#555;font-weight:bold;margin-bottom:2px;}
.web .bnr_box img {max-width:100%;}
.web .pic {position:relative;text-align:center;margin-bottom:0}
.web .device2, .web .device3, .web .device4 {position:absolute;bottom:0}
.web .device2 {right:0;}
.web .device3 {left:12%;}
.web .device4 {left:0;}
.thum_project .zoom_ico i {font-size:400%;margin-top:60px}
.thum_project .pic_box {position:relative;overflow:hidden;height:0;padding-bottom:80%;}
.thum_project .pic_box img {width:100%;}
#footerWrap {letter-spacing:-.05em;background:#383838;color:#c8c8ca;text-align:center;font-size:95%;}
#footerWrap em {margin-left:5px;}
.foot_info {padding:30px 0;}
address {margin:0;line-height:20px;}
.copyright {text-transform:uppercase;line-height:30px;margin:0}
.copyright strong {color:#ec7020}
a.foot_mail, a.foot_link {color:#eee;letter-spacing:normal;margin-left:10px;text-decoration:underline;}

#scrollBtn {display:none;background:#ec7020;color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;position:fixed;width:46px;height:46px;bottom:40px;right:16px;cursor:pointer;z-index:150;}
#scrollBtn i {line-height:46px;font-size:220%}
@media (max-width:767px) {
    #scrollBtn {bottom:5px;right:5px;width:38px;height:38px;background-color:rgba(236, 112, 32, 0.5);}
    #scrollBtn i {line-height:38px;font-size:180%}
}
.timeline {padding:20px 0 20px;position:relative;background:url();}
.timeline:before {top:0;bottom:0;position:absolute;content:'';width:3px;background-color:#eee;left:50%;margin-left:-1.5px}
.tldate {width:200px;margin:0 auto;background:#ec7020 url(../img/bg_pattern.png) no-repeat 50% 50%;color:#fff;text-align:center;padding:10px 0;font-weight:bold;font-size:130%;text-shadow: -1px -1px 0 rgba(0, 0, 0, .1);border-radius: 40px;-webkit-border-radius: 40px;-moz-border-radius:40px;
box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1)}
.timeline li {margin-bottom:25px;position:relative}
.timeline li:before, .timeline li:after {content:'';display:table}
.timeline li:after {clear: both}
.timeline li:before, .timeline li:after {content:'';display:table}
.timeline li .timeline-panel{width:46%;float:left;border:1px solid #d4d4d4;padding:20px;position:relative;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;background-color:#fff;}
.timeline li .timeline-panel {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
.timeline li .timeline-panel:before {position:absolute;top:26px;right:-15px;display:inline-block;border-top:15px solid transparent;border-left:15px solid #ccc;border-right:0 solid #ccc;border-bottom:15px solid transparent;content:''}
.timeline li .timeline-panel:after {position:absolute;top:27px;right:-14px;display:inline-block;border-top:14px solid transparent;border-left:14px solid #fff;border-right:0 solid #fff;border-bottom:14px solid transparent;content:'';} 
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {top:0;right:0;display:none;border:0;}
.timeline li.timeline-inverted .timeline-panel {float:right}
.timeline li.timeline-inverted .timeline-panel:before {border-left-width:0;border-right-width:15px;left:-15px;right:auto}
.timeline li.timeline-inverted .timeline-panel:after {border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline li .tl-circ {position:absolute;top:23px;left:50%;text-align:center;background:#fff;color:#fff;width:35px;height:35px;line-height:35px;margin-left:-18px;border-width:3px;
border-style:solid;border-color:#eee;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;z-index:10}
.timeline-panel h3 {margin:0 0 7px;color:#c25b4e;font-size:150%;}
.timeline-panel p {margin-bottom:0;color:#666;font-family:nbg;font-size:95%;line-height:1.6}
.tl-body > p + p {margin-top: 5px}
@media (max-width: 991px) {
  .timeline li .timeline-panel {width: 44%}
}
@media (max-width: 700px) {
    ul.timeline:before {left:40px}
    .tldate {width:140px;padding:5px 0;font-size:15px;}
    .timeline li {margin-bottom:15px;}
    ul.timeline li .timeline-panel {width: calc(100% - 90px);width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);padding:10px 15px}
    .timeline-panel h3 {font-size:14px;}
    .timeline-panel p {font-size:12px;line-height:19px;}
    ul.timeline li .tl-circ {top:22px;left:22px;margin-left:0}
    ul.timeline > li > .tldate {margin: 0}
    ul.timeline > li > .timeline-panel {float: right}
    ul.timeline > li > .timeline-panel:before {border-left-width:0;border-right-width:15px;left:-15px;right:auto}
    ul.timeline > li > .timeline-panel:after {border-left-width:0;border-right-width:14px;left:-14px;right:auto}
}
.is-hidden {opacity:0}
.bounce-in {-webkit-transition: opacity .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease, background .3s ease;
transition: opacity .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease, background .3s ease}

#mapBox {clear:both; width:99.7%;margin:0 0 25px;overflow:hidden;padding:10px;border: 1px solid #ddd;}
#mapBox .area {height:340px;overflow:hidden}

.contact .table {font-family:nbg;border-top:none;}
.contact .table th {text-align:center;background:#fafafa;}
.about .main_box {text-align:center;padding:90px 0;background-image:url(../img/bg_company.png);background-repeat:no-repeat;background-position:50% 50%;color:#fff;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;}
.about .main_box .big_txt {font-size:220%;font-weight:100;letter-spacing:.05em;font-family:'nbgb'}
.about .main_box .sub_txt {font-size:110%;line-height:1.7;margin-bottom:0}
.about .main_box:after {position:absolute;content:'';display:block;top:0;left:0;width:100%;height:100%;background-image:url(../img/dot.png);background-position:50% 50%;
background-color:rgba(10,30,50,.2);z-index:1;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;z-index:1;}
.about .main_box .inner {position:relative;z-index:10;}
#pageAbout .tel_box {margin-bottom:30px;}


/*.about .main_box {text-align:center;background-image:url(../img/bg_company.png);background-repeat:no-repeat;background-position:50% 50%;color:#fff
background-attachment:scroll;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:table;
}
.about .main_box .inner {position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;padding:0 10%;text-align:center;display:table-cell;vertical-align:middle;}
.about .main_box p {color:#fff;text-shadow:1px 1px 0 rgba(0, 0, 0, .2);line-height:1.8;}
.big_txt {font-size:220%;font-weight:100;letter-spacing:.05em;font-family:'nbgb'}
.about .main_box:after {position:absolute;content:'';display:block;top:0;left:0;width:100%;height:100%;background-image:url(../img/dot.png);background-position:50% 50%;
background-color:rgba(10,30,50,.5);z-index:1;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.about .sub_txt {font-size:110%;}*/
.logo_list_box {padding:20px 0 30px}
.logo_list_box .lst2 {border:1px solid #ddd;border-width:1px 0;margin-top:25px;}
.logo_list_box .lst2 img {width:100%;max-width:1036px;}

.company_box {padding-bottom:30px;}
.company_box img {width:100%;}

#pageProject .caption {font-size:102%}
#pageProject .caption i {margin-right:4px;}
.mb0 {margin-bottom:0 !important}
.navbar-collapse {max-height:none;}
/* 상담문의 */
.tel_box .btn_box {margin-bottom:20px;}
.tel_box {margin:20px 0 0;overflow:hidden}
.tel_box .tel_num a {color:#333;text-decoration:none;cursor:default}
.tel_box .tel_num {font-size:240%;font-weight:bold;color:#333;font-family:nbgb;}
.tel_box .tel_num strong {color:#ef7e23;font-family:en;}
.tel_box .tel_txt {margin-top:5px;color:#888;font-family:nbg;font-size:105%;}
/* 텝 콘텐츠 */
.tab-content .tit_box {letter-spacing:-.1em;margin:20px 0;padding:25px 0 20px;background-color:#f4f6de;background-image:url(../img/bg_pattern2.png);background-attachment:fixed;border:1px solid #dbd9c8;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 1px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: inset 1px 2px 0 rgba(0, 0, 0, .05);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: opacity .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease, background .3s ease;
    transition: opacity .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease, background .3s ease;
    color:#555;
}
.tab-content .tit_box h4 {font-weight:bold;}
#servMobile .tit_box {background-color:#deeed9;border-color:#d2dbc8}
#servProcess .tit_box {background-color:#f3f7fb;border-color:#c8d5db}
#servTabBox .cont_area {margin:20px 0;}
.cont_area .txt_cont .big_txt {font-size:130%;color:#555;font-weight:bold;letter-spacing:-.05em;text-align:center;padding:15px 0}
.cont_area .txt_cont .sub_txt {text-align:justify;color:#7f7f7f;font-size:14px;line-height:1.5;}
.ico_list_cont {margin-top:30px;}
.ico_list_cont > li {text-align:center;padding:0 5px;}
.ico_list_cont .ico {display:inline-block;font-size:34px;width:78px;height:78px;border-radius:20%;text-align:center;padding:20px;color:#ed8037;background-color:#fff6f1;background-image: url(../img/bg_pattern2.png);
    border:2px solid #e0b192}
.ico_list_cont h5 {font-weight:bold;font-size:16px;}
.ico_list_cont > li > p {font-size:13px;letter-spacing:-.05em;color:#7f7f7f}
.process_step li {padding:15px 0;border-top: 1px solid #e8e8e8;overflow:hidden}
.process_step li p {margin-bottom:0;color:#7f7f7f;font-size:13px;}
.process_step li strong {display:block;font-size:16px;color:#555;line-height:20px;padding-bottom:8px}
.process_step {border-bottom:1px solid #e8e8e8}
.step_ico i {font-size:34px;color:#7f7f7f}
.step_ico {text-align:center;}
.tabs_wrap {margin-top:30px;}
.pc_hide {display:none;}
@media (min-width:992px) {
    .nav-tabs>li>a {padding:10px 40px;}

}
@media (min-width:768px) and (max-width:992px) { /* 테블릿 전용 */
    .homepage .bnr_box {overflow:hidden}
    .homepage .bnr_box h3 {float:left;margin-bottom:5px;font-size:140%;}
    .homepage .bnr_box h3 span {display:inline;font-size:100%}
    .homepage .bnr_box .text-left {clear:left;}
    .homepage .bnr_box .img-responsive {max-width:140px;float:right;}
    .tel_box .tel_num {text-align:center;}
    .tel_box .tel_num i {color:#ed8037 ;}
    .about .main_box {padding:50px 18px;}
   .about .main_box .big_txt {font-size:25px;}
   .about .main_box .sub_txt {font-size:13px;line-height:19px;}
   .tab-content .tit_box {padding:15px 0 10px;}
   .pc_hide {display:none;}
}
@media (max-width:767px) { /* 모바일 전용 */
    .pc_hide {display:block;}
    .m_tel_td .btn {float:right}
    #loading {display:none;}
    body {line-height:1.5;}
    .btn-lg {font-size:100%;}
    .fc {color:#ff6600}
    .navbar-brand {margin-top:1px}
    .navbar-default {padding:10px 0}
    .navbar {height:auto}
    .navbar-default .navbar-toggle {margin-top:7px;border:1px solid #111;background-color:#343434;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
    .navbar-default.affix .navbar-toggle {border:1px solid #ec7020;background-color:#ec7020;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color:#ec7020;}
    .navbar-default .navbar-toggle .icon-bar {background:#fff;}
    .navbar-default.affix {border-bottom:2px solid #ef8009;}
    .navbar-nav {margin:0}
    .navbar-default .navbar-collapse {border:0;border-top:0;-webkit-box-shadow:none;box-shadow:none;}
    .navbar-default.affix .navbar-collapse {padding-top:0}
    .navbar-default .navbar-collapse ul {background:rgba(0,0,0,.8);border-radius:10px;}
    .navbar-default.affix .navbar-collapse ul {padding-bottom:10px;border-radius:0;background:none;}
    .navbar-default .navbar-nav>li>a {font-size:110%;padding-left:20px;padding-right:20px;font-size:100%;font-weight:700;border:none;}
    .navbar-default .navbar-nav>li>a:focus {border:none;}
    .affix .navbar-nav>li.active>a:focus,
    .affix .navbar-nav>li.active>a:hover, .affix .navbar-nav>li.active>a:focus,
    .affix .navbar-nav>li>a:hover, .affix .navbar-nav>li>a:focus  {border:none;color:#fff;background-color: #ef8009;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;
    text-shadow: 0 0 2px rgba(0, 0, 0, .2);background-color:#ef8009;-webkit-box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.1);}
/* 모바일 타이틀 라인 */
    #portfolio,#project, #homepage, #web, #contact, #about, #contact, #customer, #request {margin-top:-53px;padding-top:53px}
    #visual .main_txt {margin-top:12%;}
    #visual .main_txt .inner {font-size:100%;}
     header {padding:15px 0;text-align:left;}
     header h1 {font-size:150%;margin:0 0 7px;text-align:center}
     header p {font-size:90%;margin-bottom:0;font-family:ng;color:#777;text-align:justify;letter-spacing:-.05em;line-height:1.5;text-align:center;}
    .portfolio, .homepage, .contact, .about, .lcontact, .section_cont {padding:25px 15px;}
    .title_bar_lg {margin-bottom:0;}
    .title_bar_lg h2 {font-size:120%;margin-top:0;margin-bottom:5px;}
    .title_bar_lg p {font-size:90%;color:#5c5b5b;}
/* 포트폴리오 */
    .site {height:auto;}
    .thumbnail .caption {padding-bottom:0}
    .site h3 {border-bottom:none;font-size:13px;padding-bottom:0;margin:0 0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:normal;}
    .btn_url .btn {font-size:11px;padding:4px 9px;}
    .more_box {margin-top:0}
    .more_msg {margin-top:15px;text-align:left;font-size:90%;}
    .more_msg p {font-size:100%;margin:10px 0;color:#5c5b5b;background-color:#f3f7fb;border:1px solid #c8d5db;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:10px;
        text-align:justify}
    .more_msg em {margin:5px 0;}
/* 프로젝트 */
    #pageProject .caption {font-size:12px;line-height:19px;}
/* 홈페이지 */
    .title_bar_line h2 {margin-top:0;font-size:120%;}
    .point_tit {font-size:150%;font-weight:700;margin-top:0}
    .homepage .ico_list {margin-top:15px;}
     .ico_list li {margin-bottom:20px;}
    .homepage .ico_box i {font-size:3em}
    .homepage .ico_list h3 {font-size:13px;margin-top:7px;}
    .homepage .ico_box p {font-size:12px;}
    .homepage .ico_plus:before, .homepage .ico_plus:after {content:''}
    .homepage .ico_list .txt_sub {font-size:14px;margin-top:10px;}
    .homepage .bnr_box {padding:10px 15px;overflow:hidden}
    .homepage .bnr_box h3 {font-size:14px;float:left;margin-bottom:5px;}
    .homepage .bnr_box h3 span {display:inline;font-size:100%}
    .homepage .bnr_box .text-left {font-size:12px;clear:left;}
    .homepage .bnr_box .img-responsive {max-width:120px;float:right;}
    .line_s {margin-bottom:15px;margin-top:10px;}
    .last .txt_box {font-size:13px;text-align:left;color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:10px 12px;
    text-shadow: -1px -1px 0 rgba(0,0,0,.1);background: #ec7020 url(../img/bg_pattern.png) no-repeat 50% 50%;
    -webkit-box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.1);
    margin:0 0 10px;}
    .tel_box {margin:20px 0}
    .tel_box .tel_num {font-size:16px;padding:8px 0;text-align:center;background-color:#fff6f1;border-top:1px solid #e0b192;border-bottom:1px solid #e0b192;margin-bottom:0;}
    .tel_box .tel_num i {color:#ed8037 ;}
    .tel_box .tel_txt {font-size:13px;text-align:left;margin:0;border-bottom:1px solid #e0b192;padding:10px 15px;}
/* 웹접근성 */
   .list_browser li p {font-size:11px;margin:5px 0}
   .web h2 {font-size:15px;margin-top:10px;}
   .web .h3 {font-size:14px;font-weight:normal;text-align:center;font-weight:bold;}
   .web .sub_msg {font-size:12px;}
   .web .list_box dl {padding:10px;}
   .web .list_box dt {font-size:14px;margin-bottom:5px;}
   .web .list_box {margin:15px 0;font-size:12px;}
   .web .bnr_box {padding-top:5px;}
   .web .bnr_box h2 {margin:10px 0;font-size:15px;}
   .web .bnr_box em {font-size:15px;text-transform:uppercase;}
   .web .pic img {max-width:180px;}
/* 회사소개 */
   .about .main_box {padding:20px 20px;text-align:left;}
   .about .main_box .inner {}
   .about .main_box .big_txt {font-size:15px;}
   .about .main_box .sub_txt {font-size:12px;line-height:19px;text-align:left;margin-bottom:0}
   .logo_list_box .lst1 img {width:100%;max-width:100%;}
   .logo_list_box .lst2 {margin-top:10px;padding:4px 0 6px}
   .motto_tbl {border:1px solid #ccc;border-collapse:collapse;border-radius:8px;}
   .motto_tbl caption {display:none;}
   .motto_tbl th {text-align:center;width:120px;line-height:17px;font-size:13px;border-right:1px solid #e5e5e5;padding:8px 5px;background-color:#f2fafe;color:#6e90c0;font-weight:normal;text-shadow:1px 1px 2px #fff}
   .motto_tbl .list_th2 {background-color:#f9fef3;color:#80c269}
   .motto_tbl .list_th3 {background-color:#f9f3fe;color:#8f82bc}
   .motto_tbl .list_th4 {background-color:#fff6f1;color:#ed8037}
   .motto_tbl .list_th5 {background-color:#f3f7fb;color:#556fb5} 
   .motto_tbl tr {border-bottom:1px solid #ccc}
   .motto_list th span {display:block;}
   .motto_list td {font-size:12px;padding:5px 8px;}
/* 견적문의 */
   .brd_frame3 {overflow:hidden;}
   .brd_frame3 iframe {height:650px;}
/* 오시는길 */
   .contact .table {border-top:none;}
   .contact .table th {vertical-align:middle;font-size:13px;font-weight:normal;}
   .contact .table td {font-size:12px;}
   #mapBox {padding:5px;}
   #mapBox .area {height:320px}
/* 탭콘텐츠 */
    .nav-tabs>li>a {padding:8px 20px;font-size:13px;}
    .tab-content .tit_box {margin:10px 0;padding:14px 0 5px;line-height:1;}
    .tab-content .tit_box h4 {font-size:16px;margin:5px 0;display:inline;padding: 0 5px;}
    .tab-content .tit_box .fa-4x {font-size:16px;}
    #servTabBox .cont_area {margin:10px 0}
    .ico_list_cont {margin-top:15px;}
    .cont_area .txt_cont .big_txt {font-size:15px;padding:0;}
    .cont_area .txt_cont .sub_txt {font-size:12px;}
    .ico_list_cont h5 {font-size:13px;margin:5px 0}
    .ico_list_cont > li {margin-bottom:10px;}
    .ico_list_cont > li > p {font-size:11px;min-height:50px;}
    .clear_m {clear:both}
    .process_step li {padding:10px 0;}
    .step_ico i {font-size:30px;}
    .process_step li strong {font-size:14px;padding-bottom:5px;}
    .process_step li p {font-size:12px;}
    .mobile_vis {display:block;position: absolute;background:url(/resources/img/video_bg.jpg) no-repeat;background-size:cover;
    bottom: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 1;}
    .mobile_vis img {width:100%;}
    #hd_pop  {display:block;} /*팝업모바일*/
	.video_bg {display:none;}
}
#asideContact {position:fixed;top:120px;right:15px;z-index:999;}
#asideContact .saside_inner {position:relative;}
#asideContact .aside_inner #closeSide {position:absolute;top:95px;left:145px;display:block;width:70px;height:25px;background:none;cursor:pointer;background:rgba(255,255,255,0);}
.no-gutter > [class*=col-] {padding-right:0;padding-left:0}
.timeline_wrap {background:url(../img/rs.jpg) no-repeat 50% 50% fixed;background-size:100%;margin-bottom:25px;}
/*하단결제버튼*/
.gyuljea{margin:0 0 0 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-decoration:none;width:90px;padding:2px 0; text-align:center;border:1px solid #D26016;background:#ec7020;color:#fff;display:inline-block;}
.gyuljea:hover{color:#111;background:#fff;text-decoration:none;border:1px solid #c8c8c8;}



/* 토, 일요일상담가능 텍스트 추가 */
.add-info { font-size: 16px; font-weight: 600; color: #008bcc; text-align: center; letter-spacing: -0.5px; }