@font-face{
	font-family: 'NanumBarunGothicBold';
	src: 	url('/lib/fonts/NanumBarunGothicBold.eot');
	src:	local(※), url('/lib/fonts/NanumBarunGothicBold.woff') format('woff');
	font-weight: normal;
    font-style: normal;
}

*{
	font-family: 'Nanum Gothic','dotum','돋움','Helvetica Neue','Helvetica','Arial','sans-serif';
}

a{
	color: inherit;
}

/***** 페이지네이션 *****/
.pagination{
	margin: 0;
}

.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus {
	background-color: #515A5F;
	border-color: #515A5F;
}

.pagination>li>a, .pagination>li>span {
	color: #515A5F;
}

/***** 박스 사이즈 *****/
.bx-wrapper * {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	   		box-sizing: content-box;
}
.bx-wrapper *:before,
.bx-wrapper *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	   		box-sizing: content-box;
}

.google-map-canvas,
.google-map-canvas * {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	   		box-sizing: content-box;
}

/***** 반응형 유투브 비디오 *****/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    text-align: center;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}

/***** 인풋 스타일 *****/
/* 폼 컨트롤 */
.form-control{
	border: 1px solid #DDDDDD;
	box-shadow: none;
	border-radius: 0px;
}

/* 스피너 */
.ui-spinner {
	border: none;
}
.ui-spinner-input{
	margin: 0;
	padding: 6px 12px;
	
	width: 70px;
	
	border: 1px solid #DDDDDD;
	box-shadow: none;
	border-radius: 0px;
}

/***** select2 *****/
.select2-container-multi .select2-choices{
	background: none;
}

.select2-container-multi .select2-choices .select2-search-field input {
	font-family: 'Nanum Gothic','dotum','돋움','Helvetica Neue','Helvetica','Arial','sans-serif';
	color: #555555 !important;
	
	padding: 6px 0 6px 10px;
}

/***** bx slider *****/
.bx-wrapper .bx-viewport{
	box-shadow: none;
	border: none;
	left: 0;
}

/***** 이미지 *****/
img.width_100{
	width: 100%;
}

/***** 호버 이미지 *****/
.hover_img_wrap{
	text-align: center;
}

