@font-face { font-family: 'Spoqa Han Sans'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/Spoqa Han Sans/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/Spoqa Han Sans/LotteMartHappyMedium.woff') format('woff'); } @font-face { font-family: 'Spoqa Han Sans'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/Spoqa Han Sans/LotteMartHappyBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/Spoqa Han Sans/LotteMartHappyBold.woff') format('woff'); } .Spoqa Han Sans * { font-family: 'Spoqa Han Sans', sans-serif; }
@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;
}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans KR'; }
html,body {
	word-break:keep-all;
	font-family:'Noto Sans KR !important';
	font-size: 16px;
	color:#333;
	line-height: 1.5;
}

body {
    font-family: 'Noto Sans KR !important';
    background-color: white;
    color: rgba(130, 130, 130, 1);
    webkit-tap-highlight-color: #222;
}

/* h 폰트사이즈 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #616262;
}

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 24px;
  margin-bottom: 12px;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 12px;
  margin-bottom: 12px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 80px;
}

h2, .h2 {
  font-size: 70px;
}

h3, .h3 {
	font-size: 60px;
	font-style: normal;
}

h4, .h4 {
  font-size: 30px; font-family: 'Spoqa Han Sans', sans-serif !important; font-weight:bold; }

h5, .h5 {
  font-size: 30px; font-family: 'NanumSquare', sans-serif !important; }


h6, .h6 {}

/* 폰트사이즈 끝 */
a {color:inherit;text-decoration:none;}
img {vertical-align: top;} /* 기본적으로 이미지에는 아랫쪽에 여백이있는데 그걸 없애주는거라고함 */
.clearFix:after,.container:after {content:"";display:block;width:0;height:0;clear:both;overflow: hidden;}
.container {width:1200px;margin: 0 auto;position: relative;color: #333; font-family: 'Noto Sans KR'; font-size: 17px;}

#header {background:rgba(255,255,255,1);height: 130px;overflow: hidden;position: fixed;width: 100%;z-index: 9999;
-webkit-box-shadow: 0px 5px 5px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 5px 5px 0px rgba(255,255,255,1);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);}

