@charset "utf-8";
body{font-size: 12px}
*{box-sizing: border-box;}
* {
    border-radius: 0 !important;
  /*   font-family: 'NanumBarunGothic'; */
}

/* SIR 지운아빠 */
/* default.css 수정 부분 */
legend{border-bottom: 0;}
.btn_submit{background-color: #265ba1;padding: 15px 20px;font-size: 14px;}
a.btn_cancel{padding: 14px 20px;font-size: 14px}
.tbl_frm01 th{width: 120px;}
fieldset .btn_submit{font-size: 12px; padding: 0 20px;}
#bo_w{margin-bottom: 20px;}
#bo_list .td_num{width: 65px;}
a.btn_b02{background-color: #265ba1;}
a.btn_b02:hover{color:#fff;}

/* a{color:#fff;} */
/* default.css 수정 부분 끝 */
.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-20{margin-top: 20px;}
.margin-top-30{margin-top: 30px;}
.margin-top-40{margin-top: 40px;}
.margin-top-50{margin-top: 50px;}
.margin-top-60{margin-top: 60px;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-40{margin-bottom: 40px;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-60{margin-bottom: 60px;}
.margin-right-0{margin-right: 0;}
.margin-right-3{margin-right: 3px;}
.margin-right-5{margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-11-5{margin-right: 11.5px;}
.margin-right-15{margin-right: 15px;}
.margin-right-20{margin-right: 20px;}

.padding-left-15{padding-left: 15px;} 
.padding-right-15{padding-right: 15px;}

.col-md-2-5{width: 20%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}  
.col-mds-3{float: left;width: 25%;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-mds-4{float: left;width: 33.33333%;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.col-mds-6{float: left;width: 50%;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.row-l{margin: 0 -10px 0 -15px;}
.row-l2{margin: 0 -5px 0 -15px;}
.row-r{margin: 0 -15px 0 -10px;}
.clearfix{clear: both;}
.badge{border-radius: 10px !important;background-color: #265ba1;}
.text-center{text-align: center;}
.font-size-12{font-size: 12px;}
.border-notop-1px-d1d1d1{border: 1px solid #d1d1d1; border-top:0;}
.border-notop-2px-0071bc{border: 2px solid #0071bc; border-top:0;}
.disply-none{display: none;}


/* 구글 번역기 */
#google_translate_element {height: 30px;}
#google_translate_element .goog-te-gadget-simple{height: 30px;border: 0;}

.headline {
    display: block;
    margin: 0 0 15px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
}

.headline h1, .headline h2, .headline h3, .headline h4, .headline h5, .headline h6 {
    margin: -1px 0 -1px;
    padding: 5px 2px;
    display: inline-block;
    border-bottom: 1px solid #0071bc;
    border-top: 1px solid #0071bc;
}

.headline h6 {
    font-size: 12px;
}

.sky-form .input:hover input, .sky-form .select:hover select, .sky-form .textarea:hover textarea {
    border-color: #999;
}

.sky-form .input input, .sky-form .select select, .sky-form .textarea textarea, .sky-form .radio i, .sky-form .checkbox i, .sky-form .toggle i, .sky-form .icon-append, .sky-form .icon-prepend {
    border-color: #bbb;
}

.sky-form .icon-append, .sky-form .icon-prepend {
    top: 1px;
    height: 28px;
    font-size: 12px;
    line-height: 29px;
    background: inherit;
}

.sky-form .icon-append {
    right: 1px;
    padding: 0 3px;
    min-width: 30px;
}

.sky-form .icon-append, .sky-form .icon-prepend {
    color: #b3b3b3;
}

.btn-e {
    white-space: nowrap;
    border: 0;
    color: #fff !important;
    font-size: 12px;
    cursor: pointer;
    font-weight: 300;
    padding: 3px 12px;
    position: relative;
    background: #0071bc;
    display: inline-block;
    text-decoration: none;
}

.btn-e:hover {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-e:hover, .btn-e:focus, .btn-e:active, .btn-e.active, .open .dropdown-toggle.btn-e {
    background: #DF2700;
}
.padding-15{padding: 10px 15px;}
#hd{z-index: 6;min-width: 100%;}
#wrapper{width: 100%; margin: 0 auto;}
#hd_top{width: 100%; border-bottom: 1px solid #d1d1d1;height: 31px;}
#hd_top_left{float: left;}
#hd_top_left ul{list-style: none;padding: 0;margin: 0;}
#hd_top_left li{float:left;padding: 0 10px;border-right: 1px solid #d1d1d1;}
#hd_top_left li:first-child{border-left: 1px solid #d1d1d1;}
#hd_top_left li a:HOVER{text-decoration: none;}

#hd_top_right{float: right;}
#hd_top_right ul{list-style: none;padding: 0;margin: 0;}
#hd_top_right li{float:left;padding: 0 10px;line-height: 30px;}
#hd_top_right li a:HOVER{text-decoration: none;}
 
#hd_wrapper {/* padding: 10px 0 0 0; */padding:0; width: 100%;border-bottom: 1px solid #d1d1d1;}
#logo{text-align: left;margin: 0;position: relative;line-height: 65px;margin: 0 0 0 150px;}
#logo img{/* height: 36px;  height: 50px;*/}
.wrapper {
    width: 1024px;
    margin: 0 auto;
}
#logo .header_left{position: absolute;top: 5px;text-align: right;left: 0;} 
#logo .header_banner{position: absolute;top: 5px;text-align: right;right: 0;}
#logo .header_banner img{width: 240px;height: 60px;background-color: #f2f2f2;}

#hd_sch{height: 36px; margin:  20px 0 0 10px;}
#search_hd_mobile_box{position: absolute;top: 0;right: 15px;}
#home_hd_mobile_box{position: absolute;top: 0; left: 15px;}

#gnb {
    width: 100%;
    background-color: #6fa6e5;
    height: 45px;
    line-height: 45px;
    /* margin-top: 10px; */
}

.hd_sub_menu_box{float: left;margin-left: 15px;margin-top: 30px;} 
.hd_sub_menu_box ul{list-style: none;padding: 0;margin: 0;}
.hd_sub_menu_box ul li{border-right: 1px solid #d1d1d1;float: left;line-height: 20px;padding: 0 5px;font-size: 12px}
.hd_sub_menu_box ul li:first-child{padding-left: 0;}
.hd_sub_menu_box ul li:last-child{border-right: 0;padding-right: 0;}
.container{position: relative;/* border-top: 1px solid #d1d1d1;  */width: 100%;}
.indoweb114_aside{position: absolute;left: 0;right: 0;border-right: 1px solid #d1d1d1;width: 345px;height: 100%;background-color: #fff;overflow: auto;}
.indoweb114_search_form{padding: 10px;border-bottom: 1px solid #d1d1d1;margin-bottom: 10px;}
#search-open-box{text-align: center;}

.indoweb114_list{padding: 10px;} 
.indoweb114_list ul{list-style: none;padding: 0;margin: 0;}
.indoweb114_list ul li{clear: both;overflow: hidden;margin-bottom: 10px;border-bottom: 1px solid #d1d1d1;position: relative;}
.yellow-imgbox{height:60px;width: 60px;float: left;margin-right: 5px;}
.yellow-infobox{position: absolute;left:65px;top:0;}
.yellow-title{white-space: nowrap;line-height: 20px;height: 40px;overflow: hidden;}
.yellow-tel{height: 20px;line-height: 20px;}
.ordertap{text-align: center;height: 30px;background-color: #333;border-right: 1px solid #888;line-height: 30px;font-size: 14px; color:#fff;cursor: pointer;}
.ordertap:last-child{border-right:0;}
#google_maps{  	width : -webkit-calc(100% - 330px); /* for Chrome, Safari */
    			width :    -moz-calc(100% - 330px); /* for Firefox */
    			width :         calc(100% - 330px); /* for IE */height: 950px;margin-left: 330px;}

.yellow_category_box{padding: 0 5px;  border:1px solid #d1d1d1; border-radius: 5px !important;text-align: center;margin-left: -15px;margin-right: -5px;min-height: 76px;box-shadow:2px 2px 1px #888888;}
.act{background-color: #c5ccd2;}
.yellow_category_box a{text-decoration: none;}
.yellow_category_box img{max-width: 60px;}
.yellow_category_box_title{line-height: 20px;overflow: hidden;white-space: nowrap;}
.act .yellow_category_box_title{color:#fff;}
.yellow_content_box{float: left;position: relative;border: 1px solid #d1d1d1;}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect:hover .overlay {
  /* background-color: rgba(170,170,170,0.4); */
}

.hovereffect h2, .hovereffect img {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.hovereffect h2 {
 /* text-transform: uppercase;*/
  color: #fff;
  text-align: center;
  position: absolute;
  font-size: 14px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  /* padding: 7px 14px; */
/*   text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff; */
  margin: 50px 0 0 0;
 /*  background-color: transparent; */
  opacity: 0;
 /*  filter: alpha(opacity=0);
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; */
  font-weight: normal;
 /*  height: 85%;
  width: 85%; */
  position: absolute;
  top: -20%;
  left: 8%;
 /*  padding: 70px; */
}

.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(0,0,0,0.4);
}

.sidebarOverlay{    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    z-index: 11;
    overflow: hidden;
    display: none;
}

.sidebar{
	box-shadow: rgba(0, 0, 0, 0.639216) 0px 0px 5px;
    position: absolute;
    color: white;
    text-align: center;
    background: rgb(244, 244, 244);
    width: 244px;
    top: 0px;
    bottom: 0px;
    z-index: 12;
    margin-left: -244px;
    transition: all 0.5s ease;
	display: none;
}
.sidebar-box-div{display: none;margin-top: 10px;}
.hd_sub_yellow_total_count{text-align: center;clear: both;}
@media (max-width: 1023px){
	.wrapper{width: 100%;}
	#logo{margin-left: 15px;}
}

@media (max-width: 991px){
	.indoweb114_aside{top: 0;}
	#google_maps{width:100%;  height: 450px;margin-left: 0;}
	#ft{min-width: 100%;}
	.hd_sub_menu_box{float: none; clear: both;margin-top: 10px;margin-left: 0;border-top: 1px solid #8eb1da;}
	.hd_sub_menu_box ul li{width: 25%;text-align: center;line-height: 30px;background-color: #6fa6e5;font-weight: bold;}
	.hd_sub_menu_box ul li a{color:#fff;}

	.w33 ul li{width: 33.33%}

}

@media (max-width: 767px){
	#logo{width: 100%;text-align: center;margin-left: 0;line-height: 55px;}
	#hd_sch{margin: 0 15px 10px 15px;float: none;clear: both;}
	#hd_sch #sch_stx{width : -webkit-calc(100% - 53.4px); /* for Chrome, Safari */
    			width :    -moz-calc(100% - 53.4px); /* for Firefox */
    			width :         calc(100% - 53.4px); /* for IE */}
}






@media (min-width: 992px){
	.col-md-1-5 {
	    width: 10%;
	}
}
@media (min-width: 1200px){
	#hd_wrapper .container {
	    width: 1024px;
	}
	.container {
	    width: 100%;
	}
}