@charset "utf-8";
@font-face{
 font-family:"NanumGothic";
 src:url('../../fonts/NanumGothic.eot');
 src:url('../../fonts/NanumGothic.eot?#iefix') format('embedded-opentype');
 src:url('../../fonts/NanumGothic.ttf') format('truetype');
 src:local(※), url(../../fonts/NanumGothic.woff) format('woff');
 }

/*body {width:100%; height:100%; -webkit-text-size-adjust:none; font-family:"맑은 고딕","MalgunGothic",'NanumGothic','나눔고딕','NanumGothicWeb',"돋움",AppleGothic, sans-serif; font-size:small; line-height:1.5em; padding:0; margin:0; background:url(../img/bodybg.jpg) no-repeat;}*/
a {color:#000;}
body {-webkit-text-size-adjust:none;font-family: '나눔고딕' 'NanumGothic',"돋움",AppleGothic, sans-serif; font-size:small; line-height:1.5em; padding:0; margin:0; background:url(../img/bodybg.jpg) no-repeat center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

/* 마진,패딩 */
.l05_m {margin-left:5px;}
.r05_m {margin-right:5px;}
.t05_m {margin-top:5px;}
.b05_m {margin-bottom:5px;}
.l10_m {margin-left:10px;}
.r10_m {margin-right:10px;}
.t10_m {margin-top:10px;}
.b10_m {margin-bottom:10px;}
.l15_m {margin-left:15px;}
.r15_m {margin-right:15px;}
.t15_m {margin-top:15px;}
.b15_m {margin-bottom:15px;}
.l20_m {margin-left:20px;}
.r20_m {margin-right:20px;}
.t20_m {margin-top:20px;}
.b20_m {margin-bottom:20px;}
.l25_m {margin-left:25px;}
.r25_m {margin-right:25px;}
.t25_m {margin-top:25px;}
.b25_m {margin-bottom:25px;}
.l30_m {margin-left:30px;}
.r30_m {margin-right:30px;}
.t30_m {margin-top:30px;}
.b30_m {margin-bottom:30px;}
.l05_p {padding-left:5px;}
.r05_p {padding-right:5px;}
.t05_p {padding-top:5px;}
.b05_p {padding-bottom:5px;}
.l10_p {padding-left:10px;}
.r10_p {padding-right:10px;}
.t10_p {padding-top:10px;}
.b10_p {padding-bottom:10px;}
.l15_p {padding-left:15px;}
.r15_p {padding-right:15px;}
.t15_p {padding-top:15px;}
.b15_p {padding-bottom:15px;}
.l20_p {padding-left:20px;}
.r20_p {padding-right:20px;}
.t20_p {padding-top:20px;}
.b20_p {padding-bottom:20px;}
.l25_p {padding-left:25px;}
.r25_p {padding-right:25px;}
.t25_p {padding-top:25px;}
.b25_p {padding-bottom:25px;}
.l30_p {padding-left:30px;}
.r30_p {padding-right:30px;}
.t30_p {padding-top:30px;}
.b30_p {padding-bottom:30px;}
.clear {display:inline-block;}

.topmenu a {color:#fff; font-weight:bold;}
.sns {margin-top:35px;}

.carousel  { border:5px solid  #FFF;}
.carousel-control.left {
  background-image: none;
}
.carousel-control.right {
  background-image:none;
}

/* menu bar bootstrap.css 커스티마이징 */
.nav {margin-top:25px;}
.nav > li {padding:0 10px;}
.nav > li > a:hover, .nav > li > a:focus {background-color:transparent; color:#ffe6fd;}
.navbar-nav > li > a {color:#fff; padding-top:8px; padding-bottom:12px;}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {color:#ffe6fd; background-color:transparent;}
.nav .dropdown {font-size:90%;}
.nav .dropdown-menu {background-color:#6b69a8;}
.nav .dropdown-menu li {}
.nav .dropdown-menu li > a {color:#fff;}
.nav .dropdown-menu li > a:hover {color:#ffe6fd; background-color:transparent;}
.navbar-header {background-color:#6b69a8; border-radius:5px;}
.navbar-header .navbar-brand {font-size:110%;}
.navbar-header button {background-color:#fff;}
/* menu bar bootstrap.css end */

.indexmain01 {background-color:#fcfafe; padding:30px 0; margin-top:60px;}
.indexmain01 .month {background-color:#f1e8f9; border-radius:80px; width:68px; height:68px; padding:15px 20px 20px 15px; color:#938e8e; text-align:center; margin:0 auto;}
.indexmain01 .month strong {font-size:140%;}
.indexmain01 .month p {font-size:110%;}
.indexmain01 dl dt {font-size:120%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexmain01 dl dd {overflow:hidden; height:55px; line-height:100%; margin-top:5px;}
.indexmain01 .aboutus {background:url(../img/about.gif) no-repeat left 70px;  padding-left:30px;}
.indexmain01 .aboutus p {text-align:justify; margin-top:10px; line-height:110%;}
.indexmain01 .aboutus p span {display:block; color:#8700ff; text-align:right; margin-top:5px;}
.indexmain01 .customer {background:url(../img/dotted.gif) repeat-x left 100px;}
.indexmain01 .customer strong {font-size:110%; }
.indexmain01 .customer strong span {font-size:160%; color:#6c26ab;}
.indexmain01 .customer p {line-height:110%;}
.indexmain01 .customer .email {font-size:110%; font-weight:bold;} 
.indexmain01 .customer .address {margin-top:50px; font-size:110%; line-height:160%;} 
.indexmain02 {margin-top:60px;}
.indexmain02 .snsbox {border:10px solid #fff; margin-bottom:20px;}
.indexmain03 {margin-top:40px; background-color:#fcfafe; padding:30px 0;}
.indexmain03 dl.indexproducts {border:1px solid #d4d4d4;}
.indexmain03 dl.indexproducts dd {padding:0 15px;}
.indexmain03 dl.indexproducts .protitle {margin-top:10px; font-weight:bold; font-size:120%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexmain03 dl.indexproducts .protxt {margin:10px auto 10px auto; overflow:hidden; height:24px; line-height:120%;}
.footer {padding:30px 0; color:#fff; text-align:center;}
.footer .companyname {color:#db8eff;}

/* 서브 공통 */
.content {background-color:#fff;}

.content {
	margin-top:10px;
	padding:30px 0;
	border-bottom:1px solid #ccc;
}
.content .location ol {
	background-color:#fff;
	margin:0;
	padding:0;
}
.content .title {
	color:#614e30;
}
.content .titlefont{font-size: 190%;}
.content .titlemenu ul li {
	background-color:#f0f0f0;
	padding:6px 2%;
	margin-top:5px;
}
.content .titlemenu ul li:hover {
	background-color:#614e30;
}
.content .titlemenu ul li a {
	color:#614e30;
	text-decoration:none;
}
.content .titlemenu ul li:hover a {
	color:#fff;
}
.content .titlemenu ul .on {
	background-color:#614e30;
}
.content .titlemenu ul .on a {
	color:#fff;
}
.content .details {margin:30px auto; min-height:700px;border-top:1px solid #ccc;padding-top: 30px;}
.content .details #map {width:100%;height:500px;border:1px solid #ccc;margin-bottom:20px;}
.content .details .mapbox p.h5 {background-color:#78c01a;color:#fff;width:100px;padding:3px 3px 6px 3px;margin-top:20px;font-size: 80%;text-align: center;}
.content .details .resear p.h5 {margin-top:20px;font-size: 120%;background: url(../img/ico.gif) no-repeat left 2px; padding-left: 20px;}
.content .details .resear ul {margin-left:-30px; list-style:none;}
.content .details .resear ul li {background: url(../img/li_list.gif) no-repeat left 2px;padding-left:20px;}
.content .details .resear .subtitle {color:#b81b1b;}
.content .details .resear .subtitle span {margin-right:5px;vertical-align: -2px;}
.content .details .resear .conbox small {margin-right:10px;color:#666;}
.content .details .resear .conbox > div { border-right:1px solid #ccc; margin-top:20px; }
.content .details .resear .conbox > div:last-child { border-right:0; }
.content .details .resear table { width:98%;float:right;}
.content .details .resear table th { background-color:#88bd2c;color:#fff;}
.content .details .tour .tourimg_l {float:left;padding-right:20px;}
.content .details .tour .tourimg_r {float:right;padding-left:20px;}
.content .details .tour p.h5 {margin-top:30px;margin-bottom:15px;}
.content .details .tour p.text {text-align:justify;}
.content .details .tour2 table th {background-color:#2d98ab;color:#fff;}
.content .details .tour2 .tourname {font-weight:bold;color:#614e30;}
.content .details .nav-tabs li { border:1px solid #EAEAEA; padding:0; }
.content .details .nav-tabs .active a { background-color:#7D4B96; color:#FFF; }
.content .details .nav-tabs a:hover { background-color:#7D4B96; color:#FFF; }
.content .details .tab-content p  {margin-bottom:20px; }
.content .company { background:url(../img/about01_bg.jpg) no-repeat 80% 80px; min-height:auto; }


/* midea query */
@media (max-width: 767px) {
	.header h1 {margin-bottom:20px;}
	#sitemenu {padding:0; margin:0;}
	.header ul.nav {width:100%; background:rgba(107,105,168,0.5); margin:0; padding:0;  border-radius:0;}	
	.oldie #header ul.nav {background-color:#000;}	
	.header ul.nav li {width:100%; border-bottom:1px solid #fff; margin:0; padding:0; z-index:10;}	
	.header ul.nav li .divider {display:none;}
	.header ul.nav li > ul li {border:0;}	
	.header ul.nav li a {color:#fff;}
	.header ul.nav > li > a:hover, .nav > li > a:focus {color:#ffe6fd;}
	.header ul.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {color:#ffe6fd;}
	.header .nav .dropdown-menu li > a:hover {color:#ffe6fd;}
	.indexmain01 .month {margin-bottom:10px;}
	.indexmain01 .aboutus {background:none; padding-left:0; margin-top:20px;}
	.indexmain01 .customer {margin-top:40px;}
    .content .details .resear .conbox > div { border-right:0; }
	.logo { max-width:50%;}
	.content .company { background-image:none; }

}
@media (min-width: 768px) and (max-width: 991px) {
	.header ul.nav {width:100%;}
	.nav > li {width:25%;}
	.indexmain01 .aboutus {background:url(../img/about.gif) no-repeat left 45px;}
	.indexmain01 .customer {background:url(../img/dotted.gif) repeat-x left 120px;}
	.content .details .resear .conbox > div { border-right:0; }

}
@media (min-width: 992px) and (max-width: 1199px) { 
	.indexmain01 .aboutus {background:url(../img/about.gif) no-repeat left 60px;}
	.content .sub_title .h2 {margin-top:25px; color:#666; font-weight:bold;}

}
@media (min-width: 1200px) { ... }