.gnbColor {width: 100%;height: 130px;background-color: #fff;position: absolute;top: 0;bord er-bottom: 2px solid #777;}








/* 헤더 */


@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext');

body.hero-anime p{
	opacity: 0;
	transform: translateY(40px);
    transition-delay: 1700ms;
}
body.hero-anime h1 span:nth-child(1){
	opacity: 0;
	transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(2){
	opacity: 0;
	transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(3){
	opacity: 0;
	transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(4){
	opacity: 0;
	transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(5){
	opacity: 0;
	transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(6){
	opacity: 0;
	transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(7){
	opacity: 0;
	transform: translateY(-40px);
}
body.hero-anime h1 span:nth-child(8){
	opacity: 0;
	transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(9){
	opacity: 0;
	transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(10){
	opacity: 0;
	transform: translateY(-20px);
}
h1 span:nth-child(1){
    transition-delay: 1000ms;
}
h1 span:nth-child(2){
    transition-delay: 700ms;
}
h1 span:nth-child(3){
    transition-delay: 900ms;
}
h1 span:nth-child(4){
    transition-delay: 800ms;
}
h1 span:nth-child(5){
    transition-delay: 1000ms;
}
h1 span:nth-child(6){
    transition-delay: 700ms;
}
h1 span:nth-child(7){
    transition-delay: 900ms;
}
h1 span:nth-child(8){
    transition-delay: 800ms;
}
h1 span:nth-child(9){
    transition-delay: 600ms;
}
h1 span:nth-child(10){
    transition-delay: 700ms;
}
.hero-anime h1 span:nth-child(11){
	opacity: 0;
	transform: translateY(30px);
}
.hero-anime h1 span:nth-child(12){
	opacity: 0;
	transform: translateY(50px);
}
.hero-anime h1 span:nth-child(13){
	opacity: 0;
	transform: translateY(20px);
}
.hero-anime h1 span:nth-child(14){
	opacity: 0;
	transform: translateY(30px);
}
.hero-anime h1 span:nth-child(15){opacity: 0;transform: translateY(50px);}
h1 span:nth-child(11){transition-delay: 1300ms;}
h1 span:nth-child(12){transition-delay: 1500ms;}
h1 span:nth-child(13){transition-delay: 1400ms;}
h1 span:nth-child(14){transition-delay: 1200ms;}
h1 span:nth-child(15){transition-delay: 1450ms;}
#switch,
#circle {cursor: pointer;-webkit-transition: all 300ms linear;transition: all 300ms linear; }
#switch {width: 60px;height: 8px;border: 2px solid #d79c4a;border-radius: 27px;background: #000;position: relative;display: block;margin: 0 auto;text-align: center;opacity: 1;transform: translate(0);transition: all 300ms linear;transition-delay: 1900ms;}
.hero-anime #switch{opacity: 0;transform: translateY(40px);transition-delay: 1900ms;}
#circle {position: absolute;top: -11px;left: -13px;width: 26px;height: 26px;border-radius: 50%;background: #000;}
.switched {border-color: #000 !important;background: #d79c4a !important;}
.switched #circle {left: 43px;box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);background: #fff;}
.nav-item .dropdown-menu {transform: translate3d(0, 10px, 0);visibility: hidden;opacity: 0;max-height: 0;display: block;padding: 0;margin: 0;transition: all 200ms linear;}
.nav-item.show .dropdown-menu {opacity: 1;visibility: visible;max-height: 999px;transform: translate3d(0, 0px, 0);}
.dropdown-menu {padding: 10px!important;margin: 0;font-size: 13px;letter-spacing: 1px;color: #212121;background-color: #fcfaff;border: none;border-radius: 3px;box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);transition: all 200ms linear;}
.dropdown-toggle::after {display: none !important;}
.dropdown-item {padding: 3px 15px;color: #212121;border-radius: 2px;transition: all 200ms linear; color:#636363 !important;}
.dropdown-item:hover,
.dropdown-item:focus {color: #fff;background-color: rgba(129,103,169,.6);}








/* 메뉴 css */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext');

body.hero-anime p{
	opacity: 0;
	transform: translateY(40px);
    transition-delay: 1700ms;
}
body.hero-anime h1 span:nth-child(1){
	opacity: 0;
	transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(2){
	opacity: 0;
	transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(3){
	opacity: 0;
	transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(4){
	opacity: 0;
	transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(5){
	opacity: 0;
	transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(6){
	opacity: 0;
	transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(7){
	opacity: 0;
	transform: translateY(-40px);
}
body.hero-anime h1 span:nth-child(8){
	opacity: 0;
	transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(9){
	opacity: 0;
	transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(10){
	opacity: 0;
	transform: translateY(-20px);
}
h1 span:nth-child(1){
    transition-delay: 1000ms;
}
h1 span:nth-child(2){
    transition-delay: 700ms;
}
h1 span:nth-child(3){
    transition-delay: 900ms;
}
h1 span:nth-child(4){
    transition-delay: 800ms;
}
h1 span:nth-child(5){
    transition-delay: 1000ms;
}
h1 span:nth-child(6){
    transition-delay: 700ms;
}
h1 span:nth-child(7){
    transition-delay: 900ms;
}
h1 span:nth-child(8){
    transition-delay: 800ms;
}
h1 span:nth-child(9){
    transition-delay: 600ms;
}
h1 span:nth-child(10){
    transition-delay: 700ms;
}
body.hero-anime h1 span:nth-child(11){
	opacity: 0;
	transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(12){
	opacity: 0;
	transform: translateY(50px);
}
body.hero-anime h1 span:nth-child(13){
	opacity: 0;
	transform: translateY(20px);
}
body.hero-anime h1 span:nth-child(14){
	opacity: 0;
	transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(15){
	opacity: 0;
	transform: translateY(50px);
}
h1 span:nth-child(11){
    transition-delay: 1300ms;
}
h1 span:nth-child(12){
    transition-delay: 1500ms;
}
h1 span:nth-child(13){
    transition-delay: 1400ms;
}
h1 span:nth-child(14){
    transition-delay: 1200ms;
}
h1 span:nth-child(15){
    transition-delay: 1450ms;
}
#switch,
#circle {
	cursor: pointer;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
}
#switch {
	width: 60px;
	height: 8px;
	border: 2px solid #d79c4a;
	border-radius: 27px;
	background: #000;
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 1;
	transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1900ms;
}
body.hero-anime #switch{
	opacity: 0;
	transform: translateY(40px);
    transition-delay: 1900ms;
}
#circle {
	position: absolute;
	top: -11px;
	left: -13px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #000;
}
.switched {
	border-color: #000 !important;
	background: #d79c4a !important;
}
.switched #circle {
	left: 43px;
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	background: #fff;
}
.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
	max-height: 0;
    display: block;
	padding: 0;
	margin: 0;
    transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
	max-height: 999px;
    transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
	padding: 10px!important;
	margin: 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: #212121;
	background-color: #fcfaff;
	border: none;
	border-radius: 3px;
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    transition: all 200ms linear;
}
.dropdown-toggle::after {
	display: none;
}

.dropdown-item {
	padding: 3px 15px;
	color: #212121;
	border-radius: 2px;
    transition: all 200ms linear;
}
.dropdown-item:hover,
.dropdown-item:focus {
	color: #fff;
	background-color: rgba(129,103,169,.6);
}
@media (max-width: 767px) {
	h1{
		font-size: 38px;
	}
	.nav-item:after{
		display: none;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 15px;
		left: 0;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 10px;
		left: -23px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"]::after{
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	body.dark .nav-item::before {
		background-color: #fff;
	}
	body.dark .dropdown-toggle::after {
		background-color: #fff;
	}
	body.dark .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
	}
}

.logo {
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	z-index: 100;
	transition: all 250ms linear;
}
.logo img {
	height: 26px;
	width: auto;
	display: block;
  filter: brightness(10%);
	transition: all 250ms linear;
}

/* 메뉴 끝 */









#gnb {float: right;}
#gnb > li {float: left;}
#gnb > li > a {display: block;height: 50px;line-height: 50px;text-align: left;color:#333;padding-left: 50px; font-size:17px; font-weight:600; font-family: 'NanumSquare', sans-serif !important;}

#gnb .sub {padding: 30px 0px 20px 20px; margin-left: 30px; }
#gnb .sub a {display: block; padding: 5px 0;text-align:left;font-size: 14px;color: #fff;}
#gnb .sub a:hover {color:#00bcb0; font-weight:bold;}

#footer .topCon ul {float: left;}
#footer .topCon .selectBox {float: right;width: 200px;position: relative;}
#footer .topCon .selectBox > a {display: block;height: 60px;line-height: 60px;padding: 0 10px;background: url("../images/main/selectArrow.png")no-repeat 95% 50%;}
#footer .topCon .selectBox ul {position: absolute;bottom: 70px;background: #fff;border-radius:5px;padding: 10px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

#footer .topCon .selectBox  ul:after {content:"";display: block
;border-left:10px solid transparent;	/* transparent 투명 */
border-right:10px solid transparent;
border-top: 10px solid #fff;
position: absolute;bottom: -10px;left: 50%;margin-left: -10px;
}

#footer .topCon .selectBox ul li a {height: auto;line-height: 1;padding: 10px 10px;}
#footer .topCon li {float: left;}
#footer .topCon li a {display: block;height: 60px;line-height: 60px; padding: 0 10px;}
#footer .addr {padding: 30px 0;font-size: 0.8rem;color: rgba(240,239,239,1.00);border-top: 1px solid #d9d9d9;}
.blind {display: none;}

.subtop { padding:120px 0; margin-top:100px !important;}
.sub1 { background:url('../img/sub/sub_visual.png') no-repeat 50% 100%; background-size: cover; }

@media (max-width:770px) {
.sub1 { background-size:cover; }
.subtop {padding:50px 0 40px; margin-top:70px !important;}
.leftmenu_wrap { border-bottom:0px solid #ececec !important; padding:0 !important; background:#111; text-align:left !important;  }
.leftmenu_wrap li {  width:33% !important; border-bottom:0 !important; border-right:1px solid #666666; }
.leftmenu_wrap li a {font-size:12px !important; color:#fff !important; letter-spacing: -1px;}
.leftmenu_wrap li.crtmenu a { color:#ddd !important; }
.subright { width:100%; padding:0 20px 20px !important; float:right; }

}
.subtop .container { font-size: 20px; }
.subtoptext {color:#4a4a52; font-weight:800; margin-bottom: 15px; }
.subtoptext h4 { font-weight: 600; font-size: 35px; }
.subtoptext span { color: #0864c0; }
.subwrap { width:100%; margin:0 auto 0; display:block; }
.subleft { width:100%;   }
.subright { width:100%; padding:0 0 20px 0px; float:right; }
.subleft_title { display:none; padding:20px 20px 15px; font-weight:bold; font-size:30px;  color:#c1c1c1; border-bottom:3px solid #c1c1c1;}
.lefttitle_text { font-size:11px; color:#b1b1b1; letter-spacing:0; font-weight:normal; }
.leftmenu_wrap { border-bottom:1px solid #ececec;   padding-bottom:10px; font-size:0 !important; text-align:center; padding-top:10px;}
.leftmenu_wrap li {  position:relative; padding-left:15px; text-align:left; display:inline-block; width:20%;  }
.leftmenu_wrap li::after {height:5px; width:5px; content:''; display:block; background:#e6e6e6; top:48%; left:10px; position:absolute;}
.leftmenu_wrap li a {transition:0.3s; padding:10px 10px 10px 10px; display:block; color:#c1c1c1;  font-size: 17px; font-weight:500;}
.leftmenu_wrap li a:hover { padding:10px 10px 10px 10px; display:block; transition:0.3s; color:#666;  }
.leftmenu_wrap li.crtmenu a { padding:10px 10px 10px 10px; display:block; color:#111;  }
.subtitle_wrap { padding:20px 0 5px; }
.location { font-size:12px; color:#999; margin:0 0 15px; }
.location a { color:#999; }
.subtitle {  font-weight: bold; font-size: 24px; letter-spacing: -1px; color: #707577; }
.sub_cont { padding:15px 0 50px; }

/* work */
.work_list { overflow:hidden; }
.work_list li { clear:both; padding:0 0 20px; margin:0 0 20px; height:140px; border-bottom:1px solid #ccc; }
.work_img { width:240px; float:left; margin:0 15px 0 0;}
.work_img img { border:1px solid #ccc; }
.work_title { font-weight:bold; color:#000; padding:20px 0 5px;}
.work_date { color:#999; }
.work_text {  color:#666; padding:10px 0 0; font-size: 12px; }


/* portfolio */
.portfolio_list { overflow:hidden; }
.portfolio_list li { width:240px; float:left; padding:0 40px 0 0; margin:0 0 20px; height:280px; border-bottom:1px solid #cccccc;}
.portfolio_list li.plast { width:240px; float:left; padding:0 0 0 0;  height:280px; border-bottom:1px solid #cccccc;}
.portfolio_title { border:1px solid #888888; background:#919191; color:#fff; margin:0 0 5px; padding:5px; text-align:center; }
.portfolio_img { border:1px solid #ccc; }
.portfolio_text { font-size:11px; color:#888888; line-height:1.4; padding:5px 0 5px; height:50px; }
.portfolio_btn a { display:block; width:70px; margin:0 auto; border:1px solid #ccc; background:#f1f1f1; text-align:center; padding:3px 0; }



/* footer */
.footer_wrap { border-top:1px solid #CCC; margin:0px 0 0; height:80px; clear:both;  width:100%; background: #ccc;}
.footer { width:1020px; margin:0 auto; position:relative; }
.footer .f_logo { position:absolute; left:0; top:20px; }
.footer .f_copyright { position:absolute; left:200px; text-align:left; top:20px; color:#666; }
.footer .f_copyright .f_line { padding:0 10px 0; color:#ccc; line-height:1.8; }
.footer .f_copyright2 { color:#999; padding:10px 0 30px; }
.privacy_txt {margin-bottom: 0; color:#a2a1a9;font-size: 14px; font-family: 'noto sans kr', sans-serif !important;}
.privacy_txt a { color: #fff; }
.privacy_txt a:hover { color: #fff; }
.footer_in .noto { margin-top: 15px; }

/*서브페이지 소제목*/
.mm_sub_tit {color:#333;font-size: 24px; font-family: 'NanumSquare', sans-serif !important; font-weight:bold; border-left:5px solid #333; padding-left:5px; line-height:100%;}

/*이용약관,이메일 소박스*/
.yg_box {padding:20px 10px; font-size:17px; background-color:#ededed; border-radius:15px; color:#333; text-align:center; font-family: 'NanumSquare', sans-serif !important;}
.yg_txt {font-size:17px; color:#333; font-family: 'NanumSquare', sans-serif !important; line-height:160%;}


.gt_txt {font-size:17px; color:#333; font-family: 'NanumSquare', sans-serif !important; line-height:160%;  }



/* 테이블스타일 */
.table_style {width:100%;  border-bottom:2px solid #000;}
.table_style tr {text-align:center; }
.table_style tr:nth-child(2n) {background:#f4f4f4; }
.table_style th {padding:15px 0;text-align:center;  color:#000; font-size:15px; font-family:'Spoqa Han Sans'; border-bottom:2px solid #000;}
.table_style td {padding:15px 0;}
.table_style tr td:first-child {color:#000; transition:0.3s;}
.table_style tr td:first-child:hover {color:#2b9a93; transition:0.3s;}

.paging {display:inline-block; }
.paging li {float:left; margin:0 10px;}
.paging li a {vertical-align:middle; }
.paging li.active {font-weight:bold;}
.number_bt {margin:0 2px !important;}
.number_bt a {background:#fff;transition:0.3s; border:1px solid #ddd; padding:2px 0 4px; display:inline-block;  text-align:center;  width:30px; border-radius:5px;}
.number_bt a:hover {background:#f3f3f3; transition:0.3s; }
.number_bt a img {vertical-align:middle;}

/* 검색 */
.form-control {padding:10px 15px ; border:1px solid #ddd; border-radius:5px }
.form-control-feedback { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 2.375rem;  text-align: center; pointer-events: none;color: #aaa;}
.input-group-append {display:inline-block; }
.input-group-append button { padding:10px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; cursor: pointer;}