@charset "utf-8";
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 서브페이지 상단 및 공용 시작 */
.subgn {
	background: url(../img/subg.png) no-repeat center;
	background-size: cover;
}

.subconBox {
	background: #FFF;
	padding: 0;
	box-sizing: border-box;
}

.subreporttitle {
	text-align: center;
	padding: 40px 0 70px;
	font-size: 34px;
	line-height: 160%;
	font-weight: 500;
}

.subreporttitle span {
	display: block;
	width: 35px;
	height: 1px;
	background: #000;
	margin: 0 auto
}

.subg {
	padding-top: 110px;
	height: 350px;
	color:#fff;
	text-align: center;
	background-size: cover;
	box-sizing: border-box;
	background: url("../img/sub/subbg.png") no-repeat;
    background-size: cover !important;
}

.subg.subbg3{ background: url("../img/sub/subbgB.png") no-repeat;}
.subg.subbg4{ background: url("../img/sub/subbgC.png") no-repeat;}
.subg.subbg5{ background: url("../img/sub/subbgD.png") no-repeat;}
.subg.subbg6{ background: url("../img/sub/subbgE.png") no-repeat;}
.subg.subbg7{ background: url("../img/sub/subbgE.png") no-repeat;}

.subg h2 {
	font-size: 40px;
	font-weight: 700;
	color: #ffffff;
}

.subg .line {
	display: inline-block;
	width: 40px;
	height: 1px;
	background: #ffffff99;
	position: relative;
	top: -10px;
}

.subg .substit {
	font-size: 18px;
	opacity: 0.6;
}

.subconBox {
	background: #FFF;
	padding: 0;
	box-sizing: border-box;
}

.subreporttitle {
	text-align: center;
	padding: 40px 0 70px;
	font-size: 34px;
	line-height: 160%;
	font-weight: 500;
}

.subreporttitle span {
	display: block;
	width: 35px;
	height: 1px;
	background: #000;
	margin: 0 auto
}

.subcontent .subnav {
	position:relative;
	z-index: 9999;
	height: 60px;
	border-bottom: 1px solid #e6e9ec;
	/*border-top: 1px solid #e6e9ec;*/
	box-sizing: border-box;
	line-height: 60px;
}

.subcontent .subnav .subnav-in { width:70%;
	float: left;
	height: 50px;
	
	position: relative;
    z-index: 0;
}

.subcontent .subnav .sns {
	float: right;
	line-height: 50px;
}

.subcontent .subnav .sns .snshidden {
	display: none;
}

.subcontent .subnav .sns .snshidden span {
	padding-left: 5px;
}

.subcontent .subnav .sns>div {
	float: left;
	cursor: pointer;
}

.subcontent .subnav .sns .printico {
	margin-left: 20px;
}

.subcontent .subnav .sns .snsico {
	margin-left: 10px;
}

.subcontent .subnav .subnav-in .subhome {
	float: left;
	width: 55px;
	text-align: center;
	border-left: 1px solid #e5e5e5;
	cursor: pointer;
}

.printw {
	overflow: hidden;
	float: right;
	line-height: 50px;
}

.printw a.addthis_button_url {
	display: inline-block;
	padding-left: 29px;
	width: 82px;
	height: 34px;
	vertical-align: middle;
	margin-right: 1px;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	margin-right: 7px;
	box-sizing: border-box;
	line-height: 34px;
	color: #8a8a8a;
	font-size: 12px;
}

.printw a.addthis_button_url:last-child {
	margin-right: 0;
}

.printw a.btn-b2 {
	background: url(../img/check.png) no-repeat 10px center;
}

.printw a.btn-b3 {
	background: url(../img/print.png) no-repeat 10px center;
}

.hiddenover {
	overflow: hidden;
	float: left;
	margin-right: 8px;
	display: none;
}

.hiddenoverw {
	overflow: hidden;
	float: right;
	margin-right: 8px;
	line-height: 50px;
}

.hiddenoverw .btn-b1 {
	display: block;
}

.hiddenover a.addthis_sns_url {
	display: inline-block;
	text-align: center;
	width: 37px;
	height: 36px;
	vertical-align: middle;
	margin-right: 1px;
}

