/* ==============================================
Default Styles
=============================================== */

@font-face {
  font-family: "SBAggro";
  font-weight: 300;
  font-display: swap;
  src: local("SBAggro Light"), url("../fonts/SB\ 어그로\ L.ttf") format("ttf"),
    url("../fonts/SB 어그로 L.woff2") format("woff2"),
    url("../fonts/SB-어그로-L.woff") format("woff");
}
@font-face {
  font-family: "SBAggro";
  font-weight: 400;
  font-display: swap;
  src: local("SBAggro Regular"), url("../fonts/SB 어그로 M.ttf") format("ttf"),
    url("../fonts/SB 어그로 M.woff2") format("woff2"),
    url("../fonts/SB-어그로-M.woff") format("woff");
}
@font-face {
  font-family: "SBAggro";
  font-weight: 600;
  font-display: swap;
  src: local("SBAggro Regular"), url("../fonts/SB 어그로 B.ttf") format("ttf"),
    url("../fonts/SB 어그로 B.woff2") format("woff2"),
    url("../fonts/SB-어그로-B.woff") format("woff");
}

body {
  font-family: "Malgun Gothic", "맑은 고딕", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
  line-height: 1.42857143;
  color: #000;
}
	
img { -ms-interpolation-mode: bicubic; }

/*modal 실행시 스크롤바 고정*/
body{
	padding-right:0 !important;
}

/*body.modal-open {
    overflow: hidden;
    position: fixed;
}*/

@media(min-width:992px){
	.modal-open{
		overflow:auto; z-index:999;
	}
}

@media(max-width:767px){
	.modal{
		padding-right:0 !important;
	}
	.modal-content button.close {
		display:none;
	}
}

@media(min-width: 768px){
	.modal-sm {
		width: 390px;
	}
	.modal-header .pre{
		display:none;
	}
}

.modal-content button.pre{
	position:absolute;
	top:0;
	left:0;
	padding:12px 15px 11px !important;
    font-size: 16px;
	border:none;
	outline:none;
	background:none;
}

.modal-content button.close {
	position:absolute;
	top:0;
	right:0;
	padding:3px 5px 4px;
	text-shadow: none;
	font-size: 14px;
	font-weight: 300;
	color:#fff;
	opacity: 1;
	background:#ccc;
	outline:none;
}

.modal-content button.pre:hover,
.modal-content button.pre:focus,
.modal-content button.close:hover,
.modal-content button.close:focus{
	background:#999;
}

.modal-title{
	font-size:18px;
	font-weight:bold;
	background:#e0e0e0;
	margin:20px 10px 10px;
	padding:11px 15px;
	text-align:center;
}

.modal-body{
	max-height:460px;
	overflow-y:auto;
	padding:15px 25px;
	font-size:13px;
	z-index:9999;
}

.modal-body .caution{
	font-size:12px;
	color:#ff1111;
	font-weight:normal;
	letter-spacing:-1px;
}

.modal-body .use{
	font-size:12px;
	color:#6077bf;
	font-weight:normal;
	letter-spacing:-1px;
}

.modal-body .item-txt{
	color:#000;
	font-weight:bold;
	margin:15px 0 0;
}

.modal-body .item-txt:first-child{
	margin:0;
}

@media(max-width:767px){
	.modal-header{
		padding:0;
	}
	.modal-title{
		margin:0;
	}
	.modal-body{
		margin-top:35px;
		max-height: none !important;
		padding:15px !important;
	}
	
	.modal-content button.close{
		color:#000 !important;
		background:none;
		padding:16px 18px !important;
	}
}



.form-group{
	margin-bottom:6px;
}

.form-control{
	font-size:12px;
	color:#000;
	height:40px;
	border:2px solid #e6e6e6;
	  -webkit-appearance: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none
}

.form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #ccc;
}
.form-control::-webkit-input-placeholder {
  color: #ccc;
}

.form-control:focus {
	box-shadow: none;
	border: 2px solid #060f51;
}

.form-horizontal .radio,
.form-horizontal .checkbox{
	min-height:inherit;
}

a{
	color:#000;
}

a, a:hover, a:focus, a:active {
	text-decoration: none;
	outline: none !important;
}
ul, ol {
	padding: 0;
	margin: 0;
}
ul li, ol li {
	list-style-type: none;
}

.modal-content{
	border-radius:0;
}
.modal-header{
	border-bottom:none;
}
.modal-footer{
	border-top:none;
}
.modal-header .close{
	margin-top:0;
}

.radio, .checkbox{
	display:inline;
}

.checkbox {
  position: relative;
  top: -6px;
  margin: 2px 16px 0 2px !important;
  cursor: pointer;
}
.checkbox:before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: rotate(-45deg) scale(0, 0);
  -moz-transform: rotate(-45deg) scale(0, 0);
  -ms-transform: rotate(-45deg) scale(0, 0);
  -o-transform: rotate(-45deg) scale(0, 0);
  transform: rotate(-45deg) scale(0, 0);
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 1;
  width: 14px;
  height: 8px;
  border: 2px solid #6077bf;
  border-top-style: none;
  border-right-style: none;
}
.checkbox:checked:before {
  -webkit-transform: rotate(-45deg) scale(1, 1);
  -moz-transform: rotate(-45deg) scale(1, 1);
  -ms-transform: rotate(-45deg) scale(1, 1);
  -o-transform: rotate(-45deg) scale(1, 1);
  transform: rotate(-45deg) scale(1, 1);
}
.checkbox:after {
  content: "";
  position: absolute;
  top: -2px;
  left: -3px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #e6e6e6;
  cursor: pointer;
}

.radio {
  position: relative;
  margin: 0 16px 0 2px !important;
  cursor: pointer;
}
.radio:before {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 12px;
  height: 12px;
  background: #6077bf;
  border-radius: 50%;
}
.radio:checked:before {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio:after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 2px solid #e6e6e6;
  border-radius: 50%;
}

.label--checkbox,
.label--radio {
  position: relative;
  cursor: pointer;
}

/* ==============================================
Default Styles
=============================================== */
.wrapper {
	font: 14px/23px "Ubuntu", "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
	word-break:keep-all;
	/*padding-right: 210px;*/
	padding-right: 0;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

@media (max-width:991px){
	.wrapper{
		padding-right:0;
	}
}

.wrapper .main-section{
	position:relative;
	padding:0 45px;
}

.wrapper .content {
  padding: 5px 0;
}
.wrapper.toggled {
  padding-right: 0;
}
.wrapper.toggled #sideBar {
  right: -220px;
 /* opacity: 0;*/
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#sideBar {
  width: 220px;
  position: fixed;
  right: 0;
  top:0;
  background: #232a47;
  height: 100%;
  overflow-y: auto;
  z-index:999;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
  -webkit-overflow-scrolling: touch;
}

.ham-btn{
	position: fixed;
	top:20px;
	right:220px;
	background:#060f51;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	z-index:999;
}

.toggled .ham-btn{
	right:0;
	top:20px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	z-index:999;
}

@media(min-width:992px){
	.wrapper #sideBar .login{
		display:none;
	}
	.wrapper #sideBar .user-info{
		display:none;
	}
}

@media(max-width:991px){
	.wrapper #sideBar .login{
		display:block;
		color:#fff;
	}
	.wrapper #sideBar .user-info a{
		display:block;
		color:#fff;
	}
	.wrapper #sideBar .user-info a:hover,
	.wrapper #sideBar .user-info a:focus{
		color:#6077bf;
	}
	.wrapper.toggled #sideBar {
	  right: 0;
	}
	#sideBar {
	  right: -220px;
	}
	.ham-btn{
		right:0;
		position:absolute;
	}
	.toggled .ham-btn{
		position:fixed;
	}
}


@media(max-width:480px){
	.wrapper #sideBar{
		width:100%;
		right:-480px;
	}
	.wrapper.toggled #sideBar {
	  right:auto;
	  left:46px;
	}
	.wrapper.toggled .ham-btn {
	  right: auto;
	  left:0;
	}
	.wrapper .ham-btn {
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
}

/*ie only scrollbar*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	/*#sideBar {
		right: 17px;
	}
	.ham-btn{
		right:237px;
	}
	.toggled .ham-btn{
		right: 17px;
	}*/
body {
    -ms-overflow-style: scrollbar;
}
}

.toggled .ham-btn .btn,
.ham-btn .btn{
	background:#232a47;
	margin:0;
	padding:15px 19px;
}

@media(min-width:768px) and (max-width:991px){
	.ham-btn{
		top:12px;
	}
	.toggled .ham-btn{
		top:12px;
		right:220px;
	}
}

@media(max-width:767px){
	.ham-btn{
		top:0;
	}
	.toggled .ham-btn{
		top:0;
		right:220px;
	}
}

@media(max-width:991px){
	.ham-btn .btn{
		background:#fff;
		margin:0;
		padding:8px 12px;
	}
	.ham-btn .btn .icon-bar{
		background:#000 !important;
	}
	.toggled .ham-btn .btn{
		background:#232a47;
		margin:0;
		padding:8px 12px;
	}
	.toggled .ham-btn .btn .icon-bar{
		background:#fff !important;	
	}
}

.toggled .ham-btn .btn:hover,
.ham-btn .btn:hover{
	background:#485584;
}

.toggled .ham-btn .btn .icon-bar,
.ham-btn .btn .icon-bar{
    display: block;
    width: 22px;
    height: 2px;
	margin:6px 0;
    border-radius: 1px;
	background:#fff;
}

#sideBar .login{
	position:relative;
	top:25px;
	padding-left:40px;
	color:#fff;
}
#sideBar .login span{
	position:relative;
	top:2px;
	left:5px;
	color:#fff;
}

#sideBar .user-info{
	position:relative;
	top:25px;
	padding-left:40px;
}
#sideBar .user-info .user-img{
	width:40px;
	height:40px;
	border-radius:50%;
	margin-right:5px;
}
#sideBar .user-info span{
	position:relative;
	top:2px;
	font-weight:bold;
}

#sideBar .main-nav{
	padding:30px 0 0;
}

@media(max-width:991px){
	#sideBar .main-nav{
		margin-top:50px;
		padding-top:16px;
		border-top:1px solid #303a5e;	
	}
}

#sideBar .main-nav li,
#sideBar .category li {
  line-height: 22px;
  position:relative;
}

#sideBar .main-nav li.main-search {
  border: none;
  box-shadow: none;
}
#sideBar .main-nav li.main-search .search-input.form-control {
  border-radius: 0;
  background: #444;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
}
#sideBar .main-nav li.main-search i {
  float: right;
  margin-top: -25px;
  margin-right: 15px;
  color: #999;
}
#sideBar .main-nav li.nav-brand {
  height: 80px;
  line-height: 80px;
  font-size: 18px;
  border: none;
  box-shadow: none;
}

#sideBar .main-nav > ul > li,
#sideBar .main-nav > ul > li > a{
  color: #fff;
  display: block;
}

#sideBar .main-nav > ul > li{
	width:100%;
	display:inline-block;
 	margin:10px 0;
	font-size:16px;
	font-weight: bold;
}

#sideBar .main-nav .class-list{
	margin-top:30px;
}

#sideBar .main-nav .class-list li{
	padding:6px 0;
	/*border-bottom:1px solid #303a5e;*/
}

#sideBar .main-nav .class-list li a{
	display:block;
	padding:0 15px;
	font-size:14px;
	font-weight:normal;
	color:#7284ac;
	word-break:break-all;
	line-height:18px;
}

#sideBar .main-nav .class-list .active{
	background:#2d3659;
}

#sideBar .main-nav .class-list .active a{
	color:#fff;
}

#sideBar .main-nav .class-list li a:hover,
#sideBar .main-nav .class-list li a:focus{
	color:#fff;
}

#sideBar .main-nav > ul > li p{
	color:#fff;
	margin:0;
	padding:0 15px 8px;
	/*border-bottom:1px solid #303a5e;*/
}

#sideBar .main-nav > ul > li > a{
	padding:0 15px;
}

#sideBar .main-nav li a:hover,
#sideBar .main-nav li a:focus{
	color:#7284ac;
}


#sideBar .category{
	margin-top:30px;
}

#sideBar .category p{
	font-size:16px;
	font-weight:bold;
	color:#fff;
    padding: 0 15px 8px;
    border-bottom: 1px solid #303a5e;
	margin:0;
}

#sideBar .category #lnb > li{
	border-bottom: 1px solid #303a5e;
	color:#7284ac;
}

#sideBar .category #lnb > li > span > a{
	padding:10px 0 10px 15px;
	margin-right:40px;
	color:#7284ac;
	display:block;
	word-break:break-all;
	letter-spacing:-1px;
	line-height:16px;
}

#sideBar .category #lnb > li > .dep1-arrow{
	position:absolute;
	top:6px;
	right:9px;
}

#sideBar .category #lnb > li > .dep1-arrow img{
	width:14px;
	height:auto;
}

#sideBar .category #lnb > li > .dep1-arrow img.on{
	display:none;
}

#sideBar .category #lnb > li.on > .dep1-arrow img.default{
	display:none;
}

#sideBar .category #lnb > li.on > .dep1-arrow img.on{
	display:inline-block;
}

#sideBar .category #lnb > li > ul > li > .dep2-arrow{
	position:absolute;
	top:7px;
	right:11px;
	display:inline;
	padding:0;
	margin-right:0;
	color:inherit;
	word-break:normal;
	letter-spacing:0;
}

#sideBar .category #lnb > li > ul > li > .dep2-arrow img{
	width:10px;
	height:auto;
}

#sideBar .category #lnb > li > ul > li > .dep2-arrow img.on{
	display:none;
}

#sideBar .category #lnb > li > ul > li.on > .dep2-arrow img.default{
	display:none;
}

#sideBar .category #lnb > li > ul > li.on > .dep2-arrow img.on{
	display:inline-block;
}

#sideBar .category #lnb .on > span > a{
	color:#fff;
}

#sideBar .category #lnb > li > ul {
	display: none;
	background:#2d3659;
}

#sideBar .category #lnb > li > ul > li > a,
#sideBar .category #lnb > li > ul > li > span > a{
	display:block;
	padding:8px 0 8px 25px;
	margin-right:40px;
	color:#7284ac;
	word-break:break-all;
	letter-spacing:-1px;
	line-height:16px;
}

#sideBar .category #lnb > li > ul > li > ul{
	display: none;
	background:#485584;
	padding:5px 0;
}

#sideBar .category #lnb > li > ul > li > ul > li > a{
	display:block;
	padding:4px 0 4px 35px;
	margin-right:45px;
	font-size:12px;
	color:#a0aecc;
	word-break:break-all;
	letter-spacing:-1px;
	line-height:14px;
}

#sideBar .category #lnb > li > span > a:hover,
#sideBar .category #lnb > li > span > a:focus,
#sideBar .category #lnb > li > ul > li > a:hover,
#sideBar .category #lnb > li > ul > li > a:focus,
#sideBar .category #lnb > li > ul > li > span > a:hover,
#sideBar .category #lnb > li > ul > li > span > a:focus,
#sideBar .category #lnb > li > ul > li > ul > li > a:hover,
#sideBar .category #lnb > li > ul > li > ul > li > a:focus{
	color:#fff;
}

#sideBar .category li a:hover,
#sideBar .category li a:focus{
	color:#fff;
}

@media(max-width:480px){
	#sideBar .category #lnb > li > span > a{
		margin-right:86px;
	}
	#sideBar .category #lnb > li > ul > li > span > a,
	#sideBar .category #lnb > li > ul > li > ul > li > a{
		margin-right:89px;
	}	
	#sideBar .category #lnb > li > .dep1-arrow{
		right:55px;
	}
	#sideBar .category #lnb > li > ul > li > .dep2-arrow{
		right:57px;
	}
}


p {
	color: #666;
}
h1, h2, h3 {
	font-family: "Ubuntu", "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
	font-weight: 200;
}
h1 strong, h2 strong, h3 strong {
	font-weight: 600;
}
h1, h2, h3 {
	/*text-transform: uppercase;*/
}
h1 {
	margin: 50px 0;
	font-size: 50px;
}
h2 {
	margin: 40px 0 20px;
	font-size: 35px;
}
h3 {
	margin: 25px 0;
	font-size: 22px;
}
h4, p {
	margin: 15px 0;
}
h2 .fa {
	position: relative;
	top: -1px;
}
/* ==============================================
Short Codes & Form Elements
=============================================== */
.form-group label, .table > thead > tr > th {
	font-family: "Ubuntu", "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th, .table > thead > tr > th {
	border-bottom: none;
}
/*.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background: #222;
}*/
input.form-control, textarea.form-control {
	border-radius: 0;
}

.btn {
	/*margin: 5px;*/
	/*padding:10px 25px;*/
}
.btn-default.style_2, .btn-default.style_3 {
	color: #FFF;
	border: none;
}
.btn-default:hover, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover {
	background: #222;
	color: #FFF;
}
.btn-default.style_2 {
	border: 1px solid #222;
	background: #FFF;
	color: #222;
}
.btn-default.style_2:hover, .btn-default.style_2:focus {
	color: #FFF;
	border-color: #FFF;
}
.nav-tabs {
	margin: 10px 0;
	border-bottom: none;
}
.nav-tabs, .home_block_1 .tab-content {
	width: 700px;
	max-width: 100%;
}
.nav-tabs > li a:hover {
	cursor: pointer;
}
.nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus, .nav-tabs > li a, .nav-tabs > li a:hover, .nav-tabs > li a:focus {
	background: none;
	border: none;
}
.nav-tabs > li > a {
	color: #333;
	text-align: center;
	margin: 0;
}
.nav-tabs > li i {
	color: #222;
	font-size: 20px;
	background: none;
	padding: 0;
	display: inline;
}
.nav-tabs > li h4 {
	margin: 0;
	display: inline;
	padding-left: 10px;
	font-size: 16px;
}
.nav-tabs.style_2 {
	margin: 0;
}
.nav-tabs.style_2 > li.active a, .nav-tabs.style_2 > li.active a:hover, .nav-tabs.style_2 > li.active a:focus {
	background: #222;
}
.tab-content.style_2 {
	border: 1px solid #DDD;
	padding: 15px;
}
.alert-success, .alert-info, .alert-warning, .alert-danger {
	border-color: #222;
}
.progress {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.progress-bar {
	box-shadow: 2px -2px 1px rgba(0, 0, 0, 0.5) inset;
}
.animations .row img {
	border: 1px solid #222;
	margin-bottom: 20px;
	padding: 0;
}
.shortcode_sidebar {
}
/* ==============================================
Top Head Styles
=============================================== */
.wrapper > header {
	background: #fff;
}
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.big_block {
	padding: 60px 0;
}
.top_head {
	position: relative;
	line-height: 45px;
	color: #FFF;
	z-index: 9999;
}
.top_head i {
	padding-right: 10px;
}
.top_head span {
	padding-right: 20px;
}
.top_head a {
	color: #FFF;
}
.top_head span:last-child {
	padding-right: 0;
}
.top_head .popover {
	position: relative;
	z-index: 9999 !important;
	width: 300px;
}
/* ==============================================
Bootstrap Navbar
=============================================== */
.navbar{
	border:none;
	margin-bottom:0;
	height:100px;
}

@media(min-width:768px) and (max-width:991px){
	.navbar{
		height:70px;
		min-height:70px;
	}
}

@media(max-width:767px){
	.navbar{
		height:46px;
		min-height:45px;
	}
}

.navbar-form{
	position:relative;
	top:0;
	left:0px;
}

.navbar-default {
	border: none;
	z-index: 1004;
	margin-bottom: 0;
	background: rgba(34,163,219,1);
	text-transform: uppercase;
	padding:25px 0;
}
.navbar-default .navbar-nav > li > a {
	margin: 5px;
	font-weight: bold;
}
.navbar-header {
	position: relative;
	top:30px;
	z-index: 999;
	
}

@media(min-width:768px) and (max-width:991px){
	.navbar-header {
		top:16px;
	}
}

@media(max-width:767px){
	.navbar-header {
		top:10px;
	}
}

.navbar-default a.navbar-brand {
	font-size: 35px;
	color: #FFF;
	font-family: "Ubuntu", "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background: none;
}
.navbar-default .navbar-nav > li > a, .navbar-default .dropdown-menu > li a, .navbar-default .dropdown-menu .dropdown-menu > li a {
	color: #FFF;
	background: none;
}
.navbar-default .dropdown-menu > li a {
	padding: 7px 20px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background: none;
	color: #9de1ff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .dropdown-menu > li a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #9de1ff !important;
}
.navbar-default .dropdown-menu {
	background: #222;
	padding: 15px 0;
}
.navbar-nav > li.dropdown li.dropdown > a::before {
	content: '\f105';
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 16px;
	color: #666;
}
/* ==============================================
For Mega Menu
=============================================== */
.collapse.navbar-collapse {
	position: relative;
	z-index: 10000;
}
.nav > li.mega_drop_down {
	position: static;
}
.dropdown-menu.mega-menu {
	position: absolute;
	width: 100%;
	right: 0 !important;
	left: inherit !important;
	padding: 15px 10px 20px 10px;
	text-transform: uppercase;
}
.mega-menu li li a {
	padding: 3px 20px;
	display: block;
}
.mega-menu .nav-header {
	font-size: 16px;
	color: #CCC;
	padding: 3px 20px;
	font-family: "Ubuntu", "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
}
/* ==============================================
Banner
=============================================== */
.slider {
	overflow: hidden;
	background: #222;
	height: 1000px;
}
.slider .parallax_bann {
	background: url(../images/slider_pic_2.jpg) top center fixed;
	position: relative;
	height: 100%;
}
.slider .banner .banner_bg {
	width: 100%;
}
.video_container {
	position: relative;
	width: 100%;
	background: #000;
	opacity: .7;
}
.video_container video {
	width: 100%;
	height: auto;
	display: block;
}
.video_container .video_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.2);
}
.slider .banner {
	position: relative;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	z-index: 10;
	position: absolute;
	top: 350px;
	width: 100%;
	text-align: center;
}
.bann_caption {
	color: #FFF;
}
.bann_caption h2 {
	font-size: 60px;
	font-weight: 200;
}
.bann_caption h3 {
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 50px;
}
.bann_caption a {
	margin: 0 20px;
	width: 180px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	font-size: 18px;
	position: relative;
	border-radius: 0;
	border: none;
}
.bann_caption .btn-default.style_2, .carousel-caption .btn-default.style_2 {
	border: 1px solid #FFF;
	background: rgba(255,255,255,.2);
	color: #FFF;
}
.owl_slider, .blog_items .owl-carousel, #blog_carousel {
	background: #222;
}
#blog_carousel {
	margin-bottom: 40px;
}
.owl-theme .owl-controls {
	height: 0;
	margin-top: 0;
}
.owl_slider .owl-theme .owl-controls .owl-pagination {
	position: relative;
	top: -80px;
}
.owl-theme .owl-controls .owl-buttons {
	position: absolute;
	top: calc(50% - 20px);
	width: 100%;
}

