/*전체*/

h4,h5{
	font-weight:normal;
}
.w1280{
	width:1280px;
	margin:0 auto;
}
.mob {
	display:none !important;
}

 
/* 헤더 */

body.submenu-on:before {
	background-color: rgba(0, 0, 0, .6);
	visibility: visible;
	z-index: 12;
}
.navbar{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	padding: 0;
	background-color:#fff;
}
.navbar .main-nav {
	position: relative;
	width: 100%;
	z-index: 21;
}
.navbar-bg {
	display: none;
}
body.submenu-on .navbar-bg {
	display: block;
	position: absolute;
	top: 82px;
	background-color: #fff;
	border-top: 1px solid #ddd;
	width: 100%;
	height: 1px;
	z-index: 3;
	height: 280px;
}
.container-static {
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.navbar .navbar-logo {
	position: absolute;
	left: 0;
	top: 34px;
	margin: 0;
	padding: 0;
	z-index: 20;
}
.navbar .navbar-logo a {
	width: 180px;
	height: 24px;
	display: inline-block;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.navbar .navbar-logo a.mobile {
	display:none;
}
.navbar .gnb {
	display: inline-block;
	float: right;
	position: relative;
}
.navbar .all {
	float: right;
	width: 34px;
	height: 34px;
	padding: 6px;
	margin-top: 27px;
	margin-left:15px;
	cursor: pointer;
	border: 1px solid #ddd;
	box-sizing: border-box;
	transition: all 0.5s ease;
	display: block;
}
.navbar .all a {
	display:block; 
	width:24px; 
	height:24px;
}
.navbar .all a ul{
	display:block; 
	width:20px; 
	height:20px;
	margin:0;
	overflow:hidden;
}
.navbar .all a ul li{
	display:block; 
	float:left; 
	height:2px; 
	background:#666; 
	text-indent:-10000px; 
	margin-top:5px; 
	transition : all .4s;
}
.navbar .all a ul li:nth-child(1){
	width:100%; 
	margin-top:2px;
}
.navbar .all a ul li:nth-child(2){
	width:100%;
}
.navbar .all a ul li:nth-child(3){
	width:15px;
}
.navbar .all a ul li.on:nth-of-type(1){
	transform : translateY(4px) rotate(45deg);
	background:#000080;
	width:100% !important; 
	margin-top:5px;
}
.navbar .all a ul li.on:nth-of-type(2){
	opacity : 0;
	background:#000080;
}
.navbar .all a ul li.on:nth-of-type(3){
	transform : translateY(-10px) rotate(-45deg);
	background:#000080;
	width:100% !important;
	margin-top:5px;
}
.navbar .utils {
	margin-top: 27px;
	z-index: 20;
	float: right;
}
.navbar .utils a{
	display:block; 
	float:left; 
	width:75px; 
	height:34px; 
	font-size:14px; 
	font-weight:500; 
	color:#666; 
	line-height:32px; 
	text-align:center; 
	border:1px solid #ddd; 
	box-sizing:border-box; 
	transition:all 0.5s ease;
}
.navbar .utils span {
	display: block;
	float: left;
	margin-left:15px;
}
.navbar .utils span a:hover{
	color:#000080; 
	border:1px solid #000080;
}
.navbar .utils>ul {
	margin-right: 20px;
}
.navbar .utils>ul li.item {
	float: left;
	margin-right:7px;
	padding: 5px 15px 5px 15px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 25px;
	position: relative;
	letter-spacing: 0;
	font-weight: 400;
	display: inline-block;
	min-height: 31px;
}
.navbar .utils>ul li.item.englewood:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	background-color: #60ab46;
	height: 100%;
	opacity: 1;
	border-radius: 25px;
	transition: all .2s ease-in-out;
	z-index: -1;
	border: 0;
}
.navbar .utils>ul li.item>a {
	font-size: 13px;
	color: #fff;
	width: 100%;
	height: 100%;
	display: inline-block;
}
.navbar .menus {
	margin: 20px;
	float: right;
	z-index: 20;
}
.navbar .menus>ul {
	padding: 6px 0;
	display: inline-block;
}
.navbar .menus>ul>li {
	float: left;
	position: relative;
	z-index: 10;
}
.navbar .menus>ul>li {
	padding: 0 10px;
	float: left;
	position: relative;
	z-index: 10;
}
.navbar .menus>ul>li>a {
	color: #333;
	font-size: 1.1rem;
	font-weight: 400;
	padding: 0 29px;
	letter-spacing: -0.05rem;
	position: relative;
}
.navbar .menus>ul>li.hover>a {
	color: #f53d0b !important;
}
.navbar .menus>ul>li>a:hover {color: #f53d0b;}
body.submenu-on .navbar .menus>ul>li>.sub-menus {display: block;margin:40px -5px;}
.navbar .menus>ul>li>.sub-menus {display:none;margin-top: 40px;margin-bottom: 30px;width: 100%;text-align: left;z-index: 20;height: 330px;position: absolute;top: 25px;overflow: hidden;}
.navbar .menus>ul>li>.sub-menus>li {padding: 8px 0;}
.navbar .menus>ul>li>.sub-menus>li>a {display:inline-block;padding-left:14px; background:url('../img/bg/sub-menus_off.png') no-repeat 5px 11px; color:#333; font-size:16px;letter-spacing: -0.03rem;}
.navbar .menus>ul>li>.sub-menus>li>a:hover {color: #f53d0b;background:url('../img/bg/sub-menus_on.png') no-repeat 0 6px}
.navbar .menus>ul>li:after {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 10px;background-color: rgba(255, 255, 255, 0.5);display: inline-block;content: '';}
.sub-nav {
	display:none;
}
body.navbar-open .sub-nav {
	display: block;
	width: 100%;
	height: 950px;
	z-index: 1999;
	background-image: url('../img/bg_white.png');
	background-position: center 10%;
	background-size: 100% auto;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
body.navbar-open .sub-nav .subnav-inner {
	width: 1280px;
	margin: 150px auto;
	position: relative;
	display: inline-block;
	text-align: left;
}
body.navbar-open .sub-nav .subnav-inner ul li {
	float: left;
	/*width: 20%;*/
	margin-right:11%;
}
body.navbar-open .sub-nav .subnav-inner ul li:last-child{
	margin-right:0;
}
body.navbar-open .sub-nav .subnav-inner ul li dl dt {
	margin-bottom: 30px;
}
body.navbar-open .sub-nav .subnav-inner ul li dl dt>a {
	color: #0064CC;
	font-size: 25px;
	font-weight: 600;
}
body.navbar-open .sub-nav .subnav-inner ul li dl dd .menu-main {
	font-size: 1.5rem;
	margin-bottom: 17px;
}
body.navbar-open .sub-nav .subnav-inner ul li dl dd .menu-sub {
	font-size: 18px;
	padding: 18px 7px;
	border-left: 1px solid #333;
	color: #ccc;
	line-height: 100%;
}
body.navbar-open .sub-nav .subnav-inner ul li dl dd a {color: #333;}
body.navbar-open .sub-nav .subnav-inner ul li dl dd .menu-sub a {
	color:#333;
	font-weight:300;
}
body.navbar-open .sub-nav .subnav-inner ul li dl dd .menu-sub a:hover {
	font-weight:400;
	color:#0064CC;
}
#Header {
	position: fixed;
	top: 0;
	left: 0;
	z-index:99999;
	width: 100%;
	height:77px;
	padding: 0;
	background:#fff;
	border-bottom: 1px solid #ebebeb;
}
#logo {
	position:absolute;
	margin-top:20px;
}
#Header .gnb_new {
	position:absolute;
	top:23px;
	left:107px;
	z-index:-1;
	background:#ffef00;
	padding:3px 8px;
	border-radius:8px;
	color:#000;
	font-size:11px;
	font-weight:600;
}
#Header .gnb_wrap {
	float:right;
	overflow:hidden;
}
#Header .gnb_wrap .gnb li{
	float:left;
	width:auto;
}
#Header .gnb_wrap .gnb li:hover a {
	background-color:#0064CC;
	color:#fff;
}
#Header .gnb_wrap .gnb li .depth1{
	display:inline-block;
	padding:0 22px;
	vertical-align:top;
	height:77px;
	line-height:77px;
	color:#000;
	font-size:18px;
}
#Header .gnb_wrap .gnb .submenu{
	display:none;
	overflow:hidden;
	position:absolute;
	top:77px;
	left:-460px;
	background:#0064CC;
	width:2200px;
	height:200px;
	z-index:5;
}
#Header .gnb_wrap .gnb .submenu .submenu_inner{
	margin:0 auto;
	width:1280px;
}
#Header .gnb_wrap .gnb .submenu .submenu_inner .smt{
	display:inline-block;
	float:left;
	width:230px;
	margin-right:77px;
	color:#fff;
	font-size:32px;
	line-height:140px;
	font-weight:500;
	text-align:center;
}
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2{
	float:left;
	overflow:hidden;
	padding:14px 0 0;
	margin-top:20px;
	width:222px;
	height:170px;
	vertical-align:top;
}
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2 li{
	display:block;
	margin-left:3px;
	width:222px;
	height:36px;
	transition: all 2s;
}
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2 li a{
	display:block;
	font-size:17px;
	color:#fff;
	padding:3px;
	line-height:36px;
	transition: all 2s;
}
#Header .gnb_wrap .gnb .submenu .submenu_inner .depth2 li a:hover {
	text-decoration:underline !important;
}

