/*@import url("style.css");
@import url("main2.css");
@import url("main.css");
@import url("../bootstrap-3.3.2-dist/css/bootstrap.css");
@import url("fontawesome-all.css");*/
@import url("font.css");
@import url("board.css");/*게시판*/
@import url("member.css");/*member.php 회원페이지*/


body {
	width:100%; margin:0; padding:0; word-break:keep-all; word-wrap:break-word;
	scrollbar-face-color: #1bb7b5; scrollbar-shadow-color: #1bb7b5; scrollbar-highlight-color: #1bb7b5; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-track-color: white; scrollbar-arrow-color: #1bb7b5;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	font-family: 'Noto Sans KR', sans-serif; font-size:15px; line-height:26px; color:#353535; font-weight:350;
}
	@media all and (min-width: 320px) and (max-width: 992px) {
		body {font-size:16px; font-weight: 400;}
	}
	
/*
face = 스크롤바의 색
shadow = 스크롤바 오른쪽 외각선
highlight = 스크롤 왼쪽 외각선
3dlight = 스크롤바 왼쪽 그림자
darkshadow = 스크롤 오른쪽 그림자↙
track = 스크롤바 없는 바탕색
arrow = 화살*/

/*드래그*/
::selection {color:#fff; background:#1bb7b5; }
::-moz-selection {color:#fff; background:#1bb7b5; } /* firefox */
/*드래그 끝*/


/*------------------------------------------------------------------------------------------------------
skip
---------------------------------------------------------------------------------------------------------*/
#skipNavi {position:absolute; left:0; top:-1000px; width:100%; height: 0px; z-index:1000; line-height:1px; font-size:1px;}
#skipNavi a{display:block; text-align:center; width: 100%;  line-height:1px; font-size:1px;}
#skipNavi a:focus, #skipnavigation a:hover, #skipnavigation a:active {position:absolute; left:0px; top:1000px; padding: 8px 0;  display:block; height:20px; background:#20262c; font-size:12px; font-weight:bold; line-height:18px; color:#fff;}
.hide{position:absolute; left:-9999px; top:-9999px; font-size:0; line-height:0; height:0; overflow:hidden; }
/*#skipNavi #topNaviSkip {margin:0; padding:0;}*/

#skipContent {}/*본문으로 바로가기*/
#skipMenu {}/*주메뉴로 바로가기*/
/*------------------------------------------------------------------------------------------------------
// skip
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
h사이즈
---------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
h1 {font-size:36px; line-height:46px;}
h2 {font-size:28px; line-height:36px;}
h3 {font-size:20px; line-height:30px;}
h4 {font-size:18px;}
h5 {font-size:15px;}
h6 {font-size:13px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		h1 {font-size:26px; line-height:36px;}
		h2 {font-size:22px; line-height:33px;}
		h3 {font-size:20px; line-height:30px;}
		h4 {font-size:16px; line-height:26px;}
	}
/*------------------------------------------------------------------------------------------------------
h사이즈 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
칼라
---------------------------------------------------------------------------------------------------------*/
.st_yellow {color:#fff600;}
.st_brown {color:#412b1d;}
.st_orange {color:#ff6600;}
.st_pink {color:#fdf1e1;}
.st_aqua {color:#3ab5b6;}
.st_blue {color: #4c80a0;}
.st_gray_l {color: #efefef;}
.st_gray_m {color: #9d9d9d;}
.st_gray_d {color: #333;}

.bg_yellow {background-color: #fff600;}
.bg_brown {background-color: #412b1d;}
.bg_orange {background-color: #ff6600;}
.bg_pink {background-color: #fdf1e1;}
.bg_aqua {background-color: #3ab5b6;}
.bg_gray_l {background-color: #efefef;}
.bg_bluelight {background-color: #d8f0f0;}
.bg_bluedeep {background-color: #4c80a0;}

.border_yellow {border: 1px solid #fff600;}
.border_brown {border: 1px solid #412b1d;}
.border_orange {border: 1px solid #ff6600;}
.border_pink {border: 1px solid #fdf1e1;}
.border_aqua {border: 1px solid #3ab5b6;}

/*------------------------------------------------------------------------------------------------------
칼라 끝
---------------------------------------------------------------------------------------------------------*/

.con_pre {white-space: pre-line;}
.ms_4_5 {margin-left: 2.5rem !important;}
.fs-7 {font-size: .7rem !important;}
.fs-8 {font-size: .8rem !important;}
.fs-9 {font-size: .9rem !important;}
.fw_100 {font-weight: 100;}
.fw_400 {font-weight: 400;}
.fw_900 {font-weight: 900;}
.lh-14px {line-height: 14px !important;}

.fs-20px {font-size: 20px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.fs-20px {font-size: 15px;}
	}
.fs-28px {font-size: 28px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.fs-28px {font-size: 24px;}
	}

/*------------------------------------------------------------------------------------------------------
마진
---------------------------------------------------------------------------------------------------------*/
.no_margin {margin:0;}
.no_margin_left {margin-left:0;}
.no_margin_right {margin-right:0;}
.no_margin_top {margin-top:0;}
.no_margin_bottom {margin-bottom:0;}

.margin10 {margin:10px auto;}
.margin15 {margin:15px auto;}
.margin20 {margin:20px auto;}
.margin25 {margin:25px auto;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.margin25 {margin:20px auto;}
	}
.margin30 {margin:30px auto;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.margin30 {margin:20px auto;}
	}
.margin35 {margin:35px auto;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.margin35 {margin:20px auto;}
	}
.margin40 {margin:40px auto;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.margin40 {margin:20px auto;}
	}
.margin45 {margin:45px auto;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.margin45 {margin:20px auto;}
	}
.margin50 {margin:50px auto;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.margin50 {margin:20px auto;}
	}
	
.margin75 {margin:75px auto;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.margin80 {margin:35px auto;}
	}
	
.margin100 {margin:100px auto;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.margin100 {margin:50px auto;}
	}

.marginTop0 {margin-top:0px;}
.marginTop10 {margin-top:10px;}
.marginTop15 {margin-top:15px;}
.marginTop20 {margin-top:20px;}
.marginTop25 {margin-top:25px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginTop25 {margin-top:20px;}
	}
.marginTop30 {margin-top:30px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginTop30 {margin-top:20px;}
	}
.marginTop35 {margin-top:35px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginTop35 {margin-top:20px;}
	}
.marginTop40 {margin-top:40px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginTop40 {margin-top:20px;}
	}
.marginTop45 {margin-top:45px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginTop45 {margin-top:20px;}
	}
.marginTop50 {margin-top:50px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginTop50 {margin-top:20px;}
	}
	
.marginTop75 {margin-top:75px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginTop75 {margin-top:35px;}
	}
	
.marginTop100 {margin-top:100px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginTop100 {margin-top:50px;}
	}
.marginTop150 {margin-top:150px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginTop100 {margin-top:70px;}
	}

.marginBottom10 {margin-bottom:10px;}
.marginBottom15 {margin-bottom:15px;}
.marginBottom20 {margin-bottom:20px;}
.marginBottom25 {margin-bottom:25px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginBottom25 {margin-bottom:20px;}
	}
.marginBottom30 {margin-bottom:30px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginBottom30 {margin-bottom:20px;}
	}
.marginBottom35 {margin-bottom:35px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginBottom35 {margin-bottom:20px;}
	}
.marginBottom40 {margin-bottom:40px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginBottom40 {margin-bottom:20px;}
	}
.marginBottom45 {margin-bottom:45px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginBottom45 {margin-bottom:20px;}
	}
.marginBottom50 {margin-bottom:50px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginBottom50 {margin-bottom:20px;}
	}
	
.marginBottom75 {margin-bottom:75px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginBottom75 {margin-bottom:35px;}
	}
	
.marginBottom100 {margin-bottom:100px;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.marginBottom100 {margin-bottom:50px;}
	}
/*------------------------------------------------------------------------------------------------------
마진 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
순서
---------------------------------------------------------------------------------------------------------*/
.order_1 {order:1; margin:0; padding:0;}
.order_2 {order:2; margin:0; padding:0;}
.order_3 {order:3; margin:0; padding:0;}
.order_4 {order:4; margin:0; padding:0;}
.order_5 {order:5; margin:0; padding:0;}
.order_6 {order:6; margin:0; padding:0;}
.order_7 {order:7; margin:0; padding:0;}
.order_8 {order:8; margin:0; padding:0;}
.order_9 {order:9; margin:0; padding:0;}
.order_10 {order:10; margin:0; padding:0;}
/*------------------------------------------------------------------------------------------------------
순서 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
bootstrap 해상도 및 편집
---------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
	.container {
	  width: 1200px!important;
	}
}
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width:1200px;
	}

}

a {color:inherit;}
a:link, a:visited {color:inherit;}
a:hover, a:active {color:#f47b20;}

/*.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}*/

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

	  /*-----------------------
	  테이블
	  -----------------------*/
table {border-collapse:collapse;}
.table > thead > tr > th {vertical-align:middle;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {vertical-align:middle;}
  /*------------------------------------------------------------------------------------------------------
  bootstrap 해상도 및 편집 끝
  ---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
탑
---------------------------------------------------------------------------------------------------------*/
.header_wrap {padding-top: 0.5rem; padding-bottom: 0.5rem; position:absolute; top:0; left:0; background:rgba(0, 0, 0, 0.3); z-index: 2;}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.header_wrap {position: relative; background-color: #fff;}
	}
header .container {position: relative; text-align: center;}
a.top_logo_mobile img {}
	@media all and (min-width: 993px) {
		a.top_logo_mobile {display: none;}
	}
	@media all and (min-width: 320px) and (max-width: 992px) {
		a.top_logo {display: none;}
	}

	/*-----------------------
	미니맵
	-----------------------*/
.minimap_pc {font-size: 12px; color: #fff;}
	@media all and (min-width: 993px) {
		.minimap_mobile {display: none;}
	}
	@media all and (min-width: 320px) and (max-width: 992px) {
		.minimap_pc {display: none;}
		.minimap_mobile {display:inline-block; position:absolute; top:10px; right:35px;}
	}
#cssmenu li.gnb_intra {}
	@media all and (min-width: 993px) {
		#cssmenu li.gnb_intra {display: none;}
	}

/*------------------------------------------------------------------------------------------------------
관련사이트
---------------------------------------------------------------------------------------------------------*/
.family_wrap {background-color: #dadada;}

/*------------------------------------------------------------------------------------------------------
푸터
---------------------------------------------------------------------------------------------------------*/
@media all and (min-width: 320px) and (max-width: 992px) {
	footer {font-size: .8rem;}
	footer img {max-width:250px;}
	footer span, footer small {display: block;}
}