.owl-theme .owl-controls .owl-buttons > div {
	background: none;
	border-radius: 0;
	margin: 0;
	position: relative;
	color: rgba(0,0,0,0);
}
.owl-theme .owl-controls .owl-buttons > div.owl-prev {
	float: left;
}
.owl-theme .owl-controls .owl-buttons > div.owl-next {
	float: right;
}
.owl-theme .owl-controls .owl-buttons div {
	opacity: 1;
}
.owl-theme .owl-controls .owl-buttons > div.owl-prev::before, .owl-theme .owl-controls .owl-buttons > div.owl-next::before {
	font-family: FontAwesome;
	position: absolute;
	top: 0;
	opacity: 1;
	padding: 0 9px;
	/*border: 1px solid #FFF;*/
	font-size: 16px;
	color: #FFF;
}
.owl-theme .owl-controls .owl-buttons > div.owl-prev::before {
	content: '\f104';
	left: 0px;
	border-left: 0;
}
.owl-theme .owl-controls .owl-buttons > div.owl-next::before {
	content: '\f105';
	right: 0px;
	border-right: 0;
}

/* ==============================================
Model Box
=============================================== */
.modal-header {
	/*background: #222;*/
	color:#333;
}

.modal-footer .btn + .btn {
	/*margin: 5px;*/
}

/* ==============================================
Clients
=============================================== */
.clients .owl-carousel {
	padding: 12px 0;
}
.clients .item {
	text-align: center;
	margin: 15px 5px;
	padding: 5px 0;
	border: 1px solid #aaa;
}
.clients .item span {
	display: block;
	width: 200px;
	height: 64px;
	margin: 0 auto;
}
.clients .item img {
	opacity: 1;
	height: 64px;
}
.clients .item a:hover img {
	opacity: .5;
}

/* ==============================================
Footer
=============================================== */
.wrapper > footer {
	width:100%;
	position:absolute;
	background: #f5f5f5;
	color: #000;
	padding:20px 25px;
	margin-top:40px;
}
.wrapper > footer h3 {
	margin-bottom: 20px;
}
.social_icons a i {
	font-size: 20px;
	border: 1px solid #333;
	text-align: center;
	width: 35px;
	height: 35px;
	line-height: 35px;
	margin: 10px 10px 20px 10px;
	color: #333;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

footer .social_icons a i {
	border: 1px solid #DDD;
	color: #FFF;
}
.wrapper > footer hr {
	border-color: #333;
}
.wrapper > footer p {
	padding-top: 10px;
}
.foot_nav li {
	display: inline;
	padding: 0 10px;
}
.foot_nav li a {
	color: #FFF;
}
.foot_nav.style_2 li {
	line-height: 50px;
}
.foot_nav.style_2 li a {
	padding: 10px;
	border: 1px solid #333;
}
/* ==============================================
Sidebar
=============================================== */
.shortcodes_bg > div > div {
	padding: 0;
}
.shortcode_anchor {
	height: 65px;
}
.shortcodes > .panel-default > .panel-heading {
	font-size: 30px;
	font-family: "Ubuntu", "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
	font-weight: 200;
	padding: 15px 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
	background: #222;
	color: #EEE;
}
.shortcodes > .panel {
	margin-bottom: 0;
}
.shortcodes > .panel > .panel-body {
	padding: 15px;
}
.shortcodes .panel-body > h4 {
	margin-top: 20px;
}
.shortcode_sidebar {
	margin-top: 36px;
	position: fixed;
}
.shortcode_sidebar h3 {
	margin-bottom: 10px;
}
.shortcode_sidebar li {
	line-height: 30px;
}
.shortcode_sidebar a {
	color: #666;
	font-size: 16px;
	position: relative;
	margin-left: 20px;
}
.shortcode_sidebar a:focus {
	color: #666;
}
.shortcode_sidebar a::before {
	content: '\f104';
	font-family: FontAwesome;
	position: absolute;
	left: -20px;
	top: -5px;
	font-size: 15px;
}

/* ==============================================
Breadcrumb
=============================================== */
.breadcrumb_bg {
	overflow: hidden;
	text-align: center;
	color: #FFF;
	background: #222 url(../images/breadcrumb.jpg) top center fixed;
	position: relative;
	padding-bottom: 40px;
	padding-top: 40px;
}
.breadcrumb_bg h2 {
	padding: 50px 0 20px 0;
	font-weight: normal;
	font-size: 40px;
	margin: 0;
}
.breadcrumb {
	background: none;
}
.breadcrumb li {
	font-size: 18px;
	color: #FFF;
}
.breadcrumb li.active {
	color: #FFF;
}
.breadcrumb li a {
	font-size: 18px;
}
/* ==============================================
waypoints
=============================================== */
.skills .skill .progress-bar .current-progress .bar {
	background: #a52b2b;
}

/* ==============================================
Mobile and Tablet Screen
=============================================== */
@media screen and (max-width:991px) {
.navbar, .top_head {
	padding: 0 15px;
}
.slider {
	height: auto;
}
.slider .banner .banner_bg {
	height: auto;
	overflow: hidden;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 0;
	position: relative;
	margin: 0 0 50px 0;
	color: #CCC;
}
.bann_caption h2 {
	font-size: 30px;
}
.bann_caption h3 {
	font-size: 22px;
	line-height: 30px;
}
.bann_caption a {
	margin-bottom: 15px;
}
.bann_caption a:hover {
	border: 1px solid #CCC;
}
.slider .banner.parallax_bann .bann_caption {
	margin-bottom: 0;
}
.owl_slider {
	background: #222;
}
.owl_slider .owl-theme .owl-controls {
	top: -30px;
}
.owl-theme .owl-controls .owl-page span {
	background: #444;
}
.home_block_2 .container-fluid > div > div h2.text-right {
	text-align: left;
}
.service_bg > div > div.services_title {
	padding: 20px 50px 50px;
}
.subscribe > .container > div.pull-right {
	float: none !important;
	clear: both !important;
}
.sidebar {
	display: none;
}
.blog_items.pull-right,
.home_block_1 div > div.pull-right,.home_block_2 div > div.pull-right{
	float:none !important;
}
}
/* ==============================================
Mobile Screen
=============================================== */
@media screen and (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #FFF;
}
.navbar-default .navbar-collapse {
	border-color: #85ceef;
	box-shadow: none;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
	background: none;
}
.home_block_1 .container-fluid > div.col-md-6.col-sm-8.pull-right {
	float: none !important;
}
.dropdown-nested > a:focus,.dropdown-nested > a:active{
	color:#FFF !important;
}
.dropdown-nested > .dropdown-menu li a{
	margin-left:20px;
}
.four_o_four_error li {
	font-size: 70px;
	margin-right: 10px;
}
.four_o_four_error li.no {
	padding: 0 20px 20px 20px;
}
.four_o_four_error li:nth-child(2) {
	font-size: 40px;
	padding: 10px 20px;
}
.blog_items .block,.blog_items.style_2 .block{
	padding-bottom:30px;
	border-bottom:1px dashed #999;
	margin-bottom:30px;
}
.blog_items .btn-default{
	margin-bottom:10px;
}
}
/* ==============================================
Tablet and Desktop Screen
=============================================== */
@media (min-width:992px){
	.wrapper > header .navbar-default.sticky {
		padding:9px 0;
	}
}

/*@media screen and (min-width:768px) {*/
@media screen and (min-width:320px) {
.navbar-default .navbar-brand {
	line-height: 30px;
}
/*.navbar-right .dropdown-menu {
	right: auto;
	left: 15px;
	min-width: 200px;
}*/
.navbar-right .dropdown-menu .dropdown-menu {
	min-width: 120px;
}
.navbar-nav > li.dropdown > .dropdown-menu {
	margin-top: -5px;
	opacity: 0;
}
.navbar-nav > li.dropdown:hover > .dropdown-menu.active {
	display: block;
}
.navbar-nav > li.dropdown li.dropdown:hover .dropdown-menu {
	display: block;
	position: absolute;
	left: 100%;
	top: -18px;
	background: #282828;
	border-radius: 0;
}
.wrapper > header .navbar-default.sticky {
	position: fixed;
	background: rgba(0,0,0,.7);
	top: 0;
	opacity: 1;
	-webkit-animation: .3s nav_sticky linear;
	animation: .3s nav_sticky linear;
}
.wrapper > header .navbar-default.sticky .navbar-nav > li:last-child > a {
	padding-right: 15px;
}
.navbar-default .navbar-nav > li:last-child > a {
	border-radius: 0;
	padding-right: 0;
	margin-right: 0;
}
.shortcodes {
	padding: 0 20px 20px 50px;
}
.slider .banner .banner_bg img {
	width: 100%;
	animation: 50s zoomEffect infinite;
	transform: scale(1, 1) translate(0, 0);
}
.blog_items .block .row > div:nth-child(1) {
	padding-right: 0;
}
.blog_items .block .row > div:nth-child(2) {
	padding-left: 0;
}
}
/* ==============================================
Tablet Screen
=============================================== */
@media screen and (min-width:768px) and (max-width:991px) {
.navbar-nav > li > a {
	/*padding-left: 3px !important;
	padding-right: 3px !important;
	letter-spacing: -0.2px;*/
}
.navbar-default .navbar-nav > li:last-child > a {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
.wrapper > header .navbar-default.sticky .navbar-nav > li:last-child > a {
	padding-right: 15px !important;
}
.about .container-fluid {
	max-width: 750px;
}
.skills .skill {
	margin-top: 30px;
}
.subscribe > div > div.pull-left, .subscribe > div > div.pull-right {
	clear: both !important;
	float: none !important;
}
.carousel-caption {
	top: 20%;
}
.features > div > div:nth-child(1), .features > div > div:nth-child(2), .features > div > div:nth-child(3) {
	border-bottom: 1px solid #efefef;
}
.features > div > div:nth-child(4) {
	border-left: none;
}
.home_block_1 .container-fluid > div > div.pull-right, .home_block_2 .container-fluid > div > div.pull-right {
	float: none !important;
}
.home_block_1 .container-fluid > div > div {
	padding: 20px 0 5px 0;
}
.home_block_2 .container-fluid > div > div {
	padding: 5px 0 20px 0;
}
.services > div a,
.services2 > div a {
	padding: 35px 10px 20px 10px;
}
.counters h3 {
	font-size: 18px;
}
}
/* ==============================================
Desktop Screen
=============================================== */
@media screen and (min-width:992px) and (max-width:1199px) {
.skills .skill {
	margin-top: 10px;
}
.carousel-caption {
	left: inherit !important;
	right: inherit !important;
}
.features > div > div:nth-child(1), .features > div > div:nth-child(2), .features > div > div:nth-child(3) {
	border-bottom: 1px solid #efefef;
}
.features > div > div:nth-child(4) {
	border-left: none;
}
.services > div a {
	padding: 60px 10px 40px 10px;
}
.service_bg > div > div.services_title {
	padding: 20px 50px 50px;
}
}
/* ==============================================
Desktop and Large Desktop Screen
=============================================== */
@media screen and (min-width:992px) {
.wrapper > header .container-fluid {
	margin: 0 50px;
}
.wrapper > header .top_head, .wrapper > header .navbar-default {
	position: absolute;
	z-index: 999;
	width: 100%;
}
/*.wrapper > header .navbar-default {
	top: 30px;
}*/
.breadcrumb_bg {
	padding-top: 80px;
}
.modal-dialog {
	margin-top: 100px;
}
.home_block_2 .big_block {
	float: right;
}
.home_block_1 .container-fluid > div, .home_block_2 .container-fluid > div {
	padding: 0 15px;
}
.slider {
	height: 520px;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 160px;
}
.workprocess .container .icon:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	top: 50%;
	left: 0;
	background: #222;
}
.workprocess .container .icon.first::before {
	left: 50%;
	width: 50%;
}
.workprocess .container .icon.last::before {
	width: 50%;
}
}
/* ==============================================
Large Desktop Screen
=============================================== */
@media screen and (min-width:1200px) {
.slider {
	height: 630px;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 170px;
}
.home_block_1 .container-fluid > div, .home_block_2 .container-fluid > div {
	padding: 0 30px;
}
.workprocess .container-fluid .icon:before {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	top: 50%;
	left: 0;
	background: #222;
}
.workprocess .container-fluid .icon.first::before {
	left: 50%;
	width: 50%;
}
.workprocess .container-fluid .icon.last::before {
	width: 50%;
}
}
/* ==============================================
Custom Screens
=============================================== */
@media screen and (min-width:992px) and (max-width:1500px){
.home_block_1 .big_block,.home_block_2 .big_block{
	width:100%;
}
}
@media screen and (min-width:1400px) {
.slider {
	height: 725px;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 200px;
}
}

@media screen and (min-width:1600px) {
.slider {
	height: 810px;
}
.slider .banner .bann_caption, .owl-carousel .bann_caption {
	top: 350px;
}
}

@media screen and (min-width:1750px) {
.slider {
	height: 900px;
}
}

@media screen and (min-width:1900px) {
.slider {
	height: 1000px;
}
}
/* ==============================================
Animations
=============================================== */
@-webkit-keyframes nav_sticky {
 0% {
 top:-50px;
 opacity:0;
}
 100% {
 top:0;
 opacity:1;
}
}
@keyframes nav_sticky {
 0% {
 top:-50px;
 opacity:0;
}
 100% {
 top:0;
 opacity:1;
}
}
@-webkit-keyframes zoomEffect {
 0% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
 25% {
 -webkit-transform: scale(1.3, 1.3) translate(50px, 50px);
}
 50% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
 75% {
 -webkit-transform: scale(1.3, 1.3) translate(-50px, -50px);
}
 100% {
 -webkit-transform: scale(1, 1) translate(0, 0);
}
}
@keyframes zoomEffect {
 0% {
 transform: scale(1, 1) translate(0, 0);
}
 25% {
 transform: scale(1.3, 1.3) translate(50px, 50px);
}
 50% {
 transform: scale(1, 1) translate(0, 0);
}
 75% {
 transform: scale(1.3, 1.3) translate(-50px, -50px);
}
 100% {
 transform: scale(1, 1) translate(0, 0);
}
}






/* ==============================================
STYLE ADD
=============================================== */
@media(max-width:767px){
	.go-top img{
		width:40px;
		height:40px;
	}
}
/*여러줄 말줄임*/
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
}

.ellipsis.multiline {
	white-space: normal;
}


/* ==============================================
Main Search
=============================================== */
.search-box{
	position:absolute;
	top:23px;
	left:255px;
}

@media(min-width:768px) and (max-width:991px){
	.search-box{
		top:7px;
	}
}

@media(max-width:767px){
	.search-box{
		display:none;
	}
}

.search-box .navbar-form{
	padding:0;
}

.search-box .navbar-form .input-group{
	border:2px solid #e6e6e6;
}

.search-box .navbar-form .input-group:hover,
.search-box .navbar-form .input-group:focus{
	border:2px solid #060f51;
}

.search-box .navbar-form .input-group > .form-control{
	border:none;
	box-shadow:none;
	width:375px;
	padding:6px 10px;
	height:36px;
	font-size:14px;
	line-height:22px;
}

@media(max-width:1270px){
	.search-box .navbar-form .input-group > .form-control{
		width:170px;
	}
}

@media(max-width:991px){
	.search-box{
		left:220px;
	}
}

.search-box .navbar-form .input-group .btn{
	margin:0;
	color:#ccc;
	background:#fff;
	padding:7px 10px;
}

.search-box .navbar-form .input-group .btn:hover,
.search-box .navbar-form .input-group .btn:focus{
	background:none;
	color:#060f51;
}

.search-box .navbar-form .input-group .btn:active{
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}



/* ==============================================
Button style
=============================================== */
.btn{
	border:none;
	border-radius:0;
	font-size:14px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus{
	outline:0;
}

.btn-default {
  color: #ffffff;
  background-color: #ccc;
  border-color: none;
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #a3a3a3;
  border-color: none;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #a3a3a3;
  border-color: none;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #a3a3a3;
  border-color: none;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #7a7a7a;
  border-color: none;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #ccc;
  border-color: none;
}
.btn-default .badge {
  color: #ccc;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  background-color: #6077bf;
  border-color: none;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #4d5f99;
  border-color: none;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #4d5f99;
  border-color: none;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #4d5f99;
  border-color: none;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #3a4773;
  border-color: none;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #6077bf;
  border-color: none;
}
.btn-primary .badge {
  color: #6077bf;
  background-color: #ffffff;
}


/* ==============================================
Header
=============================================== */
@media (min-width:992px) and (max-width:1040px){
	/*.navbar-nav > li > a {
		padding-left: 6px !important;
		padding-right: 6px !important;
	}*/
}

@media (max-width: 991px) and (min-width: 768px){
	.navbar-brand > img {
		width: 170px;
		height: auto;
		position: relative;
	}
}

@media(max-width:991px){
	.wrapper > header .container-fluid {
		margin: 0 20px;
	}
}

@media (min-width: 768px){
	.navbar {
		border-radius:0;
	}
	.navbar-right {
		margin-right:0;
	}
}

@media (max-width:767px){
	.wrapper > header .container-fluid {
		margin: 0 15px;
	}
	.navbar-brand > img {
		width: 120px;
		height: auto;
	}
	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
		margin-right: -15px;
	}
}

.navbar-brand {
    padding:0;
	height:auto;
}

.navbar-toggle {
    padding: 6px 5px;
	margin-top:10px;
	margin-right:10px;
	border-radius:0;
	background:none;
}

.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
	background-color:#8298a3;
}
	
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}






/* ==============================================
Footer
=============================================== */

footer .btn{
	margin:0;
}

footer .modal{
	color:#333;
}

footer address{
	margin-bottom:0;
}

footer address p{
	color:#8d8d8d;
	margin:0;
	padding:0 !important;	
}

footer address p span:after{
	content:"｜";
	font-size:12px;
	position:relative;
	top:-2px;
	padding:0 4px 0 7px;
	color:#8d8d8d;
}

footer address p span:last-child:after{
	content:"";
}

footer address p span a{
	color:#8d8d8d;
}

footer address p span a:hover,
footer address p span a:focus{
	color:#8d8d8d;
}

footer .policy{
	position:relative;
	top:7px;
	left:0;
	margin-bottom:30px;

}

footer .policy .list-inline{
	margin-left:0;
}

footer .policy .list-inline > li{
	padding:0 2px;
	color:#fff;
}

footer .policy .list-inline > li a{
	color:#000;
	font-weight:bold;
}

footer .policy .list-inline > li a:hover,
footer .policy .list-inline > li a:active{
	color:#6077bf;
}

footer .policy .list-inline li:after{
	content:"｜";
	font-size:12px;
	position:relative;
	top:-2px;
	padding:0 0 0 7px;
	color:#8d8d8d;
}

footer .policy .list-inline li:last-child:after{
	content:"";
	padding-right:0;
}


@media(max-width:991px){
	footer .select-wrap{
		text-align:center;
	}
}


footer .family{
	position:absolute;
	right:0;
	top:-3px;
}

footer .multiLanguage{
	position:absolute;
	right:205px;
	top:-3px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all s.25s ease-in-out;
}

.toggled footer .multiLanguage {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all s.25s ease-in-out;
	top:-3px;
    right:130px;
}

