@charset "utf-8";

@font-face {
	font-family: 'NotoKrL';
	font-style: normal;
	font-weight: 100;
	src: local('Noto Sans Light'), local('NotoSans-Light'), url(../font/NotoSans-Light.eot);
	src: url(../font/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoSans-Light.woff2) format('woff2'),
	url(../font/NotoSans-Light.woff) format('woff');
}

@font-face {
	font-family: 'NotoKrR';
	font-style: normal;
	font-weight: 300;
	src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../font/NotoSans-Regular.eot);
	src: url(../font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoSans-Regular.woff2) format('woff2'),
	url(../font/NotoSans-Regular.woff) format('woff');
}

@font-face {
	font-family: 'NotoKrM';
	font-style: normal;
/* 	font-weight: 500; */
	font-weight: normal;
	src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../font/NotoSans-Medium.eot);
	src: url(../font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoSans-Medium.woff2) format('woff2'),
	url(../font/NotoSans-Medium.woff) format('woff');
}

@font-face {
	font-family: 'NotoKrB';
	font-style: normal;
/* 	font-weight: 700; */
	font-weight: normal;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../font/NotoSans-Bold.eot);
	src: url(../font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
	url(../font/NotoSans-Bold.woff2) format('woff2'),
	url(../font/NotoSans-Bold.woff) format('woff');
}


@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('../font/NEXON Lv1 Gothic Low OTF Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('../font/NEXON Lv1 Gothic Low OTF.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('../font/NEXON Lv1 Gothic Low OTF Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}



@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('../font/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../font/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('../font/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../font/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans';    font-style: normal;    font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('../font/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../font/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/* Component Style */
/* Component Style */
.text-white {
    color: #ffffff;
}
.border-bottom {
    border-bottom: 1px solid #e7eaec !important;
}
.white-bg {
    background-color: #ffffff;
}
.m-r-sm {
    margin-right: 10px;
}
.title_btn_div{
	display: inline-block; 
	float: right; 
	margin-top: 5px;
	margin-bottom: 5px;
}

.check_box_list_div{
	line-height: 28px;
}




/* tabs  */
.nav-tabs {
/*     border-bottom: 1px solid #3b85c6; */
    border-bottom: 1px solid #bbbbbb;
}
.nav.nav-tabs li {
    background: none;
    border: none;
	width: 180px;
    text-align: center;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    font-size: 15px;
    font-weight: bold;
    color: #777777;
 	border-top: 1px solid #dfdfdf;
 	border-right: 1px solid #dfdfdf;
/*  	border-left: 1px solid #dfdfdf; */
	border-radius: 0px 0px 0px 0px;
    padding: 8px 20px 8px 20px;
	margin-right: 0px;
/* 	border-radius: 4px 4px 0 0; */
}
.nav-tabs > li:first-child > a {
 	border-left: 1px solid #dfdfdf;
}
/* .nav-tabs > li:last-child > a { */
/*  	border-right: 1px solid #dfdfdf; */
/* } */
.nav-tabs > li > a:focus{
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    background: none;
/*     border-color: #ddd #ddd rgba(0, 0, 0, 0); */
    border-width: 1px;
    border-style: solid;
    border-top: #dfdfdf;
    border-right: #dfdfdf;
    border-bottom: #bbbbbb;
    border-left: #dfdfdf;
    border-image: none;
    cursor: pointer;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color: #ffffff !important;
/*     background: #5388d1; */
    background: #ad8767 !important;
/*     border: 1px solid #5388d1; */
    border: 1px solid #ad8767 !important;
/*     border-bottom: #5388d1; */
    border-image: none;
    cursor: default;
}
.nav-tabs > li > a:hover {
    background: #eee;
/*     height: 49px; */
/*     border-bottom: transparent; */
}
.nav-tabs > li > a .listCount{ color: #5693e7; font-size: 12px; padding-left: 5px; }
.nav-tabs > li.active > a .listCount{ color: #ffffff; font-size: 12px; padding-left: 5px; }

.panel {
    margin-bottom: 10px;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px;
    
/*     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */
/*     box-shadow: 0 1px 1px rgba(0, 0, 0, .05); */
}
.panel .panel-heading {
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel .panel-heading .panel-options{
	position: relative;
}

.panel .panel-body {
    padding: 0px 0px 15px 0px;
}

.tab-pane .view_title { display: none; }

  

  
/* modal Layer */
/* modal Layer */
.modal-content {
    border-radius: 0px;
    background: #ffffff;
    border: none;
}
.modal-header {
	position: relative;
    padding: 12px 10px;
    background: #ffffff;
}
.modal-header > .close {
	position: absolute;
    top: 16px;
    right: 10px;
    width: 19px;
    height: 19px;
    opacity: 1;
}

.modal_close_btn{
	cursor: pointer;
/* 	background: url("../sooritopia/images/common/popup_close.jpg") no-repeat; */
/* 	background: url(../sooritopia/images/common/popup_close.png) no-repeat 16px 16px; */
	background: url("../img/frame/btn_layer_close.png");
	background-repeat: no-repeat; 
	background-size: contain; 
    width: 19px;
    height: 19px;
}
/* .modal_close_btn:before{ */
/* 	content: "X"; */
/* 	color: #ff0000; */
/*     width: 17px; */
/*     height: 17px; */
/* } */
.modal-title{
	text-align: center;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}

.modal-body {
/*     padding: 30px 30px 30px 30px; */
    padding: 30px 30px 0px 30px;
	color: #484848;	
	overflow-y: auto;
/*     max-height: 85vh; */
    max-height: calc(100vh - 65px);
}


.modal-footer {
/*     border-top: 1px solid #e5e5e5; */
    border-top: none;
    padding: 10px 10px;
}
#DetailLayerPopup .modal-footer {
    padding: 0px 30px 30px 30px;
}

.modal-footer > .detailContents_btn_div {
	padding: 0px 0px 0px 0px;
}

.modal-view_btn {
    height: 39px;
    background-color: #ad8767;
    cursor: pointer;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	padding-top: 10px;
	display: inline-block;
}

.noticePopup{
	position: absolute; 
/* 	display: block; */
	display: none;
	outline: none!important;
}

  
  
@media (max-width: 1850px) {
}
@media (max-width: 1750px) {
}
@media (max-width: 1650px) {
}
@media (max-width: 1550px) {
}