/*팝업*/
.modal_11 {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0,0,0, .6);
  transition: opacity .25s ease;
  margin-top:-160px;
}
.modal_bg_11 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.modal-state_11 {
  display: none;

}
.modal-state_11:checked + .modal_11 {
  opacity: 1;
  visibility: visible;
}

.modal-state_11:checked + .modal_11 .modal__inner_11 {
  top: 0;
}

.modal_inner_11 {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 30%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1em 2em;
  height: 52%;
  
}

.modal_close_11 {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal_close_11:after,
.modal_close_11:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #ccc;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal_close_11:hover:after,
.modal_close_11:hover:before {
  background: #aaa;
}

.modal_close_11:before {
  transform: rotate(-45deg);
}

@media screen and (max-width: 768px) {
	
  .modal_inner_11 {
    width: 90%;
    height: 30%;
    box-sizing: border-box;
    
  }
}

.btn_11 {
  /*cursor: pointer;
  background: #27ae60;
  display: block;
  padding: .5em 1em;
  color: #fff;
  border-radius: 3px;
  width:20%;
  align:left;*/
  width:100px;
}

.btn_11:hover,
.btn_11:focus {
 /* background: #2ecc71;*/
}








/*레이아웃*/
#t_layout_top {clear:both; min-width:0px; max-width:800px; display:none; align:left;  margin-top:19px;}

@media (max-width:800px){
  #t_layout_top{display:block;}
  }
@media \0screen{
	#t_layout_top {min-width:800px;}
}







/*스탭박스*/
@charset "UTF-8";


.box_new_111 {
	margin: 0 auto;
	padding: 0px;
	max-width: 100%;
	min-width: 320px;
	background: #fff;
}
.box_new_111 section {
	display: none;
	padding: 20px 0 0;
	border-top: 1px solid #ddd;
}
.box_new_111 input {
	display: none;
}
.box_new_111 label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	text-align: center;
	font-weight: 600;
	color: #bbb;
	border: 1px solid transparent;
}
.box_new_111 label::before {
	margin-right: 10px;
	font-family: fontawesome;
	font-weight: 300;
}
.box_new_111 label[for*="1"]:before {
	content: "\f1cb";
}
.box_new_111 label[for*="2"]:before {
	content: "\f17d";
}
.box_new_111 label[for*="3"]:before {
	content: "\f16b";
}
.box_new_111 label[for*="4"]:before {
	content: "\f1a9";
}
.box_new_111 label:hover {
	color: #888;
	cursor: pointer;
}
.box_new_111 input:checked + label {
	color: #555;
	border: 1px solid #ddd;
	border-top: 2px solid orange;
	border-bottom: 1px solid #fff;
}
.box_new_111 #tab1_1:checked ~ #content1,
.box_new_111 #tab2_1:checked ~ #content2,
.box_new_111 #tab3_1:checked ~ #content3,
.box_new_111 #tab4_1:checked ~ #content4 {
	display: block;
}

@media screen and (max-width: 650px) {
	.box_new_111 label {
		font-size: 12px;
	}
	.box_new_111 label::before {
		margin: 0;
		font-size: 12px;
	}
}
@media screen and (max-width: 450px) {
	.box_new_111 label {
		padding: 6px;
	}
}








/*버튼*/
input[type=text].keyword_box{
    
	height: 45px;
    width: 100%;
    padding: 12px 15px;
    margin: 8px 0;
    display: inline-block;
    border: 2px solid #697f9f;
    /*border-radius: 4px;*/
    box-sizing: border-box;


}

input[type=address], select {
	height: 46px;
    width: 100%;
    padding: 10px 18px;
    margin: 5px 0;
    display: inline-block;
    border: 2px solid #697f9f;
    /*border-radius: 4px;*/
    box-sizing: border-box;
    color:#424242;
}

input[type=button].top_keyword {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size:0.9em;
}

input[type=button].top_keyword:hover {
    background-color: #45a049;
}