footer .family .dropup > a,
footer .multiLanguage .dropup > a{
	border:2px solid #000;
	padding:10px 12px;
	background:#fff;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

footer .family .dropup .lang{
	margin-right:10px;
}

footer .multiLanguage .dropup .lang{
	margin-right:45px;
}

footer .family .dropup .dropdown-menu,
footer .multiLanguage .dropup .dropdown-menu{
	min-width:115px;
	border:none;
	border-radius:0;
	background:#e6e6e6;
    -webkit-box-shadow: none;
    box-shadow: none;
	padding:0;
	right:0;
}

footer .family .dropup .dropdown-menu > li > a,
footer .multiLanguage .dropup .dropdown-menu > li > a{
	padding:10px 10px;
	color:#000;
}

footer .family .dropup .dropdown-menu > li,
footer .multiLanguage .dropup .dropdown-menu > li{
	border-bottom:1px solid #d6d6d6;
}

footer .family .dropup .dropdown-menu > li:last-child,
footer .multiLanguage .dropup .dropdown-menu > li:last-child{
	border-bottom:none;
}

footer .family .dropup .dropdown-menu > li > a:hover,
footer .family .dropup .dropdown-menu > li > a:focus,
footer .multiLanguage .dropup .dropdown-menu > li > a:hover,
footer .multiLanguage .dropup .dropdown-menu > li > a:focus{
	background:#6077bf;
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
}

footer .family .dropup .dropdown-menu a,
footer .multiLanguage .dropup .dropdown-menu a{
	font-size:12px
}

@media (max-width:991px){
	footer .family,
	footer .multiLanguage{
		right:10px;
	}
}
@media(min-width:768px){
	footer .family .dropup .dropdown-menu,
	footer .multiLanguage .dropup .dropdown-menu{
		right:0;
		z-index:99;
	}
}
@media(max-width:991px){
	footer .family,
	footer .multiLanguage{
		position:relative;
		top:0;
		left:0;
		margin-bottom:20px;
		text-align:center;
		display:inline-block;
		margin-left:10px;
	}
	
	.toggled footer .multiLanguage {
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		transition: all s.25s ease-in-out;
		top:0;
		right: auto;
	}
	
	footer .family .dropup .dropdown-menu,
	footer .multiLanguage .dropup .dropdown-menu {
		margin:0 auto 2px;
		z-index:999;
	}
}


footer .footer-logo,
footer .footer-info{
	float:left;
}

footer .footer-logo{
	position:relative;
	top:4px;
}

footer .footer-info{
	margin-left:37px;
}

footer .copy{
	clear:both;
	color:#b2b2b2;
	font-size:12px;
}

@media(max-width:991px){
	.wrapper > footer{
		padding:20px 0;
	}
	footer .footer-logo,
	footer .footer-info{
		float:none;
	}
	footer .footer-logo{
		position:relative;
		top:4px;
	}
	
	footer .footer-info{
		margin:20px 0 0;
	}
}


/* ==============================================
Modal
=============================================== */
@media(max-width:767px){
	/*Modal Fullscreen*/
	.modal.modal-fullscreen {
	  /* Maximize the main wrappers on the screen */
	  /* Make the parent wrapper of the modal box a full-width block */
	  /* Remove borders and effects on the content */
	  /**
		 * /!\ By using this feature, you force the header and footer to be placed
		 * in an absolute position. You must handle by yourself the margin of the
		 * content.
		 */
		background:#fff;
	}
	.modal.modal-fullscreen .modal-dialog,
	.modal.modal-fullscreen .modal-content {
	  bottom: 0;
	  left: 0;
	  position: absolute;
	  right: 0;
	  top: 0;
	}
	.modal.modal-fullscreen .modal-dialog {
	  margin: 0;
	  width: 100%;
	}
	.modal.modal-fullscreen .modal-content {
	  border: none;
	  -moz-border-radius: 0;
	  border-radius: 0;
	  -webkit-box-shadow: inherit;
	  -moz-box-shadow: inherit;
	  -o-box-shadow: inherit;
	  box-shadow: inherit;
	}
	.modal.modal-fullscreen.force-fullscreen {
	  /* Remove the padding inside the body */
	}
	.modal.modal-fullscreen.force-fullscreen .modal-body {
	  padding: 0;
	}
	.modal.modal-fullscreen.force-fullscreen .modal-header,
	.modal.modal-fullscreen.force-fullscreen .modal-footer {
	  left: 0;
	  position: absolute;
	  right: 0;
	}
	.modal.modal-fullscreen.force-fullscreen .modal-header {
	  top: 0;
	}
	.modal.modal-fullscreen.force-fullscreen .modal-footer {
	  bottom: 0;
	}
}


#search-modal .modal-body{
	background:#6077bf;
	padding:10px 15px;
}

@media(max-width:767px){
	#search-modal .modal-body{
		margin-top:0;
	}
}

#search-modal .modal-body a{
	color:#fff;
}

#search-modal .modal-body p{
	float:left;
	margin:6px 20px 6px 0;
	font-size:16px;
}

#search-modal .modal-body .search{
	width:100%;
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
}
#search-modal .modal-body .input-group > .form-control{
    height: 34px;
    font-size: 14px;
    color: #333;
    border: none;
    border-radius:0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

#search-modal .modal-body .search .form-group{
	width:75%;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

#search-modal .modal-body .btn-search {
    background: #6077bf;
    color: #fff;
    font-size: 18px;
    margin-left: 0;
    padding:0 0 0 15px;
}

/*@media(min-width:992px){
	#alarm-modal .modal-dialog{
		width:380px;
	}
}*/
#alarm-modal .modal-body{
	max-height:360px;
	overflow:auto;
	padding:15px 25px;
}

@media(max-width:767px){
	#alarm-modal .modal-body{
		margin-top:30px;
	}
}

#alarm-modal .modal-body > .list {
	margin:0;
	padding:0;
}

#alarm-modal .list-item {
	margin: 0 0 8px 0;
	padding: 0;
	list-style:none;
	border-bottom:1px solid #e6e6e6;
}

#alarm-modal .label-checkbox,
#alarm-modal .label-radio{
	position: relative;
	margin: 8px;
	line-height: 135%;
	cursor: pointer;
	font-size:12px;
	font-weight:normal;
	color:#808080;
}

#alarm-modal .modal-body .checkbox,
#alarm-modal .modal-body .radio{
	float:left;
}

#alarm-modal .modal-body .con-txt{
	position:relative;
	top:-3px;
	margin:0;
	padding-left:35px;
}

#alarm-modal .modal-body .date{
	margin:0;
	padding-left:30px;
	color:#ccc;
}


#login-modal .title,
#group-open-modal .title{
	font-size:14px;
	font-weight:bold;
	background:none;
	margin:0 0 10px;
	padding:0 0 0 5px;
	text-align:left;
}

#login-modal .modal-body .form-control{
	color:#6077bf;
}

#login-modal .modal-body .form-group{
	font-size:12px;
	color:#808080;
}

#login-modal .modal-body .form-group .label-checkbox{
	cursor:pointer;
	margin-right:20px;
}

#login-modal .modal-body .form-group .label-checkbox:last-child{
	margin-right:0;
}

#login-modal .modal-body .form-group .checkbox{
	top:0;
    margin: 2px 7px 0 3px !important;
}


#login-modal .modal-body .form-group .col-sm-6,
#login-modal .modal-body .form-group .col-xs-6{
	padding-left:15px;
	padding-right:5px;
}

#login-modal .modal-body .form-group .col-sm-6:last-child,
#login-modal .modal-body .form-group .col-xs-6:last-child{
	padding-left:5px;
	padding-right:15px;
}

#login-modal .modal-body .form-group .col-sm-6.col-xs-6{
	margin-top:10px;
}

#login-modal .modal-body .col-xs-3{
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

#login-modal .modal-body .title.sns{
	margin-top:60px;
}

#login-modal .modal-body .col-xs-3 .naver,
#login-modal .modal-body .col-xs-3 .kakao,
#login-modal .modal-body .col-xs-3 .google,
#login-modal .modal-body .col-xs-3 .facebook{
	width:100%;
	display:inline-block;
	padding:19px 23px;
}

#login-modal .modal-body .col-xs-3 .naver{
	background:#1ec800;
}

#login-modal .modal-body .col-xs-3 .naver:hover,
#login-modal .modal-body .col-xs-3 .naver:focus{
	background:#19a700;
}

#login-modal .modal-body .col-xs-3 .kakao{
	background:#f7ca2d;
}

#login-modal .modal-body .col-xs-3 .kakao:hover,
#login-modal .modal-body .col-xs-3 .kakao:focus{
	background:#d5ad22;
}

#login-modal .modal-body .col-xs-3 .google{
	background:#cd3c28;
}

#login-modal .modal-body .col-xs-3 .google:hover,
#login-modal .modal-body .col-xs-3 .google:focus{
	background:#aa2917;
}

#login-modal .modal-body .col-xs-3 .facebook{
	background:#39579b;
}

#login-modal .modal-body .col-xs-3 .facebook:hover,
#login-modal .modal-body .col-xs-3 .facebook:focus{
	background:#274382;
}

#login-modal .modal-body .caution{
	position:absolute;
	top:11px;
	right:30px;
}

#group-open-modal .modal-body .form-group.url .col-sm-12{
	display:table;
}

#group-open-modal .modal-body .form-group.url .col-sm-12 span{
	display:table-cell;
	width:1%;
	font-size:12px;
	color:#808080;
}

#group-open-modal .modal-body .form-group.url .col-sm-12 input{
	display:table-cell;
	width:100%;
}

#group-open-modal .modal-footer{
	text-align:center;
}

@media(min-width:768px){
	#login-modal .modal-title,
	#group-open-modal .modal-title{
		display:none;
	}
}

@media(max-width:767px){
	#login-modal .title.info,
	#group-open-modal .title.info{
		display:none;
	}
}

#license .modal-body,
#tos .modal-body,
#policy .modal-body,
#email_refuse .modal-body{
	max-height:460px;
	overflow-y:auto;
	padding:15px 25px;
	font-size:13px;
}

@media (max-width:767px){
	#tos .modal-body,
	#license .modal-body,
	#policy .modal-body,
	#email_refuse .modal-body{
		max-height:200px;
	}
}

#license .modal-body dl,
#tos .modal-body dl,
#policy .modal-body dl,
#email_refuse .modal-body dl{
    display:inline-block;
    width: 100%;
    margin-bottom: 20px;
}
#license .modal-body dl dt,
#tos .modal-body dl dt,
#policy .modal-body dl dt,
#email_refuse .modal-body dl dt{
    margin-bottom: 5px;
    line-height: 26px;
    font-weight: normal;
}
#license .modal-body dl dd,
#tos .modal-body dl dd,
#policy .modal-body dl dd,
#email_refuse .modal-body dl dd{
    position: relative;
    line-height: 22px;
    vertical-align: top;
}
#license .modal-body dl dd > p,
#tos .modal-body dl dd > p,
#policy .modal-body dl dd > p,
#email_refuse .modal-body dl dd > p{
	padding:0;
	margin:0 0 0 20px;
	color:#333;	
}
#license .modal-body dl dd > p .depth2,
#tos .modal-body dl dd > p.depth2,
#policy .modal-body dl dd > p.depth2,
#email_refuse .modal-body dl dd > p.depth2{
	margin:0 0 0 35px;
}

#inquiry .select_area .form-group{
	position:absolute;
	right:0;
	top:0;
}
@media(max-width:480px){
	#inquiry .select_area .form-group{
		position:relative;
	}
}
#inquiry .select_area .form-group .label-checkbox{
	cursor:pointer;
	display:block;
}
#inquiry .select_area .form-group .checkbox{
	top:-2px;
    margin: 2px 7px 0 3px !important;
}

#inquiry .agree_all .form-group .checkbox{
	top:0;
    margin: 2px 7px 0 3px !important;
}
#inquiry .select_area .form-group .txt{
	font-size:12px;
}
#inquiry .select_area{
	text-align:left;
}
#inquiry .select_area .agree_chk{
	margin:0;
	}
#inquiry .select_area .agree_title{
	margin-top:30px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	position:relative;
	padding:0;
}
#inquiry .select_area .agree_title:first-child{
	margin-top:0;
}
#inquiry .select_area .textbox{
	padding:14px 30px 14px 14px;
	height:100px;
	border:1px solid #e2e4e6;
	background:#ffffff;
	overflow:hidden;
	overflow-y:scroll;
	font-size:12px;
}
#inquiry .select_area input{
	vertical-align:middle;
}
#inquiry .agree_all{
	margin-top:30px;
	text-align:center;
	background:#f9f9f9;
	padding:20px 20px 10px;	
	font-size:12px;
}

#inquiry .customer_table .qna{
	margin-top:30px;
	border:none;
}

#inquiry .customer_table .qna input{
	border-radius:0;
}

#inquiry .customer_table .qna textarea{
	resize:none;
}

#inquiry .customer_table .qna th, .customer_table .qna td{
	padding:10px 20px;
	
}

#inquiry .customer_table .qna th{
	background:#fbfbfb;
	font-weight:normal;
	text-align:left;
	vertical-align:middle !important;
}

#tos .modal-footer,
#policy .modal-footer,
#inquiry .modal-footer,
#email_refuse .modal-footer{
	text-align:center;
}

.fc_red {
    color: #f58670;
}



/* ==============================================
Main Contents
=============================================== */
.item{
    margin: 0 10px;
}
.item h1{margin:0;}


.item .pic{
	position: relative;
	padding-top:120%;
	overflow:hidden;
	border:1px solid #f0f0f0;
	background:#f5f5f5;
}

.item h3{
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin:10px 0 2px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;	
}
.item a:hover h3{
	color:#6077bf;
}
.item a:hover .user .name,
.item a:hover .item-txt{
	color:#000;
}
.item .pic img{
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	transform: translate(-50%,-50%) scale(1);
}
.item a:hover .pic img{
	/*-ms-transform: scale(1.2) rotate(-2deg);
    -webkit-transform: scale(1.2) rotate(-2deg);
    transform: scale(1.2) rotate(-2deg);*/
	
	-ms-transform: translate(-50%,-50%) scale(1.2);
    -webkit-transform: translate(-50%,-50%) scale(1.2);
	transform: translate(-50%,-50%) scale(1.2);
}
.item .pic .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  border:none;
  border-radius:0;
  background:none;
}
.item a:hover .overlay{
  background-color: rgba(96,119,191,0.7);
}

.item .user ul li{
	font-size:12px;
	color:#ccc;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	float:left;
}
.item .user ul li:before{
	content:"｜";
	padding:0 2px;
	position:relative;
	top:-1px;
}
.item .user ul li:first-child:before{
	content:"";
	padding:0;
}

.item .user .name{
	max-width:50%;
}

@media(max-width:600px){
	.item .user .name{
		max-width:50%;
	}
}

.item .item-txt{
	clear:both;
	font-size:12px;
	color:#999;
	line-height:18px;
	letter-spacing:-1px;
	margin:1px 0 0;
	height:36px;
}
.item .stats ul li{
	display:inline;
	font-size:12px;
	color:#999;
	margin-left:8%;
}
.item .stats ul li a{
	color:#999;
}
.item .stats ul li a:hover,
.item .stats ul li a:focus{
	color:#6077bf;
}
.item .stats ul li:first-child{
	margin-left:0;
}
.item .stats .pull-right{
	width:70%;
	text-align:right;
}
.item .stats .pull-right .heart.active i{
	color:#6077bf;
}

@media(max-width:767px){
	.item .stats .clip{
		display:none;
	}
}


.contents-star,
.contents-set,
.contents-new{
	position:relative;
}

.contents-hot .item .pic{
	padding-top:45%;
}

.item .pic img.portrait{
  width: 100%;
  max-width: none;
  height: auto;
}
.item .pic img.landscape{
  width: auto;
  max-width: none;
  height: 100%;
}
.item .pic .centered{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



.wrapper .cont-title{
	clear:both;
	font-size:18px;
	font-weight:bold;
	color:#000;
	margin:18px 0 18px 10px;
}

.contents-star{
	margin:80px 30px 30px;
}

.contents-star .item{
	background:#fff;
}

.contents-set,
.contents-hot,
.contents-new{
	margin:80px 30px;
}

@media(min-width:768px) and (max-width:991px){
	.contents-star{
		margin:60px 10px 30px;
	}
	
	.contents-set,
	.contents-hot,
	.contents-new{
		margin:80px 10px;
	}
	
	.item{
		margin: 0 10px;
	}
}

@media(max-width:767px){
	.contents-star{
		margin:60px 10px 30px;
	}
	
	.contents-set,
	.contents-hot,
	.contents-new{
		margin:80px 5px;
	}
	
	.item{
		margin: 0 5px;
	}
	
	.wrapper .cont-title{
		margin:18px 0 18px 5px;
	}
}

.contents-star .owl-theme .owl-controls .owl-pagination,
.contents-set .owl-theme .owl-controls .owl-pagination,
.contents-hot .owl-theme .owl-controls .owl-pagination,
.contents-new .owl-theme .owl-controls .owl-pagination{
	display:none !important;
}

.toggled .contents-star .owl-theme .owl-controls .owl-buttons,
.toggled .contents-set .owl-theme .owl-controls .owl-buttons,
.toggled .contents-hot .owl-theme .owl-controls .owl-buttons{
	width:auto;
	position: absolute;
	top: -40px;
	right:15px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all s.25s ease-in-out;
}

.contents-star .owl-theme .owl-controls .owl-buttons,
.contents-set .owl-theme .owl-controls .owl-buttons,
.contents-hot .owl-theme .owl-controls .owl-buttons{
	width:auto;
	position: absolute;
	top: -40px;
	right:205px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all s.25s ease-in-out;
}

@media(min-width:768px) and (max-width:991px){
	.toggled .contents-star .owl-theme .owl-controls .owl-buttons,
	.toggled .contents-set .owl-theme .owl-controls .owl-buttons,
	.toggled .contents-hot .owl-theme .owl-controls .owl-buttons{
		right:9px;
	}

	.contents-star .owl-theme .owl-controls .owl-buttons,
	.contents-set .owl-theme .owl-controls .owl-buttons,
	.contents-hot .owl-theme .owl-controls .owl-buttons{
		right:9px;
	}
}

@media(max-width:767px){
	.toggled .contents-star .owl-theme .owl-controls .owl-buttons,
	.toggled .contents-set .owl-theme .owl-controls .owl-buttons,
	.toggled .contents-hot .owl-theme .owl-controls .owl-buttons{
		right:6px;
	}
	
	.contents-star .owl-theme .owl-controls .owl-buttons,
	.contents-set .owl-theme .owl-controls .owl-buttons,
	.contents-hot .owl-theme .owl-controls .owl-buttons{
		right:6px;
	}
}

.contents-new .owl-theme .owl-controls .owl-buttons{
	display:none;
}

.contents-star .owl-theme .owl-controls .owl-buttons > div,
.contents-set .owl-theme .owl-controls .owl-buttons > div,
.contents-hot .owl-theme .owl-controls .owl-buttons > div{
	border-radius: 0;
	margin-left: 10px;
	position: relative;
	color: rgba(0,0,0,0);
	padding:0;
	background: #ccc;
}

.contents-new .button-wrap{
	margin:30px 0;
	text-align:center;
}


/*all*/
.owl-theme .owl-controls .owl-buttons > div.owl-prev:hover::before,
.owl-theme .owl-controls .owl-buttons > div.owl-next:hover::before{
	background: #999 !important;
	border-color:none !important;
	color:#fff !important;
}

#owl-img{
	position:relative;
	top:0;
}

#owl-img .owl-buttons{
	display:none;
}

#owl-img .item{
	padding:0;
	margin:0;
}

#owl-img .owl-controls span{
	border:none;
	background:#b3b3b3;
	margin:5px;
}

#owl-img .owl-controls .active span{
	background:#6077bf;
}

#owl-img .owl-controls .owl-pagination{
	position:absolute;
	bottom:8px;
	left:45px;
}

#owl-img .img-lg,
#owl-img .img-md,
#owl-img .img-sm,
#owl-img .img-xs{
	display:none;
}

@media(min-width:1200px){
	#owl-img .img-lg{
		display:block;
	}
}
@media(min-width:992px) and (max-width:1199px){
	#owl-img .img-md{
		display:block;
	}
}
@media(min-width:768px) and (max-width:991px){
	#owl-img .img-sm{
		display:block;
	}
}
@media(max-width:767px){
	#owl-img .img-xs{
		display:block;
	}
}


#owl-hot .item p{
    position: absolute;
    display: block;
    top: 30%;
    width: 100%;
    margin: 0;
    color: #fff;
	text-align:center;
	z-index:9;
    background: rgba(0,0,0,0.6);
    padding: 20px 0 10px;
}

#owl-hot .item p:before{
	content:"";
	display:block;
	width:60px;
	height:2px;
	margin:0 auto 10px;
	background:#fff;
}

@media(max-width:767px){
	#owl-hot .item p{
		top: 0;
		background:rgba(0,0,0,0.4);
		padding:10% 10px 10%;
		height:100%;
	}
}



/* ==============================================
Top Icon
=============================================== */
.top-info{
	position: absolute;
	top:20px;
	right:295px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all s.25s ease-in-out;
	z-index:999;
	/*background:#fff;*/
}

.toggled .top-info {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all s.25s ease-in-out;
    right: 75px;
    top: 20px;
    z-index: 999;
}
@media(min-width:992px) and (max-width:1199px){
	.top-info .nav > li > a{
		padding:19.5px 5px;
	}
}
@media(min-width:768px) and (max-width:991px){
	.top-info{
		top:4px;
		right:49px;
	}
	
	.toggled .top-info {
		top:4px;
		right: 49px;
	}
}

@media(max-width:991px){
	.top-info .login{
		display:none;
	}
}

@media(max-width:767px){
	.top-info{
		top:-8px;
		right:59px;
	}
	.toggled .top-info {
		top:-8px;
		right:59px;
	}
	.top-info ul > li{
		float:left;
	}
	.top-info ul > li a{
		padding:10px 8px;
	}
}


.top-info ul > li a:hover,
.top-info ul > li a:focus{
	background:none;
}

@media(min-width:768px){
	.top-info .search{
		display:none;
	}
}

.top-info .user-info ul{
	position:relative;
	top:0;
}
@media(max-width:767px){
	.top-info .user-info ul{
		top:6px;
	}
	.top-info .user-info .upload{
		/*top:-7px !important;*/
		display:none;
	}
}

.top-info .user-info .upload{
	position:relative;
	top:3px;
}

.top-info .user-info li{
	float:left;
}
.top-info .user-info li a{
	padding:17px 15px;
	display:block;
}

