@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("cssmenu.css");
@import url("board.css");/*게시판*/
@import url("member.css");/*member.php 회원페이지*/
@import url("mainpage.css");
@import url("subpage.css");
@import url("contents.css");


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 Korean', 'Noto Sans KR', 'Noto Sans', sans-serif; font-size:15px; line-height:28px; color:#353535; font-weight:300;*/
}
	
/*
face = 스크롤바의 색
shadow = 스크롤바 오른쪽 외각선
highlight = 스크롤 왼쪽 외각선
3dlight = 스크롤바 왼쪽 그림자
darkshadow = 스크롤 오른쪽 그림자↙
track = 스크롤바 없는 바탕색
arrow = 화살*/

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

/*html, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0; padding:0; border:0;}
img {max-width:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}

select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {}
a:link, a:visited, a:active { text-decoration:none; color:#353535;}
a:hover, a:focus, a:active {text-decoration:underline; color:#f58651;}*/

/*------------------------------------------------------------------------------------------------------
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
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
기본 폰트 및 스타일
---------------------------------------------------------------------------------------------------------*/
p {margin:0; padding:0;}
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: 56.25em) {
		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;}
	}

.bg_lightsky {background-color: #cae6eb;}
.po_pink {color:#ff7373;}
.po_sky {color:#65c6d6;}

.textAlignLeft {text-align:left;}
.textAlignRight {text-align:right;}

.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: 56.25em) {
		.margin25 {margin:20px auto;}
	}
.margin30 {margin:30px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin30 {margin:20px auto;}
	}
.margin35 {margin:35px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin35 {margin:20px auto;}
	}
.margin40 {margin:40px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin40 {margin:20px auto;}
	}
.margin45 {margin:45px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin45 {margin:20px auto;}
	}
.margin50 {margin:50px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin50 {margin:20px auto;}
	}
	
.margin75 {margin:75px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.margin80 {margin:35px auto;}
	}
	
.margin100 {margin:100px auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.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: 56.25em) {
		.marginTop25 {margin-top:20px;}
	}
.marginTop30 {margin-top:30px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop30 {margin-top:20px;}
	}
.marginTop35 {margin-top:35px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop35 {margin-top:20px;}
	}
.marginTop40 {margin-top:40px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop40 {margin-top:20px;}
	}
.marginTop45 {margin-top:45px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop45 {margin-top:20px;}
	}
.marginTop50 {margin-top:50px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop50 {margin-top:20px;}
	}
	
.marginTop75 {margin-top:75px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop75 {margin-top:35px;}
	}
	
.marginTop100 {margin-top:100px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginTop100 {margin-top:50px;}
	}

.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: 56.25em) {
		.marginBottom25 {margin-bottom:20px;}
	}
.marginBottom30 {margin-bottom:30px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginBottom30 {margin-bottom:20px;}
	}
.marginBottom35 {margin-bottom:35px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginBottom35 {margin-bottom:20px;}
	}
.marginBottom40 {margin-bottom:40px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginBottom40 {margin-bottom:20px;}
	}
.marginBottom45 {margin-bottom:45px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginBottom45 {margin-bottom:20px;}
	}
.marginBottom50 {margin-bottom:50px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginBottom50 {margin-bottom:20px;}
	}
	
.marginBottom75 {margin-bottom:75px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.marginBottom75 {margin-bottom:35px;}
	}
	
.marginBottom100 {margin-bottom:100px;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.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;}

.text_hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip-path: polygon(0 0, 0 0, 0 0);
}
.displayNone {display:none;}
/*------------------------------------------------------------------------------------------------------
기본 폰트 및 스타일 끝
---------------------------------------------------------------------------------------------------------*/

#allWrap {
	width:100%; margin:0; padding:0; text-align:center;
	font-family: 'Noto Sans Korean', 'Noto Sans KR', 'Noto Sans', sans-serif!important; font-size:15px; line-height:26px; color:#353535; font-weight:350;
}
.allContainer {width:1260px; margin-left:auto; margin-right:auto; position:relative; word-break:keep-all;}
	@media all and (min-width: 320px) {
		.allContainer {width:100%; margin-left:auto; margin-right:auto;}
	}
	@media all and (min-width: 768px) {
		.allContainer {width:100%; margin-left:auto; margin-right:auto;}
	}
	@media all and (min-width: 1260px)  {
		.allContainer {width:100%; max-width:1260px; margin-left:auto; margin-right:auto;}
	}

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

/*img {max-width:100%;}*/
/*------------------------------------------------------------------------------------------------------
bootstrap 해상도
---------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
  .container_sj {
    width: 1260px!important;
  }
}
/*------------------------------------------------------------------------------------------------------
bootstrap 해상도 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
탑
---------------------------------------------------------------------------------------------------------*/
header {width:100%; border-bottom:1px solid #efefef;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		header {width:100%; border-bottom:2px solid #333;}
	}

