@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");
}

.clear {clear:both;}
.space_h10 {height:10px; clear:both;}
.space_h20 {height:20px; clear:both;}
.space_h30 {height:30px; clear:both;}
.space_h40 {height:40px; clear:both;}
.space_h50 {height:50px; clear:both;}

ul, li {margin:0; padding:0; list-style:none;}


/* swiper */
html, body {
	position: relative;
	height: 100%;
}
body {
	font-family:"Noto Sans KR",Helvetica,Arial,sans-serif;
	font-size: 15px;
	color:#000;
	margin: 0;
	padding: 0;
}
.swiper-container {
	width: 100%;
	height: 100%;
	max-height:950px;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	position:relative;

}
.swiper-slide .typo {
	position:absolute;
	width:100%;
	color:#fff;
	top:30%;
	margin-top:-60px;
	text-shadow:2px 1px 0px rgba(0,0,0,0.35);
	 overflow:hidden;
	 height:300px;
	  box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
}
.swiper-pagination-bullet {width:10px; height:10px; background:#fff; opacity:1;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #00458a; border-color: #00458a;}
.pagination>li>a, .pagination>li>span {color:#00458a}


.swiper-slide .typo span {
	 display:block;
	 z-index:20;
	 position:relative;
	 top:123px;
	 width:100%;
	font-size:41px;
	line-height:130%;
	letter-spacing:-.03em;
	font-weight:200;
	 text-transform:uppercase;
	 opacity:1;
	 animation:wordstranslate 12s infinite 0s;
	 -webkit-animation:wordstranslate 12s infinite 0s;
	 -moz-animation:wordstranslate 12s infinite 0s;
}
.swiper-slide .typo b {
	display:block;
	font-weight:500;
}
.swiper-slide .typo:after {
	 position:relative;
	 z-index:1;
	 top:-50px;
	 display:block;
	 content:'';
	 width:25%;
	 height:50px;
	 margin:0 auto;
}
@-webkit-keyframes wordstranslate{
0% {
	 opacity:0;
}
2%{
	 opacity:0;
	 transform:translateY(-30%);
	 -webkit-transform:translateY(-30%);
	 -moz-transform:translateY(-30%);
	 -ms-transform:translateY(-30%);
}
8%{
	 opacity:1;
	 transform:translateY(0%);
	 -webkit-transform:translateY(0%);
	 -moz-transform:translateY(0%);
	 -ms-transform:translateY(0%);
}
14%{
	 opacity:1;
	 transform:translateY(0%);
	 -webkit-transform:translateY(0%);
	 -moz-transform:translateY(0%);
	 -ms-transform:translateY(0%);
}}
@keyframes wordstranslate{
0% {
	 opacity:0;
}
2%{
	 opacity:0;
	 transform:translateY(-30%);
	 -webkit-transform:translateY(-30%);
	 -moz-transform:translateY(-30%);
	 -ms-transform:translateY(-30%);
}
8%{
	 opacity:1;
	 transform:translateY(0%);
	 -webkit-transform:translateY(0%);
	 -moz-transform:translateY(0%);
	 -ms-transform:translateY(0%);
}
14%{
	 opacity:1;
	 transform:translateY(0%);
	 -webkit-transform:translateY(0%);
	 -moz-transform:translateY(0%);
	 -ms-transform:translateY(0%);
}}

@media(max-width:1199px) {	
	.swiper-container {max-height:750px;}
	.swiper-slide .typo span {font-size:37px;}
}

@media(max-width:991px) {	
	.swiper-container {max-height:650px;}
	.swiper-slide .typo span {font-size: 32px;}
}

@media(max-width:767px) {	
	.swiper-container {max-height:450px;}
	.swiper-slide {overflow:hidden;}
	.swiper-slide .typo span {font-size: 26px;}
	.swiper-slide img {}
}

@media(max-width:470px) {	
	.swiper-container {max-height:300px;}
	.swiper-slide .typo {top:29%;}
	.swiper-slide .typo span  {font-size: 20px;}
	.swiper-button-next, .swiper-button-prev {display:none;}
}


/* btn */
.btn {border:1px solid #00458a; border-radius:0; color:#00458a; outline:none !important; box-shadow:none !important; padding:13px; min-width:150px; font-size:15px; transition: 0.3s; -webkit-transition: 0.3s; background:transparent;}
.btn:focus, .btn:hover {background:#00458a; color:#fff}

.btn.btn-bg {background:#00458a; color:#fff;}
.btn.btn-bg:focus, .btn.btn-bg:hover {background:#003366;}

.bottom-btn {text-align:center; margin-top:30px;}

@media(max-width:1199px) {
	.btn {padding: 11px; min-width: 135px;}
}

@media(max-width:991px) {
	.btn {font-size:14px;}
}

@media(max-width:767px) {
	.bottom-btn {margin-top:20px;}
	.btn {font-size:13px; padding: 9px; min-width: 110px;}
}

/* navi */
.navbar-fixed-top {
	background-color: transparent;
    border-color: transparent;
	top:30px;
}
.navbar-default .navbar-toggle {
	background: none;
	border: none;
	padding:0; 
	margin-top:18px;
	border-radius:0;
}
.navbar-default .navbar-collapse {border:none; background:#fff; padding:0 30px;}
.navbar-default .navbar-collapse.in {box-shadow: 0px 2px 3px rgba(50,50,50,0.3);}
.navbar-default .navbar-toggle .icon-bar {background-color:#fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;}
.navbar-brand .logo-dark {display:none;}

nav.bg_on{ 
	height: 80px; 
	background:#fff;
	box-shadow: 0px 0px 3px rgba(50,50,50,0.3);
	top:0;
}
nav.navbar-default.bg_on .navbar-nav>li>a {color:#333}
nav.bg_on .navbar-brand>img.logo-light {display:none;}
nav.bg_on .navbar-brand>img.logo-dark {display:block;}
nav.bg_on.navbar-default .navbar-collapse {background:transparent;}
nav.navbar-default.bg_on .navbar-toggle .icon-bar {background-color:#000}

@media(min-width:768px) {
	.navbar>.container .navbar-brand {padding:15px; margin-left:15px; margin-top:11px;}
	.navbar.bg_on>.container .navbar-brand {margin-top:8px; margin-left:0; padding-left:0}
	.navbar-default .navbar-nav>li>a {padding:34px 20px; font-size:17px; color:#333;}
	.navbar-default .navbar-nav>li.sitemap i {font-size:21px;}
	.navbar-default .navbar-nav>li.sitemap>a {padding-right:15px;}
	nav.bg_on.navbar-default .navbar-nav>li>a {padding:30px 20px }
	nav.bg_on.navbar-default .navbar-nav>li.sitemap>a {padding-right:0;}
	nav.bg_on .navbar-right {margin-right:-30px;}
	.navbar-nav>li>.dropdown-menu {padding:0; border-radius:0; border-color:#fff;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#000; background:transparent;}
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #fff; background-color: #000;}
	.dropdown-menu>li>a {padding:10px 15px;}
}
@media(max-width:991px) and (min-width:768px) {
	.navbar-fixed-top {top:20px;}
	.navbar>.container .navbar-brand {margin-top:11px;}
	.navbar-brand {padding: 25px 15px;}
	.navbar-default .navbar-nav>li>a {padding:25px 10px; font-size:16px}
}

@media(max-width:767px) {
	.navbar-fixed-top {background:#fff; top:0}
	.navbar-default .navbar-toggle .icon-bar {background:#000}
	.navbar-default .navbar-collapse {padding:0 15px;}
	.navbar-default .navbar-nav>li.sitemap {display:none;}
	.navbar-brand {padding:14px 15px}
	.navbar-brand>img {height:24px;}
	
	nav.bg_on{height: 50px;}
}


/* navi */
ul.board {width:100%; display:inline-block; margin:3% 0 0; padding:0; border:1px solid #ddd; background:#fff;}
ul.board li {width:25%; float:left; list-style:none; border-right:1px solid #ddd; text-align:left; position:relative;}
ul.board li a {display:inline-block; height:280px; color:#333; text-decoration:none; padding:30px 25px; text-decoration:none;}
ul.board li a img {display:none;}
ul.board li:last-child {border-right:none; margin:0}
ul.board li:after {width:30px; height:30px; position:absolute; left:0; top:0; color:#fff; content:'N'; font-size:15px; text-align:center; padding-top:4px;}
ul.board li.type1:after {background:#f58a34;}
ul.board li.type2:after {background:#4a7ece;}
ul.board li h2 {
	font-size:16px;
	font-weight:500;
	line-height:150%;
	margin-bottom:15px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 48px;
}
ul.board li p {
	font-size:15px;
	font-weight:300;
	line-height:150%;	
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 88px;
	margin-bottom:25px;
}
ul.board li .date, ul.board li .link {width:50%; float:left; font-size:14px; margin-top:10px; margin:0}
ul.board li .date {color:#888;}
ul.board li .link {text-align:right;}
ul.board li.type1 .link{color:#f58a34;}
ul.board li.type2 .link {color:#4a7ece;}

@media(max-width:1199px) {
	ul.board li a {padding:20px 25px; height:230px;}
	ul.board li h2 {margin-bottom:10px; line-height:140%;}
	ul.board li p {-webkit-line-clamp: 3; height: 65px;  line-height:140%;	margin-bottom:15px;}
}
@media(max-width:991px) {
	ul.board li a {padding:15px 20px; height:180px;}
	ul.board li:after {width:26px; height:26px; padding-top:2px;}
	ul.board li h2 {height:40px; font-size:14px; margin:18px 0 5px}
	ul.board li p {font-size:13px; height:54px; margin-bottom:10px;}
	ul.board li .date, ul.board li .link {margin-top:0; font-size:13px;}
}

@media(max-width:767px) {
	ul.board  {border:none; background:none; margin:0}
	ul.board li {width:100%; border:none; margin-bottom:5px; background:#fff;}
	ul.board li a {width:100%; padding: 10px 15px; height: auto; float:right;}
	ul.board li h2 {width:calc( 100% - 60px ); height:20px; -webkit-line-clamp: 1; margin:0; float:right;}
	ul.board li p {display:none;}
	ul.board li .date {display:none;}
	ul.board li .link {width:60px; margin-top:1px; float:right; text-align:left;}
	ul.board li:after {display:none;}
}



/****************
	Main - 레이아웃
****************/

.link-wrapper {width:100%; position:absolute; left:0; bottom:90px; z-index:999;}
.link-wrapper .box {background:#fff; width:100%; display:inline-block}
.link-wrapper .box ul {display:inline-block; float:left;}
.link-wrapper .box ul.link {width:calc( 100% - 280px ); padding:0 30px;}
.link-wrapper .box ul.link li {width:20%; float:left; text-align:center;}
.link-wrapper .box ul.link li a {display:block; padding:35px 0; font-size:16px; font-weight:500; text-decoration:none; color:#444}
.link-wrapper .box ul.link li a:hover {color:#195795}
.link-wrapper .box ul.link li img {display:block; margin:0 auto 9px; 
	 transition:transform .5s;
	 -webkit-transition:-webkit-transform .5s;
	 -moz-transition:-moz-transform .5s;
	}
.link-wrapper .box ul.link li a:hover img {
	 transform:rotate(360deg);
	 -webkit-transform:rotate(360deg);
	 -moz-transform:rotate(360deg);}
.link-wrapper .box ul.info {width:280px; background:#00458a; padding:28px 35px;}
.link-wrapper .box ul.info li {font-size:13px; color:#fff; font-weight:300}
.link-wrapper .box ul.info li.tel {font-size:15px; font-weight:500; line-height:23px; margin-bottom:10px;}
.link-wrapper .box ul.info li.tel big {display:block; font-size:38px; font-weight:600; margin:16px 0}
.link-wrapper .box ul.info li.closed {margin-top:5px;}

.main-wrapper .title {width:100%; text-align:center; margin:70px 0 50px; position:relative;}
.main-wrapper .title:after {width:100%; border-top:1px solid #ddd; position:absolute; left:1px; top:26px; z-index:9; content:'';}
.main-wrapper .title span {font-size:34px; font-weight:500; background:#fff; color:#444; position:relative; z-index:999; padding:0 30px}
.main-wrapper a.box {display:block; text-decoration:none; transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; position:relative; text-transform:uppercase;}
.main-wrapper a:after { position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#00458a; transform:scale3d(0,1,1); transform-origin:left; transition:transform .3s; opacity:0.7 }
.main-wrapper a:hover:after { transform:scale3d(1,1,1); }
.main-wrapper a:hover {color:#d13410; text-decoration:none;}
.main-wrapper .img {overflow:hidden; background:#000;}
.main-wrapper .img img {
	opacity:0.75;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.main-wrapper a.box:hover .img img {
	opacity:1;
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.main-wrapper .txt {background:#f6f6f6; padding:25px; border-bottom:1px solid #ddd;}
.main-wrapper .txt h2 {margin:0 0 10px; font-size:19px; color:#555; font-weight:500; letter-spacing:-.03em;}
.main-wrapper .txt p {margin:0;font-size:15px; color:#777; letter-spacing:-.03em; word-break:keep-all;}
.main-wrapper a:hover .txt {background:#fff; }
.main-wrapper a:hover .txt h2 {color:#00458a}
.main-wrapper a:hover .txt p {color:#444}

.main-notice a.box {width:100%; display:inline-block; border:1px solid #ddd; float:left; margin-bottom:10px}
.main-notice a.box:before { position:absolute; top:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#00458a; transform:scale3d(0,1,1); transform-origin:right; transition:transform .3s; opacity:0.7 }
.main-wrapper a:hover:before { transform:scale3d(1,1,1); }

.main-notice a.box .date {width:100px; float:left; padding:21px 0; background:#444; color:#fff; text-align:center;}
.main-notice a.box:hover .date {background:#00458a}
.main-notice .date .day {font-size:27px; font-weight:bold;}
.main-notice .txt {width:calc( 100% - 100px ); float:left; background:transparent; border:none; padding:18px 20px; line-height:20px; letter-spacing:-.04em; color:#555}

.main-link {background:url(../images/m_link.jpg) 50% 40% no-repeat; padding:70px 0; text-align:center; margin-top:60px;} 
.main-link p {font-size:21px; margin-bottom:30px; color:#fff; word-break:keep-all;}
.main-link .btn {border-color:#fff; color:#fff;}
.main-link .btn:focus, .main-link .btn:hover {background:#fff; color:#00458a}

.main-partner {padding:70px 0}
.main-partner .owl-carousel .owl-item img {border:1px solid #ddd;}
.main-partner .owl-dots {display:none !important;}

@media (max-width:1199px){
	.link-wrapper {bottom:70px;}
	.link-wrapper .box ul.link {width:calc( 100% - 260px )}
	.link-wrapper .box ul.link {padding:0 10px;}
	.link-wrapper .box ul.link li a {padding:27px 0;}
	.link-wrapper .box ul.info {width:260px; padding:20px 30px}
	.link-wrapper .box ul.info li.tel big {font-size:27px;}
	
	
	.main-wrapper .title {margin: 60px 0 35px;}
	.main-wrapper .title span {font-size:30px;}
	.main-wrapper .title:after {top:22px;}
	.main-wrapper .txt {padding:19px;}
	.main-wrapper .txt h2 {margin-bottom:7px;}
	.main-wrapper .txt p {font-size:14px;}
	
	.main-notice .date .day {font-size:25px;}
	.main-notice .txt {font-size:14px;}
	
	.main-link p {font-size:19px;}
}
@media (max-width:991px){
	.link-wrapper {bottom:50px;}
	.link-wrapper .box ul.link {width:calc( 100% - 220px )}
	.link-wrapper .box ul.link {padding:0 10px;}
	.link-wrapper .box ul.link li a {padding:26px 0; font-size:15px;}
	.link-wrapper .box ul.link li img {width:50px;}
	
	.link-wrapper .box ul.info {width:220px; padding:16px 20px}
	.link-wrapper .box ul.info li {font-size:12px;}
	.link-wrapper .box ul.info li.tel {margin-bottom:7px; line-height:21px;}
	.link-wrapper .box ul.info li.tel big {font-size:24px;}
	.link-wrapper .box ul.info li.closed {margin-top:3px;}
	
	.main-wrapper .row {margin-right:-10px; margin-left:-10px;}	
	.main-wrapper .row>[class^=col-] {padding-right:10px; padding-left:10px;}	
	.main-wrapper .title {margin: 50px 0 25px;}
	.main-wrapper .title span {font-size:28px; padding:0 20px;}
	.main-wrapper .title:after {top:21px;}
	.main-wrapper .txt h2 {font-size:17px;}
	.main-wrapper .txt p {font-size:13px;}
	
	.main-notice a.box {margin-bottom:20px;}
	.main-notice a.box .txt {width: calc( 100% - 80px );}
	.main-notice a.box .date {width:80px; padding:15px 0;}
	.main-notice a.box .date .day {font-size:20px;}
	
	.main-link {margin-top:50px; padding: 45px 0;}
	.main-link p {font-size:17px; margin-bottom:20px;}
	
	.main-partner {padding:45px 0}
}

@media (max-width:767px){
	.link-wrapper {display:none;}
	
	.main-wrapper .title {margin:30px 0 15px;}
	.main-wrapper .title span {font-size:21px; padding:0 15px;}
	.main-wrapper .title:after {top:16px;}
	
	.main-contents a.box {position:relative; margin-bottom:5px;}
	.main-contents .txt {position:absolute; bottom:0; background:rgba(0,0,0,0.5); width:100%; border:none; padding:15px;}
	.main-contents .txt h2 {margin:0; color:#fff;}
	.main-contents .txt p { padding-top:10px}
	
	.main-notice a.box {margin-bottom:5px;}
	.main-notice a.box .date {padding:10px 0;}
	.main-notice a.box .txt {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		padding: 11px 15px;
	}
	
	.main-link {margin-top:35px; padding: 35px 0;}
	.main-link p {font-size:15px; margin-bottom:10px;}
	
	.main-partner {padding:30px 0}
}

/****************
	Sub - 레이아웃
****************/

.visual_contents {height:350px; text-align:center; background-size:cover;}
.visual_contents h1 {font-size:40px; font-weight:500; color:#fff; position:relative; display:inline-block; line-height:150%; top:175px; letter-spacing: -.02em;}
.visual_contents h2 {display:none;}

#menu01 .visual_contents {background-image:url(../images/page-img01.jpg);}
#menu02 .visual_contents {background-image:url(../images/page-img02.jpg);}
#menu03 .visual_contents {background-image:url(../images/page-img03.jpg);}
#menu04 .visual_contents {background-image:url(../images/page-img04.jpg);}

.menu_contents {text-align:center; position:relative}
.menu_contents:after {position:absolute; left:0; top:0; display:block; content:''; width:100%; border-top:1px dotted #fff; opacity:0.4;}
.menu_contents ul {margin:0; padding:0;}
.menu_contents li {display:inline-block; margin:0 30px}
.menu_contents li a {display:block; text-decoration:none; padding:16px 0 14px; -webkit-padding-before:15px; -webkit-padding-after:15px; font-size:16px; color:#fff; position:relative; -webkit-transition: 0.3s; -o-transition: 0.3s; position:relative; text-transform:uppercase; opacity:0.7}
.menu_contents li a:after {position:absolute; left:0; top:0; display:block; content:''; width:100%; height:2px; background-color:#fff; transform:scale3d(0,1,1); transform-origin:center center; transition:transform .3s;}
.menu_contents li a:hover, .menu_contents li.active a {opacity:1}
.menu_contents li a:hover:after, .menu_contents li.active a:after {transform:scale3d(1,1,1);}


.sub_contents {padding:50px 0 70px; word-break: keep-all;}
.sub_contents p {font-size:15px; color:#333; margin-bottom:15px; line-height:160%; font-weight:400; letter-spacing:-0.03em;}
.sub_contents p big {font-weight:400;}
.sub_contents .img-responsive {display:inline-block}

.sub_contents ul.tab_menu {width:100%; display:inline-block; border:1px solid #ddd; border-left:none; background: #eaeaea; margin-bottom:20px;}
.sub_contents ul.tab_menu li {float:left; margin-left:-1px; position:relative;}
.sub_contents ul.tab_menu li:first-child {margin-left:0;}
.sub_contents ul.tab_menu li a {display:block; text-decoration:none; border-right:1px solid #ddd; border-left:1px solid #ddd; background:#eaeaea; padding:12px 30px;; color:#777; font-size:15px; text-align:center; position:relative}
.sub_contents ul.tab_menu li a:hover {background:#f0f0f0}
.sub_contents ul.tab_menu li.active a{background:#fff; border-color:#ddd; border-bottom-color:#fff; color:#dc3519; font-weight:500;}
.sub_contents ul.tab_menu li.active:after {width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-1px; content:'';}

.sub_contents>.container>.row {margin-right:0; margin-left:0;}
.sub_contents>.container>.row>[class^=col-] {padding-right:0; padding-left:0;}
.sub_contents>.container>.row>.side-menu {width:20%;}
.side-menu h2 {margin:0 0 25px;}
.side-menu ul {width:100%; display:inline-block; margin:0; padding:0; float:left;}
.side-menu ul li {width:100%;}
.side-menu ul li:last-child {margin:0}
.side-menu ul li a {display:block; font-size:16px; color:#444; text-decoration:none; padding:13px 25px; border-bottom:1px solid #ddd; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; position:relative; text-transform:uppercase;}
.side-menu ul li a:after { position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#444; transform:scale3d(0,1,1); transform-origin:left; transition:transform .3s; opacity:0.7 }
.side-menu ul li a:hover:after { transform:scale3d(1,1,1); }
.side-menu ul li a:hover {color:#444; text-decoration:none;}
.side-menu ul li.active a{color:#000; border-bottom-color:#000; font-weight:500;}
.side-menu ul li.active a:before {position:absolute; bottom:0px; left:0; display:block; content:''; width:100%; height:1px;}
.side-menu ul li.active a:hover:after {display:none;}

.sub_contents>.container>.row>.contents {width:80%; padding-left:50px;}
.contents h2 {margin:0 0 30px; padding-bottom:14px; border-bottom:1px solid #ddd; font-size:30px;}

.radius-img {width:230px; height:230px; margin:0 auto 20px;; border-radius:115px; overflow:hidden}
.sub_contents p.ceo {padding:20px; background:url(../images/sign.jpg) right center no-repeat; display:inline-block; min-width:400px; color:#000}

.biz-title {font-size:17px; margin:10px 0; font-weight:500;}
.biz-title b {font-size:24px; font-weight:300; margin-right:7px; color:#dc3519;}

@media (max-width:1199px) {
	.visual_contents {height:310px;}
	.visual_contents h1 {font-size:34px; top:160px;}
}

@media (max-width:991px) {
	.visual_contents {height:250px;}
	.visual_contents h1 {font-size:30px; top:125px;}
	
	.menu_contents li a {padding:14px 0 12px; -webkit-padding-before:13px; -webkit-padding-after:13px; font-size:15px;}
	
	.sub_contents {padding:35px 0 55px;}
	.radius-img, .radius-img img {width:210px; height:210px;}
	
	
	.sub_contents>.container>.row>.side-menu {width:25%;}
	.sub_contents>.container>.row>.contents {width:75%; padding-left:30px;}
	.side-menu ul li a {padding:10px 15px; font-size:15px;}
	.contents h2 {font-size:25px;}
}

@media (max-width:767px) {
	.visual_contents {height:145px; background-position-y:50px;}
	.visual_contents h1 {font-size:15px; top:54px; font-weight:300;}
	.visual_contents h1:after {height:2px;}
	.visual_contents h2 {display:block; position:relative; top:25px; color:#fff; font-size:22px;}
	
	.menu_contents {display:none;}
	
	.sub_contents {padding:20px 0 40px;}
	.sub_contents p {font-size:14px}
	.sub_contents .iconImg {margin:15px auto;}
	
	.sub_contents ul.tab_menu li a {padding: 10px 15px; font-size: 13px;}
	
	.br-none br {display:none;}
	.radius-img, .radius-img img {width:190px; height:190px;}
	.sub_contents p.ceo {background-size:85px; min-width:280px;}
	
	.sub_contents>.container>.row>.side-menu {display:none;}
	.sub_contents>.container>.row>.contents {width:100%; padding:0}
	.contents h2 {display:none; font-size:20px; padding-bottom:12px; margin-bottom:20px;}
	
	.biz-title {font-size:15px; margin:10px 0 5px;}
	.biz-title b {font-size:21px}
	
}

.sub_contents .pageTitle {font-size:33px; color:#333; margin:12px 0 20px; display:inline-block;}
.sub_contents .dotTitle {font-size:18px; color:#333; padding-left:23px; position:relative; margin-bottom:10px;}
.sub_contents .dotTitle:after {
	content: "";
    width: 16px;
    height: 16px;
    border: 4px solid #00458a;
    position: absolute;
    left: 0;
    top: 6px;
}

.sub_contents .dotTitle_s {font-size:16px; color:#333; font-weight:500; padding-left:17px; position:relative; margin-bottom:5px;}
.sub_contents .dotTitle_s:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #00458a;
    position: absolute;
    left: 0;
    top: 6px;
	border-radius:2px;
}
.sub_contents .imgBox {position:relative;}
.sub_contents .imgBox .mask {background: rgba(0,0,0,0.2); position:absolute; width:100%; height:100%;}
.sub_contents .imgBox p {font-size:30px; font-weight:bold; color:#fff; padding:50px 0 0 40px; line-height:130%;}

.sub_contents .borderBox {border:1px solid #eaeaea; padding:20px;}
.sub_contents .borderBox p {color:#666}
.sub_contents .text-center-img {text-align:center;}
.sub_contents .text-center-img img {display:inline-block}

@media (max-width:991px) {
	ul.sub_menu, .location{display:none;}
	.sub_contents .pageTitle {width:100%; font-size:25px; margin:25px 0 20px ; border:none;}
	.sub_contents .dotTitle {font-size:16px; padding-left:20px;}
	.sub_contents .dotTitle:after {width:14px; height:14px; top:4px;}
	.sub_contents .dotTitle_s {font-size:14px; padding-left:17px;}
	.sub_contents p {margin-bottom:10px;}
	.sub_contents .imgBox p {font-size: 25px; padding: 50px 0 0 30px;}	
}

@media (max-width:767px) {
	.sub_contents .pageTitle {font-size:19px; font-weight:bold; padding:3px 0 17px; margin:0 0 25px;text-align:center; background:#f7f7f7; position:relative;}	
	.sub_contents .pageTitle:after, .sub_contents .pageTitle:before {position:absolute; background:#f7f7f7; height:100%; top:0; width:15px; content:'';}
	.sub_contents .pageTitle:after {left:-15px;}
	.sub_contents .pageTitle:before {right:-15px;}		
	
	.sub_contents .imgBox p {font-size:17px; padding:7% 0 0 20px;}
}

ul.dot {margin:0; padding:0}
ul.dot li {font-size:16px; color:#555; margin-bottom:6px; padding-left:10px; position:relative;}
ul.dot li:after {
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    content: " ";
    position: absolute;
    background: #00458a;
}

@media (max-width:991px) {
	ul.dot li {font-size:15px;}
}
@media (max-width:767px) {
	ul.dot li {font-size:14px;}
}
/****************
	Sub - 제품 레이아웃
****************/

/* 검색 */
.searchbox {width:100%; display:inline-block; margin-bottom:25px;}
.srch{float:left; width:100%; display:inline-block;}
.srch legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.srch select{
    margin: 0;
    color: #373737;
    vertical-align: middle;
    height: 50px;
    border: #eaeaea solid 1px;
    outline: none;
    padding: 15px 20px;
    float: left;
    width: 180px;
	border-radius:0 !important;
	box-shadow:none;
	-webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none;    /* 화살표 없애기 for firefox*/
    appearance: none;         /* 화살표 없애기 공통*/
	background: url('../images/select-arrow.png') no-repeat 117px 50%;
}
.srch select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/
}
.srch .keyword{
    margin: 0;
    width:calc( 100% - 230px );
    padding: 15px 20px;
    line-height: 15px;
    outline: none;
    vertical-align: top;
    height: 50px;
    float: left;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
	border-left:none;
	border-right:none;
	border-radius:0 !important;
	-webkit-appearance: none; /* chrome*/
    -moz-appearance: none;    /* firefox*/
    appearance: none;         /* 공통*/
	line-height:normal;
}
.srch .keyword:focus {
	background-color:#f5f5f5;
}
.srch button.searchBtn {
    height: 50px;
	width: 50px;
    float: left;
    background: #444;
    color: #fff;
    border-color: #444;
    font-size: 17px;
	min-width:inherit !important;
	transition: none;
    -webkit-transition: none;
    -o-transition: none;
	border-radius:0;
	outline:none !important;
	padding:10px;
}
.srch button.searchBtn:hover {background:#00458a; border-color:#00458a;}

@media (max-width:991px) {
	.srch select {width:130px; background-position:105px 50%;}
	.srch .keyword {width:calc( 100% - 180px );}
}
@media (max-width:767px) {
	.searchbox {margin-bottom:10px; float:left;}
	.srch select {width:80px; padding:10px; height:40px; font-size:13px; background-position:58px 50%;}
	.srch .keyword {width:calc( 100% - 120px ); padding:10px; height:40px; font-size:13px;}
	.srch button.searchBtn {width:40px; height:40px; padding:7px;}
	
}


.pro_contents .box  {
	 border:1px solid #ddd;
	 width:100%;
	 box-sizing:border-box;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 position:relative;
	 margin-bottom:30px;
	 cursor:pointer
}
.pro_contents .box img {
	 display:block;
	 width:100%;
	 height:100%;
}
.pro_contents .box .hover {
	 z-index:20;
	 position:absolute;
	 top:0;
	 left:0;
	 background-color:rgba(0,0,0,0.5);
	 width:100%;
	 height:100%;
	 color:#efefef;
	 text-align:center;
	 box-sizing:border-box;
	 opacity:0;
	 transition:opacity .5s ease-out;
	 -webkit-transition:opacity .5s ease-out;
	 -moz-transition:opacity .2s ease-out;
}
.pro_contents .box .hover .sub_tit{
	 position:relative;
	 top: 50%;
     margin-top: -42px;
	 font-size:48px;
	 color:#fff;
	 opacity:0;
	 transition:animation 1s ease .2s,opacity .5s ease-out .3s;
	 -webkit-transition:-webkit-animation 1s ease .2s,opacity .5s ease-out .3s;
	 -moz-transition:-moz-animation 1s ease .2s,opacity .5s ease-out .3s;
}
.pro_contents .box:hover .hover {
	 opacity:1;
}
.pro_contents .box:hover .hover .sub_tit {
	animation:translateHover .8s .2s;
	-webkit-animation:translateHover .8s .2s;
	-moz-animation:translateHover .8s .2s;
	transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
	 -ms-transform:none;
	 opacity:1;
}
@keyframes translateHover{
0%{
	 opacity:0;
	 transform:translate3d(0,-20px,0);
	 -webkit-transform:translate3d(0,-20px,0);
	 -moz-transform:translate3d(0,-20px,0);
}
20%{
	 opacity:1;
	 transform:translate3d(0,20px,0);
	 -webkit-transform:translate3d(0,20px,0);
	 -moz-transform:translate3d(0,20px,0);
}
50%{
	 transform:translate3d(0,-10px,0);
	 -webkit-transform:translate3d(0,-10px,0);
	 -moz-transform:translate3d(0,-10px,0);
}
80%{
	 transform:translate3d(0,0px,0);
	 -webkit-transform:translate3d(0,0px,0);
	 -moz-transform:translate3d(0,0px,0);
}
85%,100%{
	 opacity:1;
	 transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
}}
@-webkit-keyframes translateHover{
0%{
	 opacity:0;
	 transform:translate3d(0,-20px,0);
	 -webkit-transform:translate3d(0,-20px,0);
	 -moz-transform:translate3d(0,-20px,0);
}
20%{
	 opacity:1;
	 transform:translate3d(0,20px,0);
	 -webkit-transform:translate3d(0,20px,0);
	 -moz-transform:translate3d(0,20px,0);
}
50%{
	 transform:translate3d(0,-10px,0);
	 -webkit-transform:translate3d(0,-10px,0);
	 -moz-transform:translate3d(0,-10px,0);
}
80%{
	 transform:translate3d(0,0px,0);
	 -webkit-transform:translate3d(0,0px,0);
	 -moz-transform:translate3d(0,0px,0);
}
85%,100%{
	 opacity:1;
	 transform:none;
	 -webkit-transform:none;
	 -moz-transform:none;
}}

.box .text {background:#f4f4f5; padding:20px;}
.box .text p {line-height:normal}
.box .text .category {font-size:13px; margin:0; color:#888;}
.box .text .name {
	font-size:18px;
	font-weight:500;
	margin-bottom:5px;	
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 27px;
}
.box .text .con {
	font-size:14px;
	color:#666;
	margin:0;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    height: 43px;
}

@media (max-width:991px) {
	.box .text .name {font-size:16px;}
	.box .text .con {font-size:13px; height:40px;}
}
@media (max-width:767px) {
	.pro_contents .box {margin-bottom:20px;}
	.box .text {position:absolute; bottom:0; padding:10px 15px; width:100%; background:rgba(0,0,0,0.5)}
	.box .text .category {font-size:12px; color:#fff;}
	.box .text .name {font-size:16px; margin-bottom:0; color:#fff;}
	.box .text .con {display:none;}
}


.product_detail {width:100%; display:inline-block;}
.product_detail .top {width:100%; display:inline-block;}
.product_detail .top img {border:1px solid #ddd; width:100%}
.product_detail .top .info {padding:5px 0; position:relative;}
.product_detail .top .info .title {font-size:27px; color:#333; font-weight:bold; margin-bottom:20px; padding-right:50px;}
.product_detail .top button.list-btn {position:absolute; right:0; top:0; width:44px; height:44px; min-width: inherit; padding:10px}
.product_detail .top button.list-btn i {font-size:23px}

.product_detail .nav-tabs {width:100%; margin-top:30px;}
.product_detail .nav-tabs>li {width:50%;}
.product_detail .nav-tabs>li>a {border-color:#ddd; background:#f4f4f4; border-top:1px solid #ddd; padding:14px 10px 11px;border-radius:0;text-align:center; color:#888; font-weight:400; font-size:16px; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.product_detail .nav-tabs>li:last-child>a {margin:0}
.product_detail .nav>li>a:focus, .product_detail .nav>li>a:visited, .product_detail .nav>li>a:active {background-color:#fff;}
.product_detail .nav-tabs>li.active>a, .product_detail .nav-tabs>li.active>a:focus, .product_detail .nav-tabs>li.active>a:hover {border-top:3px solid #00458a; background:#fff; padding:12px 10px 11px; color:#222; border-radius:0; border-bottom-color:#fff;}
.product_detail .tab-content>.tab-pane {padding:30px 15px; border-bottom:1px solid #ddd; width:100%;}
.text-right #btn_submit {min-width:130px;}

@media (max-width:991px) {
	.product_detail .top .info .title {font-size:18px; margin-bottom:15px; padding-right:30px;}
	.product_detail .top button.list-btn {padding:4px; width:30px; height:30px;}
	.product_detail .top button.list-btn i {font-size:14px}
	.text-right #btn_submit {font-size:12px;}
}

@media (max-width:767px) {	
	.product_detail .top button.list-btn {top:10px;}
	.product_detail .top .info {padding:15px 0;}
	
	.product_detail .nav-tabs {margin-top:15px}
	.product_detail .nav-tabs>li>a {font-size:14px; padding:10px 10px 8px;}
	.product_detail .nav-tabs>li.active>a, .product_detail .nav-tabs>li.active>a:focus, .product_detail .nav-tabs>li.active>a:hover {padding:8px 10px;}
	.product_detail .tab-content>.tab-pane {padding:20px 10px 10px;}
}




/*****************
	Sub - 고객상담
*****************/

.agreeboxok {display: inline-block; border: 1px solid #00458a; padding: 10px 40px 10px 15px; font-size: 13px; position: relative; font-size:13px; color:#00458a; font-weight:500; cursor:pointer}
.agreeboxok input {position:absolute; right:15px; top:8px;}




/*****************
	Sub - 게시판
*****************/
.board_list {width:100%; display:inline-block; margin:30px 0 0; padding:0}
.board_list li {padding:20px; border: 1px solid #eaeaea; margin-bottom: 10px; cursor:pointer; position:relative; text-transform:uppercase;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;}
.board_list li:hover {background:#f8f8f8;}
.board_list li:after {position:absolute; bottom:-1px; left:0; display:block; content:''; width:100%; height:1px; background-color:#00458a; transform:scale3d(0,1,1); transform-origin:left; transition:transform .3s;}
.board_list li:hover:after {transform:scale3d(1,1,1);}
.board_list li h3 {font-size: 18px; font-weight:normal; margin-bottom: 7px; color:#555; line-height:140%; padding-left:45px; position:relative;}
.board_list li:hover h3 {color:#111}
.board_list li p {display:inline-block; margin:0}
.board_list li .hit {float: right;}
.board_list li .hit i {margin-right:3px;}
.board_list .date {margin-left:45px}
.board_list .number {font-size: 16px; line-height:140%; font-weight:bold; display: inline-block; position:absolute; left:0;}

.board_detail {border-bottom:1px dotted #ddd; width:100%; display:inline-block;}
.board_detail .top {border-top:2px solid #00458a; border-bottom:1px solid #eaeaea; padding:20px; width:100%; float:left;}
.board_detail .top h3 {font-size: 18px; margin-bottom: 7px; color:#444; position:relative; line-height:140%; font-weight:normal}
.board_detail .top p {display:inline-block; margin:0}
.board_detail .top .hit {float: right;}
.board_detail .top .hit i {margin-right:3px;}
.board_detail .contents {width:100%; padding:20px; font-size:15px; line-height:23px;  float:left;}
.board_detail .contents img {display:block}
.board_detail .bottom {margin-top:15px; width:100%; display:inline-block; float:left;}
.board_detail .bottom li {font-size:15px; color:#555; padding:15px 20px; border-top:1px dotted #ddd; cursor:pointer; width:100%; display:inline-block; float:left;}
.board_detail .bottom li:hover span.title {color:#00458a}
.board_detail .bottom li .left {float:left; width:10%;}
.board_detail .bottom li .right {float:left; width:90%;}
.board_detail .bottom li i {margin-right:5px; color:#00458a;}
.board_detail .bottom li span {float:left; display:inline-block;}

@media (min-width:768px) and (max-width:991px) {
	.board_list {margin:20px 0 0}
	.board_list li h3 {font-size: 16px;} 
	.board_detail .top h3 {font-size:16px;}	
	.board_detail .bottom li {padding:12px 20px;}
	.board_detail .bottom li .left {width:15%;}
	.board_detail .bottom li .right {width:85%;}
}
@media (max-width:767px) {
	.board_list {margin:10px 0 0}
	.board_list li {padding:12px 15px; margin-bottom:5px;}
	.board_list li h3 {font-size: 14px; padding-left:35px; margin:0} 
	.board_list .date, .board_list .hit{display:none;}
	.board_list .number {font-size:14px;}	
	
	.board_detail .top {padding:15px}
	.board_detail .top h3 {font-size:14px;}
	.board_detail .contents {padding:15px; font-size:13px;}
	
	.board_detail .bottom li {padding:10px 15px; font-size:13px;}
	.board_detail .bottom li .left {width:23%;}
	.board_detail .bottom li .right {width:77%;}
	.board_detail .bottom li span.title {margin-left:10px;}
}



/*****************
	Sub - 갤러리
*****************/

.small_menu {clear:both; width:100%; margin:0 0 15px;}
.small_menu a {color:#333; font-size:13px; background:#efefef; margin:0 0 3px; padding:10px 20px; display:inline-block; text-decoration:none;}
.small_menu a.select {color:#fff; background:#00458a; }

@media (max-width:767px) {
	.small_menu {text-align:center;}
	.small_menu a {padding:5px 0; width:49%;}
}

.gallery_list{
	position:relative;
	padding:0;
}
.gallery_list .gallBox {width:100%; display:inline-block; margin-bottom:20px;cursor:pointer;}
.gallery_list .gallBox h3 {margin:0; padding:13px 0 7px;clear:both; font-size:18px; color:#444; }
.gallery_list .gallBox p{margin-bottom:0;}
.gallery_list .gallBox:hover h3 {color:#000}
.gallery_list .gallBox .date {padding:0; font-size:13px; color:#888; float:left; margin-right:20px; letter-spacing:normal;}
.gallery_list .gallBox .hit {padding:0; font-size:13px; color:#888; float:right; letter-spacing:normal;}
.gallery_list .gallBox:hover .date, .gallery_list .gallBox:hover .hit {color:#666}
.gallery_list .gallBox .hit i {margin-right:3px;}

.gallery_detail img {margin-bottom:20px;}

.gallery_list .gallBox:hover .third-effect .mask {
   opacity: 0;
   border:100px solid rgba(0,0,0,0.7);
}

.view {
   margin:0 auto;
   overflow: hidden;
   position: relative;
   text-align: center;
   border:1px solid #ddd;
   cursor: default;
}
.view .mask {cursor:pointer}
.view .mask, .view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   width:100%;
   height:100%;
}
.view a.info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}


.third-effect .mask {
   opacity: 0.3;
   overflow:visible;
   border:200px solid rgba(0,0,0,0.4);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.third-effect a.info {
   position:relative;
   top:-20px;
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}

.third-effect:hover a.info {
	opacity:0;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}


@media (max-width:767px) {	
	.gallery_list {margin-right:-7px; margin-left:-7px;}
	.gallery_list>[class^=col-] {padding-right:7px; padding-left:7px;}
}



/*****************
	Histroy
*****************/

.history-box { margin: 0 auto; width:100%; overflow: hidden; list-style: none; padding: 0; position: relative; padding-bottom:100px;}
.history-border {position: absolute; top: 0; left: 50%;  border-left: 2px solid #00458a; height: 100%; margin-left:-1px;}

.h-box {width:100%; float: right; text-align: left; margin: 0 0 10px; padding: 40px 0 0 50%; position: relative;}
.h-box:hover p.year b {background:#00458a; color:#fff;}
.h-box p.year {padding: 1px 0 0 30px; display:inline-block; font-size:16px; color:#00458a; position:relative; z-index:99; margin:0; font-size:15px; letter-spacing:-.03em;}
.h-box p.year b {padding:2px 20px; -webkit-padding-before: 1px; -webkit-padding-after: 3px; border:3px solid #00458a; border-radius:30px; font-size:23px; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; }
.h-box p.year:after {position:absolute; top:6px; left:-7px; content:""; width:14px; height:14px; border-radius:20px; background:#fff; border:3px solid #00458a;}
.h-box p.year:before {position:absolute; top:12px; left:0; content:""; width:30px; height:2px; border-radius:20px; background:#00458a;}
.h-box ul {margin:20px 0 0 40px; padding:0}
.h-box li {list-style:none; margin-bottom:5px; line-height:20px;}

.h-box.even {float: left; text-align: right; padding: 20px 50% 0 0;}
.h-box.even p.year {padding: 1px 30px 0 0;}
.h-box.even p.year:after {left:inherit; right:-7px;}
.h-box.even p.year:before {left:inherit; right:0;}
.h-box.even ul {margin:20px 40px 0 0;}

@media (max-width:767px) {
	.h-box p.year b {font-size:18px; padding:2px 15px;}
	.h-box ul {margin-top:10px}
	.h-box li {font-size:13px; line-height:17px}
}

/*****************
	Map
*****************/

.root_daum_roughmap {width:100% !important;}
@media (max-width:767px) {
	.root_daum_roughmap .wrap_map {height:250px !important}
}






/*****************
	Sitemap
*****************/
#sitemap .visual_contents {background:#545864}
.s_box {clear:both; margin-bottom:37px;}
.s_titlebox {width:100%; padding:15px 0; font-size:17px; background:#545864; color:#fff; font-weight:500; text-align:center;}
.s_menuul {margin:0; padding:0}
.s_menuul li {list-style:none; text-align:center; width:100%; margin-top:5px; background:#f5f5f5;} 
.s_menuul li:hover {background:#f1f1f1}        	  
.s_menuul li a {display:block; color:#555; font-weight:normal; padding:12px 0; text-decoration:none;}  
@media (max-width:767px) {
	.s_box {margin-bottom:25px;}
	.s_list {margin-right:-7px; margin-left:-7px;}
	.s_list>[class^=col-] {padding-right:7px; padding-left:7px;}
	.s_list>div:nth-child(odd) {clear:both;}
}


/* 카테고리 탭메뉴 */
.tab-menu {width:100%; display:inline-block; margin:0; padding:0; text-align:center;}
.tab-menu li {display:inline-block; margin:0;}
.tab-menu li a {display:block; padding:6px 20px; line-height:19px; border:1px solid #444; color:#444; font-size:13px; text-decoration:none;}
.tab-menu li.active a {background:#444; color:#fff;}

.tab-menu.faq-menu {margin:0 0 15px; top:0;}
@media (max-width:767px) {
	.tab-menu {top:0;}
	.tab-menu li a {padding:4px 15px;}
}



/*****************
	Table
*****************/

.table {width:100%; border-collapse:collapse; border-top:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea; margin-top:3px;}
.table>tbody>tr>th  { color:#333; padding:12px 17px; border-bottom:solid 1px #eaeaea; border-right:dotted 1px #eaeaea;  font-weight:500; text-align:left; background:#f4f4f4; line-height:170%;}
.table>tbody>tr>td  { color:#666; border-bottom:solid 1px #eaeaea; padding:12px 17px; line-height:170%; }
.table .left { text-align:left;}
.table .center { text-align:center;}
.table td A:link	{ color:#555;text-decoration:none; } /* 방문전 */
.table td A:visited	{ color:#555;text-decoration:none; } /* 방문후 */
.table td A:active	{ color:#555;text-decoration:none; } /* 마우스클릭시 */
.table td A:hover	{ color:#00458a;text-decoration:none; } /* 마우스오버 */

.table2 {margin:0 auto; width:70%; border-collapse:collapse; border-top:solid 1px #eaeaea; border-bottom:solid 1px #eaeaea; margin-top:3px;}
.table2>tbody>tr>th  { color:#333; padding:12px 17px; border-bottom:solid 1px #eaeaea; border-right:dotted 1px #eaeaea;  font-weight:500; text-align:left; background:#f4f4f4; line-height:170%;}
.table2>tbody>tr>td  { color:#666; border-bottom:solid 1px #eaeaea; padding:12px 17px; line-height:170%; }
.table2 .left { text-align:left;}
.table2 .center { text-align:center;}
.table2 td A:link	{ color:#555;text-decoration:none; } /* 방문전 */
.table2 td A:visited	{ color:#555;text-decoration:none; } /* 방문후 */
.table2 td A:active	{ color:#555;text-decoration:none; } /* 마우스클릭시 */
.table2 td A:hover	{ color:#00458a;text-decoration:none; } /* 마우스오버 */

.form-table>tbody>tr>td {padding:5px}
.form-table .form-style {width: 100%; outline:none; padding:6px 10px; float:left; border-radius:0; border:1px solid #eaeaea;}
.form-table .form-code {width:100px; margin:0; margin-left:5px; padding:6px 10px; border:1px solid #eaeaea;  outline:none; border-radius:0;}
.form-table .form-style:focus, .form-table .form-code:focus {background:#f5f5f5}
.form-table .chsignup {float:left; border:1px solid #000}

.board-table {margin-top:25px;}
.board-table>tbody>tr>th, .board-table>tbody>tr>td {text-align:center; font-size:15px;}
.board-table>tbody>tr>th:nth-child(1) {width:70px;}
.board-table>tbody>tr>th:nth-child(2) {width:calc( 100% - 200px );}
.board-table>tbody>tr>th:nth-child(3) {width:130px;}
.board-table>tbody>tr>td:nth-child(2) {text-align:left; padding:0;}
.board-table>tbody>tr>td>a {color:#444; display:block; padding:12px 17px; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
.board-table>tbody>tr.notice {background:#f7f7f7}
.board-table>tbody>tr.notice>td {color:#444; font-weight:500;}
.board-table>tbody>tr.notice>td:nth-child(1) {color:#00458a; padding: 7px 17px; font-size:19px;}
.board-table>tbody>tr.notice>td:nth-child(1) i {position:relative; top:2px;}

.board-read-table>tbody>tr>th {text-align:center;}
.board-read-table>tbody>tr>th:nth-child(1) {width:180px; }
.board-read-table>tbody>tr>td.con {padding:0;}
.board-read-table>tbody>tr>td.con .contents {margin:15px 0;}
.board-read-table>tbody>tr>td.con .contents img {margin-bottom:10px; display:block;}
.board-read-table ul.file {margin:15px 0; padding:0;}
.board-read-table ul.file li {display:inline-block; padding:0; color:#00458a; list-style:none;}
.board-read-table ul.file li i {margin-right:5px;}
.board-read-table ul.file li a {display:inline-block; padding:0 25px 2px 0; color:#444;}
.board-read-table ul.file li:hover a { text-decoration:underline}


@media (max-width:767px) {
	.table>tbody>tr>th, .table>tbody>tr>td {font-size:13px; padding:8px 12px;}
	.form-table>tbody>tr>td {padding:5px;}
	.form-table .form-style, .form-table .form-code {padding:2px 10px;}
	.form-table .chsignup {height:28px;}
	
	.board-table {margin-top:10px;}
	.board-table>tbody>tr>th:nth-child(1) {width:60px;}
	.board-table>tbody>tr>th:nth-child(2) {width:calc( 100% - 134px );}
	.board-table>tbody>tr>th:nth-child(3) {width:94px;}
	.board-table>tbody>tr>td>a {padding:8px 12px;}
	.board-table>tbody>tr.notice>td:nth-child(1) {padding:5px 12px; font-size:16px}
	
	
	.board-read-table>tbody>tr>th:nth-child(1) {width:50px; }
}



/*****************
	Footer
*****************/

footer {background:#f0f0f0; padding:45px 0}
footer .footer-logo {display:block; margin-bottom:15px;}
footer p {color:#777; display:inline-block; padding-right:20px; font-size:13px; margin-bottom:3px;}
footer p.copyright {margin:10px 0 0; font-size:11px; display:block; color:#999}
footer .link {text-align:right; margin-top:0;}
footer .link a {width:35px; height:35px; background:#fff; text-align:center; display:inline-block;; border-radius:20px; padding-top:10px; margin-left:5px; line-height: normal;}
footer .link a img {vertical-align:top; width: 16px; opacity: 0.5;}

@media (max-width:991px) {
	footer img {margin-bottom:10px;}
}
@media (max-width:767px) {
	footer {padding:20px 0}
	footer .footer-logo {height:16px}
	footer p {margin-bottom:1px; font-size:12px;}
	footer p.copyright {margin-top:7px; font-size:10px;}
	footer .link {text-align: left; margin-top: 10px;}
	footer .link a {margin:0 3px 0 0; width:30px; height:30px; padding-top: 8px;}
	footer .link a img {width:14px;}
}


/*************************
	sub-Contact Us
*************************/

.contact-box { margin: 0 auto; width:100%; overflow: hidden; list-style: none; position: relative; padding-top:30px; padding-bottom:30px;}
.contact-box hr  { height:1px; width:100%; background:#666; margin:30px 0; }
.contact-box h3  { font-size: 28px; line-height: 130%; letter-spacing: -0.05em;}
.contact-box span  { font-size: 20px; letter-spacing: -0.08em;}
.contact-box .tel { font-size: 4em; color:#dc3519;font-weight:700; letter-spacing: -0.02em;}
.contact-box .team span { font-size: 20px; color:#000; font-weight:300; letter-spacing: -0.02em; text-align:left;}
.contact-box .team .t01 { display:inline-block; width:280px; background:url(../images/icon_team01.png) 0 10px no-repeat; padding-left: 65px;  margin-bottom:15px;}
.contact-box .team .t02 { display:inline-block; width:280px; background:url(../images/icon_team02.png) 0 10px no-repeat; padding-left: 65px; margin-bottom:15px;}
.contact-box .team .t03 {display:inline-block;  width:280px; background:url(../images/icon_team03.png) 5px 10px no-repeat; padding-left: 65px; }
.contact-box .team .t01 a { text-decoration:none; color:#000;}
.contact-box .team .t02 a { text-decoration:none;color:#000;}
.contact-box .team .t03 a { text-decoration:none;color:#000;}

/*************************
	sub-Product 01
*************************/

.prod-01 { margin: 0 auto; width:100%; overflow: hidden; list-style: none; position: relative; padding-top:20px; padding-bottom:20px;}
.prod-01 h3  { font-size: 24px; line-height: 130%; letter-spacing: -0.05em;}
.prod-01 span.p-tit { font-size: 18px; color:#c30; font-weight:700;  line-height: 130%; letter-spacing: -0.05em; margin-bottom:5px;}
/*.prod-01 p { border-left: 1px solid #e3e3e3; padding-left:10px;}*/

.prod-01 ul li {font-weight:700;  line-height: 130%; letter-spacing: -0.05em; margin-bottom:10px;}
.prod-01 strong {font-weight:700; letter-spacing: -0.03em; color:#c30; }
.prod-01 b {font-weight:700; letter-spacing: -0.03em; color:#000; }



.table3 {width:100%; border-collapse:collapse; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-top:3px;}
.table3>tbody>tr>th  { color:#333; padding:12px 17px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;  font-weight:500; text-align:left; background:#f4f4f4; line-height:170%;}
.table3>tbody>tr>td  { color:#666; border-bottom:solid 1px #ccc; padding:12px 17px; line-height:170%; }
.table3 .left { text-align:left;}
.table3 .center { text-align:center;}
.table3 td A:link	{ color:#555;text-decoration:none; } /* 방문전 */
.table3 td A:visited	{ color:#555;text-decoration:none; } /* 방문후 */
.table3 td A:active	{ color:#555;text-decoration:none; } /* 마우스클릭시 */
.table3 td A:hover	{ color:#00458a;text-decoration:none; } /* 마우스오버 */
.table3 .txt-c {color:#c30;}