.top-info .user-info span{
	position:relative;
	top:2px;
	margin-left:3px;
	font-weight:bold;
}

.top-info .user-info .user-img{
	width:30px;
	height:30px;
    border-radius: 50%;
}

.top-info .user-info .logout{
	position:relative;
	top:3px;
}

@media(min-width:992px) and (max-width:1199px){
	.top-info .user-info{
		margin:0 10px;
	}
	.top-info .user-info .logout{
		margin-left:9px !important;
	}
	.top-info .user-info li a{
		padding:17px 5px;
	}
	.top-info .user-info .name{
		margin:0 5px;
	}
}
@media(max-width:991px){
	.top-info .login,
	.top-info .user-info .name{
		display:none !important;
	}
}
@media(min-width:768px) and (max-width:991px){
	.top-info .user-info .logout{
		margin-left:0 !important;
	}
}
@media(max-width:767px){
	.top-info .user-info{
		margin:0;
	}
	.top-info .user-info .logout{
		top:-17px !important;
		margin-left:0 !important;
		margin:10px 0;
	}
	.top-info .user-info li a{
		padding:10px 8px;
	}
}




/* ==============================================
Join
=============================================== */

body.member{
	background:#ebebeb;
}

#member-wrapper{
	margin:0 auto;
	padding:0;
	width:500px;
}

#member-wrapper .logo{
	margin:60px 0 40px;
	text-align:center;
}

#member-wrapper .cont{
	position:relative;
	padding:80px;
	background:#fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}

#member-wrapper .cont .caution{
	font-size:12px;
	color:#ff1111;
	font-weight:normal;
	letter-spacing:-1px;
}

#member-wrapper .cont .caution-txt{
	font-size:12px;
	color:#ff1111;
	font-weight:normal;
	letter-spacing:-1px;
	margin-top:10px;
}

#member-wrapper .cont .use{
	font-size:12px;
	color:#6077bf;
	font-weight:normal;
	letter-spacing:-1px;
}

#member-wrapper .cont .title{
	font-size:18px;
	font-weight:bold;
	background:#e0e0e0;
	padding:20px 15px;
	margin:0;
	text-align:center;
}

#member-wrapper .cont .form-group{
	margin-top:20px;
	margin-bottom:0;
}

#member-wrapper .cont .form-group.all{
	margin-top:10px;
}

#member-wrapper .cont .form-group .label-checkbox{
	cursor:pointer;
	display:block;
}

#member-wrapper .cont .form-group .checkbox{
	top:0;
    margin: 2px 7px 0 3px !important;
}

#member-wrapper .cont .form-group .txt{
	font-size:14px;
	font-weight:bold;
}

#member-wrapper .cont .agree-box{
    font-size: 12px;
	color:#999;
    text-align: left;
    overflow: auto;
    height: 160px;
    padding: 20px;
    border: 2px solid #e6e6e6;
    background: #fff;
}

#member-wrapper .cont .btn-box{
	display:block;
	text-align:center;
	margin-top:40px;
}


#member-wrapper .cont button.pre{
	position:absolute;
	top:0;
	left:0;
	padding:12px 15px 11px !important;
    font-size: 16px;
	border:none;
	outline:none;
	background:none;
}

#member-wrapper .cont button.pre:hover,
#member-wrapper .cont button.pre:focus,
#member-wrapper .cont button.close:hover,
#member-wrapper .cont button.close:focus{
	background:#ccc;
}

#member-wrapper .copy{
	margin:50px 0;
	text-align:center;
	font-size:14px;
	color:#b2b2b2;
}

#member-wrapper .cont-info{
	min-height:470px;
}

@media(min-width:768px){
	#member-wrapper .cont button.pre{
		display:none;
	}
}

@media(max-width:767px){
	body.member{
		background:#fff;
	}
	#member-wrapper{
		width:100%
	}

	#member-wrapper .cont{
		padding:0;
		-webkit-box-shadow:none;
		box-shadow: none;
	}
	
	#member-wrapper .cont-info{
		padding:0 10px;
		margin-top:40px;
		min-height:inherit;
	}
	
	#member-wrapper .logo{
		display:none;
	}
	
	#member-wrapper .cont .title{
		padding:13px 15px;
	}
	
	#member-wrapper .copy{
		display:none;
	}
	
	#member-wrapper .cont .btn-box{
		margin:40px 0;
	}
}

#member-wrapper .cont .item-txt{
	color:#000;
	font-size:14px;
	font-weight:bold;
	margin:15px 0 7px;
}

#member-wrapper .cont .cont-info.step-2{
	position:relative;
}

#member-wrapper .cont .cont-info.step-2 .form-group,
#member-wrapper .cont .cont-info.pw .form-group{
	margin-top:0;
}

#member-wrapper .cont .cont-info.step-2 .input-group .form-control{
	width:96%;
}

#member-wrapper .cont .cont-info.step-2 .check{
	margin:5px 0 0;
	text-align:right;
}

#member-wrapper .cont .cont-info.step-2 .txt{
	font-size:11px;
	color:#888;
}

#member-wrapper .cont .cont-info.step-2 #firstName{
	margin-top:5px;
}

#member-wrapper .cont .cont-info.step-2 #profile{
	border-left:none;
}

@media(max-width:480px){
	#member-wrapper .cont .cont-info.step-2 .input-group .btn{
		padding:10px 15px;
	}
}

#member-wrapper .cont .caution.top,
#member-wrapper .cont .use.top{
	position:absolute;
	top:2px;
	right:0;
	margin:0;
}

#member-wrapper .cont .caution.bottom{
	position:relative;
	top:15px;
	margin:0;
	text-align:center;
}

#mail-modal .modal-body{
	padding:0 50px 40px;
}

#mail-modal .txt-1,
#new-pw-modal .txt-1,
#complete-modal .txt-1{
	font-size:14px;
	font-weight:bold;
}

#mail-modal .txt-2{
	font-size:12px;
	color:#808080;
}

#mail-modal .btn-box{
	display:block;
	text-align:center;
	margin-top:40px;
}

#new-pw-modal .btn-box,
#complete-modal .btn-box{
	display:block;
	text-align:center;
	margin:40px 0 25px;
}

#member-wrapper .cont .overtime{
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-top:60px;
}



/* ==============================================
Default Page Set
=============================================== */
.contents-wrap{
	position:relative;
}
.contents-wrap > .title{
	font-size:18px;
	font-weight:bold;
	background:#e0e0e0;
	padding:22px 0 0 40px;
	height:60px;
	margin:0;
}

.contents-wrap > button.pre{
	position:absolute;
	top:0;
	left:0;
	padding:12px 15px 11px !important;
    font-size: 16px;
	border:none;
	outline:none;
	background:none;
}

.contents-wrap > button.pre:hover,
.contents-wrap > button.pre:focus,
.contents-wrap > button.close:hover,
.contents-wrap > button.close:focus{
	background:#ccc;
}

@media(min-width:768px){
	.contents-wrap > button.pre{
		display:none;
	}
}

.contents-wrap .content{
	min-height:500px;
	margin:40px 40px 80px;
}

.contents-wrap .content.owl-wrap{
	min-height:500px;
	margin:80px 0;
}

@media(min-width:768px) and (max-width:1199px){
	.contents-wrap > .title{
		padding:22px 0 0 20px;
	}

	.contents-wrap .content{
		margin:40px 20px;
	}
	
	.contents-wrap .content.owl-wrap{
		margin:60px 0;
	}
}

@media(max-width:767px){
	.contents-wrap > .title{
		padding:14px 10px 13px;
		text-align:center;
		height:auto;
		text-overflow:ellipsis;
		overflow:hidden;
		white-space:nowrap;
	}

	.contents-wrap .content{
		margin:20px 10px;
	}
	
	.contents-wrap .content.owl-wrap{
		margin:50px 0;
	}
}


.profile-info .con-wrap{
	display:table;
	width:100%;
	margin-top:40px;
}

.profile-info .con-wrap:first-child{
	margin-top:0;
}

.profile-info .con-title{
	display:table-cell;
	width:150px;
	font-size:18px;
	font-weight:bold;
	color:#000;
	vertical-align:top;
	padding-top:8px;
}

.profile-info .img-info{
	display:table-cell;
}

.profile-info .img-info img{
	display:inline-block;
	border:1px solid #e6e6e6;
}
.profile-info .img-info .button-wrap{
	display:inline-block;
	vertical-align:top;
	margin-left:7px;
}

.profile-info .img-info .button-wrap .btn{
	display:block;
	padding:10px 15px;
	width:80px;
	margin-top:10px;
}

.profile-info .img-info .button-wrap .btn:first-child{
	margin-top:0;
}

.profile-info .img-info .txt{
	font-size:11px;
	color:#888;
}

.profile-info .con-wrap .name{
	padding:8px 0;
}

.profile-info .con-wrap .stitle{
	margin:10px 0 0;
}

.profile-info .con-wrap .stitle2{
	margin:0;
}

.profile-info .con-wrap .caution{
	font-size:12px;
	color:#ff1111;
	font-weight:normal;
	margin:-5px 0 0;
}

@media(max-width:767px){
	.profile-info .con-wrap{
		background:#fff;
		margin:10px;
		padding:10px;
		border:1px solid #ddd;
	}
	.profile-info .con-wrap:last-child{
		background:none;
		border:none;
	}
	
	.profile-info .con-wrap:last-child .con-title{
		border:none;
		padding:0;
		margin:0;
	}
	
	.profile-info .con-wrap .btn-box{
		margin-top:5px;
		text-align:center;
	}
	.profile-info .con-title{
		font-size:16px;
		color:#666;
		padding-top:0;
	}
}

.profile-info .con-wrap .input-group-sm{
	display:inline-block;
	margin:0;
}

.profile-info .con-wrap .input-group{
	display:inline-block;
}

.profile-info .con-wrap .input-group.mg{
	margin-top:6px;
}

.profile-info .con-wrap .input-group .btn{
	padding:10px 15px;
}

.profile-info .con-wrap .input-group input{
	width:250px;
	color:#6077bf;
}

.profile-info .con-wrap .input-group .input-group-btn{
	padding-left:10px;
}

.profile-info .con-wrap > .txt{
	font-size:12px;
	color:#6077bf;
	margin:10px 0;
	line-height:16px;
}

.profile-info .con-wrap .form-group{
	position:relative;
	top:0;
	display:inline-block;
	margin:0;
}

.profile-info .con-wrap .form-group label{
	margin:0;
}

.profile-info .con-wrap .form-group .txt{
	font-size:12px;
	color:#808080;	
}

.profile-info .con-wrap .form-group .label-checkbox {
    cursor: pointer;
    display: block;
}

.profile-info .con-wrap .form-group .checkbox {
    top: 0;
    margin: 2px 7px 0 3px !important;
}

.profile-info .con-wrap .input-group .modify{
	display:inline-block;
	margin-left:10px;
}

.profile-info .con-wrap .input-group .modify .txt{
	font-size:12px;
	color:#ff6600;
	margin:5px 0;
}

.profile-info .con-wrap .input-group .input-group-btn.btn-modify .btn{
	margin-right:10px;
}
.profile-info .con-wrap .input-group .input-group-btn.btn-modify .btn:last-child{
	margin-right:0;
}

.profile-info .con-wrap .button-wrap{
	margin:0 !important;
	text-align:left !important;
}

@media(max-width:991px){
	.profile-info .con-wrap .input-group .modify{
		display:block;
		margin:50px 0 0 0;
	}

	.profile-info .con-wrap .input-group .modify .form-control{
		margin-left:0;
	}
}

@media(max-width:767px){
	.profile-info .con-title,
	.profile-info .img-info{
		display:block;
	}
	
	.profile-info .con-title{
		border-bottom: 1px solid #ecf0f1;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.profile-info .con-wrap .input-group{
		display:table;
	}
	
	.profile-info .con-wrap .input-group input{
		width:100%;
	}
	
	.profile-info .con-wrap .input-group .modify .input-group-btn{
		padding:10px 0 0 0;
	}
}
	


/* ==============================================
Search Page
=============================================== */

.contents-wrap > .search-tabs-title{
	font-size:18px;
	font-weight:bold;
	background:#e0e0e0;
	padding:10px 0 0 45px;
	height:60px;
}

@media(max-width:991px){
	.contents-wrap > .search-tabs-title{
		padding:10px 0 0 20px;
	}
}

.contents-wrap > .search-tabs-title .result{
	display:inline-block;
	width:206px;
	position:relative;
	top:-20px;
}

.contents-wrap > .search-tabs-title .result .txt{
	font-size:12px;
	margin-right:10px;
}

.contents-wrap > .search-tabs-title .result .num,
.contents-wrap > .search-tabs-title .result .num-txt{
	font-size:16px;
	color:#6077bf;	
}

.contents-wrap > .search-tabs-title .nav-pills{
	display:inline-block;
}

.contents-wrap > .search-tabs-title .nav-pills > li > a {
	border-radius: 0;
	width:196px;
	padding:14px 25px 13px;
	background:#ccc;
	color:#808080;
}

@media(min-width:768px) and (max-width:991px){
	.contents-wrap > .search-tabs-title .nav-pills > li.active > a,
	.contents-wrap > .search-tabs-title .nav-pills > li.active > a:hover,
	.contents-wrap > .search-tabs-title .nav-pills > li.active > a:focus{
		width:120px !important;
	}
	
	.contents-wrap > .search-tabs-title .nav-pills > li > a{
		width:120px;
	}
}

@media(max-width:767px){
	.contents-wrap > .search-tabs-title{
		padding:10px 0 0 10px;
	}
	.contents-wrap > .search-tabs-title .nav-pills > li + li{
		margin-left:10px !important;
	}
	.contents-wrap > .search-tabs-title .nav-pills > li.active > a,
	.contents-wrap > .search-tabs-title .nav-pills > li.active > a:hover,
	.contents-wrap > .search-tabs-title .nav-pills > li.active > a:focus{
		width:90px !important;
	}
	
	.contents-wrap > .search-tabs-title .nav-pills > li > a{
		width:90px;
		padding:14px 15px 13px;
	}	
}

@media(min-width:541px) and (max-width:767px){
	.contents-wrap > .search-tabs-title .nav-pills > li + li{
		margin-left:10px !important;
	}
}

@media(max-width:540px){
	.contents-wrap > .search-tabs-title .result{
		top:-5px;
	}
	
	.contents-wrap > .search-tabs-title{
		height:85px;
	}
	
	.contents-wrap > .search-tabs-title .nav-pills{
		display:block;
	}
}

.contents-wrap > .search-tabs-title .nav-pills > li + li {
	margin-left: 20px;
}
.contents-wrap > .search-tabs-title .nav-pills > li.active > a,
.contents-wrap > .search-tabs-title .nav-pills > li.active > a:hover,
.contents-wrap > .search-tabs-title .nav-pills > li.active > a:focus {
	color: #6077bf;
	background-color: #fff;
	width:196px;
}

.contents-wrap > .search-tabs-title .nav-pills > li > a:hover,
.contents-wrap > .search-tabs-title .nav-pills > li > a:focus {
	text-decoration: none;
	background-color: #6077bf;
	color:#fff;
}


.contents-wrap > .content .tab-content .con-top-sort{
	position:relative;
	z-index:9;
	margin:0 30px;
}

.contents-wrap > .content .tab-content .con-top-sort .col-xs-6,
.contents-wrap > .content .tab-content .con-top-sort .col-xs-12{
	min-height:50px;
}

@media(min-width:992px) and (max-width:1199px){
	.contents-wrap > .content .tab-content .con-top-sort{
		margin:0 25px;
	}
}

@media(min-width:768px) and (max-width:991px){
	.contents-wrap > .content .tab-content .con-top-sort{
		margin:0 5px;
	}
}

@media(max-width:767px){
	.contents-wrap > .content .tab-content .con-top-sort{
		margin:0;
	}
}


.contents-wrap > .content .tab-content .con-top-sort .con-sum-txt{
	position:relative;
	top:9px;
}

.contents-wrap > .content .tab-content .con-top-sort .con-sum-txt > .txt{
	font-size:18px;
	font-weight:bold;
}

.contents-wrap > .content .tab-content .con-top-sort .con-sum-txt > .num{
	font-size:16px;
	font-weight:bold;
	color:#6077bf;
}

.contents-wrap > .content .tab-content .con-top-sort .sort-menu{
	float:right;
}



/*----------------------------Drop Down Menu----------------------------------*/
.contents-wrap > .content .tab-content .dropdown > a{
	border:2px solid #000;
	padding:10px 12px;
	background:#fff;
	font-size:12px;
	color:#000;
}

.contents-wrap > .content .tab-content .dropdown .sort-txt{
	margin-right:40px;
	position:absolute;
	left:12px;
}

.contents-wrap > .content .tab-content .dropdown .dropdown-toggle{
	width:120px;
	height:40px;
}

.contents-wrap > .content .tab-content .dropdown  .caret{
	position:absolute;
	top:13px;
	right:20px;
	border:none;
}

.contents-wrap > .content .tab-content .dropdown .dropdown-menu{
	min-width:115px;
	border:none;
	border-radius:0;
	background:#e6e6e6;
    -webkit-box-shadow: none;
    box-shadow: none;
	padding:0;
	right:0;
}

.contents-wrap > .content .tab-content .dropdown .dropdown-menu > li > a{
	padding:10px 10px;
	color:#000;
}

.contents-wrap > .content .tab-content .dropdown .dropdown-menu > li{
	border-bottom:1px solid #d6d6d6;
}

.contents-wrap > .content .tab-content .dropdown .dropdown-menu > li:last-child{
	border-bottom:none;
}

.contents-wrap > .content .tab-content .dropdown .dropdown-menu > li > a:hover,
.contents-wrap > .content .tab-content .dropdown .dropdown-menu > li > a:focus{
	background:#6077bf;
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
}

.contents-wrap > .content .tab-content .dropdown .dropdown-menu a{
	font-size:12px
}



/* ==============================================
Search - Owl
=============================================== */
.search-contents-wrap{
	margin-top:50px;
}

.search-contents-wrap:first-child{
	margin-top:0;
}

.contents{
	clear:both;
	position:relative;
	margin:0 30px;
}

.contents .button-wrap {
    margin: 30px 0;
    text-align: center;
}

.contents .owl-controls{
	display:none !important;
}

@media(max-width:991px){
	.contents{
		margin:0 10px;
	}

	.contents-search-wrap{
		margin:0 10px;
	}
}



.contents-wrap > .content .tab-content .search-channel-wrap{
	margin-top:80px;
}

.contents-wrap > .content .tab-content .result-no-txt{
	font-size:16px;
	font-weight:bold;
	color:#ccc;
	padding-left:15px;
	min-height:250px;
}

.contents-wrap > .content .tab-content .result-word-no-txt{
	font-size:16px;
	font-weight:bold;
	color:#000;
	min-height:250px;
	margin:0 30px;
	padding:0 10px;
}
.contents-wrap > .content .tab-content .result-word-no-txt .word{
	color:#6077bf;
}
.contents-wrap > .content .tab-content .result-word-no-txt p{
	font-size:12px;
	color:#999;
	line-height:18px;
}

@media(max-width:991px){
	.contents-wrap > .content .tab-content .result-word-no-txt{
		margin:0 15px;
		padding:0;
	}
}

@media(max-width:767px){
	.contents-wrap > .content .tab-content .result-no-txt{
		min-height:200px;
	}
}





/* ==============================================
Detail Page
=============================================== */

.detail-wrap{
	float:left;
	width:100%;
	margin-bottom:80px;
}

.detail-wrap > .col-lg-3,
.detail-wrap > .col-lg-5,
.detail-wrap > .col-md-4,
.detail-wrap > .col-md-5,
.detail-wrap > .col-sm-12{
	padding-left:0;
	padding-right:0;
}

@media(max-width:767px){
	.detail-wrap{
		float:left;
		width:100%;
		margin-bottom:40px;
	}
	.content.detail{
		margin:40px 0;
		padding:0;
	}
	.detail-info-wrap.col-sm-12{
		padding-left:0;
		padding-right:0;
	}
	
	.sp-fade-arrows{
		opacity:1 !important;
	}
}



.detail-wrap .detail_cont{
	position:relative;
	margin:0 0 40px;
	display:table;
}

.detail-wrap .detail_cont .modify-btn-box{
	display:block;
	text-align:center;
	margin-bottom:20px;
}

.detail-wrap .detail_cont .headline-title .edit-btn{
	display:none;
}

.detail-wrap .detail_cont .headline-title .title{
	display:inline-block;
	padding:5px 0;
}


/*-------------------------------2차 고도화 기능---------------------------*/
/*.detail-wrap .detail_cont .headline-title:hover .title{
	background:#f1f1f1;
}

.detail-wrap .detail_cont .headline-title:hover .edit-btn{
	display:inline;
}*/


.detail-wrap .detail_cont h4{
	font-size:18px;
	font-weight:bold;
	color:#000;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin:2px 0;
}

.detail-wrap .detail_cont .col-sm-6,
.detail-wrap .detail_cont .col-sm-12,
.detail-wrap .detail_cont .col-xs-12{
	padding:0;
}

.detail-wrap .detail_cont .icon{
	text-align:right;
}

.detail-wrap .detail_cont .icon ul{
	padding-top:57px;
}

@media(max-width:767px){
	.detail-wrap .detail_cont{
		padding:0 10px;
		width:100%;
	}
	.detail-wrap .detail_cont .icon{
		padding-top:5px;
	}
	
	.detail-wrap .detail_cont .icon ul{
		background:#f2f2f2;
		padding-top:0;
		padding-right:10px;
	}
	
}

