@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');
@charset "utf-8"; 

body	{color:#262626; font-size:13px; font-family:/*'NotoR',*/'맑은 고딕','AppleGothic','돋움','Dotum', sans-serif !important;-webkit-text-size-adjust:none; word-spacing:0; letter-spacing:-1px}


/***common***/
.bg_none{background:none !important;}
ol,	ul/*,	li*/	{list-style-type:none}

.navbar-inverse{background:none;border-color:none;border:none;}

.carousel.slide{width:100%;}
.carousel-indicators{visibility:hidden !important}
.carousel-caption h2{visibility:hidden !important}
.carousel-control.right {
    right: 0px;
    left: auto;
    background-image: linear-gradient(to right, transparent 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, transparent 100%);
    background-repeat: repeat-x;}

/* space */
.mt0	{margin-top:0 !important}
.mt5	{margin-top:5px}
.mt8	{margin-top:8px}
.mt10	{margin-top:10px !important}
.mt20	{margin-top:20px}
.mt25	{margin-top:25px !important}
.mt30	{margin-top:30px !important}
.mt50	{margin-top:50px !important}

.mr5	{margin-right:5px !important}
.mr10	{margin-right:10px !important}

.ml23	{margin-left:23px !important}

.mb20	{margin-bottom:20px;}
.mb50	{margin-bottom:50px;}

.fmr5	{margin-right:0 !important}
.fmr10	{margin-right:7px !important}
.fmr21	{margin-right:18px !important}

.pl20	{padding-left:20px !important}
.pt20	{padding-top:20px !important}
.pt40	{padding-top:40px !important}
.pt50	{padding-top:50px !important}

.pb0	{padding-bottom:0 !important;}


/***헤더***/
.navbar.navbar-inverse.navbar-fixed-top{background-color:rgba(0,0,0,0.4);}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color:#333;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

/***푸터***/
#footer{border-top:1px solid #e1e1e1;margin-top:20px;}
.address { text-align:center;font: normal 11px; letter-spacing:2px;color:#646464;/*color:#4f4f4f;*/ line-height:150%; margin:20px 0 30px 0;}

/***로고***/
a.navbar-brand img{padding-top:7px;}

/***네비게이션***/
.nav.navbar-nav{font-family:'맑은 고딕','돋움','Dotum', sans-serif;font-size:17px;font-weight:500;margin-left:100px;}
.nav.navbar-nav.submenu{border:none;}
.nav.navbar-nav li:first-child{padding:0 30px 0 30px;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background-color:none !important;
}
.nav.navbar-nav li{padding:0 23px;}
.nav.navbar-nav li a{font-family: 'Roboto';font-weight:700;color:#fff;letter-spacing:0.5px;}
.nav.navbar-nav li ul li a {font-family:'맑은 고딕','돋움','Dotum';font-size:13px;font-weight:600;}
.nav.navbar-nav li ul li a:hover {background-color:rgba(0,190,177,0.8)}
.nav.navbar-nav li a:hover{color:#fff;}
.nav.navbar-nav li a:focus{color:#fff;}

.navbar-nav > li > .dropdown-menu{position:absolute;left:33px;top:64px;}
.navbar-nav > li > .dropdown-menu li{padding:0;}
.navbar-nav > li > .dropdown-menu li:first-child{padding:0;}
.navbar-nav > li > a{}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{}

.dropdown-menu {
    background-clip: padding-box;
    background-color:rgba(0,0,0,0.4);
    border: 1px solid rgba(0, 0, 0, 0.0);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
.dropdown-menu > li > a{padding:8px 20px;}


/***메뉴4가지***/
.main_menu_wrap{}
.main_menu{width:1038px;height:215px;margin:0 auto;margin-top:-215px;z-index:100}
.main_menu > div{position:relative;width:255px;height:215px;float:left;margin-left:6px;padding:0 28px;}
.main_menu > div > h3{position:absolute;top:0;left:28px;z-index:110;font-size:36px;font-weight:600;color:#fff;}
.main_menu > div > p{position:absolute;top:80px;left:28px;z-index:110;width:180px;line-height:150%;font-size:12px;color:#fff;word-break:break-all;}
.main_menu > div > a{position:absolute;bottom:24px;left:28px;display:inline-block;width:91px;height:25px;background:url('../images/main_btn_view.png');text-indent:-9999px;}
.main_menu > div > a.on{position:absolute;bottom:24px;left:28px;display:inline-block;width:91px;height:25px;background:url('../images/main_btn_view_on.png');}
.main_menu .sm{margin-left:0;background:url('../images/main_img1.jpg');transition: 0.5s;}
.main_menu .sm.on{margin-left:0;background:url('../images/main_img1_on.jpg');color:#000;}
.main_menu .si{background:url('../images/main_img2.jpg');}
.main_menu .hr{background:url('../images/main_img3.jpg');}
.main_menu .web{background:url('../images/main_img4.jpg');}
.main_menu > div.on h3, .main_menu > div.on p{color:#000;}
.main_menu > div.on > a{background:url('../images/main_btn_view_on.png');}

/***메인컨텐츠***/
.main_cont{padding:50px 0;}
.main_cont div .title{border-bottom:1px solid #e0e0e0;line-height:200%;margin-bottom:20px;}
.main_cont div .title span{font-size:20px;color:#000;border-bottom:2px solid #13a89e;display:inline-block;padding:0 5px 5px 5px;}
.main_cont div.instance dl{margin-top:20px;}
.main_cont div.instance dt{color:#018980;font-size:20px;font-weight:normal;padding-bottom:5px;}
.main_cont div.instance dd{color:#777;font-size:13px;line-height:160%;}
.main_cont div.latest_notice{position:relative;height:190px;padding:0 0 0 48px;}
.main_cont div.latest_notice p{position:absolute;right:18px;top:8px;color:#777;}
.main_cont div.latest_notice ul{padding:0 0 0 10px;}
.main_cont div.latest_notice ul li{background:url('../images/bg_dot.gif') 0 15px no-repeat;padding:4px 0 4px 12px;font-size:14px;position:relative;}
.main_cont div.latest_notice ul li span{position:absolute;right:10px;top:3px;}
.main_cont div.quickmenu li{border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;border-right:1px solid #cdcdcd;width:33%;height:172px;float:left;text-align:center;padding-top:120px;font-size:14px;}
.main_cont div.quickmenu li:first-child{border-left:1px solid #cdcdcd;}
.main_cont div.quickmenu li.icon1{background:#f2f2f2 url('../images/main_icon1.png') center 28px no-repeat;}
.main_cont div.quickmenu li.icon2{background:#f2f2f2 url('../images/main_icon2.png') center 28px no-repeat;}
.main_cont div.quickmenu li.icon3{background:#f2f2f2 url('../images/main_icon3.png') center 28px no-repeat;}


/*****서브이미지*****/
.intro-header {
  background: no-repeat center top;
  background-attachment: scroll;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  background-size: auto;
  -o-background-size: auto;
  margin-bottom:30px;
  height:310px;
}
.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading {
  padding: 140px 0 50px;
  color: white;
  font-size:38px;
}
.intro-header .site-heading.black{color:#555;}
.intro-header .site-heading.black hr{border-bottom:1px solid #999;}
@media only screen and (min-width: 768px) {
  .intro-header .site-heading,
  .intro-header .post-heading,
  .intro-header .page-heading {

  }
}
.intro-header .site-heading,
.intro-header .page-heading {
  text-align: center;
}
.intro-header .site-heading h1,
.intro-header .page-heading h1 {
  margin-top: 0;
  font-size: 50px;
}
.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading {
  font-size: 32px;
  line-height: 1.1;
  display: block;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 10px 0 0;
}
@media only screen and (min-width: 768px) {
  .intro-header .site-heading h1,
  .intro-header .page-heading h1 {
    font-size: 80px;
  }
}
.intro-header .post-heading h1 {
  font-size: 35px;
}
.intro-header .post-heading .subheading,
.intro-header .post-heading .meta {
  line-height: 1.1;
  display: block;
}
.intro-header .post-heading .subheading {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 24px;
  margin: 10px 0 30px;
  font-weight: 600;
}
.intro-header .post-heading .meta {
  font-family: 'Lora', 'Times New Roman', serif;
  font-style: italic;
  font-weight: 300;
  font-size: 20px;
}
.intro-header .post-heading .meta a {
  color: white;
}
@media only screen and (min-width: 768px) {
  .intro-header .post-heading h1 {
    font-size: 55px;
  }
  .intro-header .post-heading .subheading {
    font-size: 30px;
  }
}

.container h1{font-size:38px;font-weight:600;color:#343638;text-align:center;margin-bottom:20px;}
.container h1 span{padding:0 5px 0 5px;line-height:180%;border-bottom:3px solid #343638;letter-spacing:1px;display:inline-block;}


  /***************************************회사소개***********************************************/
.company_txt1{font-size:30px;font-weight:500;color:#3e4948;margin-top:50px;}
.company_desc{font-size:17px;background:#f6f6f6;border:1px solid #e8e8e8;padding:15px;line-height:180%;text-align:center;margin-top:30px;}
.company_desc span{position:absolute;left:-40px;top:-1px;display:inline-block;}
.company_bg{background:url('../images/bg_company.gif') 5px 0 no-repeat;height:400px;}
.company_info{margin-top:50px;}
.company_info dl{margin-top:70px;}
.company_info dl dt{float:left;width:20%;font-size:14px;letter-spacing:3px;line-height:49px;border-bottom:1px solid #d4d4d4;padding-left:10px;color:#007e76;}
.company_info dl dd{float:left;width:80%;padding-left:40px;font-size:14px;letter-spacing:1px;line-height:49px;border-bottom:1px solid #d4d4d4;}

.list-group-item{border-top-style:none;border-left:none;border-right:none;font-size:14px;border-bottom:1px solid #d4d4d4;margin:0;}
.list-group-item span{color:#007e76;display:inline-block;width:100px;}


/***************************************비전***********************************************/
P.vision_txt{padding:30px 0;font-size:16px;}


/***************************************조직도***********************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}



.org_top{background:url('../images/bg_org.gif') bottom center no-repeat;padding-bottom:90px;margin-top:-20px;}
.org_top h2 span{display:inline-block;font-size:36px;font-weight:600;color:#018980;border:1px solid #018980;text-transform: uppercase;padding:12px 40px;background:#fff;}

.org .panel-heading{font-size:18px;color:#018980;text-transform: uppercase;}
.org .panel-body{height:179px;line-height:160%;}

/***************************************오시는길***********************************************/
.list-icons {
	padding: 0;
	margin: 20px 0;
	list-style: none;
	font-size: 17px;
}
.list-icons li {
	padding: 0 0 15px 0;
	letter-spacing:1px;
}



/***************************************연혁***********************************************/
.history{margin-bottom:50px;}
.history p{font-size:40px;font-weight:600;color:#13a89e;width:110px;float:left;}
.history ul{float:left;background:url('../images/bg_history.gif') 0 0 repeat-y;padding-left:30px;}
.history ul li{line-height:140%;padding:5px 0;list-style:none}


/***************************************사업영역***********************************************/
.container.business{padding-bottom:40px;}
.container.business .lead{font-size:16px;padding-right:30px;line-height:160%;}
.container.business .pull-right{padding-left:50px;}
.text-muted.orange{color:#fb6239;}
.business-heading{font-size:28px;line-height:130%;}

.container.business .si dt{background:url('../images/bl_dt.gif') 0 5px no-repeat;padding-left:22px;color:#03736b;font-size:18px;font-weight:500;margin-top:30px;}
.container.business .si dd{line-height:160%;padding-left:22px;font-size:16px;}
.container.business .si dd span{letter-spacing:6px;width:80px;display:inline-block;font-weight:500;}

.container.business .sm{padding-left:20px;margin-top:10px;}
.container.business .sm_desc{margin-bottom:30px;}
.container.business .sm_desc:after{content:"";clear:both;display:block;}
.sm4 img{margin-right:20px;}
.sm4 .featurette{margin:15px 0;}
.sm4 .featurette dl dt{font-size:22px;font-weight:400;padding-bottom:5px;}
.sm4 .featurette dl dd{font-size:15px;color:#555;}

.container.business .media .media-body{border-radius:0 5px 5px 0;padding:15px 25px 10px 25px;line-height:160%;border-left:5px solid #01bcad;}
.container.business .media .media-body.bg1{color:#fff;background:#333333;}
.container.business .media .media-body.bg2{color:#333;background:#f7f7f7;}


.app_desc{}
.app_desc:after{content:"";clear:both;display:block;}
.app_desc ul li{font-size:14px;line-height:130%;padding:5px 0;}
.app_desc ul li span{color:#047bb9;font-weight:600;font-size:16px;}
.table.table-striped thead th:first-child{width:100px;}
.table.table-striped thead th{text-align:center;font-size:16px;}
.process{padding-bottom:40px;}
.process:after{content:"";clear:both;display:block;}

.web4 img{margin-right:20px;}
.web4 .featurette{margin:15px 0;}
.web4 .featurette dl dt{font-size:22px;font-weight:400;padding-bottom:5px;}
.web4 .featurette dl dd{font-size:15px;color:#555;}

@media only screen and (max-width:1200px) {
.text-muted.orange{ display:block;}
.container.business .pull-right{padding-left:0;}
}



/***************************************포트폴리오***********************************************/
.portfolio-item {
    margin-bottom:50px;
}
.portfolio-item h3 a{font-size:20px;}
.portfolio-item p{line-height:150%;}


/***************************************inquiry***********************************************/
.inquiry {overflow:hidden; margin-top:20px}
.inquiry table {width:96%}
.inquiry table th {background:#ffef87; padding:10px 0; font-size:13px; color:#555; border-bottom:5px solid #fff; font-weight:normal}
.inquiry table th.must {background:#ffef87 url('../images/sub/inputmust_bl.png') no-repeat; }
.inquiry table td {background:#f4f4f3; padding:10px 0 10px 15px; border-bottom:5px solid #fff}
.inquiry table td input, .inquiry table td select {border:1px solid #cacaca; height:20px;}
.inquiry table td input.input_btn {margin:0 5px 0 20px; vertical-align:middle}
.inquiry h5 {margin:20px 0 10px 0; font-size:14px; font-weight:normal}


@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

/***************************************notice***********************************************/
.notice{padding-bottom:80px;min-height:280px}
.media-body h4{padding-bottom:5px;}
.media-body .view_noticecont{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:6px 30px 6px 0;text-align:right;color:#777;font-size:14px;letter-spacing:1px;}
.media-body .view_noticecont a{color:#777;text-decoration:none;}
.media{padding:0 20px;}
.media .date{display:inline-block;background:#252525;width:52px;height:48px;color:#fff;text-align:center;padding-top:5px;font-style:italic;line-height:130%;}
.media .date .month{font-size:16px;}
.media .date .day{font-size:12px;padding-left:5px;}
.media_txt{color:#444;font-size:15px;line-height:150%;}

/*************************************media query*******************************************/
@media only screen and (max-width:768px) {

.navbar.navbar-inverse.navbar-fixed-top{background-color:rgba(0,0,0,0);}
.nav.navbar-nav li.dropdown:first-child{padding:0 23px;}
.navbar-header {background-color:rgba(0,0,0,0.4);}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background-color:rgba(0,0,0,0.4);}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse.collapse.in.navbar-height {max-height:407px !important;padding-left:0;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a, .nav.navbar-nav li ul li a {color:#fff;}

.main_menu {width:100%;height:215px;margin:0 auto;margin-top:-436px;z-index:100}
.main_menu > div {position:relative;width:50%;height:215px;float:left;margin-left:6px;padding:0 28px;}
.main_menu > div:nth-child(2) {margin-left:0;}
.main_menu > div:nth-child(3) {margin-left:0;margin-top:0;}
.main_menu > div:nth-child(4) {margin-top:0;margin-left:0;}
.main_menu > div > h3 {position:absolute;top:0;left:18px;z-index:110;font-size:26px;font-weight:600;color:#fff;}
.main_menu > div > p {position:absolute;top:70px;left:18px;z-index:110;width:125px;line-height:150%;font-size:12px;color:#fff;word-break:break-all;}

.main_cont div.latest_notice{position:relative;height:190px;padding:0 0 0 13px;}
.main_cont div.quickmenu ul {padding-left:0;}

.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading {
  padding: 70px 0 20px;
  color: white;
  font-size:24px;
}

/*****서브이미지*****/
.intro-header {
  background: no-repeat center top;
  background-attachment: scroll;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  background-size: auto;
  -o-background-size: auto;
  margin-bottom:30px;
  height:200px;
}
.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading {
  font-size: 21px;
  line-height: 1.1;
  display: block;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 10px 0 0;
}

.container h1{font-size:24px;margin-bottom:20px;}

.company_txt1{font-size:17px;margin-top:30px;}
.company_desc{margin:0 auto;width:88%;font-size:13px;padding:12px;line-height:180%;margin-top:30px;}
.list-group-item span {display:block;padding-bottom:4px;}

.org_top{background:none;padding-bottom:20px;margin-top:-20px;}
.org .panel-body{height:120px;}

/***푸터***/
.address {letter-spacing:0;}


}