.hiddenover a.btn-sns1 {
	background: #fff url(../img/nsns01.png) no-repeat 0 0;
}

.hiddenover a.btn-sns2 {
	background: #fff url(../img/nsns02.png) no-repeat 0 0;
}

.hiddenover a.btn-sns3 {
	background: #fff url(../img/nsns03.png) no-repeat 0 0;
}

.hiddenover a.btn-sns4 {
	background: #fff url(../img/nsns04.png) no-repeat 0 0;
}

.hiddenoverw a.btn-b1 {
	background: url(../img/url.png) no-repeat 10px center;
	display: inline-block;
	vertical-align: middle;
	width: 82px;
	height: 34px;
	vertical-align: middle;
	margin-right: 1px;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	line-height: 34px;
	color: #8a8a8a;
	font-size: 12px;
	padding-left: 35px;
}

.subcontent .navbar-fixed-top {
	border-bottom: none !important;
}

.subcontent .navbar-fixed-top .subnav-in .subhome {
	border-left: 1px solid #a65ad0 !important;
}


.menu_title h2{font-size: 36px;text-align: center;padding-top: 50px;padding-bottom: 10px;position: relative}
.menu_title .line{width: 54px;height: 1px;display: block;margin: 6px auto 50px;background: #bfbfbf;}

.qaright {
	position: fixed;
	top: 540px;
	width: 134px;
	left: 50%;
	margin-left: 730px;
}

.qaright dl {
	display: block;
	color: #363636;
	background-color: #f8f9fd;
	border: 1px solid #d6d7db;
}

.qaright dl dt {
	display: block;
	text-align: center;
	line-height: 38px;
	color: #494949;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.5px;
	border-bottom: 1px solid #d6d7db;
	font-family: 'Futura-Medium';
	font-weight: 700;
}

.qaright dl dd {
	padding: 10px 5px;
}

.qaright dl dd a {
	display: inline-block;
	margin: 1px 0;
	padding: 0 6px;
	line-height: 20px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d8d8d8;
}

.qaright dl dd a:hover {
	color: #ea4a3d;
	border: 1px solid #ea8d8c;
}


/* 서브페이지 좌측메뉴 정렬 끝 */

/*탭메뉴*/
.tabm .subtabmenu ul {
	position: relative;
}

.tabm .subtabmenu .tab_content {
	position: relative;
	padding-top: 70px;
	display: none;
}

.tabm .subtabmenu .tab_container:before {
	position: absolute;
	width: 1180px;
	left: 50%;
	margin-left: -590px;
	height: 2px;
	content: '';
	background: #000;
	top: 48px;
	z-index: 2;
}

.tab_tit {
	border-bottom: none;
	box-sizing: border-box;
	width: 296px;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	text-align: center;
	font-weight: 500;
	z-index: 2;
	border: 1px solid #d9d9d9;
	background: #fff;
	font-size: 19px;
	position: absolute;
	top: 0;
}

.tablist .tab_tit.activeon, .tablist .tab_tit.activeon2 {
	border: 2px solid #333;
	border-bottom: none;
	z-index: 3;
	color: #252525;
}

.tablist:nth-child(1) .tab_tit {
	left: 50%;
	margin-left: -590px;
}

.tablist:nth-child(2) .tab_tit {
	left: 50%;
	margin-left: -295px;
}

.tablist:nth-child(3) .tab_tit {
	left: 50%;
	margin-left: 0;
}

.tablist:nth-child(4) .tab_tit {
	left: 50%;
	margin-left: 295px;
}

#tab1 {
	display: block;
}