.detail-wrap .detail_cont .icon li{
	display:inline;
	font-size:12px;
	color:#999;
	margin-left:15px;
}
.detail-wrap .detail_cont .icon li a{
	color:#999;
}
.detail-wrap .detail_cont .icon li a:hover,
.detail-wrap .detail_cont .icon li a:focus{
	color:#6077bf;
}
.detail-wrap .detail_cont .icon li:first-child{
	margin-left:0;
}
.detail-wrap .detail_cont .icon.pull-right{
	width:70%;
	text-align:right;
}
.detail-wrap .detail_cont .icon.pull-right .heart.active i{
	color:#6077bf;
}



.detail-wrap .detail_cont .user-info{
	margin-top:20px;
}
.detail-wrap .detail_cont .user-info .pic{
	/*display:inline-block;*/
	float:left;
}

.detail-wrap .detail_cont .user-info .pic img{
	width:60px;
	height:60px;
}

.detail-wrap .detail_cont .user-info .info{
	/*display:inline-block;*/
	float:left;
	position:relative;
	top:0;
	left:5px;
}

.detail-wrap .detail_cont .user-info .info .btn{
	float:left;
}

.detail-wrap .detail_cont .user-info .info .name{
	font-size:14px;
	font-weight:bold;
	color:#333;
	margin:6px 0;
}

.detail-wrap .detail_cont .user-info .info .total{
    /*display: inline-block;*/
	float:left;
    margin: 0;
    border: 1px solid #ccc;
    background: #fafafa;
    position: relative;
    left: -4px;
    top: 0;
    padding: 0 5px;
    font-size: 12px;
    border-left: none;
}


.detail-wrap .detail_cont .user-info .info button span{
	font-size:12px;
}

.detail-wrap .detail_cont .user-info .info button:hover .view{
	display:none;
}

.detail-wrap .detail_cont .user-info .info button:hover .cancle{
	display:inline;
}

.detail-wrap .detail_cont .user-info .info button .cancle{
	display:none;
}

.detail-wrap .detail_cont .headline-title-form .btn{
	margin-left:5px;
}

@media(max-width:767px){
	.detail-wrap .detail_cont .headline-title-form .btn{
		padding:10px;
	}
}


.detail-wrap .detail_cont .button-wrap{
	float:left;
	width:100%;
	padding:10px 0;
}

.detail-wrap .detail_cont .button-wrap .btn-group{
	float:left;
	width:56%;
    text-align: center;
}

@media(max-width:991px){
	.detail-wrap .detail_cont .button-wrap .btn-group{
		width:100%;
	}
	.detail-wrap .detail_cont .button-wrap .sns-copy {
		width: 100%;
		margin-top: 10px;
		padding-top: 5px;
		padding-left: 12px;
		border-top: 1px solid #e6e6e6;
	}
}

.detail-wrap .detail_cont .button-wrap .btn-group .btn{
	margin-left:10px;
}

@media(max-width:390px){
	.detail-wrap .detail_cont .button-wrap .btn-group .btn{
		padding:10px 15px;
	}
}

.detail-wrap .detail_cont .button-wrap .btn-group .btn:first-child{
	margin-left:0;
}

.detail-wrap .detail_cont .button-wrap .btn-group .over-info{
	position:absolute;
	top:0;
	right:5px;
	background:#ccc;
	padding:0 5px;
}

.detail-wrap .detail_cont .button-wrap .sns-copy{
	float:right;
	/*width:90px;*/
}

.detail-wrap .detail_cont .button-wrap .sns-copy ul{
	margin-top:10px;
	text-align:right;
}

.detail-wrap .detail_cont .button-wrap .sns-copy li{
	display:inline-block;
	font-size:18px;
	color:#444;
}

.detail-wrap .detail_cont .button-wrap .sns-copy li a:hover,
.detail-wrap .detail_cont .button-wrap .sns-copy li a:focus{
	color:#6077bf;
}

.detail-wrap .detail_cont .button-wrap .sns-copy li a:focus,
.detail-wrap .detail_cont .button-wrap .sns-copy li a:active{
	border:2px solid #6077bf;
	margin:-2px;
}

.detail-wrap .detail_cont .button-wrap .sns-copy li span{
	position:relative;
	top:-1px;
	font-size:14px;
	padding-right:10px;
}

.detail-wrap .detail_cont .button-wrap .sns-copy li a{
    padding: 8px 11px;
	color:#444;
}

.detail-wrap .detail_cont .button-wrap .sns-copy .view-num{
	margin:0;
	padding:7px 0;
}

.detail-wrap .detail_cont .button-wrap .col-sm-6,
.detail-wrap .detail_cont .button-wrap .col-xs-6,
.detail-wrap .detail_cont .button-wrap .col-sm-12,
.detail-wrap .detail_cont .button-wrap .col-xs-12{
	padding:0 5px;
}

.detail-wrap .detail_cont .button-wrap .share-sns,
.detail-wrap .detail_cont .button-wrap .share,
.detail-wrap .detail_cont .button-wrap .report{
	float: left;
	display:table;
	border-top: 1px solid rgb(230, 230, 230);
	margin-top: 10px;
	width: 100%;
	padding-top: 10px;
}

.detail-wrap .detail_cont .button-wrap .share-sns li{
	display:inline;
	margin-right:7px;
	padding:21px 0 23px;
}

.detail-wrap .detail_cont .button-wrap .share-sns li:last-child{
	margin-right:0;
}

.detail-wrap .detail_cont .button-wrap .share-sns li a img:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.detail-wrap .detail_cont .button-wrap .share-sns li:hover{
	background:#000;
}

.detail-wrap .detail_cont .button-wrap .share .input-group .title{
	display:table-cell; 
	width:2%; 
	font-size:14px;
	padding:6px 50px 6px 0;
	line-height:1;
	vertical-align:middle;
}

.detail-wrap .detail_cont .button-wrap .share .input-group input{
	color:#6077bf;
}

.detail-wrap .detail_cont .button-wrap .share .input-group .btn{
	margin-left:10px;
}

.detail-wrap .detail_cont .button-wrap .share .source{
	margin-top:10px;
}

.detail-wrap .detail_cont .button-wrap .share .caution{
	font-size:12px;
	color:#6077bf;
	font-weight:normal;
	margin:5px 0 0 105px;
}

.detail-wrap .detail_cont .button-wrap .share .caution li:before{
	content:"•";
	font-family:Fontawesome;
	padding-right:5px;
}

.detail-wrap .detail_cont .button-wrap .report .col-sm-3,
.detail-wrap .detail_cont .button-wrap .report .col-sm-9,
.detail-wrap .detail_cont .button-wrap .report .col-xs-3,
.detail-wrap .detail_cont .button-wrap .report .col-xs-9,
.detail-wrap .detail_cont .button-wrap .report .col-xs-12{
	padding:0;
}

.detail-wrap .detail_cont .button-wrap .report .col-sm-4{
	padding:0 5px;
}

.detail-wrap .detail_cont .button-wrap .report .title{
	float:left;
    padding: 6px 50px 6px 0;
    line-height: 1;
}

.detail-wrap .detail_cont .button-wrap .report .report-con{
	display:table-cell;
	font-size:12px;
	color:#808080;
}

.detail-wrap .detail_cont .button-wrap .report .report-con ul{
	margin-top:10px;
}

.detail-wrap .detail_cont .button-wrap .report .report-con li{
	display:inline;
	width:33.33333333%;
	float:left;
}

.detail-wrap .detail_cont .button-wrap .report .report-con .txt{
	position:relative;
	top:-3px;
}

.detail-wrap .detail_cont .button-wrap .report .report-con .caution{
	clear:both;
}

#report-modal .modal-body,
#report-confirm-modal .modal-body{
	padding:0 50px 40px;
}

#report-modal .txt-1,
#report-confirm-modal .txt-1{
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#report-modal .txt-2,
#report-confirm-modal .txt-2{
	font-size:12px;
	color:#808080;
	text-align:center;
}

#report-modal .btn-box,
#report-confirm-modal .btn-box{
	display:block;
	text-align:center;
	margin-top:40px;
}

#report-modal .btn-box .btn,
#report-confirm-modal .btn-box .btn{
	padding:10px 25px;
	margin-left:5px;
}

#report-modal .btn-box .btn:first-child,
#report-confirm-modal .btn-box .btn:first-child{
	margin-left:0
}

@media(min-width:992px) and (max-width:1320px), (max-width:580px) {
	.detail-wrap .detail_cont .button-wrap .report .report-con li{
		width:100%;
	}
}

@media(min-width:840px) and (max-width:992px){
	.detail-wrap .detail_cont .button-wrap .report .report-con li{
		width:33.33333333%;
	}
}

.detail-wrap .detail_cont .button-wrap .report .report-con li .radio{
	margin:0 5px 0 0 !important;
}

.detail-wrap .detail_cont .button-wrap .report .report-con .caution{
	color:#6077bf;
}

.detail-wrap .detail_cont .button-wrap .report .report-con .button{
	text-align:right;
	margin:0;
}

.detail-wrap .detail_cont .button-wrap .report .btn{
	padding:10px 15px;
}

.detail-wrap .detail-cont-txt .txt-wrap{
	float:left;
	width:100%;
	margin-top:15px;
	padding-bottom:15px;
}

.detail-wrap .detail-cont-txt .txt-wrap .title-group{
	float:left;
	font-size:12px;
	color:#808080;
    padding: 6px 50px 6px 0;
    line-height: 1;
}

.detail-wrap .detail-cont-txt .txt-wrap .cont-group{
	display:table-cell;
	font-size:12px;
	color:#808080;
}

/*.detail-wrap .detail-cont-txt .txt-wrap .txt-group,
.detail-wrap .detail-cont-txt .txt-wrap .tag-group{
	display:table-row;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group .title-cell,
.detail-wrap .detail-cont-txt .txt-wrap .txt-group .cont-cell,
.detail-wrap .detail-cont-txt .txt-wrap .tag-group .tag-title-cell,
.detail-wrap .detail-cont-txt .txt-wrap .tag-group .tag-cont-cell{
	display:table-cell;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group .title-cell,
.detail-wrap .detail-cont-txt .txt-wrap .tag-group .tag-title-cell{
	width:100px;
	font-size:12px;
	font-weight:bold;
	color:#808080;
	letter-spacing:-1px;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group .title-cell li{
	margin:15px 0;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group .title-cell li:first-child,
.detail-wrap .detail-cont-txt .txt-wrap .txt-group .cont-cell li:first-child{
	margin-top:0;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group .cont-cell,
.detail-wrap .detail-cont-txt .txt-wrap .tag-group .tag-cont-cell{
	font-size:12px;
	color:#808080;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group .cont-cell li{
	margin:15px 0;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group .cont-cell .cont{
	line-height:18px;
	margin-top:18px;
}

.detail-wrap .detail-cont-txt .txt-wrap .tag-group .tag-cont-cell{
	color:#6077bf;
}*/

