@charset "euc-kr";
@font-face { font-family: "NanumBarunGothic"; src: url("../fonts/NanumBarunGothic.eot"); src: local(¡Ø), url("../fonts/NanumBarunGothic.woff")format("woff"); }
html { height: 100%; }
body { font-family: 'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ', 'nanumBG', dotum, gulim; font-size: 14px; line-height: 1.42857143; height: 100%; }
p { margin: 0; padding: 0; }
ul, li { padding: 0; margin: 0; list-style: none; }
a:hover, a:active, a:focus { text-decoration: none }
.cursor { cursor: pointer; }
.gap_5 { height: 5px; }
.gap_10 { height: 10px; }
.gap_20 { height: 20px; }
.gap_30 { height: 30px; }
.gap_40 { height: 40px; }
.gap_50 { height: 50px; }
.wid60 { width:60px; display: inline-block;}
.wid80 { width:80px; display: inline-block;}
.wid100 { width:100px; display: inline-block;}
.clr { clear: both; }
.vert_m { vertical-align: middle !important }
.txt_blue { color: #369 !important; }
.txt_orange { color: #F30 !important; }
.txt_yellow { color:#f6c209 !important; }
.txt_red { color: #C00 !important; }
.txt_red a { color: #C00 !important; font-weight: bold !important; }
.font_dotum { font-family: "µ¸¿ò"; font-size: 12px; }
.pagination > li > a, .pagination > li > span { font-family: Arial, Helvetica, sans-serif; }
/* Preloader */
#preloader { background: #ffffff; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; display: none }
#status { background-image: url(../image/small-load.gif); background-position: center; background-repeat: no-repeat; height: 150px; width: 300px; left: 50%; margin: -100px 0 0 -150px; position: absolute; top: 50%; }
.scroll-up { position: fixed; display: none; z-index: 999; bottom: 1em; right: 1em; }
.scroll-up a {background:url(../image/bg_30.png); display: block; width: 33px; height: 33px; text-align: center; color: #fff; font-size: 15px; line-height: 30px; }
.scroll-up a:hover, .scroll-up a:active { background:url(../image/bg_80.png);  color: #fff;  }
/* Navigation */
#main_menu { padding: 10px; transition: all 0.8s; }
#main_menu.navbar-default { background:url(../image/bg_80.png) }

#main_menu a.navbar-brand { text-transform: uppercase; font-size: 22px; color: #fff; font-weight: 900; }
#main_menu a.navbar-brand img { width: 150px; height: auto; }

#main_menu.navbar-default .navbar-nav > li > a { text-transform: uppercase; color: #FFF; font-size: 18px; letter-spacing: 1px; cursor:pointer }
.on { background-color: #222222 !important; padding:0!important;  }
@media (min-width: 768px) {
.on .navbar-right .dropdown-menu { top:50px;}
.navbar-right .dropdown-menu { right:-20px;}
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #f6c209 !important; background-color: transparent; font-weight: 700; }
.navbar-toggle { border-radius: 0; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #f6c209; border-color: #f6c209; }
.navbar-default .navbar-toggle:hover>.icon-bar { background-color: #FFF; }
/* Home Style */
#main_home {height: 100%;  position:relative; }
.main_visual01 {background: url(../image/main_visual01_768.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; color: #cfcfcf; height: 100%; }
.main_visual02 {background: url(../image/main_visual02_768.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; color: #cfcfcf; height: 100%; }
.main_visual01 .overlay, .main_visual02 .overlay  { background: url(../image/top_bg1.png) 0 0 repeat-x;height: 100%; background-attachment:fixed; }
#main_home p { color: #fff; }
.content { position: absolute; top:35%; text-align:center; height:100px; width:100%; }
.main_h1 { font-size: 42px; color: #fff; line-height:130%; }
.main_p1 { font-size: 14px; color: #fff; margin-top: 10px; }
 
@media (min-width: 768px) {
 
	
	
#main_menu.navbar-default { background:none; background-color: transparent; border-color: transparent; }
#main_menu a.navbar-brand img { width: 200px; height: auto; }
#main_home {  height: 100%; }
.main_visual01 { background: url(../image/main_visual01.jpg);  background-size: cover; background-position: center; background-repeat: no-repeat; color: #cfcfcf; height: 100%;}
.main_visual02  { background: url(../image/main_visual02.jpg);  background-size: cover; background-position: center; background-repeat: no-repeat; color: #cfcfcf; height: 100%;}
.main_visual01, .main_visual02 { background-attachment:fixed;} 
.main_h1 { font-size: 36px; }
.main_p1 { font-size: 16px; margin-top: 10px; }
}
@media (min-width: 992px) {
.main_h1 { font-size: 42px; }
.main_p1 { font-size: 16px; margin-top: 10px; }
}
@media (min-width: 1024px) {
.main_h1 { font-size: 50px; }
.main_p1 { font-size: 18px; margin-top: 20px; }
}
@media (min-width: 1200px) {
.main_h1 { font-size: 70px; }
.main_p1 { font-size: 20px; margin-top: 20px; }
}
 

@media (max-width: 603px){
 
label{
    float: none !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.over-bg .over-text {
    padding: 12% 10%;
}
}
@media (max-width: 360px){
.over-bg .over-text {
    padding: 22% 10%;
}
}
a.fa.fa-angle-down { padding: 10px 15px; color: #fff; border: 2px solid #b4b4b4; border-radius: 50%; font-size: 24px; position: absolute  ; text-align: center; bottom: 30px; left: 50%; margin-left:-24px; transition: all 0.5s; cursor:pointer }
a.fa.fa-angle-down:hover { background: #f6c209; color: #ffffff; border: 2px solid #f6c209; }
#main_service { background: url(../image/bg_pattern2.gif); background-size: auto; background-position: center; background-attachment: fixed; background-repeat: repeat; color: #ffffff; }
#main_service .overlay { height: auto; background-attachment: fixed; padding: 50px 0; }

.section-title { text-align: center; }
.section-title h2 { font-size: 33px; font-family: Arial, Helvetica, sans-serif ; color:#fff;}
.section-title h2 strong { font-weight: bold; color: #f9d966; }
.section-title p { font-size: 13px;color:#fff; }
.service_items { }
.service_item { padding-top: 40px; text-align: center; }
@media (min-width: 768px) {
#main_service .overlay { height: auto; background-attachment: fixed; padding: 150px 0; }
.service_item { padding-top: 75px; text-align: center; }
}
.item_icon { width: 100px; height: 100px; text-align: center; box-sizing: content-box; border: 4px solid #f6c209; background: #fff; border-radius: 50%; color: #6b6f74; margin: 0 auto; font-size: 60px; line-height: 100px; vertical-align: middle; transition: all 0.5s; cursor: pointer; line-height:100px; }
.item_icon:hover { border: 4px solid #f6c209; background: #f6c209; border-radius: 50%; color: #fff; border-radius: 0; }
.service_item h4 { font-size: 25px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 15px; }
.service_item p { font-size: 12px; }
#main_project .col-sm-4, #main_project .col-xs-6 { padding: 0; }
.prj_item { height: 200px; text-align: center; }

.prj_item_01 { background: url(../image/main_prj_01.jpg) center center no-repeat; background-size: cover; }
.prj_item_02 { background: url(../image/main_prj_02.jpg) center center no-repeat; background-size: cover; }
.prj_item_03 { background: url(../image/main_prj_03.jpg) center center no-repeat; background-size: cover; }
.prj_item_04 { background: url(../image/main_prj_04.jpg) center center no-repeat; background-size: cover; }
.prj_item_05 { background: url(../image/main_prj_05.jpg) center center no-repeat; background-size: cover; }
.prj_item_06 { background: url(../image/main_prj_06.jpg) center center no-repeat; background-size: cover; }
.over-bg { height: 200px; overflow: hidden; position: relative; }
.over-bg a { cursor:pointer}
.over-bg .over-text { position: absolute; text-align: center; margin: 0 auto; color: #ffffff; background: url(../image/bg_80y.png); padding: 15% 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s; overflow: hidden; box-sizing: border-box; }
.over-bg .over-text>h4 { font-size: 16px; color: #4f4e4e; font-weight: bold; line-height: 20px; }
.over-text small { display: block; color: #fff2c3; opacity: 0; font-size: 14px; -webkit-transform: translateY(80%); transform: translateY(80%); transition: all 0.3s; line-height: 30px; }
.over-bg:hover .over-text small { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(0); transform: translateY(0); }
.over-bg .over-text>i { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.3s; }
.over-bg:hover .over-text>i { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(40%); transform: translateY(40%); }
.over-bg:hover .over-text { opacity: 1; }
.over-bg i.fa { height: 30px; width: 30px; font-size: 34px; color: #fff; }
.over .over-text { opacity: 1; }

.prj_txt { background:#abafb4; padding:40px 20px; text-align:center;}
.prj_txt p { font-size:18px; color:#fff; line-height:22px; margin-bottom:30px;}
.btn_ghost_w { display:inline-block; padding:12px 15px; font-size:14px; line-height:20px; color:#fff; border:2px solid #FFF;  background-color:transparent;border-radius:24px; cursor:pointer;}
.btn_ghost_w:hover { color:#fff; border:2px solid #f6c209;  background-color:#f6c209;}
.btn_ghost_w i.fa { font-size:12px}

@media (min-width: 768px) {
.prj_item { height: 300px; }
.over-bg { height: 300px; }
.over-bg .over-text>h4 { font-size: 24px;   font-weight: bold; line-height: 30px; }
.btn_ghost_w {  font-size:18px;  padding:12px 45px; }
}
#main_cscenter { padding:60px 10px; background:#595b5e;color:#fff;}
.cs_wrap { padding:30px 0; color:#fff;}
.cs_item { text-align:center;}
.cs_item i { font-size:60px;}
.cs_item a { display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-top:20px;}
@media (min-width: 768px) {
 .cs_item a {  font-size:20px;  }
}
/* Contact Section */
 
label {
	float: left;
	font-size: 12px;
	font-weight: 400; 
}
#main_cscenter .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc; 
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

#main_cscenter .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}
#main_cscenter .form-group { padding-left:10px; padding-right:10px;}
button.btn.tf-btn.btn-default { 
	background: #f6c209;
	border: 0; 
	padding: 10px 40px;
	font-size:16px;
	color: #ffffff;
	text-transform: uppercase;
}
button.btn.tf-btn.btn-default:hover { background: #edb200;}

.btn:active, .btn.active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn:focus, 
.btn:active:focus, 
.btn.active:focus, 
.btn.focus, 
.btn:active.focus, 
.btn.active.focus {
	outline: thin dotted;
	outline: none;
	outline-offset: none;
}
#footer { background:#333; padding:30px 0; color:#fff; font-size:12px;}
#footer address { display:block; padding:0; margin:5px 0;}
ul.share-buttons{  list-style: none;  padding: 0; margin-top:10px; text-align:right;}

ul.share-buttons li{  display: inline; text-align:right;}
.select {-webkit-appearance: none;  /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
  background: ;  /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */ 
}
/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
.select::-ms-expand { 
  display: none;
}
.select { 
 padding:0 8px; 
  font-family: inherit;  /* ÆùÆ® »ó¼Ó */
  background:#333 url(../image/bulletArrow2.png) no-repeat 90% 50%; /* ³×ÀÌƼºê È­»ìÇ¥ ´ëü */  
  border:1px solid #666;
  color:#ccc;
  border-radius: 16px; /* iOS µÕ±Ù¸ð¼­¸® Á¦°Å */
  -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
  -moz-appearance: none;
  appearance: none;
  box-sizing:content-box;
  height:30px;vertical-align:middle;line-height:27px;
}


#sub_main { color: #fff; height: 350px; position:relative; }
.sub_main_ptn1 { background:url(../image/bg_pattern4.gif); padding-top:80px;}
.sub_main_img1 { background: url(../image/sub_visual01_768.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_main_img2 { background: url(../image/sub_visual02_768.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;height: 400px !important;  }
.sub_main_img3 { background: url(../image/sub_visual03_768.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;height: 400px !important;  }
.sub_main_img4 { background: url(../image/sub_visual04_768.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_main_img5 { background:#333 url(../image/sub_visual05.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_main_img6 { background:#333 url(../image/sub_visual06.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_main_img7 { background:#333 url(../image/sub_visual07.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat;}
.sub_main_img8 { background:#333 url(../image/sub_visual08.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat;}
.sub_main_img9 { background:#333 url(../image/sub_visual09_768.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
#sub_main .overlay { background: url(../image/top_bg1.png) 0 0 repeat-x;height: 100%;  }
#sub_main p { color: #fff; }
.sub_title_2wrap p { color: #fff; }
.sub_title_wrap {  padding-top:130px; text-align:left;}
.sub_title_2wrap {  padding-top:70px; text-align:left;}
.sub_main_img2 .sub_title_wrap, .sub_main_img3 .sub_title_wrap {  padding-top:90px; }
.sub_title_wrap h2 { font-size:35px; font-weight:bold; color:#f6c209; line-height:35px; margin:0; padding-bottom:5px;}
.sub_title_wrap h3 { font-size:19px; font-weight: normal; color:#ababab;line-height:25px; margin:0; padding-bottom:15px;}
.sub_title_wrap p { font-size:14px; font-weight: normal; color:#fff;line-height:20px; margin:0;  padding:0; }

.sub_title_2wrap h2 { font-size:25px; font-weight:bold; color:#f6c209; line-height:25px; margin:0; padding-bottom:5px;}
.sub_title_2wrap h3 { font-size:19px; font-weight: normal; color:#ababab;line-height:25px; margin:0; padding-bottom:15px;}

.sub_txt_wrap { padding:30px 10px;}
.sub_txt_wrap h4 {font-size:21px; font-weight:bold; color:#ffffff; line-height:35px; margin:0; padding:10px 0;}
.sub_txt_wrap p {font-size:14px; color:#ffffff; line-height:23px; margin:0; padding:10px 0 30px 0;}
.txt_ul1 {  font-size:14px; font-weight: normal; color:#fff;line-height:20px; margin:0;  padding:0;}
.txt_ul1 li {  margin:0;padding:3px 0 3px 10px; list-style:inside square}
.sub_bg1 { background:#4e5053 url(../image/bg_pattern3.gif); color:#fff; text-align:left;}


@media (min-width: 768px) {
#sub_main { color: #fff; height: 570px; position:relative; }
.sub_main_img1 { background: url(../image/sub_visual01.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;} 
.sub_main_img2 { background: url(../image/sub_visual02.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;height: 570px !important; } 
.sub_main_img3 { background: url(../image/sub_visual03.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;height: 570px !important; } 
.sub_main_img4 { background: url(../image/sub_visual04.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_main_img5 { background:#333 url(../image/sub_visual05.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment:fixed;}
.sub_main_img6 { background:#333 url(../image/sub_visual06.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment:fixed;}
.sub_main_img7 { background:#333 url(../image/sub_visual07.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat; background-attachment:fixed;}
.sub_main_img8 { background:#333 url(../image/sub_visual08.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat; background-attachment:fixed;}
.sub_main_img9 { background:#333 url(../image/sub_visual09.jpg); background-size: cover; background-position: center top; background-repeat: no-repeat; background-attachment:fixed;}
.sub_title_wrap { padding-top:200px;  }
.sub_title_2wrap {  padding-top:100x; }
.sub_main_img2 .sub_title_wrap, .sub_main_img3 .sub_title_wrap  {  padding-top:180px;}
.sub_title_wrap h2 { font-size:70px; font-weight:bold; color:#f6c209; line-height:70px; margin:0; padding-bottom:15px;}
.sub_title_wrap h3  { font-size:30px; font-weight: normal; color:#ababab;line-height:30px; margin:0; padding-bottom:30px;}
.sub_title_wrap p { font-size:16px; font-weight: normal; color:#fff;line-height:30px; margin:0; padding:0;  }
.sub_title_2wrap h2 { font-size:50px; font-weight:bold; color:#f6c209; line-height:50px; margin:0; padding-bottom:15px;}
.sub_title_2wrap h3  { font-size:30px; font-weight: normal; color:#ababab;line-height:30px; margin:0; padding-bottom:30px;}

.sub_txt_wrap { padding:70px 30px;}
.sub_txt_wrap h4 {font-size:35px; font-weight:bold; color:#ffffff; line-height:35px; margin:0; padding:20px 0;}
.sub_txt_wrap p {font-size:16px; color:#ffffff; line-height:30px; margin:0; padding:20px 0 50px 0;}
.txt_ul1 {  font-size:16px; color:#ffffff; line-height:30px; margin:0; padding:20px 0 50px 0;}
.txt_ul1 li {  margin:0;padding:3px 0 3px 10px; list-style:inside square}
}
@media (min-width: 1024px) {
.bg_service1 { background: url(../image/img_service.png) right 90px no-repeat;} 
.bg_service2 { background: url(../image/img_service2.png) right 90px no-repeat;} 
.bg_service4 { background: url(../image/img_service4.png) right 90px no-repeat;} 
}
 
 /* Gallery Section 
==============================*/
#tf-works{
	padding: 40px 0;
}
.categories{ 
	padding: 10px 0;
}
ul.cat li{
	display: inline-block;
}
ul.cat h4 { color:#fff; font-size:16px;}  
#tf-works .col-sm-6, #tf-works .col-md-3, #tf-works .col-lg-3 { padding:0 16px;}
#tf-works .row { margin:0 -16px;}
#tf-works li.pull-right {
	margin-top: 10px;
}
ol.type li{
	display: inline-block;
	margin-left: 20px;
	color:#999;
}
ol.type li:after{
	content: ' | ';
	margin-left: 20px;
}
ol.type li:last-child:after { content: ''; }
ol.type li a{ color: #fff; color:#fff; font-size:15px;}
ol.type li a.active { font-weight: 700; color:#f6c209; }
.isotope-item { z-index: 2 }
.isotope-hidden.isotope-item { z-index: 1 }
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope-item {
    margin-right: -1px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.isotope {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
.portfolio-item{
	margin-bottom: 30px;
}
.portfolio-item .hover-bg{
	height: 260px;
	overflow: hidden;
	position: relative;
}

.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #ffffff;
	background: url(../image/bg_50.png);
	padding: 30% 0;
	height: 100%;
	width: 100%;
	opacity: 1;
    transition: all 0.5s;
}
.hover-bg .hover-text>h4{ color:#fff; font-size:21px;
            transition: all 0.3s;
}
.hover-bg:hover .hover-text>h4{
	 color:#f6c209; font-size:25px;
}
.hover-bg .hover-text>small{ color:#ccc; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:26px;
            transition: all 0.3s;
}
.hover-bg:hover .hover-text>small{
	 color:#f6c209; font-size:31px;
}
 
.hover-bg:hover .hover-text{
	opacity: 1;
	 background:url(../image/bg_80.png) ;
}
 

@media (max-width: 603px){
 
#tf-works li.pull-right, #tf-works li.pull-left {
    margin-top: 10px;
    float: none !important;
 
    display: block;
}
ol.type li{
	display: inline-block;
	margin-left: 0px;
	color:#999;
}
ol.type li:after{
	content: ' | ';
	margin-left: 0px;
}
ol.type li a{ font-size:13px;}
label{
    float: none !important
}
 

.hover-bg .hover-text {
    padding: 30% 0;
}
}
@media (max-width: 360px){
.hover-bg .hover-text {
    padding: 30% 10%;
}
}
.icon_q { background:url(../image/icon_q.png) 0 0 no-repeat; padding-left:40px;font-size:15px; min-height:21px; line-height:24px; }
.icon_a { background:url(../image/icon_a.png) 15px 15px no-repeat; padding-left:55px;}
.online_inner {padding:0 20px}
.online_inner .control-label { padding-right:15px; font-weight:bold; font-size:14px;}
.online_wrap { padding:20px 10px 20px 10px; background-color:transparent !important;} 
.agree_box { border:1px solid #ccc; border-radius:4px; color:#555; line-height:1.4258; padding: 6px 12px; font-size:13px; display:block; height:200px; overflow:auto; text-align:left;}
@media (min-width: 768px) { 
.online_wrap { padding:70px 0 70px 0; background-color:transparent;} 
}
.ul_prj { border-bottom:1px solid #666;  border-top:1px solid #666;padding-bottom:20px;padding-top:20px;}
.ul_prj li { padding:12px 0; color:#fff; text-align:left; cursor:pointer}
.ul_prj li .no { display: block; width:35px; padding:1px 5px; text-align:center; color:#ccc; font-size:15px; background:#000; border-radius:7px; float:left;  }
.ul_prj li .title {display: block; color:#fff; font-size:18px; padding:0 5px 5px 45px; float:left; margin-left:-35px; width:100%; }
.ul_prj li:hover .title { color:#f6c209}
.ul_prj li .name { display: inline-block; color:#999; font-size:18px; }
.ul_prj li .date { display: inline-block; color:#999; font-size:15px; padding:0 10px 0 45px; }
.ul_prj li .hit { display: inline-block; color:#999; font-size:15px; }
.ul_prj li .more {  color:#999; font-size:13px; padding-top:5px; }
 
.board_v01 {color:#fff; font-size:16px;}
.board_v01 .view_txt01 {font-size:19px; font-weight:bold; display:block; padding:0 0 10px 0;}
.board_v01 .view_txt02 {font-size:16px;  color:#999; display:inline-block; padding-right:15px;}
.view_wrap { color:#fff; font-size:16px;  border-top:1px solid #666; padding:20px 0 20px 0; margin-top:20px;}
.btns_r { text-align:right; padding:20px; border-top:1px solid #666; margin-top:10px;}

.ul_history li .year { display:block; width:150px; text-align:left; color:#f6c209; font-size:41px;  }
.ul_history ul { display:block; color:#fff; font-size:15px; float:left; margin-bottom:30px;}
.ul_history>li { clear:both; padding:20px 0;}
.ul_history ul li { padding:5px 0;}
.ul_history ul li strong { font-weight:bold; font-size:15px; color:#f9d966;}
@media (min-width: 768px) { .ul_history li .year {  float:left;  }}
.max_100 { max-width:100%; height:auto;}
.ci_inner { text-align:center; padding:0 10px;}
.ci_inner img { max-width:100%; height:auto;}
.link_white { padding-top:10px;color:#fff;}
.link_white a { color:#fff;}
.link_white a:hover, .link_white a:visited {color:#fff;}
.map_canvas {  margin-top:40px; margin-bottom:40px;}
.map_canvas iframe {width:100%;  }
@media (min-width: 768px) {
.map_canvas {  margin-top:70px; margin-bottom:40px;}
.map_canvas iframe {width:100%; }
}
.myinputnobox {width: 100%; max-width: 260px;min-width: 230px; position: absolute; top: 40px; left: 0; background-color: #fff; padding: 10px; z-index: 10;border:1px solid #ccc; border-radius: 4px;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(130 130 130 / 60%); display: none;}
.nobtn_group { width:100%; box-sizing: border-box; height: 70px; }
.nobtn_group a { display:block; width:20%;box-sizing: border-box; float:left; height:30px; text-align:center;  border:1px solid #2e6da4; line-height:28px;color: #fff; background-color: #337ab7; font-size:14px; font-weight:bold; cursor: pointer}
.nobtn_group a:first-child { border-top-left-radius: 4px;}
.nobtn_group a:nth-child(5) { border-top-right-radius: 4px;}
.nobtn_group a:nth-child(6) { border-bottom-left-radius: 4px;}
.nobtn_group a:last-child { border-bottom-right-radius: 4px;}
.nobtn_group a:hover {color: #fff; background-color: #286090; border-color: #204d74;}
.btn_inputNo.form-control { padding: 6px 3px; text-align: center}
.btn_inputNo.form-control[readonly] { background-color: #fff; cursor: pointer;}
.securityno { display: inline-block;font-weight: bold; color: #337ab7;height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143;border: 1px solid #ccc; border-radius: 4px; cursor: not-allowed; background-color: #f1f1f1}
.help-block {  margin-top: 10px;  margin-bottom: 0px; }
.mgt_10 {margin-top:10px; }