/* 1025 ~ */

.bbs_list .visual-xs {
	display: none;
}
.gallery_list ul > li > a > img {
	width: 100%;
	height: auto;
}
.gallery_list ul > li {
    width: 33.33333333333333%;
    height: 100%;
}
.gallery_list2 ul > li > a > img {
	width: 100%;
	height: auto;
}
.gallery_list2 ul > li {
    width: 33.33333333333333%;
    height: 100%;
}
.pg_current_view:hover {
    background-color: #0077d2;
}
.pg_current_view > a:hover {
	color: #fff;
}
#Member-Content .pull-right {
    float: right!important;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-right: -1em;
}
.register.box .form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.register.box .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.register.box .btn-default.active, .register.box .btn-default.focus, .register.box .btn-default:active, .register.box .btn-default:focus, .register.box .btn-default:hover, .register.box .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.register.box .col-sm-4 {
    width: 33.33333333%;
}
.register.box .form-control {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}
.register.box .form-control.w-33 {
	display: inline-block;
	width: 33.3333333334%;
	vertical-align: middle;
}
.register.box .col-sm-offset-2 {
    margin-left: 16.66666667%;
}
.member .register .box {
    padding: 80px 20px 40px 20px;
    border: 5px solid #eee;
}
.member .register .box  {
    background: url("../images/sub/img_join.png") no-repeat 17% center;background-size: 20% auto;
}
.member > .login, .member > .register > .box {
    background: url("../images/sub/img_computer.png") no-repeat 17% center;
}
.member > .login.idpwd, .member > .register > .box {
    background: url("../images/sub/img_idpw.png") no-repeat 17% center;
}
.member .register .box .btn-default {
    color: #333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.member .register .box .btn-default.active, .member .register .box .btn-default.focus, .member .register .box .btn-default:active, .member .register .box .btn-default:focus, .member .register .box .btn-default:hover, .member .register .box .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.register.ok .col-sm-6 {
    padding-bottom: 40px;
}
.wrap_controllers {
	width:100%; margin:0 auto 50px;
    overflow: hidden;
    padding: 7px 11px;
    border: 1px solid #dfdfdf;
    border-color: rgba(0,0,0,.1);
    border-radius: 0 0 2px 2px;
    background-color: #f9f9f9;
}
.wrap_controllers .tit_controllers {
    float: left;
}
.wrap_controllers .tit_controllers img {
    display: block;
    width: 72px;
    height: 16px;
}
.wrap_controllers .wrap_btn_roadview {
    float: right;
    position: relative;
    top: 1px;
    font-size: 11px;
}
#map {
	width:100%; height:550px;margin:20px auto -1px;border:solid 1px #cccccc;
}
.sub_menu {
    position: relative;
    width: 100%; 
	max-width: 1200px;
    height: 50px;
    margin: -16px auto 0;
}
.sub_container {
    position: relative;
    width: 100%;
	max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px 50px 15px;
}
.sub_menu_wrap {
    padding: 0 0px;
}
.container_visual {
    width: 100%;
}
#write_form td:nth-child(1) { 
    width: 15%;
}
.bbs_view .view_info {
    padding: 1em;
    font-size: 1.08em;
    font-weight: 600;
    color: #000;
}
.bbs_view .view_file, .bbs_view .view_link {
    padding: 1em 0.5em;
    font-size: 1.08em;
    font-weight: 600;
    color: #000;
    background-color: #f9f9f9;
}
.gallery_list ul {
    display: flex;
    flex-wrap: wrap;
}


/* 1024 ~ 768까지 */

@media screen and (max-width:1024px){
	.sub_container {
		width: 100%;
	}
	.gallery_list ul > li {
		width: 33.33333333333333%;
		height: 310px;
	}
	.gallery_list ul > li > a > img {
		width: 100%;
		height: auto;
	}
	.gallery_list ul > li {
		width: 33.33333333333333%;
		height: 100%;
	}
	.gallery_list2 ul > li {
		width: 33.33333333333333%;
		height: 310px;
	}
	.gallery_list2 ul > li > a > img {
		width: 100%;
		height: auto;
	}
	.gallery_list2 ul > li {
		width: 33.33333333333333%;
		height: 100%;
	}
	.sub_visual_view_pc {
		/* display: none; */
	}
	#write_form td:nth-child(1) { 
		width: 15%;
	}
}



/* 766 ~ 1023까지 */

@media screen and (max-width:768px){
}



/* 767 ~ 320 */

@media screen and (max-width:767px){
	.bbs_list .hidden-xs {
		display: none;
	}
	.bbs_list .visual-xs {
		margin: 0.35em 0;
	}
	.bbs_list .visual-xs {
		display: block;
	}
	.bbs_list th {
		padding: 0.75em 0.5em;
	}
	.bbs_list td {
		padding: 0.75em 0.5em;
	}
	.gallery_list ul {
		margin: 0.5em -0.5em;
	}
	.gallery_list ul > li {
		width: 50%;
		height: 100%;
		padding: 0 0.5em;
	}
	.gallery_list2 ul {
		margin: 0.5em -0.5em;
	}
	.gallery_list2 ul > li {
		width: 50%;
		height: 100%;
		padding: 0 0.5em;
	}
	.view_cont_gallery img {
		width: 100%;
		height: auto;
	}
	.login.box .col-sm-5 {
		width: 100%;
	}
	.login.box .form-horizontal .control-label {
		padding-top: 7px;
		padding-bottom: 5px;
		text-align: left;
	}
	.login.box .col-sm-offset-6 {
		margin-left: 0%;
	}
	.member .register .box {
		background: none;
	}
	.member .col-sm-offset-6 {
		margin-left: 0%;
	}
	.member .col-sm-offset-6.col-sm-6 {
		width: 100%;
	}
	.register.box .form-control.w-33 {
		display: inline-block;
		width: 100%;
		vertical-align: middle;
	}
	.register.box .form-horizontal .control-label {
		padding-top: 7px;
		padding-bottom: 5px;
		text-align: left;
		width: 100%;
	}
	.register.box .form-horizontal .col-sm-10 {
		width: 100%;
	}
	.register.box .col-sm-offset-2 {
		margin-left: 0%;
	}
	#Member-Content .pull-right {
		float: right!important;
		margin-top: 40px;
		margin-bottom: 40px;
		margin-right: 0;
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
	}
	.member .nav-pills>li>a {
		width: 100%;
		margin: auto;
		padding: auto;
	}
	#Member-Content .nav-pills>li {
		float: left;
		width: 100%;
	}	
	#map {
		width:100%; height:450px;margin:20px auto -1px;border:solid 1px #cccccc;
	}
	.hidden-mo {
		display:none;
	}
	#write_form td:nth-child(1) { 
		width: auto;
	}
}