.detail-wrap .detail-cont-txt .txt-wrap .txt-group{
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	margin-top:20px;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group li{
	margin: 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e6e6e6;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group li:last-child{
    border-bottom: none;
	padding-bottom:0;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group li p{
	display:inline-block;
	width:100%;
	font-size:12px;
	margin:0;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group li p.title{
	float:left;
	width:100px;
	font-weight:bold;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group .tag-cont{
    color: #6077bf;
}

.detail-wrap .detail-cont-txt .txt-wrap .txt-group li p:nth-child(2){
	margin-left:-100px;
	padding-left:100px;
}

@media(min-width:992px){
	.detail-wrap .detail-cont-txt .txt-wrap .txt-group .cont-txt{
		display:block;
		max-height:140px;
		overflow:auto;
		padding-right:10px;
		line-height:21px;
	}
}

@media(min-width:992px) and (max-width:1199px), (max-width:768px){
	.detail-wrap .detail_cont .button-wrap .share .input-group .title{
		display: table-header-group;
		padding-bottom:10px;
		line-height:26px;
	}

	.detail-wrap .detail_cont .button-wrap .share{
		margin-bottom:10px;
	}
	
	.detail-wrap .detail_cont .button-wrap .share .caution{
		margin:5px 0 0 0;
	}
}

@media(min-width:992px) and (max-width:1560px){
	.detail-wrap .detail_cont .button-wrap .share-sns li{
		margin-right:2px;
	}
}

@media(max-width:1560px){
	.detail-wrap .detail_cont .button-wrap{
		border-top:none;
		margin-top:0;
	}
}

@media(min-width:768px) and (max-width:991px){
	.detail-wrap .detail_cont .button-wrap{
		padding:0 15px;
	}
}

@media(max-width:991px){
	.detail-wrap .detail_cont .button-wrap .btn-group .btn{
		margin-top:10px;
	}
	
	.detail-wrap .detail_cont .button-wrap .btn-group .over-info{
		top:10px;
	}
}

@media(max-width:767px){
	.detail-wrap .detail_cont .button-wrap .share .caution{
		margin:5px 0 0 0;
	}
	.detail-wrap .detail_cont .button-wrap{
		padding:0 5px;
	}
}

@media(max-width:480px){
	.detail-wrap .detail_cont .button-wrap .share-sns li{
		margin-right:2px;
	}
	.detail-wrap .detail_cont .button-wrap .share-sns li img{
		width:52px;
		height:52px;
	}		
}




/* ==============================================
Detail Page - comment
=============================================== */

.detail-wrap .comment-wrap{
	clear:both;
}

.notice-view .comment-wrap{
	clear:both;
	margin-top:50px;
}

.detail-wrap .comment-wrap .comment-title,
.notice-view .comment-wrap .comment-title{
	font-size:18px;
	font-weight:bold;
}

.detail-wrap .comment-wrap .comment-title .total,
.notice-view .comment-wrap .comment-title .total{
	font-size:16px;
	color:#6077bf;
}

.detail-wrap .comment-wrap .comment-cont,
.notice-view .comment-wrap .comment-cont{
  margin: 15px 0;
}

.detail-wrap .comment-wrap .comment-cont .input-group,
.notice-view .comment-wrap .comment-cont .input-group{
	border:2px solid #e6e6e6;
	padding:3px;
}

.detail-wrap .comment-wrap .comment-cont .input-group .login-user,
.notice-view .comment-wrap .comment-cont .input-group .login-user{
	display:table-cell;
	width:30px;
	vertical-align:top;
}

.detail-wrap .comment-wrap .comment-cont .input-group .login-user img,
.notice-view .comment-wrap .comment-cont .input-group .login-user img{
	width:30px;
	height:30px;
}

.detail-wrap .comment-wrap .comment-cont .input-group .form-control,
.notice-view .comment-wrap .comment-cont .input-group .form-control{
	height:30px;
	border:none;
}

.detail-wrap .comment-wrap .comment-cont .input-group-addon,
.notice-view .comment-wrap .comment-cont .input-group-addon{
	padding:0 10px;
	background:none;
	border:none;
	border-radius:0;
}

.detail-wrap .comment-wrap .comment-cont .input-group-addon a,
.notice-view .comment-wrap .comment-cont .input-group-addon a{
  font-size:12px;
  color: #808080;
}
.detail-wrap .comment-wrap .comment-cont .input-group-addon a:hover,
.detail-wrap .comment-wrap .comment-cont .input-group-addon a:focus,
.notice-view .comment-wrap .comment-cont .input-group-addon a:hover,
.notice-view .comment-wrap .comment-cont .input-group-addon a:focus{
  color: #6077bf;
}

.detail-wrap .comment-wrap .comment-cont .comments-list,
.notice-view .comment-wrap .comment-cont .comments-list{
  padding: 0;
  margin-top: 40px;
}
.detail-wrap .comment-wrap .comment-cont .comments-list .comment,
.notice-view .comment-wrap .comment-cont .comments-list .comment{
  display: block;
  width: 100%;
  margin: 25px 0;
  position:relative;
}
.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comments-list,
.notice-view .comment-wrap .comment-cont .comments-list .comment .comments-list{
  padding: 0;
  margin-top: 20px;
}
.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comments-list .comment,
.notice-view .comment-wrap .comment-cont .comments-list .comment .comments-list .comment{
  display: block;
  width: 100%;
  margin: 15px 0;
  padding-left:20px;
  background:url(../images/common/ico_reply_arrow.png) no-repeat 0 1px;
}

.detail-wrap .comment-wrap .comment-cont .comments-list .comment .avatar,
.notice-view .comment-wrap .comment-cont .comments-list .comment .avatar{
  width: 30px;
  height: 30px;
}
.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-heading,
.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-heading{
  display: block;
  width: 100%;
  line-height:1px;
}
.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-heading .user,
.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-heading .user{
  font-size: 12px;
  font-weight: bold;
  color:#808080;
  display: inline;
  margin-top: 0;
  margin-right: 10px;
}
.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-heading .time,
.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-heading .time{
  font-size: 12px;
  color: #aaa;
  margin-top: 0;
  display: inline;
}
.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-body,
.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-body{
  margin-left: 40px;
  width:84%;
}

.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-body p,
.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-body p{
  margin:5px 0;
  font-size:12px;
  line-height:16px;
}

.detail-wrap .comment-wrap .comment-cont .comments-list .comment > .comments-list,
.notice-view .comment-wrap .comment-cont .comments-list .comment > .comments-list{
  margin-left: 20px;
}

.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-btn,
.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-btn{
	position:absolute;
	top:0;
	right:0;
	margin:0;
}

.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-del,
.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-del{
	font-size:12px;
	color:#999;
}

.detail-wrap .comment-wrap .comment-cont .button-wrap{
    margin: 30px 0;
    text-align: center;
}

.notice-view .comment-wrap .comment-cont .button-wrap{
    margin: 10px 0 30px;
    text-align: center;
}

@media(min-width:992px) and (max-width:1199px){
	.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-body,
	.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-body{
	  width:80%;
	}
}

@media(min-width:768px) and (max-width:991px){
	.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-body,
	.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-body{
	  width:86%;
	}
}

@media(max-width:767px){
	.detail-wrap .comment-wrap,
	.notice-view .comment-wrap{
		padding:0 10px;
	}
}

@media(max-width:480px){
	.detail-wrap .comment-wrap .comment-cont .comments-list .comment .comment-body,
	.notice-view .comment-wrap .comment-cont .comments-list .comment .comment-body{
	  width:70%;
	}
}



/* ==============================================
Contents-more
=============================================== */

.more-contents{
	overflow:hidden;
}

.recommend-contents-wrap .button-wrap{
	margin:30px 0;
	text-align:center;
}

.more-contents .col-cont-n{
	position:relative;
	min-height:1px;
	padding:0;
	float:left;
}

.recommend-contents-wrap > .cont-title{
	margin:0 0 18px 10px;
}

@media(min-width:992px){
	.detail-cont-txt.col-lg-offset-1,
	.detail-cont-txt.col-md-offset-1{
		margin-left:15px;
	}
}

@media(max-width:991px){
	.recommend-contents-wrap{
		margin-top:50px;
	}
}

@media(max-width:767px){
	.recommend-contents-wrap{
		padding:0 5px !important;
	}
}


/*--------------------------------Contents More---------------------------------*/
@media(min-width:1817px){
	.more-contents .col-cont-n{
		width:12.5%;
	}
	.more-contents .col-cont-n:nth-child(n+9){
		margin-top:40px;
	}
}

@media(min-width:1517px) and (max-width:1816px){
	.more-contents .col-cont-n{
		width:14.28571428571429%;
	}
	.more-contents .col-cont-n:nth-child(n+8){
		margin-top:40px;
	}
}

@media(min-width:1317px) and (max-width:1516px){
	.more-contents .col-cont-n{
		width:16.66666666666667%;
	}
	.more-contents .col-cont-n:nth-child(n+7){
		margin-top:40px;
	}
}

@media(min-width:1117px) and (max-width:1316px){
	.more-contents .col-cont-n{
		width:20%;
	}
	.more-contents .col-cont-n:nth-child(n+6){
		margin-top:40px;
	}
}

@media(min-width:787px) and (max-width:1116px){
	.more-contents .col-cont-n{
		width:25%;
	}
	.more-contents .col-cont-n:nth-child(n+5){
		margin-top:40px;
	}
}

@media(min-width:437px) and (max-width:786px){
	.more-contents .col-cont-n{
		width:33.33333333333333%;
	}
	.more-contents .col-cont-n:nth-child(n+4){
		margin-top:40px;
	}
}

@media(max-width:436px){
	.more-contents .col-cont-n{
		width:50%;
	}
	.more-contents .col-cont-n:nth-child(n+3){
		margin-top:40px;
	}
}


/*--------------------------------Channel More---------------------------------*/
.more-contents.channel .col-cont-n .item .pic{
	padding-top:45%;
}

.more-contents.channel .col-cont-n .item p{
    position: absolute;
    display: block;
    top: 30%;
    width: 100%;
    margin: 0;
    color: #fff;
	text-align:center;
	z-index:9;
	background:rgba(0,0,0,0.6);
	padding:20px 0 10px;
}

.more-contents.channel .col-cont-n .item p:before{
	content:"";
	display:block;
	width:60px;
	height:2px;
	margin:0 auto 10px;
	background:#fff;
}

@media(min-width:1617px){
	.more-contents.channel .col-cont-n{
		width:25%;
	}
	.more-contents.channel .col-cont-n:nth-child(n+5){
		margin-top:20px;
	}
}

@media(min-width:1017px) and (max-width:1616px){
	.more-contents.channel .col-cont-n{
		width:33.33333333333333%;
	}
	.more-contents.channel .col-cont-n:nth-child(n+4){
		margin-top:20px;
	}
}

@media(min-width:437px) and (max-width:1016px){
	.more-contents.channel .col-cont-n{
		width:50%;
	}
	.more-contents.channel .col-cont-n:nth-child(n+3){
		margin-top:20px;
	}
}

@media(max-width:767px){
	.more-contents.channel .col-cont-n:nth-child(n+3){
		margin-top:10px;
	}
	
	.more-contents.channel .col-cont-n .item p{
		top: 0;
		background:rgba(0,0,0,0.4);
		padding:10% 10px 10%;
		height:100%;
	}
}

@media(max-width:436px){
	.more-contents.channel .col-cont-n{
		width:100%;
	}
	.more-contents.channel .col-cont-n:nth-child(n+2){
		margin-top:10px;
	}
}



/* ==============================================
Detail Contents-more
=============================================== */
.recommend-contents-wrap .more-contents{
	overflow:hidden;
}

.recommend-contents-wrap .more-contents .col-cont-n{
	position:relative;
	min-height:1px;
	padding:0;
	float:left;
	width:50%;
}

@media(min-width:992px){
	.recommend-contents-wrap .more-contents .col-cont-n:nth-child(n+3){
		margin-top:40px;
	}
}

@media(min-width:787px) and (max-width:991px){
	.recommend-contents-wrap .more-contents .col-cont-n{
		width:25%;
	}
	.recommend-contents-wrap .more-contents .col-cont-n:nth-child(n+5){
		margin-top:40px;
	}
}

@media(min-width:437px) and (max-width:786px){
	.recommend-contents-wrap .more-contents .col-cont-n{
		width:33.33333333333333%;
	}
	.recommend-contents-wrap .more-contents .col-cont-n:nth-child(n+4){
		margin-top:40px;
	}
}

@media(max-width:436px){
	.recommend-contents-wrap .more-contents .col-cont-n{
		width:50%;
	}
	.recommend-contents-wrap .more-contents .col-cont-n:nth-child(n+3){
		margin-top:40px;
	}
}




/* ==============================================
Upload - dropzone
=============================================== */
.upload-wrap{
	width:70%;
	position:relative;
}

@media(max-width:991px){
	.upload-wrap{
		width:100%;
	}
}

.upload-wrap .upload-button{
	position:absolute;
	top:15%;
	left:50%;
	transform:translateX(-50%); 
}

@media(max-width:767px){
	.upload-wrap .upload-button{
		top:5%;
	}
}

.upload-wrap .upload-button p{
	font-size:11px;
	font-weight:bold;
	color:#6077bf;
	margin:10px 0;
	text-align:center;
	line-height:14px;
}

.upload-wrap .upload-button .fileUpload {
 	display:block;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
.upload-wrap .upload-button .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.upload-wrap .nniicc-dropzoneParent{
	margin:0 !important;
}

.upload-wrap .nniicc-dropzoneParent .dropzone{
	padding:10px;
	min-height:460px;
}

.extra-progress-wrapper{
	display:none;
}



/*--------------------------------progress Bar---------------------------------*/
.progress{
	height:30px;
	box-shadow:none;
	border-radius:0;
	background:#fff;
	background-image: -webkit-linear-gradient(45deg, rgba(200, 200, 200, 0.5) 25%, transparent 25%, transparent 50%, rgba(200, 200, 200, 0.5) 50%, rgba(200, 200, 200, 0.5) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(200, 200, 200, 0.5) 25%, transparent 25%, transparent 50%, rgba(200, 200, 200, 0.5) 50%, rgba(200, 200, 200, 0.5) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(200, 200, 200, 0.5) 25%, transparent 25%, transparent 50%, rgba(200, 200, 200, 0.5) 50%, rgba(200, 200, 200, 0.5) 75%, transparent 75%, transparent);
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
}

.progress-bar{
	box-shadow:none;
	background:rgba(96,119,191,0.9)
}

.progress .progress-bar .txt{
	position:relative;
	top:10px;
	font-size:12px;
}


.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 10px 10px;
  background-size: 10px 10px;
}


/*--------------------------------preivew---------------------------------*/

.upload-wrap .preview .img-wrap{
	margin-left:-10px;
	margin-right:-10px;
}

.upload-wrap .preview .img-wrap .col-cont-n{
	width:20%;
	position:relative;
	min-height:1px;
	padding:0;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

/*.upload-wrap .preview .img-wrap .col-cont-n:first-child{
	padding-left:0;
}

.upload-wrap .preview .img-wrap .col-cont-n:last-child{
	padding-right:0;
}*/

@media(min-width:481px) and (max-width:767px){
	.upload-wrap .preview .img-wrap .col-cont-n{
		width:33.33333333333333%;
		position:relative;
		min-height:1px;
		padding:0;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
	
	.upload-wrap .preview .img-wrap .col-cont-n:nth-child(n+4){
		margin-top:10px;
	}
}

@media(max-width:767px){
	.upload-wrap .preview .img-wrap{
		margin-left:-5px;
		margin-right:-5px;
	}
}

@media(max-width:480px){
	.upload-wrap .preview .img-wrap .col-cont-n{
		width:50%;
		position:relative;
		min-height:1px;
		padding:0;
		float:left;
		padding-left:5px;
		padding-right:5px;
	}
	
	.upload-wrap .preview .img-wrap .col-cont-n:nth-child(n+3){
		margin-top:10px;
	}
}



.upload-wrap .preview h4{
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.upload-wrap .preview .img-wrap .col-cont-n .img-box{
	position:relative;
	border:1px solid #e6e6e6;
}

.upload-wrap .preview .img-wrap .col-cont-n .img-box .close{
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 5px 4px;
    text-shadow: none;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    opacity: 1;
    background: #ccc;
    outline: none;
	z-index:9;
}

.upload-wrap .preview .img-wrap .col-cont-n .img-box .close:hover,
.upload-wrap .preview .img-wrap .col-cont-n .img-box .close:focus{
    background: #999;
}

.upload-wrap .preview .img-wrap .col-cont-n .img-box img:hover{
	opacity:0.5;
	filter:alpha(opacity=50);
}

.upload-wrap .preview .img-wrap .col-cont-n .img-box:hover{
	background:#6077bf;
}

.upload-wrap .preview .img-wrap .col-cont-n:first-child .img-box img{
	opacity:0.3;
	filter:alpha(opacity=30);
}

.upload-wrap .preview .img-wrap .col-cont-n:first-child p{
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	color:#6077bf;
	line-height:18px;
	border:2px solid #6077bf;
	padding:10px 25px;
	margin:0;
	text-align:center;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
}

@media(min-width:992px) and (max-width:1199px){
	.upload-wrap .preview .img-wrap .col-cont-n:first-child p{
		padding:3px 10px;
	}
}

/*.upload-wrap .preview .img-wrap .col-cont-n.add-img .img-box{
	border: 2px dashed rgb(230, 230, 230);
	margin:0;
}

.upload-wrap .preview .img-wrap .col-cont-n.add-img .img-box .preview-button{
	position:absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
}

@media(max-width:1316px){
	.upload-wrap .preview .img-wrap .col-cont-n.add-img .img-box .preview-button button{
		padding:5px 10px;
	}
}

.upload-wrap .preview .img-wrap .col-cont-n.add-img .img-box .preview-button p{
	font-size:11px;
	color:#6077bf;
	margin:10px 0 0 0;
	text-align:center;
	line-height:14px;
}

.upload-wrap .preview .img-wrap .col-cont-n.add-img .img-box img:hover{
	opacity:1;
	filter:alpha(opacity=100);
}

.upload-wrap .preview .img-wrap .col-cont-n.add-img .img-box:hover{
	background:none;
}*/

.upload-wrap .preview .img-wrap .col-cont-n.add-img .dropzone {
	min-height:100%;
    height:177px !important;
}

@media(max-width:1316px){
	.upload-wrap .preview .img-wrap .col-cont-n.add-img .upload-button .btn{
		padding:5px 10px;
	}
}


/*.upload-wrap .preview .file-info-wrap{
	clear:both;
}

.upload-wrap .preview .file-info-wrap p{
	display:inline-block;
	font-size:12px;
	color:#808080;
	margin:5px 0;
}

.upload-wrap .preview .file-info-wrap p:after{
	content:"｜";
	font-size:10px;
	color:#808080;
	padding:0 5px 0 10px;
	position:relative;
	top:-1px;
}

.upload-wrap .preview .file-info-wrap p:last-child:after{
	content:"";
	padding:0;
}

.upload-wrap .preview .file-info-wrap .title{
	font-weight:bold;
}

@media(max-width:767px){
	.upload-wrap .preview .file-info-wrap .file-name{
		display:block;
		padding-top:5px;
	}

	.upload-wrap .preview .file-info-wrap p:first-child:after{
		content:"";
		padding:0;
	}
	
	.upload-wrap .preview .file-info-wrap p:last-child:after{
		content:"";
		padding:0;
	}
	
	.upload-wrap .preview .file-info-wrap p{
		margin:0;
	}
}*/

.upload-wrap .file-info-wrap{
	clear:both;
}

.upload-wrap .file-info-wrap p{
	display:inline-block;
	font-size:12px;
	color:#808080;
	margin:5px 0;
}

.upload-wrap .file-info-wrap p:after{
	content:"｜";
	font-size:10px;
	color:#808080;
	padding:0 5px 0 10px;
	position:relative;
	top:-1px;
}

.upload-wrap .file-info-wrap p:last-child:after{
	content:"";
	padding:0;
}

.upload-wrap .file-info-wrap .file-name > .title,
.upload-wrap .file-info-wrap .file-size > .title,
.upload-wrap .file-info-wrap .file-page > .title{
	font-size:12px;
	font-weight:bold;	
}

@media(max-width:767px){
	.upload-wrap .file-info-wrap .file-name{
		display:block;
		padding-top:5px;
	}

	.upload-wrap .file-info-wrap p:first-child:after{
		content:"";
		padding:0;
	}
	
	.upload-wrap .file-info-wrap p:last-child:after{
		content:"";
		padding:0;
	}
	
	.upload-wrap .file-info-wrap p{
		margin:0;
	}
}


.upload-wrap .info-set-tab-wrap{
	position:relative;
	margin-top:60px;
}

.upload-wrap .info-set-tab-wrap .nav-tabs{
	width:100%;
	border-bottom: 2px solid #6077bf;
}

.upload-wrap .info-set-tab-wrap .nav-tabs > li{
	margin-bottom:-2px;
	background:#e6e6e6;
	margin-left:20px;
}

.upload-wrap .info-set-tab-wrap .nav-tabs > li:first-child{
	margin-left:0;
}

.upload-wrap .info-set-tab-wrap .nav-tabs > li > a{
	width:200px;
	font-size:18px;
	font-weight:bold;
	color:#808080;
	text-align:left;
	padding:12px 25px 11px;
	border-radius:0;
}

.upload-wrap .info-set-tab-wrap .nav-tabs >li.active>a,
.upload-wrap .info-set-tab-wrap .nav-tabs >li.active>a:focus,
.upload-wrap .info-set-tab-wrap .nav-tabs >li.active>a:hover{
	color:#6077bf;
    cursor: default;
    background-color: #fff;
    border-top: 2px solid #6077bf;
    border-left: 2px solid #6077bf;
    border-right: 2px solid #6077bf;
	border-radius:0;
}

.upload-wrap .info-set-tab-wrap .nav-tabs > li > a:hover {
	color: #fff;
	background-color: #6077bf;
	border-radius:0;
}

@media(max-width:767px){
	.upload-wrap .info-set-tab-wrap .nav-tabs > li{
		margin-left:10px;
	}
	
	.upload-wrap .info-set-tab-wrap .nav-tabs > li > a{
		width:130px;
	}
}


.upload-wrap .info-set-tab-wrap .tab-content{
	margin-top:20px;
}


/*------------------------------------- 기본정보 ----------------------------------*/
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .chnnel-select{
	display:table;
}

.upload-wrap .info-set-tab-wrap .tab-content #info-tab .chnnel-select .title{
	display:table-cell;
	position:relative;
	width:1%;
	height:40px;
	vertical-align:middle;
	background:#000;
	color:#fff;
	font-size:12px;
	padding:0 27px 0 10px;
}

@media(max-width:767px){
	.upload-wrap .info-set-tab-wrap .tab-content #info-tab .chnnel-select .title{
		padding:0 17px 0 10px;
	}
}

.upload-wrap .info-set-tab-wrap .tab-content #info-tab .chnnel-select .title:after{
	content:"";
	width: 0;
	height: 0;
	border-top: 8px solid #ff1111;
	border-right: 8px solid transparent;
	position: absolute;
	top:0;
	left:0;
}

.upload-wrap .info-set-tab-wrap .tab-content #info-tab .chnnel-select .form-group{
	display:table-cell;
	position:relative;
	float:left;
	width:100%;
	margin:0;
}

.upload-wrap .info-set-tab-wrap .tab-content #info-tab .info-title,
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .info-cont{
	margin-top:10px;
	position:relative;
}

.upload-wrap .info-set-tab-wrap .tab-content #info-tab .info-title:after{
	content:"";
	width: 0;
	height: 0;
	border-top: 8px solid #ff1111;
	border-right: 8px solid transparent;
	position: absolute;
	top:0;
	left:0;
}




.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap{
	display:table;
	margin-top:10px;
}

.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput {
	width:100%;
	background-color: #fff;
	border: 2px solid #e6e6e6;
	box-shadow: none;
	display: table-cell;
	padding: 4px 6px;
	margin-bottom: 10px;
	vertical-align: middle;
	border-radius:0;
	max-width: 100%;
	line-height: 22px;
	cursor: text;
}
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput:hover,
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput:focus{
	border:2px solid #000;
}
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput input {
	border: none;
	box-shadow: none;
	outline: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: auto !important;
	max-width: inherit;
	font-size:12px;
}
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput input:focus {
	border: none;
	box-shadow: none;
}
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput .tag {
	margin-right: 2px;
	color: white;
}
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput .tag [data-role="remove"] {
	margin-left: 8px;
	cursor: pointer;
}
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput .tag [data-role="remove"]:after {
	content: "x";
	padding: 0px 2px;
}
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput .tag [data-role="remove"]:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput .tag [data-role="remove"]:hover:active {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tag-txt{
	display:table-cell;
	position:relative;
	width:100%;
	vertical-align:middle;
	
}

.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .form-group{
	display:table-cell;
	position:relative;
	float:left;
	width:200px;
	margin:0 0 0 20px;
}

@media(max-width:767px){
	.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tagsinput {
		display:block;
	}
	
	.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .form-group{
		width:100%;
		margin:10px 0 0 0;
		float:none;
		display:block;
	}
	
	.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap{
		display:block;
	}
	
	.upload-wrap .info-set-tab-wrap .tab-content #info-tab .tag-wrap .tag-txt{
		display:block;
	}
}

@media(max-width:480px){

}

/*--------------------------- selectbox ------------------------------*/
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
.upload-wrap .info-set-tab-wrap .tab-content select::-ms-expand {
	display: none;
}

.upload-wrap .info-set-tab-wrap .tab-content select {
	position:relative;
	padding:10px;
	border:2px solid #000; 
	border-radius: 0px;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}

.upload-wrap .info-set-tab-wrap .tab-content #info-tab .form-group:after{
	font-family:FontAwesome;
	content: "\f107"; 
	position:absolute;
	top:10px;
	right:10px;
	font-size:18px;
	font-weight:bold;
}

@media(max-width:767px){
	.upload-wrap .info-set-tab-wrap .tab-content select {
		padding:10px 25px 10px 10px;
	}
}

.upload-wrap .info-set-tab-wrap .tab-content .button-wrap {
    margin-top: 80px;
    text-align: center;
}



/*------------------------------------------ 고급설정 -------------------------------------------*/
.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-4,
.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-3{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-4:nth-child(4){
	display:none;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-4.col-xs-12.add-btn{
	text-align:right;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .category-wrap .selectCategory{
	clear:both;
	margin-top:5px;
	background:url(../images/common/ico_bullet.png) no-repeat 0 50%;
	padding:5px 10px;
	border-bottom:1px solid #eee;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .category-wrap .selectCategory:last-child{
	margin-bottom:10px;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .category-wrap .selectCategory span{
	font-size:12px;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .category-wrap .selectCategory span i{
	margin:0 10px;
	position:relative;
	top:-1px;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .category-wrap .selectCategory > a{
	font-size:12px;
	margin-left:5px;
}

@media(max-width:767px){
	.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-xs-12{
		padding-left:0;
		padding-right:0;
		margin-bottom:10px;
	}
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-4:first-child,
.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-3:first-child{
	padding-left:0;
}

/*.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-4:nth-last-child(3){
	padding-right:0;
}*/

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-4 .form-group,
.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-3 .form-group{
	width:100%;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-4 .form-group:after,
.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-sm-3 .form-group:after,
.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .col-xs-12 .form-group:after{
	font-family:FontAwesome;
	content: "\f107"; 
	position:absolute;
	top:10px;
	right:10px;
	font-size:18px;
	font-weight:bold;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .category-wrap{
	float:left;
	width:100%;
	margin-top:10px;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .category-wrap:first-child{
	margin-top:0;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .check-wrap{
	clear:both;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .share,
.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .down{
	width:220px;
	display:inline-block;
	margin-top:10px;
}

@media(max-width:480px){
	.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .down{
		margin-top:7px;
	}
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .category-select .over-info{
	display:inline-block;
	background:#ccc;
	padding:0 6px;
	color:#fff;
	line-height:20px;
}	

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .form-group{
	position:relative;
	top:0;
	display:inline-block;
	margin:0;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .form-group label{
	margin:0;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .form-group .txt{
	font-size:12px;
	color:#808080;	
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .form-group .label-checkbox {
    cursor: pointer;
    display: inline-block;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .form-group .checkbox {
    top: 0;
    margin: 2px 7px 0 3px !important;
}


.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload{
	margin-top:40px;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload h4{
	font-size:14px;
	font-weight:bold;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload .over-info{
	display:inline-block;
	background:#ccc;
	padding:0 6px;
	color:#fff;
	line-height:20px;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload .upload-wrap{
	width:100%;
	position:relative;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload .upload-wrap .dropzone{
	min-height:72px;
	height:72px !important;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload .upload-wrap .upload-button .fileUpload{
	display:inline-block;
	margin-top:0;
}

.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload .upload-wrap .upload-button p{
	display:inline-block;
}

@media(max-width:767px){
	.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload .upload-wrap .dropzone{
		min-height:120px;
		height:120px !important;
	}
	.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload .upload-wrap .upload-button .fileUpload{
		display:block;
		margin-top:20px;
	}
	
	.upload-wrap .info-set-tab-wrap .tab-content #set-tab .pdf-upload .upload-wrap .upload-button p{
		display:block;
	}
}




/* ==============================================
Group - Main
=============================================== */


/*------------------------------------------ group main image -------------------------------------------*/
.wrapper .owl-carousel.owl-theme.group-banner a{
	cursor:default;
	display:block;
    -webkit-transform: translate(50%,50%);
    -ms-transform: translate(50%,50%);
    transform: translate(50%,50%);
}

.wrapper .owl-carousel.owl-theme.group-banner a img{
	width: auto;
	max-width: none;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.wrapper .owl-carousel.owl-theme.group-banner .group-name{
	position:absolute;
	top:15%;
	left:45px;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	letter-spacing:-1px;
	padding:50px 40px 20px;
	background:rgba(0,0,0,0.3);
	z-index:99;
}

.wrapper .owl-carousel.owl-theme.group-banner .group-name:before{
	content:"";
	width:60px;
	height:2px;
	background:#fff;
	position:absolute;
	top:20px;
	left:40px;
}

@media(min-width:768px) and (max-width:991px){
	.wrapper .owl-carousel.owl-theme.group-banner a{
		height:260px;
	}
}

@media(max-width:767px){
	.wrapper .owl-carousel.owl-theme.group-banner a{
		height:160px;
	}
	
	.wrapper .owl-carousel.owl-theme.group-banner .group-name{
		font-size:22px;
		left:5%;
		padding:30px 10px 10px;
	}
	.wrapper .owl-carousel.owl-theme.group-banner .group-name:before{
		width:40px;
		top:10px;
		left:10px;
	}
}



/*------------------------------------------ group notice -------------------------------------------*/

.wrapper .group-notice-line{
	background:#f5f5f5;
	position:relative;
	overflow:hidden;
}

.wrapper .group-notice-line h3{
	font-size:12px;
	font-weight:bold;
	padding:0 30px 0 20px;
	margin:0 40px 0 0;
	background:#e0e0e0;
	line-height:40px;
	float:left;
	display:block;
	position:relative;
}

.wrapper .group-notice-line h3:after{
    background: #e0e0e0;
	content: "";
    position: absolute;
    top: 0;
    right: -20px;
    width: 40px;
    height: 40px;
    transform: scale(0.707) rotate(45deg);
    z-index: 1;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;	
}

.wrapper .group-notice-line .notice-txt{
	width:60%;
	font-size:15px;
	font-weight:bold;
	color:#6077bf;
	letter-spacing:-1px;
	line-height:40px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;	
	display:block;
	position:relative;
}

/*.wrapper .group-notice-line .button-wrap{
	position:absolute;
	top:3px;
	right:235px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all s.25s ease-in-out;
}*/

.wrapper .channel-button-wrap{
    position: relative;
    top: -37px;
    right:225px;
    margin-bottom: -37px;
    text-align: right;
    margin-right: 10px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all s.25s ease-in-out;
}


.toggled.wrapper .channel-button-wrap{
    right:35px;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all s.25s ease-in-out;
}

@media(min-width:480px) and (max-width:1199px){
	.wrapper .group-notice-line .notice-txt{
		width:53%;
	}
}

@media(min-width:768px) and (max-width:991px){
	.wrapper .channel-button-wrap{
		right:10px !important;
	}
}

@media(max-width:767px){
	.wrapper .group-notice-line h3{
		padding:0 20px 0 10px;
		margin:0 30px 0 0;
	}
	
	.wrapper .channel-button-wrap{
		right:10px;
	}
}

@media(max-width:479px){
	.wrapper .group-notice-line .notice-txt{
		width:auto;
		padding-right:10px;
	}
	
	.wrapper .channel-button-wrap{
		top: 5px;
		right: 15px !important;
		margin: 0;
		text-align: right;
	}
}

/* ==============================================
Group - Notice
=============================================== */

.wrapper .group-wrap{
	width:70%;
	position:relative;
	/*background:#eee;*/
}

@media(max-width:991px){
	.wrapper .group-wrap{
		width:100%;
	}
}

.wrapper .group-wrap .title{
	font-size:18px;
	font-weight:bold;
}

.wrapper .group-wrap .search-box.search{
	position:absolute;
	right:0;
	top:-10px;
	left:inherit;
}

.wrapper .group-wrap .search-box.search .navbar-form{
	margin:0;
}

@media(max-width:767px){
	.wrapper .group-wrap .search-box.search{
		display:block;
		position:relative;
	}
}



.table-wrap{
	margin-top:30px;
	position:relative;
}

.table-wrap table{
	table-layout:fixed;
}


/*------------------------------------------ Notice List -------------------------------------------*/
.wrapper .group-wrap .search-box .navbar-form .input-group > .form-control {
    width: 300px;
}

@media(max-width:767px){
	.wrapper .group-wrap .search-box .navbar-form .input-group > .form-control {
		width: 100%;
	}
}

.table-wrap.notice-list .nt{
	text-align:left;
	padding-left:20px;
	padding-right:20px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.table-wrap.notice-list .nt img{
	margin-left:10px;
	position:relative;
	top:-2px;
}

.table-wrap.notice-list .table-bordered{
	border:none;
}

td, th{
	display:table-cell;
	vertical-align:inherit !important;
	border-left:none !important;
	border-right:none !important;
	font-size:12px;	
}

td, td a{
	color:#808080;
	text-decoration:none !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
	padding:17px 8px;
}

.table-wrap .nn{
	text-align:center;
}

.table-wrap .button-wrap{
	text-align:right;
	display:inline-block;
	width:100%;	
}

@media(max-width:767px){
	.table-wrap{
		margin-top:10px;
	}
	
	.table-wrap .nhc{
		display:none;
	}/*col 조회수*/
	.table-wrap .nh{
		display:none;
	}/*td 조회수*/
}

@media(max-width:639px) {
	.table-wrap .nnc{
		display:none;
	}/*col 번호*/
	.table-wrap .nn{
		display:none;
	}/*td 번호*/
	
	.table-wrap .ndc{
		width:80px;
	}
	.table-wrap.notice-list .nt{
		padding:0 10px;
	}
}



/*------------------------------------------ Notice View -------------------------------------------*/
.table-wrap.notice-view .table-bordered{
	border:1px solid #e6e6e6;
	border-left:none !important;
	border-right:none !important;
}

.table-wrap.notice-view td, th{
	vertical-align:top !important;
}

.table-wrap.notice-view .table > thead > tr > th,
.table-wrap.notice-view .table > tbody > tr > th,
.table-wrap.notice-view .table > tfoot > tr > th,
.table-wrap.notice-view .table > thead > tr > td,
.table-wrap.notice-view .table > tbody > tr > td,
.table-wrap.notice-view .table > tfoot > tr > td{
	padding:17px 20px;
}

.table-wrap.notice-view .view-title{
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	padding-right:250px !important;
}

.table-wrap.notice-view .etc{
	position:absolute;
	top:17px;
	right:10px;
	font-size:12px;
	color:#808080;
}

.table-wrap.notice-view .etc span{
	padding:0 15px;
}

.table-wrap.notice-view .file{
	background:#f5f5f5;
	padding:0 20px !important;
	border-bottom:none;
}

.table-wrap.notice-view .file p{
	margin:5px 0;
}

.table-wrap.notice-view .file p a{
	color:#6077bf;
}

.table-wrap.notice-view .file p img{
	margin-right:10px;
	position:relative;
	top:-2px;
}

.table-wrap.notice-view .cont{
	border-top:none;
	padding:30px 20px !important;
	min-height:500px;
	height:500px;
	font-size:14px;
	color:#808080;
	overflow:hidden;
}

.table-wrap.notice-view .cont img{
	max-width:100%;
	height:auto;
}

.table-wrap.notice-view .cont pre{
	background:none;
	border:none;
	font-family: "Malgun Gothic", "맑은 고딕", Arial, sans-serif;
	font-size:14px;
	color:#808080;
	padding:0;
	margin:0;
	white-space:pre-wrap;
}


.table-wrap.notice-view .prev-doc .prev-btn,
.table-wrap.notice-view .next-doc .next-btn{
	font-size:12px;
	font-weight:bold;
}

.table-wrap.notice-view .prev-doc .prev-btn i,
.table-wrap.notice-view .next-doc .next-btn i{
	margin-right:10px;
}

.table-wrap.notice-view .prev-doc .prev-txt,
.table-wrap.notice-view .next-doc .next-txt{
	font-size:14px;
	font-weight:bold;
	color:#000;
	margin-left:50px;
}

.table-wrap.notice-view .prev-doc a:hover,
.table-wrap.notice-view .next-doc a:hover{
	color:#000;
}

.table-wrap.notice-view .prev-doc .prev-txt:hover,
.table-wrap.notice-view .next-doc .next-txt:hover{
	color:#6077bf;
}

.table-wrap.notice-view .button-wrap .pull-right .btn{
	margin-left:7px;
}

.table-wrap.notice-view .button-wrap .pull-right .btn:first-child{
	margin-left:0;
}

@media(max-width:767px){
	.table-wrap.notice-view .view-title{
		padding-right:120px !important;
	}
	.table-wrap.notice-view .etc .hits{
		display:none;
	}
	
	.table-wrap.notice-view .table > thead > tr > th,
	.table-wrap.notice-view .table > tbody > tr > th,
	.table-wrap.notice-view .table > tfoot > tr > th,
	.table-wrap.notice-view .table > thead > tr > td,
	.table-wrap.notice-view .table > tbody > tr > td,
	.table-wrap.notice-view .table > tfoot > tr > td{
		padding:17px 10px;
	}
	
	.table-wrap.notice-view .file{
		padding:0 10px !important;
	}
	
	.table-wrap.notice-view .cont{
		padding:30px 10px !important;
	}
}


/*------------------------------------------ Notice Register -------------------------------------------*/
.table-wrap.notice-register .regist-cont{
	margin-top:10px;
	border:2px solid #e6e6e6;
}

.table-wrap.notice-register .regist-cont .editor-area{
	border-bottom:1px solid #e6e6e6;
	padding:8px 15px;
}

.table-wrap.notice-register .regist-cont textarea{
	width:100%;
	border:none;
	resize:none;
	font-size:12px;
	padding:8px 15px;
	outline:none;
	min-height:290px;
}

.table-wrap.notice-register .regist-cont textarea::-webkit-input-placeholder { /* WebKit browsers */
    color:#ccc;
}
.table-wrap.notice-register .regist-cont textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
.table-wrap.notice-register .regist-cont textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#ccc;
}
.table-wrap.notice-register .regist-cont textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:#ccc;
}

.table-wrap.notice-register .upload-wrap{
	width:100%;
	margin-top:10px;
}

.table-wrap.notice-register .upload-wrap .nniicc-dropzoneParent .dropzone{
	min-height:170px !important;
	height:170px !important;
}

.table-wrap.notice-register .button-wrap{
	margin-top:20px;
}

.table-wrap.notice-register .button-wrap .pull-left .btn{
	margin-right:7px;
}

.table-wrap.notice-register .button-wrap .pull-left .btn:last-child{
	margin-right:0;
}

@media (max-width: 767px){
	.table-wrap.notice-register .upload-wrap .upload-button {
		top: 15%;
	}
}



/*------------------------------------------ Pagenation -------------------------------------------*/
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{
	color:#b0b0b0;
	cursor:default;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
	color:#000;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
	background:none;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{
	background:none;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
	background:none;	
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #6077bf;
}

.pagination > li > a, .pagination > li > span{
	background:none;
	color:#b2b2b2;
	padding: 2px 6px;
	line-height:16px;
}

.pagination > li.first a,
.pagination > li.prev a,
.pagination > li.next a,
.pagination > li.last a{
    background: #ccc;
    color: #fff;
    margin: 0 2px;
    width: 21px;
    height: 21px;
	line-height:18px;
	padding:0 7px;
}

.pagination > li.prev a{
	margin-right:20px;
}
.pagination > li.next a{
	margin-left:20px;
}

.pagination > li.first a:hover,
.pagination > li.first a:focus,
.pagination > li.prev a:hover,
.pagination > li.prev a:focus,
.pagination > li.next a:hover,
.pagination > li.next a:focus,
.pagination > li.last a:hover,
.pagination > li.last a:focus{
    background: #aaa;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #fff;
  background-color: #ccc !important;
  border-color: transparent;
}


.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span{
	border-radius:0;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
	border-radius:0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span{
	border-radius:0;
}

@media(max-width:480px){
	.pagination > li > a, .pagination > li > span{
		padding: 2px 4px;
	}
	.pagination > li.prev a{
		margin-right:0;
	}
	.pagination > li.next a{
		margin-left:0;
	}
}



/* ==============================================
Category
=============================================== */

.wrapper .category-select-wrap{
	margin:0 0 40px;
	padding:8px 35px;
	background:#e0e0e0;
	position:relative;
	display:table;
	width:100%;
}

@media(max-width:991px){
	.wrapper .category-select-wrap{
		padding:15px 20px;
	}
}

.wrapper .category-select-wrap li{
	float:left;
	color:#808080;
}

.wrapper .category-select-wrap .home{
	margin-right:10px;
}

.wrapper .category-select-wrap .home a:hover,
.wrapper .category-select-wrap .home a:focus{
	color:#000;
}

.wrapper .category-select-wrap .home i{
	position:relative;
	top:2px;
}

.wrapper .category-select-wrap .home:before{
	content:none;
}

.wrapper .category-select-wrap > ul > li > div:before{
	content:"\f105";
	font-family:FontAwesome;
	padding:0 10px;
	font-size:18px;
	color:#bbb;
	position:relative;
	top:2px;
	
}

.wrapper .category-select-wrap li a{
	color:#808080;
}

.wrapper .category-select-wrap li .dropdown .btn{
	padding:0 10px;
	font-size:12px;
}

.wrapper .category-select-wrap li .dropdown .btn .caret{
	margin-left:10px;
}

.wrapper .category-select-wrap li .dropdown a:hover,
.wrapper .category-select-wrap li .dropdown a:focus{
	color:#000;
}

.wrapper .category-select-wrap li .dropdown-menu li{
	float:none;
}

.wrapper .category-select-wrap li .dropdown-menu li a{
	content:"";
}


.wrapper .category-select-wrap .dropdown .dropdown-menu{
	min-width:115px;
	border:none;
	border-radius:0;
	background:#e6e6e6;
    -webkit-box-shadow: none;
    box-shadow: none;
	padding:0;
	right:0;
	font-size:12px;
}

.wrapper .category-select-wrap .dropdown.open > .dropdown-menu{
	top:42px;
	left:5px;
}

.wrapper .category-select-wrap .dropdown .dropdown-menu > li{
	border-bottom:1px solid #d6d6d6;
}

.wrapper .category-select-wrap .dropdown .dropdown-menu > li:last-child{
	border-bottom:none;
}

.wrapper .category-select-wrap .dropdown .dropdown-menu > li > a{
	padding:10px 10px;
}

.wrapper .category-select-wrap .dropdown .dropdown-menu > li > a:hover,
.wrapper .category-select-wrap .dropdown .dropdown-menu > li > a:focus{
	background:#6077bf;
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
	color:#000;
}



.wrapper .category-cont-wrap{
	clear:both;
	margin:0 30px 30px;
	position:relative;
}

@media(max-width:991px){
	.wrapper .category-cont-wrap{
		margin:0 10px 30px;
	}
}

.wrapper .category-cont-wrap .cont-title span{
	color:#6077bf;
}

.wrapper .category-cont-wrap .sort-wrap{
	position:absolute;

}

.wrapper .category-cont-wrap .sort-wrap{
	position:absolute;
	right:205px;
	top:-12px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all s.25s ease-in-out;
}

.toggled .category-cont-wrap .sort-wrap{
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all s.25s ease-in-out;
	top:-12px;
    right:10px;
}

@media(min-width:768px) and (max-width:991px){
	.wrapper .category-cont-wrap .sort-wrap{
		right:10px;
	}
}

@media(max-width:767px){
	.wrapper .category-cont-wrap .sort-wrap{
		right:5px !important;
	}
	
	.toggled .category-cont-wrap .sort-wrap{
		right:5px !important;
	}
}


/*@media(max-width:480px){
	.wrapper .category-cont-wrap .sort-wrap{
		position:relative;
		top:-5px;
		left:10px;
	}
}*/

.wrapper .category-cont-wrap .button-wrap{
    margin: 30px 0;
	text-align:center;
}


.wrapper .category-cont-wrap .sort-wrap .sort-select,
.wrapper .category-cont-wrap .sort-wrap .sort-icon{
	display:inline-block;
}

.wrapper .category-cont-wrap .sort-wrap .sort-icon{
	margin-left:10px;
}

.wrapper .category-cont-wrap .sort-wrap .sort-icon .on{
	display:none;
}

.wrapper .category-cont-wrap .sort-wrap .sort-icon .thumb:hover .off,
.wrapper .category-cont-wrap .sort-wrap .sort-icon .list:hover .off{
	display:none;
}
.wrapper .category-cont-wrap .sort-wrap .sort-icon .thumb:hover .on,
.wrapper .category-cont-wrap .sort-wrap .sort-icon .list:hover .on{
	display:inline;
}


.wrapper .category-cont-wrap .sort-wrap .sort-select .dropdown .btn .caret{
	margin-left:20px;
}

.wrapper .category-cont-wrap .sort-wrap .sort-select .dropdown > a{
	border:2px solid #000;
	padding:10px 12px;
	background:#fff;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

.wrapper .category-cont-wrap .sort-wrap .sort-select .dropdown .dropdown-menu{
	min-width:95px;
	border:none;
	border-radius:0;
	background:#e6e6e6;
    -webkit-box-shadow: none;
    box-shadow: none;
	padding:0;
	right:0;
}

.wrapper .category-cont-wrap .sort-wrap .sort-select .dropdown .dropdown-menu > li > a{
	padding:10px 10px;
	color:#000;
}

.wrapper .category-cont-wrap .sort-wrap .sort-select .dropdown .dropdown-menu > li{
	border-bottom:1px solid #d6d6d6;
}

.wrapper .category-cont-wrap .sort-wrap .sort-select .dropdown .dropdown-menu > li:last-child{
	border-bottom:none;
}

.wrapper .category-cont-wrap .sort-wrap .sort-select .dropdown .dropdown-menu > li > a:hover,
.wrapper .category-cont-wrap .sort-wrap .sort-select .dropdown .dropdown-menu > li > a:focus{
	background:#6077bf;
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
}

.wrapper .category-cont-wrap .sort-wrap .sort-select .dropdown .dropdown-menu a{
	font-size:12px
}

.wrapper .category-cont-wrap .result-no-txt{
	font-size:16px;
	font-weight:bold;
	color:#ccc;
	padding-left:10px;
	min-height:250px;
}

@media(max-width:767px){
	.wrapper .category-cont-wrap .result-no-txt{
		min-height:200px;
		padding-left:5px;
	}
}


/* ==============================================
Category - no dropdown
=============================================== */

.wrapper .category-wrap{
	padding:8px 35px;
	background:#e0e0e0;
	position:relative;
	display:table;
	width:100%;
}

@media(max-width:991px){
	.wrapper .category-wrap{
		padding:8px 20px;
	}
}

.wrapper .category-wrap li{
	float:left;
	color:#808080;
}

.wrapper .category-wrap .home{
	margin-right:10px;
}

.wrapper .category-wrap .home a{
	padding:0;
}

.wrapper .category-wrap .home a:hover,
.wrapper .category-wrap .home a:focus{
	color:#000;
}

.wrapper .category-wrap .home i{
	position:relative;
	top:2px;
}

.wrapper .category-wrap .home:before{
	content:none;
}

.wrapper .category-wrap > ul > li > div:before{
	content:"\f105";
	font-family:FontAwesome;
	padding:0 10px;
	font-size:18px;
	color:#bbb;
	position:relative;
	top:2px;
	
}

.wrapper .category-wrap li a{
	color:#808080;
	padding:0 10px 0 5px;
}

.wrapper .category-wrap li a:hover,
.wrapper .category-wrap li a:focus{
	color:#000;
}

.wrapper .category-wrap li{
	font-size:12px;
}


/* surrounding tag container */
.tag-editor {
    list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; cursor: text;
    font: normal 12px sans-serif; color: #555; background: #fff; line-height: 20px;
}

/* core styles usually need no change */
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
.tag-editor div { float: left; padding: 0; font-size:12px; }
.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
.tag-editor input {
    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
    box-shadow: none; background: none; color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear { display: none; }

/* tag style */
.tag-editor .tag-editor-tag {
    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "×"; font-style: normal; }
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }

.tag-editor .tag-editor-tag.active { background: none !important; }

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 12px; }
.ui-front { z-index: 9999; }
.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
.ui-widget-content a { color: #46799b; }
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
.ui-helper-hidden-accessible { display: none; }

/* Floating Menu */
#floatingMenu {
  position: fixed;
  top: 380px;
  left: 0;
  z-index: 10;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#floatingMenu .pc-floating {
  position: absolute;
  left: 0;
  width: 128px;
  transition: 0.6s;
}
#floatingMenu .pc-floating::before {
  content: "";
  display: block;
  position: absolute;
  top: -62px;
  width: 130px;
  height: 450px;
  background: url('../images/floating/floating_big.gif') no-repeat 0 0 / 130px;
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.25));
}
#floatingMenu .pc-floating .top-box {
  position: relative;
  padding: 12px 0 6px;
}
#floatingMenu .pc-floating p {
  margin: 0;
  color: #353434;
  font-size: 14px;
  font-weight: 300;
  text-align: center;
  line-height: 16px;
}
#floatingMenu .pc-floating p.bold {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
#floatingMenu .pc-floating p.bold span {
  color: #ff3d1d;
  font-size: 20px;
  font-weight: 600;
}

#floatingMenu .pc-floating .bt-box {
  position: relative;
  top: 240px;
  left: 0;
}
#floatingMenu .btn-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#floatingMenu .btn-box p {
  font-size: 11px;
  font-weight: 800;
}
#floatingMenu .btn-box button {
  width: 112px;
  height: 30px;
  border: 2px solid #888888;
  border-radius: 6px;
  background-color: #1a1a1a;
  background-size: 92px;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0.59px 1.18px 2.36px 0px rgba(0, 0, 0, 0.25);
}
#floatingMenu .btn-box button a {
  display: block;
  width: 100%;
  height: 100%;
}
#floatingMenu .btn-box .google {
  background-image: url('../images/floating/google_btn.svg');
}
#floatingMenu .btn-box .ios {
  background-image: url('../images/floating/ios_btn.svg');
}
#floatingMenu .close-btn {
  position: absolute;
  background-color: inherit;
}
#floatingMenu .pc-floating .close-btn {
  top: 16px;
  right: -8px;
  transform: rotate(22deg);
  width: 20px;
  height: 22px;
  border: 3px solid #353434;
  border-radius: 50px;
  background-color: #fff;
  box-shadow: 0.59px 1.18px 2.36px 0px rgba(0, 0, 0, 0.25);
}
#floatingMenu .pc-floating .close-btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-22deg);
  width: 6px;
  height: 7px;
  background-image: url('../images/floating/close_btn.svg');
  background-size: 6px;
  background-repeat: no-repeat;
  stroke: #fff;
}
#floatingMenu .pc-floating.active {
  left: -400px;
}
#floatingMenu .pc-close-floating {
  position: absolute;
  top: -82px;
  left: -400px;
  transition: 0.6s;
}
#floatingMenu .pc-close-floating .open-btn {
  width: 78px;
  height: 206px;
  background-color: inherit;
  background: url('../images/floating/floating_small.gif') no-repeat  0 0 / 78px;
  filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.25));
}

#floatingMenu .pc-close-floating.active {
  left: 0;
}

#floatingMenu .m-floating,
#floatingMenu .m-close-floating {
  display: none;
}

@media (max-width: 480px) {
  #floatingMenu {
    top: 290px;
  }
  #floatingMenu .pc-close-floating,
  #floatingMenu .pc-floating {
    display: none;
  }
  #floatingMenu .m-floating {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    left: 0;
    width: fit-content;
    height: 220px;
    padding: 20px 10px 12px;
	background: url('../images/floating/floating_m_big.gif') no-repeat 0 0 / 112px;
    filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.25));
    transition: 0.6s;
  }

  #floatingMenu .m-floating.active {
    left: -400px;
  }
  #floatingMenu .m-close-floating {
    display: block;
    position: absolute;
    top: 50px;
    left: -400px;
    /* transform: rotate(-90deg); */
    transition: 0.6s;
  }
  #floatingMenu .m-close-floating.active {
    left: 0;
  }
  #floatingMenu .m-float-txt {
    margin: 10px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }
  #floatingMenu .m-float-txt span {
    color: #fea31e;
    font-size: 16px;
    font-weight: bold;
  }
  #floatingMenu .btn-box {
    gap: 5px;
	position: relative;
    top: 130px;
    left: 0;
  }
  #floatingMenu .btn-box button {
    width: 92px;
    height: 28px;
    background-size: 78px;
  }
  #floatingMenu .m-floating .close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    width: 14px;
    height: 14px;
    background-color: #353434;
    border-radius: 4px;
  }
  #floatingMenu .m-floating .close-btn path {
    stroke: #fff;
  }
  #floatingMenu .m-close-floating .open-btn {
    display: block;
    width: 30px;
    height: 164px;
    padding: 10px 6px;
	background: url('../images/floating/floating_m_small.gif') no-repeat 0 0 / 30px;
    filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.25));
    word-break: keep-all;
    cursor: pointer;
  }
  #floatingMenu .m-close-floating .open-btn span {
    color: #fea31e;
    font-size: 16px;
    font-weight: bold;
  }
}