@media only all and (max-width:1200px) {
	.tab_tit {
		width: 25%;
	}
	.tablist:nth-child(1) .tab_tit {
		margin-left: -50%;
	}
	.tablist:nth-child(2) .tab_tit {
		margin-left: -25%;
	}
	.tablist:nth-child(3) .tab_tit {
		margin-left: 0;
	}
	.tablist:nth-child(4) .tab_tit {
		margin-left: 25%;
	}
	.tabm .subtabmenu .tab_container:before {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}

@media only all and (max-width:760px) {
	.subcontent .subnav {
		display: none;
	}
}

/*3차메뉴*/
.third-menu {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.third-menu ul li {
	display: inline-block;
}

.third-menu ul li a {
	display: inline-block;
	border: 1px solid #cbcbcb;
	height: 45px;
	line-height: 45px;
	padding: 0 15px;
	color: #656565;
	font-weight: 500;
	font-size: 18px;
}

.third-menu ul li.lnbActive a, .third-menu ul li a:hover {
	background: #00afd4;
    color: rgba(255, 255, 255, 1);
    border: 1px solid #19afd1;
	-webkit-transition: background-color 200ms linear;
	-ms-transition: background-color 200ms linear;
	transition: background-color 200ms linear;
}

/*4차메뉴*/
.fourth-menu {
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
}

.fourth-menu ul {
	display: inline-block;
}

.fourth-menu ul li {
	float: left;
	margin-bottom: -1px;
}

.fourth-menu ul li a {
	margin-right: 2px;
	box-sizing: border-box;
	width: 296px;
	height: 50px;
	display: inline-block;
	line-height: 50px;
	text-align: center;
	font-weight: 500;
	border: 1px solid #d9d9d9;
	background: #fff;
	font-size: 19px;
	border-bottom: 2px solid #333;
}

.fourth-menu ul li.lnbActive a {
	border: 2px solid #333;
	border-bottom-color: transparent;
	z-index: 3;
	color: #252525;
}

@media only all and (max-width:720px) {
	.basic-table {
		overflow-x: scroll;
	}
	.basic-table th {
		line-height: inherit !important;
		padding: 5px !important;
		height: auto !important;
		font-size: 14px !important;
	}
	.basic-table tbody th {
		font-size: 13px !important;
	}
	.basic-table td {
		padding: 10px 5px !important;
		height: auto !important;
		font-size: 13px !important;
	}
	.basic-table td span, .basic-table th span {
		padding: 0;
	}
	.basic-table td.tleft_h1 {



		padding-left: 16px !important;
		text-indent: -9px !important;
	}
}



/* 서브페이지 상단 및 공용 끝 */
.password_wrapper {
	width: 100%;
	text-align: center;
}

.password_wrapper .msg {
	margin: 40px auto 30px;
	font-weight: 700;
	font-size: 18px;
}

.password_wrapper fieldset {
	margin: 0 auto;
	padding: 20px;
	width: 40%;
	min-width: 450px;
	border: 1px solid #ccc;
}

.password_wrapper fieldset input[type="password"] {
	padding: 0;
}

.password_wrapper fieldset input[type="submit"] {
	cursor: pointer;
}


/*소개*/
.sow{ background: #f2fafc;  padding-top: 120px; text-align: center;  color: #303030; position: relative;     top: -100px;}
.sotit{ font-family: 'GmarketSansMedium'; font-size: 24px; padding-bottom: 20px }
.sostit {font-family: 'GmarketSansMedium'; font-size: 48px; font-weight: 700; padding-bottom: 45px }
.sostit span{color: #2b77d4}
.sosm{width: 1000px; margin: 0 auto}
.sosm p{padding-bottom: 20px}
.sosmc{font-weight: 600; font-size: 36px; padding-bottom: 90px; letter-spacing: -2px}

.subgallery{width: 1100px; margin: 100px auto}
.subgallery .container{padding: 0}
.busw{padding: 90px 0 0;  color: #303030;}
.busbox{overflow: hidden;/* padding-bottom: 50px; */}
.busbtxt{float: left; width: 450px; font-family: 'GmarketSansMedium';}
.busbstit{font-size: 24px; padding-bottom: 5px}
.busbtit{font-size: 46px; color: #303030; font-weight: 700}
.busdetail{float: left; width: calc(100% - 450px)}
.busdc{ font-size: 22px; border-bottom: 1px solid #ccc; padding-bottom: 55px}
.busdclist{border-bottom: 1px solid #ccc;padding-bottom: 30px;padding-top: 40px;margin-bottom: 60px;}
.busclist{overflow: hidden;/* display: flex; */align-items: center;padding-bottom:20px;width: 100%;}
.busclist .bc{float: left; width: 75px}
.busclist .bm{float: left; width: calc(100% - 75px); padding-top: 10px;}
.busclist  .bmt{  font-size: 22px;   font-weight: 700;    padding-left: 10px;
    float: left;    width: 95px;}
.busclist  .bmts{ font-size: 22px;    float: left;    width: calc(100% - 130px);}
.bmimgc img{width: 100%}
.busboxw{padding-bottom: 100px}
.bmimgtit{ font-size: 24px; font-weight: 600; padding-bottom: 20px}

.gymbg{background: url("../img/sub/gymbg.jpg") no-repeat center;height: 720px;background-size: cover;padding: 100px 0;width: 100%;box-sizing: border-box;margin-bottom: 50px;}
.gymtit{text-align: center; font-size: 22px; padding-bottom: 20px; color: #fff}
.gymlistbox{display: flex;align-items: center;justify-content: center;}
.gymlist{flex: 1;height: 180px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;/* padding: 23px 0; */box-sizing: border-box;}
.gymtxt{color: #696969;font-size: 22px;padding: 10px 0;}

.gyminfow{width: 1020px;margin: 0 auto;}
.gyminfobox{overflow: hidden;border-bottom: 1px solid rgba(241,238,238,1.00);padding-bottom: 40px;padding-top: 40px;}
.gyminfoimg{float: left; text-align: center; width: 250px;}
.gyminfotxt{float: left; width: calc(100% - 250px); padding-left: 170px; box-sizing: border-box}
.gyminfotxt > div{font-size: 26px; padding-bottom: 20px;  font-family: 'GmarketSansMedium';}
.gyminfotit{font-size: 46px;font-weight: 700;font-family: 'GmarketSansMedium';padding-top: 13px;}


.gyminfotxt ul li{font-size: 22px;position: relative;padding-left: 15px;padding-bottom: 5px; word-break:keep-all;}
.gyminfotxt ul li:before{width: 5px;height: 5px;background: #989898;position: absolute;left: 0;top: 16px;content: '';border-radius: 10px;}
.gymbtn{text-align: center}
.gymbtn a{display: inline-block;color: #fff;/* padding: 20px 30px 20px 92px; */font-size: 30px;background: url("../img/sub/gym_cc.png") no-repeat 62px center #00bb83;margin: 80px 0;width: 400px;height: 90px;line-height: 90px;box-sizing: border-box;font-weight: 500;box-sizing: border-box;text-align: left;padding-left: 170px;}
.gym01{background-color: #fff1f9}
.gym02{background-color: #fff3cd}
.gym03{background-color: #ffffff}
.gym04{background-color: #fff1fe}
.gym05{background-color: #ffe2cd}
.gym06{background-color: #ffffff}
.gym07{background-color: #fff3cd}
.gym08{background-color: #fff}
.gym09{background-color: #fff1f9}
.gym10{background-color: #ffe2cd}
.gym11{background-color: #fff}
.gym12{background-color: #fff1fe}
.gymlistw{padding-bottom: 35px;width: 1100px;margin: 0 auto;}

.map{margin-bottom:90px;letter-spacing:0;font-family:'GmarketSansMedium';}
.map h4{font-size:33px;color:#00a1c4;}
.map ul{margin:5px 10px 15px;}
.map .root_daum_roughmap{width:1340px;height:530px;}

/*92_이사회 및 자문위원회*/
.org01{margin-bottom:80px;}
.org_sub_title{font:700 46px 'GmarketSansMedium'; color:#303030; margin-bottom:30px;}
.gyminfotxt2 ul li{font-size: 22px;position: relative;padding-left: 15px;padding-bottom: 5px;}
.gyminfotxt2 ul li:before{width: 5px;height: 5px;background: #989898;position: absolute;left: 0;top: 16px;content: '';border-radius: 10px;}
.gyminfotxt2 ul li span{font-weight:bold;}
.orgimg{margin:0 0 50px;}
.busboxw_org{margin:70px 0 0;}
.org_list, .org_list2{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.org_list_title{
	color:#00a1c4;
	font:600 30px 'GmarketSansMedium';
	width:100%;
	margin-bottom:10px;
}
:where(.org_list, .org_list2) table{		
	border-top:2px solid #2b77d4;
	margin-bottom:40px;
	font-size:1.2em;
}
.org_list table{width:48%;}
.org_list table td{width:48%; padding-left:25px;}
:where(.org_list, .org_list2) table th, table td{
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
:where(.org_list, .org_list2) table th{
	border-right:1px solid #ddd;
	color:#2b77d4;
	background:#f7fcfd;
	width:35%;
	font-family: 'GmarketSansMedium';
}
.org_list+.org_list{
	margin-top:50px;
}
.org_list2 table:last-child{margin-bottom:80px;}
.org_list2 table th{padding:15px 0 12px;}
.org_list2 table td{border-right:1px solid #ddd; text-align: center;}
.org_list2 table th:last-child,
.org_list2 table td:last-child{border-right:none;}


/*93_목표 및 추진방향*/
.vision{margin-top:70px;}
.vision_con{
	width:100%;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:40px auto 0;
	padding:10px 0;
	display:flex;
	justify-content:center;
	font-family:'GmarketSansMedium';
}
.vision_con_no{
	width:70%;
}
.vision_con_no li{
	font-size:18px;
}
.vision_con_no li span{
	font-size:30px;
	font-weight:600;
	text-align:center;
	display:inline-block;
	width:15%;
}
.vision_con_no li:nth-child(1) span{
	color:#93c5ff;
}
.vision_con_no li:nth-child(2) span{
	color:#9ddec1;
}
.vision_con_no li:nth-child(3) span{
	color:#7ed4da;
}
.vision_con_no li:nth-child(4) span{
	color:#b1a2f4;
}


@media only all and (max-width:1100px) {
	.sosm{width: 100%}
	.subgallery{width: 100%; margin: 30px auto;}
	.gallery img{width: 100%}
	.busw{padding: 30px 0}
	.busbtxt{width: 100%}
	.busdetail{width: 100%}
	.busboxw{padding-bottom: 50px}
	.gymlistw{width: 100%}
	.gyminfow{width: 100%}
	.gyminfotxt ul li{font-size: 18px}
	.gyminfotit{font-size: 35px;}
	.gyminfotxt > div{font-size: 20px; text-align: center}
	.map .root_daum_roughmap{width:100% !important;height:480px !important;}
}

@media only all and (max-width:540px) {
	.sow{padding-top:50px;word-wrap:break-word;word-break:keep-all;}
	.sostit{font-size:28px;padding-bottom: 20px;}
	.sotit{font-size:20px;}
	.sosmc{font-size:20px}
	.busbstit{font-size: 20px;padding-bottom: 0;}
	.busbtit{font-size: 29px; padding-bottom: 10px;}
	.busdc{font-size: 15px;    padding-bottom: 20px;}
	.busclist .bc{/* width: 100%; */text-align: center}
	.busclist .bm {/* width: 100%; */padding-top: 0;}
	.busclist .bmt{font-size: 15px;float: none;width: 100%;display: block;padding-left: 0;}
	.busclist .bmts{font-size: 15px;float: none;width: 100%;display: block;}
	.busdclist{padding: 15px 0;margin-bottom: 20px;}
	.gyminfoimg{width: 100%}
	.gyminfotxt{width: 100%;padding-left: 0;padding: 10px}
	.gymbtn a{width: 80%;height: 70px;line-height: 70px;font-size: 22px;padding-left: 133px;margin: 40px 0;}
	.gymbg{margin-bottom: 0;height: auto;padding: 50px 0;}
	.gymtit{font-size: 17px;clear: both;padding-bottom: 30px;padding-top: 20px;}
	.gymlistbox{display: block;width: 90%;margin: 0 5%;}
	.gymlist{width: 33%;float: left;height: 130px;padding-top: 10px;}
	.gymtxt{font-size: 16px}
	.map{margin-top:50px;font-size:75%;}
	.map h4{font-size:21.5px;}
	.org_list table{width:100%;}
	.org_sub_title{font-size:26px;}
	.gyminfotxt2 ul li{font-size:20px;}
	.org_list_title{font-size:24px;}
	.org_list table th, .org_list table td{font-size:90%;}
}