.gnb_wrap .gnb_box {float:right;}
.gnb_wrap .all {
	float: right;
	width: 34px;
	height: 34px;
	padding: 6px;
	margin-top: 21px;
	cursor: pointer;
	border: 1px solid #ddd;
	box-sizing: border-box;
	transition: all 0.5s ease;
	/*display: block;*/
	display:none;
}
.gnb_wrap .all a {
	display:block; 
	width:24px; 
	height:24px;
}
.gnb_wrap .all a ul{
	display:block; 
	width:20px; 
	height:20px;
	margin:0;
	overflow:hidden;
}
.gnb_wrap .all a ul li{
	display:block; 
	float:left; 
	height:2px; 
	background:#666; 
	text-indent:-10000px; 
	margin-top:5px; 
	transition : all .4s;
}
.gnb_wrap .all a ul li:nth-child(1){
	width:100%; 
	margin-top:2px;
}
.gnb_wrap .all a ul li:nth-child(2){
	width:100%;
}
.gnb_wrap .all a ul li:nth-child(3){
	width:15px;
}
.gnb_wrap .all a ul li.on:nth-of-type(1){
	transform : translateY(4px) rotate(45deg);
	background:#000080;
	width:100% !important; 
	margin-top:5px;
}
.gnb_wrap .all a ul li.on:nth-of-type(2){
	opacity : 0;
	background:#000080;
}
.gnb_wrap .all a ul li.on:nth-of-type(3){
	transform : translateY(-10px) rotate(-45deg);
	background:#000080;
	width:100% !important;
	margin-top:5px;
}
.gnb_wrap .utils {
	margin:22px 15px 0 0;
	z-index: 20;
	float: right;
}
.gnb_wrap .utils a{
	display:block; 
	float:left; 
	width:75px; 
	height:34px; 
	font-size:14px; 
	font-weight:400; 
	color:#666; 
	line-height:32px; 
	text-align:center; 
	border:1px solid #ddd; 
	box-sizing:border-box; 
	transition:all 0.5s ease; 
}
.gnb_wrap .utils span {
	display: block;
	float: left;
	margin-left:15px;
}
.gnb_wrap .utils span a:hover{
	color:#0064CC;
	border:1px solid #0064CC;
}
.gnb_wrap .utils>ul {
	margin-right: 20px;
}
.gnb_wrap .utils>ul li.item {
	float: left;
	margin-right: 7px;
	padding: 5px 15px 5px 15px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 25px;
	position: relative;
	letter-spacing: 0;
	font-weight: 400;
	display: inline-block;
	min-height: 31px;
}
.gnb_wrap .utils>ul li.item.englewood:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	background-color: #60ab46;
	height: 100%;
	opacity: 1;
	border-radius: 25px;
	transition: all .2s ease-in-out;
	z-index: -1;
	border: 0;
}
.gnb_wrap .utils>ul li.item>a {
	font-size: 13px;
	color: #fff;
	width: 100%;
	height: 100%;
	display: inline-block;
}
#Header_wrap {
	position:relative;
	width:100%;
}
.util {position:relative;width:1200px;margin:0 auto;overflow:hidden;padding:5px 0;}
.util ul {float:right;padding-right:14px;}
.util ul>li {display:inline-block;padding-top:8px;font-size:14px;vertical-align:top;}
.util ul>li>a {display:inline-block;position:relative;color:#000;height:14px;line-height:14px;font-weight:400;}
.util ul>li>a:before {content:'';position:absolute;top:1px;left:-8px;height:13px;border-left:1px solid #c6c6c6;}
.util ul>li>a.gnb_fir:before {content:'';position:absolute;top:1px;left:-8px;height:13px;border-left:none;}
.util ul>li+li {margin-left:14px;}
.util ul li.gnb_log {padding-top:2px;}
.util ul li.gnb_log span {font-size:16px;font-weight:500;}
.header_mid {position:relative;height:80px;-webkit-box-shadow:0 0.1rem 1rem 0 rgb(0 0 0 / 10%);box-shadow:0 0.1rem 1rem 0 rgb(0 0 0 / 10%);z-index:999;}
.header_mid .resp_wrap {position:relative;}
.header_mid_left {position:absolute;left:0;top:30px;font-size:1.25rem;color:#004e82;}
.header_mid_right {position:absolute;right:0;top:20px;font-size:1.25rem;color:#004e82;text-align:center;}
.logo_area {padding-top:20px;text-align:center;}

#Gnb_area .gnb_wrap {position:relative;width:1000px;margin:0 auto;}
#Gnb_area .gnb_inner1 a {float:left;padding-left:8px;font-size:14px;line-height:36px;}
#Gnb_area .gnb_inner1 a.home {margin-left:5px;padding-left:17px;font-weight:600;background:url('../img/bg/home.png') no-repeat center left;}
#Gnb_area .gnb_inner2 {float:right;}
#Gnb_area .gnb_inner2 li {float:left;}
#Gnb_area .gnb_inner2 li.gnb_log {margin-top:8px;padding:0 8px;font-size:14px;}
#Gnb_area .gnb_inner2 li.gnb_log span {color:#dc000a;font-weight:bold;letter-spacing:1px;}
#Gnb_area .gnb_inner2 li a {display:block;margin-top:10px;padding:0 8px;font-size:12px;border-left:1px solid #333;}
#Gnb_area .gnb_inner2 li a.gnb_fir {border:none;}
#Gnb_area .gnb_inner2 li a:hover {color:#ed1c21;font-weight:600;}
#Header_area {position:relative;max-width:1200px;margin:0 auto;}
#Header_area .top_banner {position:absolute;top:35px;left:15px;}
#Header_area .logo {width:270px;margin:0 auto;text-align:center;}
#Header_area .search_area {position:absolute;right:20px;top:50px;}
#Header_area .search_box {width:300px;height:26px;border:2px solid #f6ad2a;border-radius:10px;}
#Header_area .search_box .search_txt {width:200px;height:18px;margin:5px 10px;;padding:0;color:#000;border:0;}
#Header_area .search_box .search_btn {width:68px;height:20px;cursor:pointer;text-indent:-99999px;z-index:10000;background:url('../img/btn/search_btn.png') no-repeat;color:#f6ad2a;border:0;}
.logo_wrap .logo_area {display:table;margin:0 auto;}
.logo_wrap .logo_area>a{display:table-cell;height:140px;vertical-align:middle;}
.logo_wrap .logo_area>a img {width:270px;}
.layout_header .logo_wrap:after {display:block; content:""; clear:both;}

/* 햄버거 버튼 */
.resp_top_ham {position:absolute; left:51px; top:50%; margin-top:-15px;display:none;}
.resp_top_ham>a { display:block; position:relative; width:30px; height:22px; }
.resp_top_ham>a>b,
.resp_top_ham>a:before,
.resp_top_ham>a:after { display:block; font-size:0; content:''; position:absolute; right:0; height:2px; width:100%; background:#555; }
.resp_top_ham>a>b { overflow:hidden; text-indent:-9999px; top:calc(50% - 1px);  }
.resp_top_ham>a:before { top:calc(50% - 1px); transform:translateY(-10px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }
.resp_top_ham>a:after { top:calc(50% - 1px); transform:translateY(10px) rotate(0deg); transition:transform 0.2s, width 0.2s 0.2s, right 0.2s 0.2s; }
.resp_top_ham>a:hover:before { width:12px; right:-1px; transform:translateY(-5px) rotate(405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.resp_top_ham>a:hover:after { width:12px; right:-1px; transform:translateY(5px) rotate(-405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
.resp_top_ham>a.on:before { width:12px; right:-1px; transform:translateY(-5px) rotate(45deg); }
.resp_top_ham>a.on:after { width:12px; right:-1px; transform:translateY(5px) rotate(-45deg); }

/* side 카테고리 */
#Menu {width:100%;}
#Menu, #Menu ul, #Menu ul li, #Menu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#Menu > ul > li {border-top:1px solid #eee;border-bottom:1px solid #eee;}
#Menu ul ul {display: none;}
#Menu > ul > li.active > ul {display: block;}
#Menu > ul > li a {padding: 16px 22px;font-size: 14px;text-decoration: none;color: #333;}
#Menu ul > li.has-sub > a:after, #Menu ul > li.has-sub > ul > li.has-sub > a:after {position: absolute;right: 26px;top: 19px;z-index: 5;display: block;height: 10px;width: 2px;background: #333;content: "";-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#Menu ul > li.has-sub > a:before, #Menu ul > li.has-sub > ul > li.has-sub > a:before  {position: absolute;right: 22px;top: 23px;display: block;width: 10px;height: 2px;background: #333;content: "";-webkit-transition: all 0.1s ease-out;-moz-transition: all 0.1s ease-out;-ms-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;}
#Menu ul > li.has-sub.open > a:after,#Menu ul > li.has-sub.open > a:before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#Menu ul li a {padding: 14px 22px;cursor: pointer;z-index: 2;font-size: 14px;text-decoration: none;color: #333;background-color:#f1f1f1;}
#Menu ul ul li {background-color:#f2f2f2;}
#Menu ul ul li a {padding-left: 32px;color:#333;background-color:#fff;}
#Menu ul ul ul li a {padding-left: 42px;}
#Menu ul ul > li.has-sub > a:after {top: 16px;right: 26px;background: #dddddd;}
#Menu ul ul > li.has-sub > a:before {top: 20px;background: #dddddd;}

.wrap_aside {padding:0 10px;}
.title_sub3 {padding:30px 0 8px;font-size:16px;font-weight:500;color:#333;}
.title_sub3.v2 {font-size:20px;font-weight:400;}
.aside_cs_phone { display:block; font-size:32px; line-height:1.0; font-weight:100; color:#333; }
.aside_cs_phone:before { display:inline-block; width:28px; height:28px; position:relative; top:-3px; margin-right:8px; vertical-align:middle; content:''; background:url('../img/bg/icon_call_02.jpg') 50% 50% no-repeat;  animation:ani_call2 4s linear infinite; }
.aside_cs_info { padding-top:5px; color:#999; font-size:12px; font-weight:300; line-height:1.8; }


/* GNB 카테고리 네비게이션 */
#Navi {width:100%;}
#Navi .nav_wrap {max-width:1200px;margin:0 auto;text-align:center;}
#Navi .coll {display: inline-block;position: relative;width:100px;height:53px;line-height:34px;float:left; padding-top: 8px;padding-bottom: 9px;border-top: 2px solid #222;border-left: 1px solid #dedede;border-right: 1px solid #dedede;text-align: center;cursor: pointer;}
/* site-gnb */
#Navi nav { height:50px;background:#fff;position:relative;}
#Navi nav .nav_wrap {height:50px;}
#Navi .site-gnb > li {display:inline-block;text-align:center;}
#Navi .site-gnb > li > a {display:block;padding:0 20px;line-height:50px;font-weight:400;font-size:1.1rem;color:#000;}
#Navi .site-gnb > li > a.fir {padding-left:48px;}
#Navi .site-gnb > li.rootCurrent > a,
#Navi .site-gnb > li > a:hover,
#Navi .site-gnb > li > a:focus { color:#4ea6e9; }
#Navi nav .toggle-gnb { position:absolute;text-align:left;top:15px;left:50%;margin-left:-550px;width:25px;height:21px;}
#Navi nav .toggle-gnb span,
#Navi nav .toggle-gnb:before,
#Navi nav .toggle-gnb:after {position:absolute;width:25px;height:3px;border-radius:1.5px;background:#82a1c2;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .5s;transition:all .5s;left:0;}
#Navi nav .toggle-gnb span {top:50%;margin-top:-2px;text-indent:-9999px;overflow:hidden;opacity:1;}
#Navi nav .toggle-gnb:before {content:"";	top:0px;}
#Navi nav .toggle-gnb:after {content:"";bottom:0;}
#Navi nav .toggle-gnb.on span {opacity:0;}
#Navi nav .toggle-gnb.on:before {top:9px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#Navi nav .toggle-gnb.on:after {bottom:9px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#Navi nav .toggle-gnb {}
#Navi nav .snb-area { position:absolute;z-index:9992;top:54px;left:0;width:100%;height:250px;background:#ffffff;border-bottom:1px solid #0065b5;box-shadow:0 5px 10px rgba(0,0,0,.1);	}
#Navi nav .snb-area strong {display:none;}
#Navi nav .snb-area .snb-close { position:absolute;top:37px;right:50%;margin-right:-500px;width:25px;height:25px;overflow:hidden;text-indent:-999px;}
#Navi .site-gnb div {position:absolute;box-sizing:border-box;width:170px;z-index:9999;top:53px;left:50%;	margin:30px 0;text-align:left; padding-left:14px;display:none;}
#Navi .site-gnb li:first-child div {margin-left:-600px; }
#Navi .site-gnb li:nth-child(2) div { margin-left:-420px; }
#Navi .site-gnb li:nth-child(3) div { margin-left:-250px; }
#Navi .site-gnb li:nth-child(4) div { margin-left:-80px; }
#Navi .site-gnb li:nth-child(5) div { margin-left:90px; }
#Navi .site-gnb li:nth-child(6) div { margin-left:260px; }
#Navi .site-gnb li:nth-child(7) div { margin-left:430px; }
#Navi .site-gnb li + li div { border-left:1px solid #eee; }
#Navi .site-gnb h2 {font-size:1.308em;font-weight:400;margin-bottom:20px;display:none;}
#Navi .site-gnb ul { }
#Navi .site-gnb ul li a { display:block;color:#000;font-size:16px;line-height:22px; text-align:center;font-family:'NanumSquare';font-weight:400;}
#Navi .site-gnb ul li + li {margin-top:12px;}
#Navi .site-gnb ul li a:hover, 
#Navi .site-gnb ul li a:focus { color:#0065b5; }
#Navi .site-gnb div.active {margin:0;padding:0 0 30px 0;border-left:0;background:#0065b5;background-color:rgba(0,58,121,.85);text-align:center;opacity:0;height:auto;width:190px;	/* width:auto;box-sizing:content-box;*/box-sizing:border-box;left:50%;margin-left:-95px !important;}
#Navi .site-gnb li:first-child div.active {border-left:0;}
#Navi .site-gnb div.active ul {width:auto;}
#Navi .site-gnb div.active h2 {background:#fff;color:#fff;font-size: 1.231em;line-height:30px;height:0;border-top:3px solid #fff;margin:0 auto 20px auto;padding:0;display:inline-block;white-space:nowrap;overflow:hidden;}
#Navi .site-gnb .active ul li a {color:#fff;white-space:nowrap; }

/* 카테고리 전체보기 */
/* 전체 카테고리, 전체 브랜드, 전체 지역 */
.categoryAll_wrap, .brandAll_wrap, .locationAll_wrap { position:fixed; left:0; top:0; right:0; bottom:0; z-index:900; padding:30px 40px 40px; background-color:rgba( 0, 0, 0, 0.5 ); }
.categoryAllContainer, .brandAllContainer, .locationAllContainer { position:relative; max-width:1260px; height:100%; margin:0 auto; background-color:#fff; border-radius:6px; overflow-y:auto; }
.all_list_contents { padding:40px; }
.all_list_contents a { color:#555; transition:all 0.2s; }
.all_list_contents .all_list_title { font-size:26px; font-weight:700; letter-spacing:-1px; color:#333; }
.all_list_contents .all_list_depth1 { font-size:0; line-height:0; text-align:left; margin-left:-10px; }
.all_list_contents .all_list_depth1>li { display:inline-block; min-width:160px; vertical-align:top; margin-left:10px; font-size:12px; line-height:1.4; color:#555; }
.all_list_contents .all_list_depth1>li>a { display:block; vertical-align:top; margin-top:20px; padding:10px 0 10px; border:1px #eee solid; font-size:17px; line-height:1.2; font-weight:300; color:#333; text-align:center; border-radius:2px; }
.all_list_contents .all_list_depth1>li:hover>a { border-color:#ccc; color:#ed3347; }
.all_list_contents .all_list_depth2 { padding-top:10px; }
.all_list_contents .all_list_depth2>li>a { display:block; vertical-align:top; padding:5px 10px 3px; font-size:14px; }
.all_list_contents .all_list_depth2>li:hover>a { color:#ed3347; }
.all_list_contents .all_list_depth3 { padding:0 0 6px 14px; margin-top:-2px; }
.all_list_contents .all_list_depth3>li>a { display:block; vertical-align:top; padding:1px 10px 1px 14px; font-size:13px; color:#767676; background:url(../images/common/icon_sub2_a.png) 2px 50% no-repeat;}
.all_list_contents .all_list_depth3>li:last-child>a { background:url(../images/common/icon_sub2_b.png) 2px 0 no-repeat; }
.all_list_contents .all_list_depth3>li:hover>a { color:#ed3347; }
.all_list_contents .all_list_close { position:absolute; right:30px; top:30px; display:block; width:40px; height:40px; overflow:hidden; text-indent:-9999px; background:url('../img/bg/all_close.png') 50% 50% no-repeat; }

/*메인 슬라이드*/
.main_slider {
	width:100%;
	height:550px;
	margin-top:77px;
}
.main_slider_box {
	position:relative;
}
.main_slider_box ul li {
	position:relative;
	height:550px;
}
.main_slider_box ul li:nth-child(1) {
	background:url('../img/main04.jpg') center;
	background-size:cover;
} 
.main_slider_box ul li:nth-child(2) {
	background:url('../img/main02.jpg') center;
	background-size:cover;
}
.main_slider_box ul li:nth-child(3) {
	background:url('../img/main03.jpg') center;
	background-size:cover;
}
.main_slider_box ul li:nth-child(4) {
	background:url('../img/main01.jpg') center;
	background-size:cover;
}
.main_slider_box ul li:nth-child(5) {
	background:url('../img/main06.jpg') center;
	background-size:cover;
}
.main_slider_box ul li:nth-child(6) {
	background:url('../img/main07.jpg') center;
	background-size:cover;
}
.main_slider_box ul li:nth-child(7) {
	background:url('../img/main08.jpg') center;
	background-size:cover;
}
.main_slider_box ul li:nth-child(8) {
	background:url('../img/main09.jpg') center;
	background-size:cover;
}
.main_slider_box ul li:nth-child(9) {
	background:url('../img/main10.jpg') center;
	background-size:cover;
}
.main_slider_box .txt_box {
	position:absolute; 
	right: -190px;
	bottom:0;
	transform:translateX(-50%);  
	color:#fff; 
	z-index:60; 
	transition:top 1s ease-in-out;
	opacity:1; 
	text-align:center;
}
.main_slider_box .txt_box .p1 { 
	text-align:left;
	font-size: 28px;
	color: #fff; 
	font-weight: 400; 
	letter-spacing:2.5px;
	line-height: 1.2em; 
}
.main_slider_box .txt_box .p1 span { 
	display: block; 
	font-weight: 300; 
}
.main_slider_box .txt_box .p2 {
	padding: 0.9rem 0;
	font-size: 40px;
	color: #fff; 
	font-weight: 700;
	letter-spacing: 4px;
}
.main_slider_box .txt_box .p2:before { 
	display:block; 
	content:''; 
	width:100%;
	margin-bottom:20px;
	height:1px;
	background-color:#fff;
}

/* 메인 컨텐츠 */
.main-content

/* main-tab */
.main-tab{
	margin-top:35px;
	display:flex;
	justify-content: space-between;
}
.news h1,
.main-notice h1{
	font-weight:700;
	font-size:26px;
	margin-bottom:35px;
}
/* news */
.news{
	width:48.5%;
}
.tabset > input[type="radio"] {
	position: absolute;
	left: -200vw;
}
.tabset .tab-panel {
	display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7) {
	display: block;
}
.tabset > label {
	position: relative;
	display: inline-block;
	padding: 13px 0;
	border: 1px solid transparent;
	border-bottom: 0;
	cursor: pointer;
	font-weight: 600;
	width: 24.3%;
	text-align:center;
}
input:focus-visible + label {
	outline: 2px solid #e5e5e5;
	border-radius: 3px;
}

.tabset > label:hover,
.tabset > input:focus + label,
.tabset > input:checked + label {
	color: #346CA6;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
	background: #06c;
}

.tabset > input:checked + label {
	background:#0064CC;
	margin-bottom: -1px;
	color:#fff;
}
.tab-panel {
	padding-top:20px;
	border-top: 1px solid #0064CC;	
}
.tabset {
	width:100%;
}
.tab-notice{
	padding:0 10px 20px 10px;
	border-bottom: 1px solid #ccc;
}
.tab-notice p{
	position:relative;
	margin-bottom:25px;
}
.tab-notice p:last-child{
	margin-bottom:0;
}
.tab-notice p a{
	color:#000;
	font-weight:500;
}
.tab-notice p a:hover{
	color:#0064CC;
}
.tab-notice p span{
	position:absolute;
	right:0;
	color:#959595;
	font-weight:400;
}
.tab-notice-btn{
	text-align:right;
	margin-top:8px;
	padding-right:10px;
}
.tab-notice-btn button{
	background:#fff;
	border:none;
	cursor:pointer;
	color:#0064CC;
	font-size:16px;
	font-weight:500;
}
.tab-notice-btn button i{
	font-size:14px;
	padding-left:5px;
}
.tab-notice-btn button:hover{
	font-weight:700;
} 


/* 활동갤러리 */
.main-notice{ 
	width:48.5%;
}

.owl-carousel{
	position:relative;
}
.owl-carousel .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
.owl-carousel .owl-dots.disabled,  
.owl-carousel .owl-nav.disabled{ 
	display:block !important;
}
.owl-carousel .owl-nav [class*=owl-].disabled:hover {
  background-color: #d6d6d6;
}
.owl-carousel .owl-next,
.owl-carousel .owl-prev {
	position: absolute;
	top: -53px;
	font-size: 20px; 
	color: #fff;  
	text-align: center;
}
.owl-carousel .owl-next i,
.owl-carousel .owl-prev i{
	color:#333;
	font-size:35px;
} 
.owl-carousel .owl-next i:hover,
.owl-carousel .owl-prev i:hover{
	color:#0064CC;
}
.owl-carousel .owl-prev {
	right:45px;
}
.owl-carousel .owl-next {
	right:0;
}
.owl-carousel .owl-item img{
	height:281px;
	object-fit:cover;
}
.owl-carousel .item{
	border-radius:5px;
	background:#fff;
}
.owl-carousel .item a{
	color:#333;
}
.owl-carousel .item-text{
	padding-top:10px;
	text-align:left;
	font-size:19px;
	font-weight:500;
	position:relative;
}
.owl-carousel .item-text .item-date{
	position:absolute;
	right:0;
	bottom:2px;
	font-size:15px;
	font-weight:500;
	color:#0064CC;
}
.owl-dots{
	display:none;
}



.tab-notice2 ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.tab-notice2 ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	width: 19.4%;
	cursor: pointer;
	padding: 13px 0;
	border: 1px solid transparent;
	border-bottom: 0;
	text-align: center;
	font-weight: 600;
}
.tab-notice2 ul.tabs li.current{
	background: #0064CC;
	color: #fff;
}
.tab-notice2 .tab-content{
	display: none;
	border-top: 1px solid #0064CC;
	padding-top:20px;
}
.tab-notice2 .tab-content.current{
	display: inherit;
}

/* main-tab2 */
.main-tab2{
	margin-top:60px;
	margin-bottom:40px;
}
.main-tab2 h1{
	font-weight:700;
	font-size:26px;
	margin-bottom:35px;
}
.main-quick{
	display: flex;
	align-items: flex-start;
    justify-content: space-between;
}
.main-calendar{
	width:33%;
}
/*main-left-quick*/
.main-left-quick{
	width:40%;
}
.main-left-quick .gallery-box h1,
.main-right-quick h1{
	margin-bottom:20px;
}
.quick-box ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.quick-box ul li{
	width: 303px;
	height:145px;
	padding-top:10px;
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow: 5px 5px 5px #dbdbdb;
}
.quick-box ul li:nth-child(1),
.quick-box ul li:nth-child(2){
	margin-bottom:15px;
}
.quick-box ul li.login-cnt-box{
	width:150px;
}
.quick-box ul li:hover{
	background:#0064CC;
}
.quick-box ul li:hover a p{
	color:#fff;
}
.quick-box ul li p{
	margin:0 auto;
	text-align:center;
}
.quick-box ul li p.mb1{
	width:90px;
	height:90px;
	background:#fff;
	border-radius:50%;
}
.quick-box ul li p.mb1 img{
	padding-top:10px;
}
.quick-box ul li p.mb2{
	color:#000;
	font-size:15px;
	font-weight:500;
	margin-top:5px;
} 
/*main-right-quick*/
.main-right-quick{
	width:300px;
}
.link{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.link li{
	width:49%;
	height:73.5px;
	text-align:center;
	border:1px solid #ddd;
	margin-bottom:5px;
}
.link li:hover{
	border:1px solid #0064CC;
}
.link li:last-child{
	margin-bottom:0;
}
.link li a{ 
	width:100%;
	height:100%;
	display:block;
	color:#000;
	font-size:14px;
} 
.link li a img{
	margin-top:16px;
	width:80%;
}
.link li:nth-child(2) a img{
	margin-top:26px;
}
.link li:nth-child(3) a img{
	margin-top:24px;
}
.link li:nth-child(4) a img{
	margin-top:23px;
}
.link li:nth-child(5) a img{
	margin-top:23px;
}
.link li:nth-child(6) a img{
	margin-top:28px;
}
.link li:nth-child(7) a img{
	margin-top:23px;
}
.right-slider{
	width:300px;
	margin-left:20px;
	border-radius:5px;
	border:1px solid #CFCFCF;
}



/*달력*/
.sec_cal {
    width:32%;
}
.sec_cal .cal_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 26px;
    line-height: 78px;
}
.sec_cal .cal_nav i{
	font-size:20px;
	color:#333;
}
.sec_cal .cal_nav .year-month {
    width: 300px;
    text-align: center;
    line-height: 1;
}
.sec_cal .cal_nav .nav {
    display: flex;
    border: 1px solid #333333;
    border-radius: 5px;
}
.sec_cal .cal_nav .go-prev,
.sec_cal .cal_nav .go-next {
    display: block;
    width: 50px;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sec_cal .cal_wrap {
    padding-top: 25px;
    position: relative;
    margin: 0 auto;
}
.sec_cal .cal_wrap .days {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.sec_cal .cal_wrap::after {
    top: 368px;
}
.sec_cal .cal_wrap .day {
    display:flex;
    align-items: center;
    justify-content: center;
    width: calc(100% / 7);
    text-align: left;
    color: #6d6c6c;
    font-size: 17px;
    text-align: center;
    border-radius:5px
}
.current.today {
	background: rgb(242 242 242);
}
.sec_cal .cal_wrap .dates {
    display: flex;
    flex-flow: wrap;
    height: 290px;
}
.sec_cal .cal_wrap .day:nth-child(7n -1) {
    color: #3c6ffa;
}
.sec_cal .cal_wrap .day:nth-child(7n) {
    color: #ed2a61;
}
.sec_cal .cal_wrap .day.disable {
    color: #ddd;
}
.schedule{
	position:relative;
	cursor:pointer;
	text-decoration:underline;
}
.schedule:after{
	position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    top: 17px;
    right: 13px;
    background: #0064CC;
    border-radius: 50%;
}

/*****2024.07.16*****/
.m-calender h1{
	margin-bottom:20px;
}
.calendar-container {
	width: 100%;
	margin: 0px auto;
}
.calendar-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.calendar-header #prevBtn,
.calendar-header #nextBtn{
	background:none;
	border:none;
	cursor:pointer;
}
.calendar-header #prevBtn i,
.calendar-header #nextBtn i{
	font-size:20px;
	color:#333;
}
.calendar-header #currentMonth{
	font-weight:700;
	color:#0064CC;
}
.calendar-days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.day {
	text-align:center;
	padding:10px 5px;
}
.calendar-dates {
	margin-top:10px;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: 5px;
}
.calendar-dates .active{
	background:#0064CC;
	color:#fff;
	border-radius: 3px;
	cursor:pointer;
	font-weight:500;
	font-size:18px;
	text-align:center;
}
.date{
	text-align:center;
	padding:10px 5px;
	font-weight:500;
	font-size:18px;
	color:#848484;
}
.calendar-days .day:first-child{
	color: #ed2a61;
} 
.calendar-days .day:last-child{
	color:#0064CC;
}
/*
.calendar-dates .date:nth-child(7n+1){
	color: #ed2a61;
}
.calendar-dates .date:nth-child(7n){
	color:#0064CC;
}
*/
.date-click-wrap h2 {
	position:relative;
	display:flex;
	align-items:center;
	justify-content: center;
}
.date-click-wrap h2 span{
	font-weight:700;
	font-size:20px;
	color:#0064CC;
}
.date-click-wrap h2 .click-date{
	padding:5px 10px;
	border-radius: 3px;
	background:#f1fbff;
	border-bottom:1px solid #dedede;
}
.date-click-wrap h2 .close-icon{
	position:absolute;
	right:0;
}
.date-click-wrap h2 span i{
	color:#333;
	font-size:32px;
	width: 24px;
	cursor:pointer;
}
.date-detail{
	height:260px;
	overflow-y: auto;
	margin-top:20px;
}
.date-box{
	padding:7px 10px;
	border:1px solid #dedede;
	border-radius:3px;
	margin-bottom:10px;
	box-shadow: 3px 1px 5px 0px #e8e8e8;
}
.date-box:last-child{
	margin-bottom:0;
}
.date-box h3{
	margin-bottom:3px;
	font-size:16px;
	color:#0064CC;
	font-weight:800;
}
.date-box p{
	font-weight:600;
	font-size:15px;
}





/*푸터*/


/*탑버튼*/
/* #scrollTop { */
	/* position:fixed; */
	/* bottom: 20px; */
	/* right: 9%; */
	/* z-index:11;  */
	/* transition: 0.4s;  */
	/* opacity: 0; */
	/* border:none; */
	/* background:none; */
	/* cursor:pointer; */
/* } */
/* #scrollTop.on { */
	/* opacity: 1; */
	 /* transform: scale(1); */
/* } */
/* #scrollTop > span { */
	/* background:url(../img/btn_top.png) no-repeat center center;  */
	/* display: inline-block; */
	/* width:32px; */
	/* height:50px; */
/* } */


/*서브페이지 네비*/
#sub-header{
	position:relative; 
	overflow:hidden; 
	width:100%; 
	text-align:center; 
	height:280px;
}
#sub-header .subtop{
	width:100%; 
	height:100%; 
	animation:animate_background 2s ease-in-out forwards; 
	background-position:center; 
	filter: brightness(80%);
	background:#ccc;
} 
.subtop_1{ 
	background-image:url('../img/sub-img01.jpg') !important;
}
.subtop_2{
	background-image:url('../img/sub-img02.jpg') !important;
}
.subtop_3{
	background-image:url('../img/sub-img03.jpg') !important;
}
.subtop_4{
	background-image:url('../img/sub-img04.jpg') !important;
}
.subtop_5{
	background-image:url('../img/sub-img05.jpg') !important;
}
.subtop_6{
	background-image:url('../img/sub-img06.jpg') !important;
}
.subtop_7{
	background-image:url('../img/sub-img07.jpg') !important;
}
#sub-header .subtop_txt{
	position: absolute;
    top: 51%;
    width: 100%;
    text-align: center;
    z-index: 10;
}
#sub-header .subtop_txt h2 {
	position:relative;
	font-size:40px;
	color:#fff; 
	font-weight:600;
	margin-bottom:10px;
}
#sub-header .subtop_txt h4{
	position:relative;
	font-size:20px;
	color:#fff; 
}
.sub-nav-menu{
	display: flex;
	height:65px;
	max-width: 1280px;
	margin:-35px auto 40px; 
	padding: 0;
	border: 1px solid #ebebeb;
	background: #fff;
	z-index:1;
	position:relative;
}
.sub-nav-home{
	min-width:65px;
	height:65px;
	border-right: 1px solid #ebebeb;
}
.home-ico{
	width:100%;
	height:100%;
}
.home-ico a{
	display:block;
	min-width:100%;
	height:100%;
	padding:19px 21px;
}
.home-ico a i{
	color:#333;
	font-size:22px;
}
.home-ico a i:hover{
	color:#4aa251;
}
.sub-nav-menu .sub-dropdown{
	min-width: 200px;
	position: relative;
}
.sub-nav-menu .sub-dropdown *{
	box-sizing: border-box;
	color:#333;
}
.sub-nav-menu .select{
	color: #333;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-right: 1px solid #ebebeb;
	cursor: pointer;
	line-height:65px;
	padding:0 15px;
	transition: background 0.3s;
}
.sub-nav-menu .select-clicked{
	border: 2px #26489a solid;
	box-shadow: 0 0 0.8em #26489a;
}
.sub-nav-menu .caret{
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #333;
	transition: .3s;
}
.sub-nav-menu .caret-rotate{
	transform: rotate(180deg);
}
.sub-nav-menu .sub-drowdown-menu{
	list-style:none;
	padding:0.2em 0.5em;
	background:#fff;
	border:1px solid #ebebeb;
	box-shadow:0 0.5em 1em rgba(0, 0, 0, 0.2);
	color:#9fa5b5;
	position: absolute;
	top: 70px;
	left: 50%;
	width:100%;
	transform: translateX(-50%);
	opacity: 0;
	display: none;
	transition: 0.2s;
	z-index: 1;
}
.sub-nav-menu .sub-drowdown-menu li{
	padding: 0.7em 0.5em;
	margin: 0.3em 0;
	border-radius: 0.5em;
	cursor: pointer;
}
.sub-nav-menu .sub-drowdown-menu li a{
	color:#333;
}
.sub-nav-menu .sub-drowdown-menu li:hover{
	background:#cee6fe47;
}
.sub-nav-menu .active{
	background:#cee6fe47;
}
.sub-nav-menu .menu-open{
	display: block;
	opacity: 1;
}

/*서브페이지 공통*/
/* .contents{ */
	/* position:relative; */
	/* padding:30px 0 60px 0; */
/* }  */
.contents .sub-title{
	width: 100%;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    line-height: 1.2em;
    margin-bottom: 43px;
    word-break: keep-all;
}

/*로그인*/




/* 아이디 비밀번호 찾기 */


/* 약관동의 */
.join-agree{
	
}
.agree-box{
	padding:0 45px;
}
.agree2{
	margin-top:30px;
}
.agree-box h2{
	font-size:22px;
	font-weight:600;
	margin-bottom:15px;
}
.agree-box .agree-text{
	overflow: hidden;
	width:100%;
	padding: 30px 35px;
	height:350px;
	border:1px solid #dddddd;
	resize:none;
	outline:none;
}
.agree-text .agree-scroll{
	display: block;
	width: 100%;
    height: 100%;
    position: relative;
    overflow-y: scroll;
    min-height: auto;
}
.agree-scroll h3{
	padding: 0 0 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dddddd;
    font-weight: 600;
	color: #0064CC;
    font-size: 22px;
    line-height: 25px;
}
.agree-scroll h4{
	color: #0064CC;
	padding: 0 0 20px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
}
.agree-scroll .agree-p{
	padding-bottom:30px;
	line-height:25px;
	font-size:17px;
	color:#333;
}
.agree-scroll .agree-ol{
	margin-bottom:30px;
}
.agree-scroll .agree-ol li{
	font-size:16px;
	padding: 0 0 10px 15px;
    text-indent: -15px;
	line-height:25px;
}
.agree-scroll .agree-p-tit{
	padding-bottom:15px;
	font-size:17px;
	color:#333;
}
.agree-scroll .sub-h3{
	margin-top:30px;
}
.agree-scroll .ol2{
	margin-top:10px;
}
.agree-p2{
	padding-bottom:10px;
	font-size:16px;
	color:#333;
}
.agree-check{
	display:flex;
	align-items:center;
	margin-top:10px;
}
.agree-check input{
	margin-right:5px;
}
.agree-check label{
	font-size:17px;
}
.l-btn{
	margin-top:50px;
	text-align:center;
}
/* .l-btn a{ */
	/* width:200px; */
	/* height:55px; */
	/* font-size:17px; */
	/* line-height:55px; */
	/* display:inline-block; */
/* } */
/* .l-btn a:first-child{ */
	/* border:1px solid #a7a4a4; */
	/* color:#333; */
	/* background:#fff; */
/* } */
/* .l-btn a:first-child:hover{ */
	/*
	background:#f2f2f2;
	border:1px solid #c9c9c9;
	color:#969696;
	*/
	/* border:1px solid #333; */
	/* color:#333; */
/* } */
/* .l-btn a:last-child{ */
	/* border:1px solid  #0064CC; */
	/* background: #0064CC; */
	/* color:#fff; */
/* } */
/* .l-btn a:last-child:hover{ */
	/* border:1px solid  #004fa1; */
	/* background: #004fa1; */
/* } */

/* 회원가입 */
.join-table-wrap{

}
.join-table-wrap h3{
	font-weight:500;
	font-size:23px;
}
.join-table-wrap table{
	width:100%;
}
.join-table{
	margin-top:10px;
	border-top:2px solid #0064CC;
}
.join-table tr{
	height:65px;
	border-bottom:1px solid #ddd;
}
.join-table th{
	padding:0 10px;
	width:16%;
	text-align:left;
	font-size:17px;
	font-weight:500;
	border-bottom:1px solid #ddd;
}
.join-table td{
	text-align:left;
	border-bottom:1px solid #ddd;
}
.join-table th span{
	position:relative;
	font-size:17px;
	font-weight:500;
}
.join-table th span:after{
	content:'*';
	position:absolute;
	right:-13px;
	top:-5px;
	color:#0064CC;
	font-size:17px;
}
.join-table td input[type="text"],
.join-table td input[type="password"]{
	height:40px;
	border:1px solid #cbcaca;
	padding-left:5px;
	font-size:16px;
}
.join-table td input[type="text"]:focus,
.join-table td input[type="password"]:focus{
    outline: 2px solid #346CA6;
}
.intro-textarea{
	height:150px !important;
}
.join-table td textarea{
	width:100%;
	height: 130px;
	resize:none;
	border: 1px solid #cbcaca;
}
.join-table .j-btn{
	margin-left:10px;
}
.join-table .j-btn a{
	display:inline-block;
	width:95px;
	text-align:center;
	height:40px;
	line-height:40px;
	border:1px solid #c9c9c9;
	color:#333;
	font-size:15px;
}
.join-table .j-btn a:hover{
	border:1px solid #000;
	color:#000;
}
.join-table .n_txt{
	padding-left:10px;
	font-weight:500;
	font-size:15px;
	color:#0064CC;
}
.upload{
	width:244px;
	height:195px;
	border-bottom:1px solid #ddd;
}
.img_upload{
	width:100%;
	height:100%;
	padding:10px;
	text-align: center;
	border-left: 1px solid #dddd;
}
.img_upload .preview{
	margin:0 auto;
	position: relative;
	width: 94px;
	height: 113px;
	background: #f2f2f2;
	overflow: hidden;
}
.img_upload .preview span{
	text-align:center;
	margin-top:10px;
	display: table-cell;
    vertical-align: middle;
	font-size:14px;
	letter-spacing:1px;
	padding:20px 14px;
	line-height:18px;
}
.img_upload .preview img {
	width: 94px;
	height: 113px;
	object-fit: cover;
}
.upload-btn {
	padding-top: 17px;
}
.upload-btn button{
	width:60px;
	font-size:14px;
	height:30px;
	cursor:pointer;
}
.upload-btn button:first-child{
	border: 1px solid #a7a4a4;
    color: #333;
    background:#fff;
}
.upload-btn button:first-child:hover{
	border:1px solid #000;
	color:#000;
}
.upload-btn button:last-child{
	border:1px solid #0064CC;
	background:#0064CC;
	color:#fff;
}
.upload-btn button:last-child:hover{
	background: #004fa1;
	border:1px solid #004fa1;
}
.img_upload input[type=file] {
	width: 0;
	height: 0;
	display:none;
	visibility: hidden;
}
.img_upload .fileName {
	padding-top: 10px;
	font-weight: 300;
}
.img_upload .preview .loadingLogo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	border: 5px solid #69CD9B;
	border-top: 5px solid #2FDEC1;
	border-radius: 100%;
	animation: spin 500ms linear infinite;
}
@keyframes spin {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(360deg);
  }
}
.input-s{
	width:8.5%;
}
.input-m{
	width:39%;
}
.input-m2{
	width:30%;
}
select.join-select{
	font-size:15px;
	margin-left:10px;
	width:150px;
	height:40px;
	border: 1px solid #cbcaca;
}
select:focus{
	outline: 1px solid #0064CC;
}
.tr1{
	height:115px !important;
}
.tr1 .input-s{
	margin-bottom:10px;
}
.tr1 .input-m{
	margin-right:10px;
}
.join-table .agree-check{
	margin-top:0;
}
.join-table .agree-check input{
	margin-right:10px;
}
.m-br{
	display:none;
}

/* 회원가입 완료*/
.join-ok-wrap{
	width:100%;
	text-align:center;
	padding:50px 0;
	/* min-height:610px; */
}
.join-ok-wrap .sub_btns {
	justify-content:center;
}
.join-ok-wrap img{
	width:70px;
	aspect:1/1;
}
.join-ok-wrap h2{
	margin-top:10px;
	font-size:35px;
	font-weight:700;
	color:#0064CC;
}
.join-ok-wrap h3{
	margin-top:30px;
	line-height: 27px;
	font-size:20px;
}
.join-ok-wrap h3 strong{
	font-weight:700;
}
.join-ok-wrap p{
	margin:0 auto;
	margin-top:50px;
	width:32%;
	padding:11px 0;
	background:#fff;
	border-radius:30px;
	font-size:17px;
}
.join-ok-wrap p span{
	font-weight:600;
	color:#f85e2d;
}
.join-ok-wrap .btn{
	margin-top:30px;
}
.ok-btn a:hover{
	background:#004fa1;
	color:#fff !important;
	border:1px solid #004fa1;
}

/* 마이페이지*/

.mp-top{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.btn1{
	cursor:pointer;
	border: 1px solid #a80000;
    color: #fff;
    background: #a80000;
	padding:7px 15px;
	font-size:15px;
	border-radius:3px;
}
.btn1:hover{
	border: 1px solid #c90505 !important;
	background: #c90505;
}
.infobox{
	margin-top:10px;
	padding:20px;
	border:1px solid #ddd;
	box-shadow: 0 9px 29px 0 rgb(0 0 0 / 5%);
}
.preview{
	text-align:center;
}
.profile_pic img{
	width:94px;
	height:113px;
	object-fit:cover;
}
.infobox table{
	padding:20px;
	background: #e9edff;
	margin-top:20px;
}
.infobox .mp-table tr{
	height:29px;
}
.infobox .mp-table th,
.infobox .mp-table td{
	text-align:left;
	font-size:17px;
}
.infobox .mp-table th{
	width:15%;
}
.mp-dues{
	margin-top:30px;
}
.mp-dues h2{
	position:relative;
	font-size:20px;
	font-weight:600;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
}
.mp-dues h2:after{
	content:'';
	position:absolute;
	left:0;
	bottom:-2px;
	width:115px;
	height:3px;
	background:#4aa251;
}
.mp-dues-table{
	margin-top:20px;
	border-top:1px solid #c6c6c6;
}
.dues-top{
	background:#4caf5030;
}
.dues-top th{
	font-size:17px;
	padding:10px 0;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
}
.dues-top th:last-child{
	border-right:none;
}
.mp-dues-table td{
	font-size:16px;
	text-align:center;
	padding:7px 0;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
}
.mp-dues-table td:last-child{
	border-right:none;
}
.btn2{
	border:1px solid #0064CC;
	background:#0064CC;
}
.btn2:hover{
	border:1px solid #004fa1 !important;
	background:#004fa1;
}

/*서브페이지 공통*/
.cnt{
	margin-top:70px;
}

/*게시판*/
.table-list{
	width: 100%; 
	margin-top:10px; 
	border:0;  
	border-spacing:0; 
	border-collapse:separate; 
	border-top:2px solid #0064CC;
}
.table-list thead tr th{
	position:relative;
	border-bottom:1px solid #61646c;	
	background:#f5faff;
}
.table-list thead tr th::after{
	content:'';
	width:1px;
	height:20px;
	background-color:#c3c3c3;
	position:absolute;
	right:0px;
}
.table-list thead tr th:last-child::after{
	content:none;
}
.table-list thead tr th:nth-child(2)::after{
	content:none;
}
.table-list th,
.table-list td{
	padding:15px 5px 13px;
}
.not-title{
	font-weight:bold;
}
.not-title a{
	color:#0552A9;
}
.n-title{
	position:relative;
	text-align:left !important;
}
.n-title a{
	color:#333;
}
.n-title a:hover{
	text-decoration:underline;
}
.n-file{
	vertical-align:middle;
}
.table-list td{
	text-align:center;
}
.notice-icon{
	display:inline-block; 
	padding:3px 18px; 
	text-indent: -9999px; 
	background: url('../img/icon_notice.png') no-repeat center center; 
	background-size: 90%;
}
.table-list tr td{
	border-bottom:1px solid #bbb;
}



.list-notice{
	justify-content: flex-end !important;
	margin-top:18px;
}
.search-button a{
	color:#333;
	font-size: 23px;
}
.imwon-top{
	display:flex;
	align-items:center;
	justify-content: flex-end;
}
.imwon-top h1{
	font-size:17px;
}
.imwon-select select{
	width:150px;
	height:40px; 
	margin-right:10px;
	padding:0 10px;
	border:1px solid #afafaf;
	font-size:14px;
}
.imwon-search{
	width:600px;
	height:40px;
	display:flex;
	align-items:center;
	position:relative;
}
.imwon-search input{
	width:100%;
	height:100%; 
	background:#fff; 
	border:1px solid #afafaf;
	padding-left:10px;
	font-size:14px;
}
.imwon-search input:focus{
	outline: 1px solid #0064CC;
}
.imwon-search .search-button{
	display: flex;
	justify-content: flex-end;
	position: absolute;
	right: 10px;
}
.search-icon button{
	background:none;
	border:none;
	cursor:pointer;
}
.search-icon i {
	display: inline-block;
	font-size:23px;
}
/* 공지사항 상세페이지*/
.v-click .w-btn,
.r-btns .w-btn{
	padding:2px 10px;
	background-color:#0064CC;
	color:#fff !important;
	border: 1px solid #0064CC !important;
}
.r-btns{
	margin-bottom:20px;
}
.r-btns a{
	color:#333;
	border:1px solid #333;
	padding:5px 17px;
	border-radius:3px;
}
.r-btns a:hover{
	background: #0064CC;
	border:1px solid  #0064CC;
	color:#fff;
}
.board-view{
	width:100%;
	margin-top:10px;
	border-top:2px solid  #0064CC;
	border-bottom:1px solid #0064CC;
}
.board-view .v-group{
	border-top:1px solid #ddd;
}
.board-view .v-subject{
	padding:18px 0px 18px 10px;
	font-size:1.7em;
	line-height:1.2;
	font-weight:normal;
}
.board-view .v-group:first-child{
	border-top:0;
}
.board-view .v-info{
	display:table; 
	width:100%; 
	table-layout:fixed;
}
.board-view .v-info dt, 
.board-view .v-group .v-info dd {
	display:table-cell; 
	vertical-align:middle;
	position:relative;
}
.board-view .v-info dt{
	width:110px;
	padding:12px 0 12px 10px;
}
.board-view .v-info dd{
	padding:12px 0 12px 10px;
}
.board-view .v-info dt::after{
	content:'';
	width:1px;
	height:14px;
	position:absolute;
	background-color:#9a9a9a;
	top:15px;
	right:0px;
}
.files-group dt::after{
	content:none !important;
}
.v-info .files a{
	display:inline-block;
}
.v-info .files a:hover{
	color: #0064CC;
}
.v-info .file_txt{
	color: #707070;
	text-decoration:underline;
}
.v-content dd{
	margin:0 auto; 
	text-align:left;
	padding:1.25em 1.5em 3em;
	color:#000;
	work-break:break-all;
}
.v-content dd img{
	max-width:100%; 
}
.v-comment{ 
	display:flex;
	align-items:center;
	justify-content: space-between;
	margin:10px 0px 50px 0px;
}
.com-box{
	width:100%;
	height:120px;
	margin-top:20px;
	padding-left:3px;
	resize:none;
	outline:none;
	border:1px solid #ddd;
}
.v-click{
	text-align:right;
}
.v-click a{
	padding:5px 10px !important;
	border-radius:5px;
}
#sfile{
	color:#333;
}
#sfile img{
	margin-right:5px;
}
.v-secret{
	margin-right:5px;
}
.comm-list{
	margin:10px 0px 10px 0px;
	padding:20px 5px;
	border:1px solid #ddd;
}
.comm-mem{
	display:flex;
	justify-content: space-between;
	margin-bottom:10px;
}
.comm-btn{
	text-align:right;
}
.comm-name{
	color:#0552A9;
	font-weight:bold;
	margin-right:10px;
}
.comm-date{
	font-size:14px;
	color:#7e7e7e;
}
.comm-ip{
	font-size:12px;
	color:#7e7e7e;
	margin-right:10px;
}
.comm-btn a{
	color:#000;
	border:1px solid #000;
	padding:5px 10px;
	font-size:14px;
}
.reply-list{
	margin:10px 0px 10px 50px;
	padding:20px 5px;
	background-color:#ddd;
	border:1px solid #ddd;
}
.lock-img{
	width:13px;
}

/* 공지사항 글쓰기 */



/* 네비 수정 */
.nav2{
	position:absolute;
	padding-top: 18px;
	width:858px;
	right: 18%;
} 
/* .nav ul:before, */
/* .nav ul:after { */
  /* content: ""; */
  /* display: table; */
/* } */
/* .nav ul:after { */
  /* clear: both; */
/* } */
/* .nav ul > li { */
  /* float: left; */
  /* position: relative; */
/* } */
.nav ul li .n-title{
	font-size:18px;
}
/* .nav a { */
  /* display: block; */
  /* padding: 10px 20px; */
  /* line-height: 1.2em; */
  /* color: #000; */
/* } */
/* .nav a:hover { */
  /* text-decoration: none; */
/* } */
/* .nav li ul { */
  /* background: #0064CC; */
/* } */
/* .nav li ul li { */
  /* width: 200px; */
/* } */
/* .nav li ul a { */
  /* border: none; */
  /* color:#fff; */
  /* height:50px; */
  /* line-height:30px; */
/* } */
/* .nav li ul a:hover { */
  /* background: rgba(0, 0, 0, 0.19999999999999996); */
/* } */
.nav2 ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}
.nav2 li ul {
  position: absolute;
  left: 0;
  top: 59px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 200ms ease;
  -moz-transition: 200ms ease;
  -o-transition: 200ms ease;
  transition: 200ms ease;
}
/* .nav ul:before, .nav ul:after { */
    /* content: ""; */
    /* display: table; */
/* } */
/* .nav ul:after { */
    /* clear: both; */
/* } */