/* Detail Thumbnail images */
#owl-thumbnail{
	margin-bottom:40px;
}

#owl-thumbnail .item,
#owl-thumbnail.owl-carousel .owl-item{
	height:460px;
}

#owl-thumbnail .item{
    display: flex;
    align-items: center;
	justify-content: center;
    overflow:hidden;
}

#owl-thumbnail .item img{
    display: block;
    width: auto;
    height: auto;
	max-width:100%;
	max-height:100%;
}

/*#owl-thumbnail .item.landscape{
    display: flex;
    align-items: center;
    overflow: hidden;
}*/

#owl-thumbnail .item.landscape img{
    width: 100%;
    height: auto;
}

#owl-thumbnail.owl-carousel .owl-item{
	background:#f5f5f5;
    border: 1px solid #f5f5f5;
}

#owl-thumbnail .owl-controls .owl-buttons > div.owl-next::before,
#owl-thumbnail .owl-controls .owl-buttons > div.owl-prev::before{
	font-size:50px;
	color:rgba(0,0,0,.8);
}

#owl-thumbnail .owl-controls .owl-buttons > div.owl-prev:hover::before,
#owl-thumbnail .owl-controls .owl-buttons > div.owl-next:hover::before{
	background:none !important;
	border-color:none !important;
	color:#999 !important;
}

