@charset "utf-8";
@font-face{font-family:MalgunGothic; src:url(MalgunGothic.eot);}
@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb); 

a {color:#000;}
body {-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 center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; color:#000;word-break:keep-all;}
a:hover { text-decoration:none;}

/* 마진,패딩 */
.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;}

/* 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:#d60b32;}
.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:#d60b32; background-color:transparent;}
.nav .dropdown {font-size:90%;}
.nav .dropdown-menu {background-color:#d60b32;}
.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:left; margin-top:10px; line-height:126%;}
.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:110%; 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:15px; font-weight:bold; font-size:120%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.indexmain03 dl.indexproducts .protxt {margin:10px auto 20px auto; overflow:hidden; height:48px; line-height:120%;}
.footer {padding:30px 0; color:#fff; text-align:center;}
.footer .companyname {color:#db8eff;}

/* 서브 공통 */
.content {background-color:#fff; min-height:700px;}
.content .left_menu { padding:10px;}
.content .left_menu .left_title strong {color:#8b9ad7; }
.content .left_menu .left_title span {display:block; font-size:50%; color:#a1a1a1;}
.content .left_menu ul {border-top:1px solid #ddd; margin-top:30px;}
.content .left_menu ul  li {border-bottom:1px solid #ddd; padding:10px 5px; font-size:110%; background:url(../img/arrow_off.gif) no-repeat right 14px;}
.content .left_menu ul  li:hover {background:url(../img/arrow_on.gif) no-repeat right 14px;}
.content .left_menu ul  li a:hover {background:url(../img/arrow_on.gif) no-repeat right 14px; color:#acb0e3; text-decoration:none;}
.content .left_menu ul .active a {background:url(../img/arrow_on.gif) no-repeat right 14px; color:#acb0e3;}
.content .left_menu ul .active {background:url(../img/arrow_on.gif) no-repeat right 14px; color:#acb0e3;}
.content .left_menu .left_customer span {display:inline-block; background-color:#7075c4; padding:0 15px 3px 15px; color:#fff; margin:30px 0 10px 0; border-radius:15px;}
.content .left_menu .left_customer p {font-size:110%;}
.content .rightpart { padding-left:30px;}
.content .sub_title .h2 {margin-top:40px; color:#666; font-weight:bold;}
.content .sub_title .breadcrumb {background:transparent; padding-left:0;}
.content .sub_title .breadcrumb li a {color:#adadad;}
.content .sub_title .breadcrumb .active {color:#000; font-weight:bold;}
.content .details {margin:30px 0 50px 0; font-size:105%;}
.content .details .h3 { font-size:120%; font-weight:bold; background:url(../img/one.gif) no-repeat left top; padding-left:20px; color: #039}
.content .details .h4 { font-size:110%; font-weight:bold; color:#069; margin-top:15px; background:url(../img/sub02_icon.gif) no-repeat left 50%; padding-left:15px; margin-left:2px;}
.content .details .h5 { font-weight:bold; margin-top:15px;}
.content .details ul { padding-left:0; margin-left:8px;}
.content .details ul li { list-style:none; padding-left:5px; position:relative;}
.content .details ul li:before { content:"·"; position:absolute; left:-5px;}
.content .details .profile { position:relative;}
.content .details .profile strong { color:#fff; position:absolute; right:50px; top:30px; font-size:120%;}
.content .details.with01 .top { background:url(../img/sa_main.jpg) no-repeat left top; padding:70px 30px; color:#fff; font-weight:bold; font-size:130%; margin-bottom:60px; text-align:center;}
.content .details.with02 .top { background:url(../img/huwon.jpg) no-repeat center center; padding:50px 50px 40px 50px; color:#fff; font-weight:bold;  margin-bottom:40px; line-height:150%; font-size:110%;}
.content .details.with02 .top p:first-child {font-size:130%; line-height:140%; border-bottom:1px solid #fff; padding-bottom:20px; margin-bottom:20px;}
.content .details.with01 > .row { border-bottom:1px dotted #ccc;}

/* 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 .rightpart { padding-left:inherit;}

}
@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;}

}
@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) { ... }