/*
 * Author: @carrog
 * Website: http://peoplestudio.co.kr
*/
@import url(ie8.css);
@import url(blocks.css);
@import url(plugins.css);
@import url(app.css);

/* º»°íµñ */
/* @import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');*/

/* font-face */
@font-face {
	font-family: 'NotoSansDL';
	src: url('./font/NotoSans-DemiLight.eot');
	src: url('./font/NotoSans-DemiLight.eot?#iefix') format('embedded-opentype'),         
		 url('./font/NotoSans-DemiLight.woff') format('woff');
	font-style: normal;
}
@font-face {
	font-family: 'NotoSansR';
	src: url('./font/NotoSans-Regular.eot');
	src: url('./font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),         
		 url('./font/NotoSans-Regular.woff') format('woff');
	font-style: normal;
}

@font-face {
	font-family: 'NotoSansM';
	src: url('./font/NotoSans-Medium.eot');
	src: url('./font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),         
		 url('./font/NotoSans-Medium.woff') format('woff');
	font-style: normal;
}
@font-face {
	font-family: 'NotoSansB';
	src: url('./font/NotoSans-Bold.eot');
	src: url('./font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),         
		 url('./font/NotoSans-Bold.woff') format('woff');
	font-style: normal;
}

* {
	border-radius: 0;
}

body {
 color: #333;
 font-size: 12px;
 line-height: 1.6;
 /*font-family: 'Noto Sans Korean','³ª´®°íµñ','Nanum Gothic','¸¼Àº°íµñ',MalgunGothic;*/
 font-family: 'Dotum','³ª´®°íµñ','Nanum Gothic','¸¼Àº°íµñ',MalgunGothic;
}

p,
li,
li a,
label {
 color: #555;
}

a {
 color: #0069ab;
 text-decoration: none;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
	outline: 0 !important;
	text-decoration: none;
}

a:focus {
text-decoration: none;
}
a:hover {
 color: #6d3536;
 text-decoration: none;
}
li { list-style:none;}

/* text align st */
.textAC	{ text-align: center; }
.textAL	{ text-align: left; }
.textAR	{ text-align: right; }

/* font size */
.font11	{ font-size: 11px; }
.font12	{ font-size: 12px; }
.font13	{ font-size: 13px; }
.font14	{ font-size: 14px; }
.font15	{ font-size: 15px; }
.font25	{ font-size: 25px; }

/* float */
.clear	{ clear: both; }
.floatL	{ float: left; }
.floatR	{ float: right; }

/* padding */
.padding-top-5	{ padding-top: 5px; }
.padding-top-10	{ padding-top: 10px; }
.padding-top-15	{ padding-top: 15px; }
.padding-top-20	{ padding-top: 20px; }
.padding-top-25	{ padding-top: 25px; }
.padding-top-30	{ padding-top: 30px; }
.padding-top-35	{ padding-top: 35px; }
.padding-top-40	{ padding-top: 40px; }
.padding-top-45	{ padding-top: 45px; }
.padding-top-50	{ padding-top: 50px; }

.padding-bottom-5	{ padding-bottom: 5px; }
.padding-bottom-10	{ padding-bottom: 10px; }
.padding-bottom-15	{ padding-bottom: 15px; }
.padding-bottom-20	{ padding-bottom: 20px; }
.padding-bottom-25	{ padding-bottom: 25px; }
.padding-bottom-30	{ padding-bottom: 30px; }
.padding-bottom-35	{ padding-bottom: 35px; }
.padding-bottom-40	{ padding-bottom: 40px; }
.padding-bottom-45	{ padding-bottom: 45px; }
.padding-bottom-50	{ padding-bottom: 50px; }

.padding-left-5	{ padding-left: 5px; }
.padding-left-10	{ padding-left: 10px; }
.padding-left-15	{ padding-left: 15px; }
.padding-left-20	{ padding-left: 20px; }
.padding-left-25	{ padding-left: 25px; }
.padding-left-30	{ padding-left: 30px; }
.padding-left-35	{ padding-left: 35px; }
.padding-left-40	{ padding-left: 40px; }
.padding-left-45	{ padding-left: 45px; }
.padding-left-50	{ padding-left: 50px; }

.padding-right-5		{ padding-right: 5px; }
.padding-right-10	{ padding-right: 10px; }
.padding-right-15	{ padding-right: 15px; }
.padding-right-20	{ padding-right: 20px; }
.padding-right-25	{ padding-right: 25px; }
.padding-right-30	{ padding-right: 30px; }
.padding-right-35	{ padding-right: 35px; }
.padding-right-40	{ padding-right: 40px; }
.padding-right-45	{ padding-right: 45px; }
.padding-right-50	{ padding-right: 50px; }

.padding-3		{ padding: 3px; }
.padding-5		{ padding: 5px; }
.padding-10	{ padding: 10px; }
.padding-15	{ padding: 15px; }
.padding-20	{ padding: 20px; }
.padding-25	{ padding: 25px; }

/* margin */
.mt10 {  margin-top:10px;}
.mt15 {  margin-top:15px;}
.mt20 {  margin-top:20px;}

.margin-left-5 { margin-left:5px;}
.margin-left-10 { margin-left:10px;}
.margin-left-15 { margin-left:15px;}
.margin-left-20 { margin-left:20px;}

.margin-right-5 { margin-right:5px;}
.margin-right-10 { margin-right:10px;}
.margin-right-15 { margin-right:15px;}
.margin-right-20 { margin-right:20px;}

.margin-5	{ margin: 5px; }
.margin-10	{ margin: 10px; }
.margin-15	{ margin: 15px; }
.margin-20	{ margin: 20px; }
.margin-25	{ margin: 25px; }
.margin-30	{ margin: 30px; }

/*
.margin-bottom-2,
.margin-bottom-4,
.margin-bottom-5,
.margin-bottom-10,
.margin-bottom-11,
.margin-bottom-15,
.margin-bottom-17,
.margin-bottom-20,
.margin-bottom-25,
.margin-bottom-30,
.margin-bottom-35,
.margin-bottom-40,
.margin-bottom-45,
.margin-bottom-50,
.margin-bottom-55,
.margin-bottom-60,
.margin-bottom-100 {
	 clear:both;
}*/
.margin-bottom-2  { margin-bottom:2px;}
.margin-bottom-4  { margin-bottom:4px;}
.margin-bottom-5  { margin-bottom:5px;}
.margin-bottom-10 { margin-bottom:10px;}
.margin-bottom-11  { margin-bottom:11px;}
.margin-bottom-15 { margin-bottom:15px;}
.margin-bottom-17 { margin-bottom:17px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-25 { margin-bottom:25px;}
.margin-bottom-30 { margin-bottom:30px;}
.margin-bottom-35 { margin-bottom:35px;}
.margin-bottom-40 { margin-bottom:40px;}
.margin-bottom-45 { margin-bottom:45px;}
.margin-bottom-50 { margin-bottom:50px;}
.margin-bottom-55 { margin-bottom:55px;}
.margin-bottom-60 { margin-bottom:60px;}
.margin-bottom-70 { margin-bottom:70px;}
.margin-bottom-80 { margin-bottom:80px;}
.margin-bottom-90 { margin-bottom:90px;}
.margin-bottom-100 { margin-bottom:100px;}

/*Rounded and Circle Classes
------------------------------------*/
.no-rounded { border-radius: 0 !important;}
.rounded { border-radius: 4px !important;}
.rounded-x { border-radius: 50% !important;}
.rounded-2x { border-radius: 10px !important;}
.rounded-3x { border-radius: 15px !important;}
.rounded-4x { border-radius: 20px !important;}
.rounded-sm { border-radius: 2px !important;}
.rounded-md { border-radius: 3px !important;}
.rounded-top { border-radius: 4px 4px 0 0 !important;}
.rounded-left { border-radius: 4px 0 0 4px !important;}
.rounded-right { border-radius: 0 4px 4px 0 !important;}
.rounded-bottom { border-radius: 0 0 4px 4px !important;}

/*Boxed Layout
------------------------------------*/
.wrapper {
	background: #fff;
}

.content {
    padding-top: 20px;
    padding-bottom: 20px;
}
.content p {
    /*font-family: 'Noto Sans Korean','³ª´®°íµñ','Nanum Gothic','¸¼Àº°íµñ',MalgunGothic;
	font-weight: normal;*/
}

.breadcrumbs {
  overflow: hidden;
  padding: 10px 0 6px;
  border-bottom: solid 1px #eee;
  background: url(../../img/common/breadcrumbs.png) repeat;
}

.breadcrumbs h1 {
	color: #555;
	margin-top: 10px;
	text-shadow: none;
	/*font-weight: 600;*/
	letter-spacing:-2px;
	font-family: 'NotoSansDL';
}

.breadcrumbs2 {
	background-color:#e4ebf1;
}

.breadcrumb {
  top: 14px;
  z-index: 1;
  padding-right: 10px;
  /*background: none;*/
  position: relative;
}

.breadcrumb a {
  color: #777;
}

.breadcrumb li.active,
.breadcrumb li a:hover {
  color: #0069ac;
  text-decoration: none;
}

/* Sidebar Menu v1
------------------------------------*/
.sidebar-nav-v1 li {
	padding: 0;
}

.sidebar-nav-v1 li a i {
	float:right;
}

.sidebar-nav-v1 li a {
	display: block;
	padding: 8px 10px 8px 10px;
}

.sidebar-nav-v1 li a:hover {
	text-decoration: none;
}

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover {
	background: #717984;
}

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover,
.sidebar-nav-v1 > li.active:focus {
	border-color: #ddd;
}

.sidebar-nav-v1 > li.active > a {
	color: #fff;
}

/*Sidebar Sub Navigation*/
.sidebar-nav-v1 li ul {
	padding: 0;
	list-style: none;
}

.sidebar-nav-v1 li ul,
.sidebar-nav-v1 li.active ul a {
	background: #f8f8f8;
}

/*.sidebar-nav-v1 li.active ul li.active a {
	background: #710021;
	color:#fff;
}*/

.sidebar-nav-v1 li ul a {
	color: #555;
	font-size: 12px;
	border-top: solid 1px #ddd;
	padding: 6px 30px 6px 17px;
}

.sidebar-nav-v1 ul li:hover a,
.sidebar-nav-v1 ul li.active a {
	color: #0069ab;
}

/*Sidebar Badges*/
.list-group-item li > .badge {
	float: right;
}

.sidebar-nav-v1 span.badge {
	margin-top: 8px;
	margin-right: 10px;
}

.sidebar-nav-v1 .list-toggle > span.badge {
	margin-right: 25px;
}

.sidebar-nav-v1 ul li span.badge {
	margin-top: 8px;
	font-size: 11px;
	padding: 3px 5px;
	margin-right: 10px;
}

/* Content */
.headline {margin-bottom:20px;}



/*Form Pages
------------------------------------*/
.form-page input,
.form-page select {
	margin-bottom: 10px;
}

.textAC .img-responsive { margin:0 auto;}


/*UI GUIDE*/
.ui_txt {padding-bottom:20px;}
.ui_ttl {margin:0;}