#owl-thumbnail .owl-controls .owl-page span{
	background:#869791;
	border:none;
}

#owl-thumbnail .owl-pagination{
	margin-top:10px;
}

#owl-thumbnail .owl-controls .owl-buttons{
	height:0;
}



.content.detail > .container-fluid{
	width:75%;
	margin:0;
}

@media(max-width:991px){
	.content.detail > .container-fluid{
		width:100%;
	}
}

.content.detail #owl-detail-star .owl-controls .owl-pagination{
	display:none;
}

.content.detail #owl-detail-star.owl-theme .owl-controls .owl-buttons{
	width:auto;
	position: absolute;
	top: -40px;
	right:9px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all s.25s ease-in-out;
}

.content.detail #owl-detail-star.owl-theme .owl-controls .owl-buttons > div{
	border-radius: 0;
	margin-left: 10px;
	position: relative;
	color: rgba(0,0,0,0);
	padding:0;
	background: #ccc;
}


.detail-wrap .content-title{
	position:relative;
	border-bottom:1px solid #666;
	margin-bottom:40px;
}

.detail-wrap .content-title h4{
	width:80%;
	font-size:24px;
	font-weight:bold;
	color:#000;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	margin-top:0;
}

.detail-wrap .content-title .register-data{
	position:absolute;
	top:7px;
	right:0;
	margin:0;
}

@media(max-width:767px){
	.content.detail #owl-detail-star{
		margin-bottom:60px;
	}
	.detail-wrap .content-title h4{
		width:100%;
	}

	.detail-wrap .content-title .register-data{
		top:50px;
		right:15px;
	}	
}

.detail-wrap .detail-cont-txt .user-info .pic,
.detail-wrap .detail-cont-txt .user-info .name{
	display:inline-block;
}

.detail-wrap .detail-cont-txt .user-info .name{
	width:80%;
	position:relative;
	top:6px;
}

.detail-wrap .detail-cont-txt .user-info .name span{
	margin-left:10px;
	font-weight:bold;
	display:inline-block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	width:95%;
}

.detail-wrap .detail-cont-txt .user-info .pic img{
	width:50px;
	height:auto;
}

.detail-wrap .detail-cont-txt .modify-btn-box{
	position:absolute;
	top:-40px;
	right:15px;
}

@media(max-width:767px){
	.detail-wrap .content-title.col-sm-12{
		padding-left:15px;
		padding-right:15px;
		
	}
	
	.detail-wrap .detail-cont-txt .modify-btn-box{
		position:relative;
		top:10px;
		right:inherit;
		left:50%;
		margin-left:-50px;
		display:inline-block;
	}
}


/* member-leave */

.member-leave-wrap{
	width:70%;
}

@media(max-width:991px){
	.member-leave-wrap{
		width:100%;
	}
}

.member-leave-wrap .info-set-tab-wrap{
	position:relative;
}

.member-leave-wrap .info-set-tab-wrap .nav-tabs{
	width:100%;
	border-bottom: 2px solid #6077bf;
}

.member-leave-wrap .info-set-tab-wrap .nav-tabs > li{
	margin-bottom:-2px;
	background:#e6e6e6;
	margin-left:20px;
}

.member-leave-wrap .info-set-tab-wrap .nav-tabs > li:first-child{
	margin-left:0;
}

.member-leave-wrap .info-set-tab-wrap .nav-tabs > li > a{
	font-size:18px;
	font-weight:bold;
	color:#808080;
	text-align:left;
	padding:12px 25px 11px;
	border-radius:0;
}

.member-leave-wrap .info-set-tab-wrap .nav-tabs >li.active>a,
.member-leave-wrap .info-set-tab-wrap .nav-tabs >li.active>a:focus,
.member-leave-wrap .info-set-tab-wrap .nav-tabs >li.active>a:hover{
	color:#6077bf;
    cursor: default;
    background-color: #fff;
    border-top: 2px solid #6077bf;
    border-left: 2px solid #6077bf;
    border-right: 2px solid #6077bf;
	border-radius:0;
}

.member-leave-wrap .info-set-tab-wrap .nav-tabs > li > a:hover {
	color: #fff;
	background-color: #6077bf;
	border-radius:0;
}

@media(max-width:767px){
	.member-leave-wrap .info-set-tab-wrap #my-info{
		background:#eee;
		padding:10px 20px 10px 0;
	}
	.member-leave-wrap .info-set-tab-wrap .nav-tabs > li{
		margin-left:10px;
	}
	.member-leave-wrap .info-set-tab-wrap .nav-tabs > li > a{
		font-size:16px;
		padding:12px 15px 11px;
	}
}


.member-leave-wrap .info-set-tab-wrap .tab-content{
	margin-top:20px;
}

.member-leave-wrap .info-set-tab-wrap .tab-content .button-wrap {
    margin-top: 80px;
    text-align: center;
}

.member-leave-wrap #my-info .leave-step-1{
	margin-top:60px;
	text-align:center;
}

.member-leave-wrap #my-info .leave-step-1 span{
	font-size:16px;
	font-weight:bold;
	letter-spacing:-1px;
	margin-right:20px;
}

.member-leave-wrap #my-info .leave-step-1 input{
	width:350px;
	display:inline-block;
}

.member-leave-wrap #my-info .leave-step-1 p{
    font-size: 13px;
    line-height: 18px;
    border-top: 1px solid #e6e6e6;
    padding-top: 30px;
    margin: 30px auto 0;
    width: 70%;
}

@media(max-width:767px){
	.member-leave-wrap #my-info .leave-step-1 p{
		width: 100%;
	}
}

@media(max-width:480px){
	.member-leave-wrap #my-info .leave-step-1 input{
		width:100%;
	}
}

.member-leave-wrap #my-info .leave-step-2{
	width:70%;
	position:relative;
}

.member-leave-wrap #my-info .leave-step-2 > p{
	padding-left:10px;
	font-size:16px;
	color:#454545;
	margin-top:30px;
}

.member-leave-wrap #my-info .leave-step-2 p i{
	color:#ff6600;
}

.member-leave-wrap #my-info .leave-step-2 > p > span{
	position:absolute;
	left:30px;
}

.member-leave-wrap #my-info .leave-step-2 .agree-box{
	margin-top:20px;
	border:1px solid #e6e6e6;
}

.member-leave-wrap #my-info .leave-step-2 .agree-box .title{
    font-size: 18px;
    background: #fbfbfb;
    margin: 0;
    padding: 15px 25px;
    color: #5a74c2;
}

.member-leave-wrap #my-info .leave-step-2 .agree-box .con{
	font-size:12px;
	line-height:20px;
	padding:5px 20px;
}

.member-leave-wrap #my-info .leave-step-2 .agree-box .con span{
	display:block;
	margin:10px 0 0 5px;
	text-decoration: underline;
}

.member-leave-wrap #my-info .leave-step-2 label{
	display:block;
	text-align:right;
	margin:10px 10px 20px;
}

.member-leave-wrap #my-info .leave-step-2 label input{
	top: 0;
    margin: 2px 7px 0 3px !important;
}

.member-leave-wrap #my-info .leave-step-2 .btn{
	width:106px;
}

.member-leave-wrap #my-info .leave-step-2 .label-checkbox .txt{
	font-size:12px;
	color:#888;
	font-weight:normal;
}

.member-leave-wrap #my-info .leave-step-2 .modal-body,
.member-leave-wrap #my-info .leave-step-2 .modal-footer{
	text-align:center;
}

.member-leave-wrap #my-info .leave-step-2 .modal-body p:first-child{
	margin:0;
}

.member-leave-wrap #my-info .leave-step-2 .modal-footer .btn{
	width:auto;
}

.member-leave-wrap #my-info .leave-step-3{
	padding-top:30px;
	text-align:center;
}

.member-leave-wrap #my-info .leave-step-3 .img{
	display:inline-block;
	margin:0;
}

.member-leave-wrap #my-info .leave-step-3 .img img{
	width:274px;
	height:auto;
	display:inline-block;
}

.member-leave-wrap #my-info .leave-step-3 .txt{
	display:inline-block;
	text-align:left;
	margin-left:50px;
	position:relative;
	top:50px;
	letter-spacing:-1px;
}

.member-leave-wrap #my-info .leave-step-3 .big-txt{
    font-size: 26px;
	color:#333;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 5px 5px;
	line-height:32px;
}

.member-leave-wrap #my-info .leave-step-3 .ment .txt1{
	font-size:18px;
	margin:30px 0 0;
}

.member-leave-wrap #my-info .leave-step-3 .ment .txt2{
	font-size:16px;
	margin:5px 0;
}

@media(max-width:767px){
	.member-leave-wrap #my-info .leave-step-2{
		width:100%;
	}
	.member-leave-wrap #my-info .leave-step-3 .img img{
		width:40%;
	}
}

@media(max-width:460px){
	.member-leave-wrap #my-info .leave-step-3 .txt{
		margin-left:0;
		top:20px;
		text-align:center;
	}
}

@media(max-width:410px){
	.member-leave-wrap #my-info .leave-step-2 > p{
		margin-bottom:40px;
	}
}

@media(max-width:360px){
	.member-leave-wrap #my-info .leave-step-2 .modal-body p br{
		display:none;
	}
}


.member-leave-wrap #my-cont .contents{
	margin:0;
}

.member-leave-wrap #my-cont .contents .item .name{
	max-width:46%;
}

@media(min-width:768px) and (max-width:991px){
	.member-leave-wrap #my-cont .contents .item .name{
		max-width:60%;
	}
}

.member-leave-wrap #purchase-info .btn{
	font-size:12px;
}

.member-leave-wrap #purchase-info .top-txt{
	font-size:12px;
	padding-left:20px;
}
.member-leave-wrap #purchase-info .top-txt > p{
	color: #6077bf;
	font-weight:bold;
	margin:15px 0 5px;
}
.member-leave-wrap #purchase-info .top-txt > p i{
	margin-right:2px;
}
.member-leave-wrap #purchase-info .top-txt ul{
	margin-left:3px;
}
.member-leave-wrap #purchase-info .top-txt ul li{
	color:#666;
    line-height: 18px;
	position:relative;
	padding-left:10px;
}

.member-leave-wrap #purchase-info .top-txt ul li:before{
	content:"•";
	color:#6477bf;
	font-family:Fontawesome;
	padding-right:5px;
	position:absolute;
	top:-1px;
	left:0;
}


/*Table*/
.member-leave-wrap #purchase-info .table {
	display:table;
	width: 100%;
	border-top:1px solid #e6e6e6;
	margin-top:30px;
}
.member-leave-wrap #purchase-info .table .row {
	display: table-row;
}
.member-leave-wrap #purchase-info .table .row.header{
	background:#f6f6f6;
	font-weight:bold;
}
.member-leave-wrap #purchase-info .table .header .cell{
	text-align:center;
	color:#666;
}
.member-leave-wrap #purchase-info .table .cell{
	display:table-cell;
	padding:10px 0;
	border-bottom:1px solid #e6e6e6;
	text-align:center;
	vertical-align: middle;
	font-size:12px;
	color:#808080;
	line-height:16px;
}
.member-leave-wrap #purchase-info .table .col1{
	width: 80px;
}
.member-leave-wrap #purchase-info .table .col2{
	width:calc(100% - 600px);
	text-align: left;
}
.member-leave-wrap #purchase-info .table .col3{
	width: 100px;
	color:#ff6600;
}
.member-leave-wrap #purchase-info .table .col4{
	width: 140px;
}
.member-leave-wrap #purchase-info .table .col5{
	width: 140px;
}
.member-leave-wrap #purchase-info .table .col6{
	width: 140px;
}

.member-leave-wrap #purchase-info .table .cell .a-txt{
	display:block;
}

.member-leave-wrap #purchase-info .table .in-use,
.member-leave-wrap #purchase-info .table .end{
    display: inline-block;
    padding: 1px 3px;
    border-radius: 5px;
    font-size: 11px;
    width: 40px;
    text-align: center;
}
.member-leave-wrap #purchase-info .table .in-use{
	background:#ff6600;
	color:#fff;
}
.member-leave-wrap #purchase-info .table .end{
	background:#999;
	color:#fff;
}

@media(max-width:1299px) and (min-width:768px){
	.member-leave-wrap #purchase-info .table .col4{
		width: 80px;
	}
	.member-leave-wrap #purchase-info .table .col5{
		width: 90px;
	}
}

@media(min-width:768px){
	.member-leave-wrap #purchase-info .table .row hr{
		display:none;
	}
}

@media(max-width:767px){
	.member-leave-wrap #purchase-info .top-txt{
		padding-left:10px;
	}
	.member-leave-wrap #purchase-info .table {
		border:none;
		background:#eee;
	}
	.member-leave-wrap #purchase-info .table .row{
		display:block;
		background: #fff;
		margin: 10px;
		padding: 10px;
		border: 1px solid #ddd;
	}
	.member-leave-wrap #purchase-info .table .row.header{
		display:none;
	}
	.member-leave-wrap #purchase-info .table .cell{
		position:relative;
		border:none;
		text-align:left;
		display:inherit;
		padding:5px 0;
	}
	.member-leave-wrap #purchase-info .table .col1,
	.member-leave-wrap #purchase-info .table .col2{
		display:inline-block;
	}
	.member-leave-wrap #purchase-info .table .col3,
	.member-leave-wrap #purchase-info .table .col4,
	.member-leave-wrap #purchase-info .table .col5,
	.member-leave-wrap #purchase-info .table .col6{
		display:block;
		width:100%;
		padding-left:60px;
	}
	.member-leave-wrap #purchase-info .table .col1{
		width:57px;
	}
	.member-leave-wrap #purchase-info .table .col2{
		width:calc(100% - 65px);
		color:#333;
	}
	
	.member-leave-wrap #purchase-info .table .row hr{
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.member-leave-wrap #purchase-info .table .cell .a-txt{
		display:inline;
		margin-left:5px;
	}
	
	.member-leave-wrap #purchase-info .table .col3:before{
		content:"결제금액";
		display: inline-block;
		position: absolute;
		top: 6px;
		left:0;
		width:60px;
		color:#666;
	}
	.member-leave-wrap #purchase-info .table .col4:before{
		content:"구매일";
		display: inline-block;
		position: absolute;
		top: 6px;
		left:0;
		width:60px;
		color:#666;
	}
	.member-leave-wrap #purchase-info .table .col5:before{
		content:"유효기간";
		display: inline-block;
		position: absolute;
		top: 6px;
		left:0;
		width:60px;
		color:#666;
	}
	.member-leave-wrap #purchase-info .table .col6:before{
		content:"구매취소";
		display: inline-block;
		position: absolute;
		top: 6px;
		left:0;
		width:60px;
		color:#666;
	}
	.member-leave-wrap #purchase-info .btn{
		padding:0 10px;
	}
}

/*Main Popup*/
.main_pop {
	width: 380px;
	position: fixed;
	top: 0;
	left: 255px;
	margin-top: 31px;
	padding: 0;
	/* background: #06397E; */
	font-size: 12px;
	font-family: '돋움';
	/* box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); */
	z-index: 10000;
	/* border: 4px solid #2d3659; */
}

#noticeInfoPopup {
	background-image: url(../images/popup_background.png);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}


#noticeInfoPopupHeader,
#noticeInfoPopup p {
    margin: 0;   /* 텍스트나 요소들의 여백 제거 */
    padding: -5px;  /* 텍스트나 요소들의 내부 여백 제거 */
    transform: translate(5%,10%);
    
  
    
}


#noticeInfoPopupHeader .txt-4 {
	position:relative;
	top: 70px;
	line-height: 25px;
}


#serverCheckInfoPopup {
	background-image: url(../images/popup_background.png);
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 500px;
    
}

#serverCheckInfoPopupHeader .txt-2 {
	position:relative;
	top: -33px;
	line-height: 25px;
	left: 40px;
	font-size: 12px;
}



#serverCheckInfoPopupHeader,
#serverCheckInfoInfoPopup p {
    margin: 0;   /* 텍스트나 요소들의 여백 제거 */
    padding: -6px;  /* 텍스트나 요소들의 내부 여백 제거 */
    transform: translate(5%,30%);

   
}






.main_pop img {
	width: 100%
}

.main_pop .txt {
	padding: 20px;
	margin-bottom: 10px;
}

.main_pop .txtT .txt-1 {
	font-weight: bold;
}


.main_pop .txtT .txt-1 span {
	color: #333339;
	top: 55px;
	position: relative;
	left: -6px;
}

.main_pop .txt .txt-2 > p {
	margin: 2 20px;
}


.main_pop .close_wrap {
	padding: 8px 20px;
	font-size: 12px;
	text-align: right;
/* 	background: #ddd; */
	position: absolute;
	bottom: 0;
	width: 100%;
}

.main_pop .close_wrap div {
	display: inline-block;
}

.main_pop .close_wrap form>div {
	color: #666;
}

.main_pop .close_wrap input {
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.main_pop .close_wrap .close {
	opacity: 1;
	background: #ddd;
	border-radius: 4px;
	float: none;
	font-size: inherit;
	line-height: inherit;
	margin-left: 10px;
}

.main_pop .close_wrap .close:hover {
	opacity: 0.8;
}

.main_pop .close_wrap a {
	font-weight: bold;
	color: #333339;
	font-size: 11px;
	padding: 5px;
}

@media screen and (max-width:767px) {
	.main_pop {
		position: absolute;
		top: 5px;
		left: 5%;
		right: 5%;
		margin: 50px auto;
		width: 90%;
	}
}

.main_pop {
	width: 380px;
	position: fixed;
	left: 255px;
	margin-top: 31px;
	padding: 0;
	/* background: #fff; */
	font-size: 16px;
	font-family: 'Pretendard';
	font-weight: bold;
	/* box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); */
	z-index: 10000;
	/* border: 4px solid #2d3659; */
}

.main_pop img {
	width: 100%
}

.main_pop .txtT {
	padding: 20px;
	margin-bottom: 40px;
}

.main_pop .txtT .txt-3 {
	font-weight: bold;
}

.main_pop .txtT .txt-3 span {
	color: #333339;
	top: 65px;
	position: relative;
	left: -6px;
}


.main_pop .close_wrap {
	padding: 8px 20px;
	font-size: 12px;
	text-align: right;
	/* background: #ddd; */
	position: absolute;
	bottom: 43px;
	width: 100%;
	left: -29px;
	
}

#serverCheckInfoPopup .close_wrap {
	padding: 8px 20px;
	font-size: 12px;
	text-align: right;
	/* background: #ddd; */
	position: absolute;
	bottom: 44px;
	width: 100%;
	left: -72px;
	
}

.main_pop .close_wrap div {
	display: inline-block;
}

.main_pop .close_wrap form>div {
	color: #666;
}

.main_pop .close_wrap input {
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.main_pop .close_wrap .close {
	opacity: 1;
	background: #ddd;
	border-radius: 4px;
	float: none;
	font-size: inherit;
	line-height: inherit;
	margin-left: 10px;
}

.main_pop .close_wrap .close:hover {
	opacity: 0.8;
}

.main_pop .close_wrap a {
	font-weight: bold;
	color: #333339;
	font-size: 11px;
	padding: 5px;
}

@media screen and (max-width:767px) {
	.main_pop {
		position: absolute;
		top: 5px;
		left: 5%;
		right: 5%;
		margin: 50px auto;
		width: 90%;
	}
}