.minimap_wrap {width:100%; background-color:#1d2f44;}
.minimap_wrap > .allContainer {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:flex-end;
	flex-wrap:wrap;
	align-items:center;
}
.minimap_wrap > .allContainer > a {
	padding:10px 20px; border-left:1px solid #fff;
	color:#fff;
}
.minimap_wrap > .allContainer > a:last-child {border-right:1px solid #fff;}

.top_wrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
}

	/*-------------------------------------------
	로고
	-------------------------------------------*/
.top_wrap > article {width:auto; padding:5px 0;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.top_wrap > article {width:100%;}
	}
/*a.top_logo {
	display:inline-block; padding:22px 0 22px 90px; background:url(../images/logo.jpg) left top no-repeat; text-decoration:none;
	font-size:24px; color:#000; text-decoration:none;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		a.top_logo {
			margin-left:auto; margin-right:auto; padding:75px 0 0 0; background-position:center 5px;
			font-size:20px;
		}
	}*/
a.top_logo {
	display:inline-block; padding:5px 0 5px 0; text-decoration:none;
	font-size:24px; color:#000; text-decoration:none;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		a.top_logo {
			margin-left:auto; margin-right:auto; padding:0; background-position:center 5px;
			font-size:20px;
		}
		a.top_logo > img {width:50%;}
	}

	/*-------------------------------------------
	내비게이션
	-------------------------------------------*/
.nav_wrap {width:auto;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.nav_wrap {width:100%;}
	}
/*------------------------------------------------------------------------------------------------------
탑 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
푸터배너 라인
---------------------------------------------------------------------------------------------------------*/
.sb_ftbnr_wrap {width:100%; border-top:1px solid #ccc;}
.ftbnr_wrap {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	/*justify-content:flex-start;*/
	align-items:flex-start;
	width:100%;/* height:280px;*/ padding:30px 0;
}
	@media all and (min-width: 320px) and (max-width: 1259px) {
		.ftbnr_wrap {width:100%; height:auto; padding-left:5px; padding-right:5px;}
	}
	
.ftbnr_wrap > section {padding-left:10px; padding-right:10px; text-align:left;}
.ftbnr_wrap > section > h3 {
	/*font-family: 'Cafe24Danjunghae', 카페24단정해, '카페24 단정해'; */font-size:18px; color:#2676d5;
}

	/*-------------------------------------------
	고객센터
	-------------------------------------------*/
.cs_title {
	font-family: 'Cafe24Danjunghae', 카페24단정해, '카페24 단정해'; font-size:24px; color:#2676d5;
}
.cs_fax {
	font-size:14px; color:#000; font-weight:500;
}
.cs_worktime {margin:0; padding:0; list-style:none;}
.cs_worktime > li {
	margin:0; padding:0; line-height:20px;
	font-size:12px; color:#535353;
}
.cs_worktime > li > strong {margin-right:15px;}

	/*-------------------------------------------
	계좌안내
	-------------------------------------------*/
.cs_bank > div > p {color:#000; font-weight:500;}
.cs_bank > div > p:first-child {font-size:16px;}
.cs_bank > div > p:last-child {font-size:14px;}
.cs_bank > div > p > strong {margin-right:8px; font-weight:500;}

	/*-------------------------------------------
	박스배너
	-------------------------------------------*/
.cs_link {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	/*justify-content:flex-start;*/
	align-items:center;
	height:200px;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.cs_link {
			justify-content:center;
			height:auto; margin-top:25px;
		}
	}
.cs_link > a {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	/*justify-content:flex-start;*/
	align-items:center;
	width:139px; height:142px; margin-right:-1px; background-color:#fff; border:1px solid #ccc;
	color:#2676d5; font-weight:500; text-decoration:none;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.cs_link > a {margin:2px;}
	}
.cs_link > a > h5 {color:#2676d5;}
/*------------------------------------------------------------------------------------------------------
푸터배너 라인 끝
---------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------
바텀
---------------------------------------------------------------------------------------------------------*/
	/*-------------------------------------------
	관련사이트
	-------------------------------------------*/
.family_wrap {width:100%; margin:0 auto; padding:5px 0; background-color:#303030;}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.family_wrap {margin-bottom:20px;}
	}

	/*-------------------------------------------
	카피라잇
	-------------------------------------------*/
.footer_wrap {
	margin:0; padding:0;
	font-size:13px;
}
	@media all and (min-width: 320px) and (max-width: 1164px) {
		.footer_wrap {padding:0;}
	}
	
.footer_wrap > ul {margin:0; padding:10px 0; list-style:none; border-top:1px solid #aaa; border-bottom:1px solid #aaa;}
	/*@media all and (min-width: 320px) and (max-width: 56.25em) {
		.footer_wrap ul {display:none;}
	}*/
	
.footer_wrap > ul li {margin:0; padding:0 9px 0 5px; display:inline; border-right:1px solid #808080;}
.footer_wrap > ul li:first-child {padding-left:0;}
.footer_wrap > ul li:last-child {border:none; padding-right:0;}
.footer_wrap > ul li a {color:inherit;}
.footer_wrap > ul li a > strong {color:#000;}

.ft_count {
	display:inline; margin:0 auto; padding:5px 15px; border-radius:8px; background-color:#585e69;
	font-size:12px; color:#fff;
}
/*------------------------------------------------------------------------------------------------------
바텀 끝
---------------------------------------------------------------------------------------------------------*/


/*.bannerContainer {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	width:100%; margin:0; padding:0;
}
	@media all and (min-width: 320px) and (max-width: 56.25em) {
		.bannerContainer {flex-direction:column;}
	}
	
	
.companyInfoWrap .companyInfoContainer {
	display:-webkit-flex;
	display:-moz-flex;
	display:-o-flex;
	display:-ms-flex;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	margin:0 auto; padding:45px 10px; border-top:2px solid #353535; border-bottom:2px solid #353535;
	background:url(/theme/2019_1/img/bottom_bg_center.png) 600px top no-repeat;
}
	@media all and (min-width: 320px) and (max-width: 999px) {
		.companyInfoWrap .companyInfoContainer {flex-direction:column;}
	}*/