.hover_img_wrap img{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.hover_img_wrap .front,
.hover_img_wrap:hover .back{
	display: inline-block;
}

.hover_img_wrap .back,
.hover_img_wrap:hover .front{
	display: none;
}

/***** 말줄임표 설정 *****/
.ellipsis {
	display: inline-block;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/***** 상품 박스 *****/
.goods_box{
	text-align: center;
	margin-bottom: 20px;
}

.goods_box .hover_img_wrap img{
	border: 1px solid #EEEEEE;
}

.goods_box .hover_img_wrap:hover img{
	border: 1px solid #C29C6C;
}

.goods_box .info_wrap{
	margin-top: 5px;
	font-weight: bold;
}

.goods_box .info_wrap .ex_price{
	color: #999999;
	font-size: 13px;
}

.goods_box .info_wrap .price{
	font-family: "Lato", "Nanum Gothic";
	font-size: 16px;
}

/***** 리스트 *****/
ul.ui_list{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.ui_list li{
	padding-left: 10px;
	
	line-height: 170%;
	background: url('/img/sys/list_dot.gif') no-repeat 0 11px;
}

ul.ui_list li a{
	color: #888888;
}

ul.ui_list li a:hover{
	color: #313131;
}

/***** 정렬 리스트 *****/
ol.lower_latin{
	list-style-type:lower-latin;
}

ol.upper_latin{
	list-style-type:upper-latin;
}


/***** Div 테이블 *****/
.km_table{
	display: table;
	width: 100%;
}

.km_table .mid_cell{
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}

.km_table .top_cell{
	display: table-cell;
	vertical-align: top;
	padding: 5px;
}

/***** 세로 가르기 선 *****/
ul.vertical_divide{
	padding-left: 0;
	list-style: none;
	
	margin: 0;
}

ul.vertical_divide:before{
	display: table;
	content: " ";
}

ul.vertical_divide:after{
	clear: both;
	display: table;
	content: " ";
}

ul.vertical_divide > li {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
}

ul.vertical_divide > li > span,
ul.vertical_divide > li > a{
	display: block;
	
	text-align: center;
	
	padding: 5px 15px;
}

ul.vertical_divide > li+li:before{
	display: block;
	position: absolute;
	margin-top: 7px;
	width: 1px;
	height: 12px;
	border-left: 1px solid #999999;
	content: '';
}


/***** Select2 *****/
.select2-container .select2-choice {
	height: 34px;
	line-height: 34px;
	background: none;
}


/***** 폼 *****/
.form-horizontal.group-border-dashed .form-group {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px dashed #efefef;
}

.form-horizontal.group-border-dashed .form-group:last-child {
	border-bottom: 0;
}

/***** 모달 다이얼로그 *****/
.ui_modal .modal-dialog{
	margin-top: 10%;
}

.ui_modal .modal-content{
	border: 2px solid #3F3F3F;
	border-radius: 3px;
}

.ui_modal .modal-body{
	padding: 20px;
}

.ui_modal h3 {
	font-size: 16px;
	font-weight: bold;
	
	margin: 0;
	margin-bottom: 20px;
	
	color: #202020;
	border-bottom: 2px solid #202020;
	padding-bottom: 5px;
}

.ui_modal table {
	border-bottom: 1px solid #DDDDDD;
	
	margin-bottom: 0;
}

.ui_modal table th{
	width: 160px;
	background-color: #EEEEEE;
}

.ui_modal .modal-footer{
	border: none;
	
	padding-top: 0;
}


/***** Raty *****/
.form-group .raty,
.form-group .raty_big{
	padding-top: 7px;
}


/***** 숫자 인풋 *****/
.form-control[type="number"]{
	padding: 6px 0 6px 10px;
}

/***** 라인 *****/
.bias_line{
	width: 100%;
	height: 7px;
	
	margin: 20px 0;
	
	background: url('/img/sys/bias_line.jpg');
}

/***** 라인 타이틀 *****/
.line_title{
	position: relative;
	display: block;
	text-align: center;
	
	margin: 20px 0;
}

.line_title:before{
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: 1px;
	border-bottom: 1px dotted #C29C6C;
}

.line_title .title{
	position: relative;
	display: inline-block;
	
	background-color: #FFFFFF;
	font-weight: bold;
	
	margin: 0;
	padding: 0 20px;
	z-index: 99;
}

/***** 테이블 *****/
.table{
	border-bottom: 1px solid #DDDDDD;
}

table.center > thead > tr > th,
table.center > thead > tr > td,
table.center > tbody > tr > th,
table.center > tbody > tr > td{
	text-align: center;
	vertical-align: middle;
}

table > thead > tr.center > th,
table > thead > tr.center > td,
table > tbody > tr.center > th,
table > tbody > tr.center > td{
	text-align: center;
	vertical-align: middle;
}

table > thead > tr.middle > th,
table > thead > tr.middle > td,
table > tbody > tr.middle > th,
table > tbody > tr.middle > td{
	vertical-align: middle;
}

table > thead > tr.top > th,
table > thead > tr.top > td,
table > tbody > tr.top > th,
table > tbody > tr.top > td{
	vertical-align: top;
}

table > thead > tr > th.left,
table > thead > tr > td.left,
table > tbody > tr > th.left,
table > tbody > tr > td.left{
	text-align: left;
}

table > thead > tr > th.middle,
table > thead > tr > td.middle,
table > tbody > tr > th.middle,
table > tbody > tr > td.middle{
	vertical-align: middle;
}

table > thead > tr > th.top,
table > thead > tr > td.top,
table > tbody > tr > th.top,
table > tbody > tr > td.top{
	vertical-align: top;
}

/***** 슬라이드 테이블 *****/
.slide_table{
	width: 100%;
	
	border-top: 2px solid #202020;
	border-bottom: 1px solid #DDDDDD;
}

.slide_table th,
.slide_table td{
	text-align: center;
}

.slide_table td{
	padding: 17px 8px;
}

.slide_table .subject{
	border-bottom: 1px solid #DDDDDD;
	
	cursor: pointer;
}

.slide_table .subject td.subject_td{
	text-align: left;
}

.slide_table .subject.active{
	border-bottom: 1px solid #FCFCFC;
}

.slide_table .subject.active td.subject_td{
	font-weight: bold;
}

.slide_table .content{
	display: none;
}

.slide_table .content.active{
	display: table-row !important;
	border-bottom: 1px solid #DDDDDD;
}

.slide_table .content td{
	text-align: left;
}

/***** None Border 테이블 *****/
.table.noneborder{
	border: none;
}

.table.noneborder>thead>tr>th,
.table.noneborder>tbody>tr>th,
.table.noneborder>tfoot>tr>th,
.table.noneborder>thead>tr>td,
.table.noneborder>tbody>tr>td,
.table.noneborder>tfoot>tr>td {
	border: none;
}

/***** 테이블 색상 *****/
.table>thead>tr>td.black,
.table>tbody>tr>td.black,
.table>tfoot>tr>td.black,
.table>thead>tr>th.black,
.table>tbody>tr>th.black,
.table>tfoot>tr>th.black,
.table>thead>tr.black>td,
.table>tbody>tr.black>td,
.table>tfoot>tr.black>td,
.table>thead>tr.black>th, 
.table>tbody>tr.black>th,
.table>tfoot>tr.black>th {
	background-color: #3A3F51;
	color: #9EA4B9;
}


/***** 부트스트랩 그리드 *****/
.row_0{margin-left: 0px;margin-right: 0px;}
.row_0 > div[class*='col-']{padding-left: 0px;padding-right: 0px;}
.row_1{margin-left: -1px;margin-right: -1px;}
.row_1 > div[class*='col-']{padding-left: 1px;padding-right: 1px;}
.row_2{margin-left: -2px;margin-right: -2px;}
.row_2 > div[class*='col-']{padding-left: 2px;padding-right: 2px;}
.row_3{margin-left: -3px;margin-right: -3px;}
.row_3 > div[class*='col-']{padding-left: 3px;padding-right: 3px;}
.row_5{margin-left: -5px;margin-right: -5px;}
.row_5 > div[class*='col-']{padding-left: 5px;padding-right: 5px;}
.row_10{margin-left: -10px;margin-right: -10px;}
.row_10 > div[class*='col-']{padding-left: 10px;padding-right: 10px;}
.row_15{margin-left: -15px;margin-right: -15px;}
.row_15 > div[class*='col-']{padding-left: 15px;padding-right: 15px;}


/***** 갭 *****/
.gap_1{line-height: 1px;height: 1px;}
.gap_2{line-height: 2px;height: 2px;}
.gap_3{line-height: 3px;height: 3px;}
.gap_4{line-height: 4px;height: 4px;}
.gap_5{line-height: 5px;height: 5px;}
.gap_6{line-height: 6px;height: 6px;}
.gap_7{line-height: 7px;height: 7px;}
.gap_8{line-height: 8px;height: 8px;}
.gap_9{line-height: 9px;height: 9px;}
.gap_10{line-height: 10px;height: 10px;}
.gap_15{line-height: 15px;height: 15px;}
.gap_20{line-height: 20px;height: 20px;}
.gap_25{line-height: 25px;height: 25px;}
.gap_30{line-height: 30px;height: 30px;}
.gap_35{line-height: 35px;height: 35px;}
.gap_40{line-height: 40px;height: 40px;}
.gap_45{line-height: 45px;height: 45px;}
.gap_50{line-height: 50px;height: 50px;}
.gap_55{line-height: 55px;height: 55px;}
.gap_60{line-height: 60px;height: 60px;}
.gap_65{line-height: 65px;height: 65px;}
.gap_70{line-height: 70px;height: 70px;}
.gap_75{line-height: 75px;height: 75px;}
.gap_80{line-height: 80px;height: 80px;}
.gap_85{line-height: 85px;height: 85px;}
.gap_90{line-height: 90px;height: 90px;}
.gap_95{line-height: 95px;height: 95px;}
.gap_100{line-height: 100px;height: 100px;}

/***** 인풋 크기 설정 *****/
.inline{display:inline-block; width:auto;}
.inline_10{display:inline-block; width:10px}
.inline_20{display:inline-block; width:20px}
.inline_30{display:inline-block; width:30px}
.inline_40{display:inline-block; width:40px}
.inline_50{display:inline-block; width:50px}
.inline_60{display:inline-block; width:60px}
.inline_70{display:inline-block; width:70px}
.inline_80{display:inline-block; width:80px}
.inline_90{display:inline-block; width:90px}
.inline_100{display:inline-block; width:100px}
.inline_110{display:inline-block; width:110px}
.inline_120{display:inline-block; width:120px}
.inline_130{display:inline-block; width:130px}
.inline_140{display:inline-block; width:140px}
.inline_150{display:inline-block; width:150px}
.inline_160{display:inline-block; width:160px}
.inline_170{display:inline-block; width:170px}
.inline_180{display:inline-block; width:180px}
.inline_190{display:inline-block; width:190px}
.inline_200{display:inline-block; width:200px}
.inline_210{display:inline-block; width:210px}
.inline_220{display:inline-block; width:220px}
.inline_230{display:inline-block; width:230px}
.inline_240{display:inline-block; width:240px}
.inline_250{display:inline-block; width:250px}
.inline_260{display:inline-block; width:260px}
.inline_270{display:inline-block; width:270px}
.inline_280{display:inline-block; width:280px}
.inline_290{display:inline-block; width:290px}
.inline_300{display:inline-block; width:300px}
.inline_310{display:inline-block; width:310px}
.inline_320{display:inline-block; width:320px}
.inline_330{display:inline-block; width:330px}
.inline_340{display:inline-block; width:340px}
.inline_350{display:inline-block; width:350px}
.inline_360{display:inline-block; width:360px}
.inline_370{display:inline-block; width:370px}
.inline_380{display:inline-block; width:380px}
.inline_390{display:inline-block; width:390px}
.inline_400{display:inline-block; width:400px}

/***** 버튼 설정 *****/
/* 일반 버튼 */
.btn_ui{
	border-radius: 0;
}

.btn_ui:hover,
.btn_ui:focus,
.btn_ui.active{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* 테두리 버튼 */
.btn_ui.btn_border{
	font-size: 16px;
	font-weight: bold;
	
	padding: 9px 33px;
	margin: 0px 3px;
	
	border-width: 3px;
}

/* 인라인 버튼 */
.btn_inline{
	margin-top: -4px;
}

/* 검은색 버튼 */
.btn_ui.btn_black{
	background-color: #202020;
	color: #FFFFFF;
	
	border-color: #202020;
}

.btn_ui.btn_black:hover,
.btn_ui.btn_black:focus,
.btn_ui.btn_black.active{
	background-color: #777777;
	color: #FFFFFF;
}

/* 회색 버튼 */
.btn_ui.btn_grey{
	background-color: #777777;
	color: #FFFFFF;
	
	border-color: #777777;
}

.btn_ui.btn_grey:hover,
.btn_ui.btn_grey:focus,
.btn_ui.btn_grey.active{
	background-color: #FFFFFF;
	color: #202020;
}

/* 흰색 버튼 */
.btn_ui.btn_white{
	background-color: #FFFFFF;
	color: #808080;
	
	border-color: #D9D9D9;
}

.btn_ui.btn_white:hover,
.btn_ui.btn_white:focus,
.btn_ui.btn_white.active{
	background-color: #808080;
	color: #FFFFFF;
}

/* 빨간색 버튼 */
.btn_ui.btn_red{
	background-color: #BE0000;
	color: #FFFFFF;
	
	border-color: #C50000;
}

.btn_ui.btn_red:hover,
.btn_ui.btn_red:focus,
.btn_ui.btn_red.active{
	background-color: #FFFFFF;
	color: #C50000;
}

/* 파란 버튼 */
.btn_ui.btn_blue{
	background-color: #00279E;
	color: #FFFFFF;
	
	border-color: #00279E;
}

.btn_ui.btn_blue:hover,
.btn_ui.btn_blue:focus,
.btn_ui.btn_blue.active{
	background-color: #FFFFFF;
	color: #00279E;
}

/***** 버튼 그룹 *****/
.btn-group label.btn_ui,
.btn-group label.btn_ui:first-child,
.btn-group label.btn_ui+label.btn_ui{
	margin: 2px;
}