/*html, body {
  height: 100%;
  max-height: 100%;
  position: relative;
}*/


/* # Color
================================================== */
em {color:#160a8b;}
body #content .c00 {color:#000;}
body #content .c50 {color:#505050;}
body #content .c46 {color:#464646;}
body #content .cff {color:#fff;}
body #content .c-red {color:#df0712;}
body #content .c-accent {color:#fd4f00;}
.c86 {color:#868686;}
.f-shadow {color:#fff; text-shadow:4px 4px 4px #000;}
.fs-shadow {color:#fff; text-shadow:2px 2px 1px #000;}
.tm20{margin-top:20px;}


/* # Margin & Padding
================================================== */
body #content .m-x-0{margin-left:0; margin-right:0;}
body #content .mt0{margin-top:0;}
body #content .mb0{margin-bottom:0;}
body #content .mt15, body #content .m-y-15 {margin-top:15px;}
body #content .mb15, body #content .m-y-15 {margin-bottom:15px;}
body #content .mt30{margin-top:30px;}
body #content .mt40{margin-top:40px;}


body #content .pt0 {padding-top:0px;}
body #content .pb0 {padding-bottom:0px;}
body #content .pt72 {padding-top:4.5rem;}
body #content .pb15 {padding-bottom: 0.9375rem;}
body #content .pb30 {padding-bottom: 1.875rem;}
body #content .pl3 {padding-left:3rem;}
body #content .pr3 {padding-right:3rem;}

@media screen and (max-width:799px) {
	body #content .pl3 {padding-left:15px;}
	body #content .pr3 {padding-right:15px;}
}

/* # Font-Weight
================================================== */
body #content .extrabold {font-weight:800;}
body #content .bold{font-weight: 700;}
body #content .semi{font-weight: 600;}
body #content .regular{font-weight: 500;}
body #content .light{font-weight: 400;}




/* # Font-Size
================================================== */
body #content .fz18 {font-size: 1.125rem;}
body #content .fz15 {font-size: 0.9375rem;}
body #content .fz24 {font-size: 1.5rem;}
body #content .fz36 {font-size: 2.25rem;}




/* # Part-style
================================================== */
#sub-content {padding-bottom:150px;}

body #content a {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}

a, a:hover {color:#464646;}

section2 {padding: 2.5rem 0;}
article2 {padding: 1.25rem 0;}

section2, article2 {
	*zoom:1;
}


section {padding: 4.5rem 0;}
article {padding: 2.25rem 0;}

section, article {
	*zoom:1;
}

section:after, article:after {
  display: block;
  clear: both;
  content: '';
}

section[class^="subpage-"] article:first-child {padding-top:0;}

/* .row {
	width:100%; 
	margin-left:0; 
	margin-right:0;
} */

.no-padding { padding: 0;}

.row-no-padding{margin-left: 0;margin-right: 0;}
.row-no-padding>[class*="col-"]{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row.table {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
}
.row.table>.grid {display: table-cell;}


.row.space {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
}

.row.end {
	align-items: flex-end;
	-ms-align-items: flex-end;
	-wbkit-align-items: flex-end;
}

.container-fluid {max-width:100%; min-width:100%;}

.no-gutters {
	margin-left:0 !important;
	margin-right:0 !important;
}


.h100 {height:100%;}
.dib {display:inline-block;}
.floatL {float:left;}
.floatR {float:right;}

body #content .img.border {border:1px solid #d8d8d8;}
body #content .box-border {padding:2rem; border:1px solid #d8d8d8;}


@media screen and (max-width:1199px) {
	.row {margin-left:0; margin-right:0;}
}



/* -------- 사용자 지정 css (사이트에 맞게 변경하세요) -------- */

html {font-size:13px;}
.text-right {text-align:center;}
.d-none {display:none;}
.d-block {display:block;}


@media screen and (min-width:768px) {
	html {font-size:14px;}
	.text-right {text-align:right;}
	.d-md-none {display:none;}
	.d-md-block {display:block;}
}

@media screen and (min-width:1100px) {
	html {font-size:16px;}
}


body {
  font-size: 1rem;
  letter-spacing: -0.5px;
  font-family: 'Open Sans', 'Noto Sans KR', Meiryo, 'Malgun Gothic', '맑은 고딕', sans-serif;
  -webkit-text-size-adjust:none;
  word-break: keep-all;
}

body #content p{
  color: #5c5c5c;
  font-size: 1rem;
  line-height: 1.5;
	/* margin:0 0 25px 0; */
	margin:0 0;
}

main{
  min-height: 100rem;
}

/* body #content{height:100%;max-height:100%;} */
address,ul,dl{margin-bottom: 0;}
img {max-width:100%;}
body #content address>p{margin:1em 0;}



/* Animation */
[class*="fade"] {
  opacity: 0;
}
/* Skip */
nav.skip {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}
nav.skip ul li a {
  position: absolute;
  top: 0;
  left: -200%;
  display: block;
  width: 100%;
}
nav.skip ul li a:focus {
  left: 0;
}
#content {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
}
/* Header */

header.header {
  position: absolute;
  z-index: 9999;
  width: 100%;
  max-width: 100%;
	background:transparent;
}

header, main, footer {
  max-width: 100%;
  width: 100%;
}

/* Top Navigation */
header div.nav_wrap.top {
  background-color: rgba(169,169,169,0.2);
	text-align:center;
  transition: all 1s;
}
header div.nav_wrap.top.fixed{
  display: none;
}

header div.nav_wrap.top .navbar-brand {display:inline-block; float:inherit; height:auto; text-align:center;}
header div.nav_wrap.top .navbar-brand > img {display:inherit;}


/* Global Navigation */
header nav.navbar {
  position: relative;
  height: 66px;
  margin-bottom: 0;
  border: 0;
}

header .nav_wrap.gnb {
  z-index: 9999;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255,255,255,0.2);
}
header>.nav_wrap.gnb.fixed{
  position: fixed;
  z-index: 9999;
  left:0;
  right:0;
  margin:auto;
  border-bottom: 1px solid #ddd;
  animation: smoothScroll 1s forwards;
}

/* Mobile Navigation */
header div.nav_wrap.gnb .navbar-toggle {
  margin-top: 30px;
}

header div.nav_wrap.gnb .navbar-inverse .navbar-collapse {
  background-color: transparent;
	text-align:center;
}

header div.nav_wrap.gnb .navbar-inverse {
  background-color: transparent;
  background-image: none;
}
header div.nav_wrap.gnb .navbar-brand {
  /* float: left; */
	display:inline-block;
  height: auto;
  padding: 28px 15px;
}

@media (min-width: 1100px) {
	header .nav_wrap.gnb.focus, header .nav_wrap.gnb.fixed {
		background-color:#fff;
		-webkit-transition:all 1s;
		-o-transition:all 1s;
		transition:all 1s;
	}

	header div.nav_wrap.gnb.fixed>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>a,
	header div.nav_wrap.gnb.focus>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>a {color:#322f31;}
	.navbar-nav {float:inherit; display:inline-block;}
}



/**********************************
Top Navigation
***********************************/
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a {text-shadow:none;}
header div.nav_wrap.top>div.container>nav.nav>ul.nav.navbar-nav>li>a{
  display: block;
  font-weight: 700;
  font-size: 12px;
  line-height: 30px;
  color: #464646;
  text-transform: uppercase;
  padding: 0 10px;
}
header div.nav_wrap.top>div.container>nav.nav>ul.nav.navbar-nav>li.active>a{
  background-color: #fff;
}
/**********************************
Navigation : 1Depth
***********************************/
header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>a {
  position: relative;
  padding: 0;
	font-weight:600;
  color: #fff;
  text-align: center;
	line-height:66px;
}

header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li{
  min-width: 200px;
}

header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active:nth-child(5) ul,
header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li:nth-child(5):hover ul {display:none !important;}

header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li:hover>a{
  color: #160a8b;
}


/* 2Depth */
header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>ul>li>a {
  display: block;
  padding: 10px;
  font-size: 0.875rem;
  color: #fff;
  background:transparent;
  background-color: rgba(22,10,139,0.9);
  border-bottom: 1px solid #d3d7d9;
}
header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>ul>li:last-child>a {
  display: block;
  padding: 10px;
  /* font-size: 0.875rem; */
  color: #fff;
  background:transparent;
  background-color: rgba(22,10,139,0.9);
  border-bottom: none;
}


header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>a:hover {
  color: #160a8b;
}


/* Top Button */

div.top_btn {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
}

div.top_btn button {
  display: none;
}

div.top_btn .top_link {
  /* padding: 1rem; */
  width:40px;
  height:40px;
  background-color: rgba(22,10,139,1);
  color:#fff;
}
div.top_btn .top_link:hover{
  background-color: rgba(22,10,139,0.5);
}

/* Footer */

footer {
  position: relative;
  width: 100%;
  background-color: #161616;
}

footer div.container{
	font-size:0;
	line-height: 0;
	letter-spacing: 0;
}

footer div.container .dib {
  display: inline-block;
  vertical-align: top;
}


/*gobiz-sitemap*/
footer .gobiz-sitemap {background-color:#211f31;}
footer .gobiz-sitemap .navbar-nav {
	padding:5rem 0;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	display: flex;
	flex-wrap: wrap;
}

footer .gobiz-sitemap .navbar-nav > li.nav-item {
	min-width: auto;
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	max-width:100%;
	padding: 0 1.5rem;
}
/* 
footer .gobiz-sitemap .navbar-nav > li.nav-item:nth-child(1),
footer .gobiz-sitemap .navbar-nav > li.nav-item:nth-child(2),
footer .gobiz-sitemap .navbar-nav > li.nav-item:nth-child(5) {flex:0 0 20%;} */

footer .gobiz-sitemap .navbar-nav > li.nav-item:last-child {padding-right:0;}



footer .gobiz-sitemap .navbar-brand, .navbar-nav>li a {color:#aeaeae; line-height:1.857em;}
footer .gobiz-sitemap .navbar-brand, .navbar-nav>li>a {text-shadow: none; padding:0; font-size:0.9375rem;}
footer .gobiz-sitemap .navbar-brand, .navbar-nav>li>a+ul a {font-size:0.875rem;}
footer .gobiz-sitemap .nav > li > a:hover, footer .gobiz-sitemap .nav > li > a:focus {background-color:transparent; }


/*addressinfo*/
footer .addressinfo {padding:3.125rem 0;}
footer .address_wrap {
  margin-left: 3.125rem;
	margin-bottom: 0;
/*  width: calc(100% - 284px);*/
	font-size:0.8125rem;
  max-width: 100%;
	color:#868686;
}

footer .address_wrap .tit {color:#d9d9d9;}
footer .address_wrap .email:hover {color:#868686; text-decoration:underline; }

footer .gobiz_logo {float:right;}

@media screen and (max-width:767px) {
	footer .addressinfo {padding:3.125rem;}
	footer .addressinfo .address_wrap {padding-top:3.125rem; margin-left:0;}
	footer .gobiz-sitemap {display:none;}
}

@media screen and (max-width:479px) {}



/*select_box*/
footer div.select_box {
  position: relative;
  width: 158px;
  height: 37px;
  border: 1px solid #a6a6a6;
  background: url(/html/_skin/solar/img/select_img.jpg) no-repeat 118px center;
}
footer div.select_box select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width:100%;
  height:100%;
  line-height: 37px;
  border:0;
  background: none;
  padding-left: 15px;
  opacity: 0;
  filter: alpha(opacity=0); /* IE 8 */
}
footer div.select_box label {
    position: absolute;
    font-size: 14px;
    line-height: 1;
    top: 10px;
    left:15px;
    letter-spacing: -0.5px;
}
footer div.select_box select option{
  font-size: 14px;
  line-height: 1.3;
}




/**********************************
Index Content
***********************************/
div.slick.slick-initialized .slick_col {visibility:visible;}

/* Section Visual (Slick.js) */
.main-visual {position:relative; padding:0;}
.main-visual div.slick .slick_col {
  width: 100%;
  height:43.375rem;
  overflow: hidden;
  background-repeat: no-repeat;
	background-size: cover;
}

.main-visual div.slick .slick_col:nth-of-type(1) {
  background-image: url('/html/_skin/solar/img/main-visual01.jpg');
}

.main-visual div.slick .slick_col:nth-of-type(2) {
  background-image: url('/html/_skin/solar/img/main-visual02.jpg');
}

.main-visual div.slick .slick_col:nth-of-type(3) {
  background-image: url('/html/_skin/solar/img/main-visual03.jpg');
}

.main-visual div.slick .slick_col:nth-of-type(4) {
  background-image: url('/html/_skin/solar/img/main-visual04.jpg');
}



body #content .slick-dotted.slick-slider {
  margin-bottom: 0;
  overflow: hidden;
}
body #content .main-visual:not(.sub) .slick_txt{
  top: 14.8125rem;
  bottom: auto;
	width:55.5%;
	background-color:rgba(0,0,0,0.5);
	padding:3.125rem;
	text-align:left;
  -webkit-transform: translateY(14.8125rem);
  -ms-transform: translateY(14.8125rem);
  transform: translateY(14.8125rem);
}

body #content .slick_txt * {
  position: relative;
  opacity: 0;
	color:#fff;
}

body #content .slick_txt>h2 {font-size:2.8125rem}
body #content .slick_txt>p {font-weight:300; margin:0; font-size:1.125rem;}

section.main-visual div.slick .slick-dots {bottom:10px;}




@media screen and (max-width:999px) {
	body #content .main-visual:not(.sub) .slick_txt{width:100%;}
}


/*
body .slick-dots {
  bottom: 34px;
}

body .slick-dots li {
  width: 37px;
  height: 4px;
  background-color: #979392;
  transition: all 1s;
}

body .slick-dots li.slick-active {
  background-color: #000;
}

body .slick-dots li button {
  width: 37px;
  height: 4px;
  padding: 0;
}

body .slick-dots li button:before {
  display: none;
} */


#content .slick-next, #content .slick-prev {
  width: 79px;
  height: 79px;
  z-index: 200;
}

#content .slick-next {
  background: url('/html/_skin/solar/img/arrow_right.png') no-repeat;
  right: 20px;
}

#content .slick-prev {
  background: url('/html/_skin/solar/img/arrow_left.png') no-repeat;
  left: 20px;
}

#content .slick-prev:before, #content .slick-next:before {
  display: none;
}




body #content a.btn.default {
  position: relative;
  padding: 10px 50px;
  border: 0;
  background-color:rgba(74,74,74,0.55);
  border-radius: 0;
  color: #fff;
  -webkit-transition-property: background-color, border-color;
  -o-transition-property: background-color, border-color;
  transition-property: background-color, border-color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
a.btn.default:hover{
  background-color:rgba(74,74,74,1);
  color: #fff;
}


/*button - line*/
body #content .btn.line {
	padding: 10px 50px;
	margin-top:20px;
	border:1px solid rgba(255,255,255,0.5);
	border-width:1px 0;
	border-radius:0;
	font-size:18px;
	font-weight:300;
}


/*button - download*/
body #content a.btn.down {
	display:inline-block;
	/* float:right; */
	text-align: center;
	background-color: #fd4f00;
	border:1px solid #f89c9c;
	color: #fff;
	border-radius: 0;
}

body #content a.btn.down i.icon {
	display: inline-block;
	vertical-align: middle;
	text-indent: -1000px;
	overflow:hidden;
	width:17px;
	height:12px;
	margin-right: 0.75em;
	background-image: url(/html/_skin/solar/img/sub/download_ic.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
}








/* ---------main-contents--------- */
/*main-product*/
.main-product {background-color:#ecebf5;}
.main-product .container-fluid{padding:0 12.5625rem;}
.main-product .main-product_list {align-content: space-between; -ms-align-content: space-between;}
.main-product .main-product_list li.col-main-pro {
	flex:0 0 25%;
	max-width:25%;
	margin:1.0625rem 0;
}
/* .main-product .main-product_list li.col-main-pro:not(:nth-child(4n+1)) {margin-left:auto;} */

.main-product .main-product_list li.col-main-pro>a {
	border:3px solid transparent;
	display: block;
	height:100%;
}

.main-product .main-product_list li.col-main-pro figure {border:1px solid #bfbfbf; height:100%; background-color:#fff;}
.main-product .main-product_list li.col-main-pro figure figcaption {padding:1.875rem; }
.main-product .main-product_list li.col-main-pro figure figcaption h4 {color:#fd4f00;}
body #content .main-product .main-product_list li.col-main-pro figure figcaption .txt {
	margin-bottom:0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	max-height: 4.5em;
}

/*hover*/
.main-product .main-product_list li.col-main-pro>a:hover {border-color:#fd4f00;}

@media screen and (max-width:1100px) {
	.main-product .main-product_list li.col-main-pro {
		flex:0 0 50%;
		max-width:50%;
	}
}

@media screen and (max-width:767px) {
	.main-product .container-fluid{padding:0 6.28125rem;}
	.main-product .main-product_list li.col-main-pro figure .img img{width:100%;}
	.main-product .main-product_list li.col-main-pro {
		flex:0 0 100%;
		max-width:100%;
	}
}




/*main-solution*/
.main-solution {background-image:url('/html/_skin/solar/img/main-solution_bg.jpg'); padding-top:5rem;}
.main-solution ul.main-solution-list {margin-top:6.8125rem;}

.main-solution ul.main-solution-list > li:nth-child(2) {margin-top:3.75rem;}
.main-solution ul.main-solution-list > li:nth-child(3) {margin-top:-3.75rem;}

body #content .main-solution ul.main-solution-list > li > a {display:block; font-weight:600; color:#fff;}
.main-solution ul.main-solution-list > li > a figure {position:relative;}
.main-solution ul.main-solution-list > li > a figure figcaption {position:absolute; bottom:0; width:100%; font-size:1.875rem; margin-bottom:2.125rem;}

@media screen and (max-width:799px) {
	.main-solution ul.main-solution-list > li {margin-top:0 !important;}
}


/*main-helpyou*/
.main-helpyou {background-image:url('/html/_skin/solar/img/main-helpyou_bg.jpg'); background-position:bottom;}
.main-helpyou .index-tit {position:relative; display:inline-block; margin-bottom:0; color:#fff;}
.main-helpyou .index-tit:before, .main-helpyou .index-tit:after {
	position:absolute;
	bottom:12px;
	display:inline-block;
	content:'';
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100%;
}

.main-helpyou .index-tit::before {
	left:-66px;
	width:45px;
	height:65px;
	background-image:url('/html/_skin/solar/img/index-tit-white_L.png');
}

.main-helpyou .index-tit::after {
	right:-48px;
	width:32px;
	height:50px;
	background-image:url('/html/_skin/solar/img/index-tit-white_R.png');
}

body #content .main-helpyou a.btn {
	padding:0.875rem 3rem;
	background:rgba(0,0,0,0.2);
	background-position:0%;
	border:1px solid rgba(255,255,255,0.7);
	border-radius:8px;
	font-size:0.875rem;
	color:#fff;
	font-weight:600;
}
body #content .main-helpyou a.btn i.icon {
	display:inline-block;
	content:'';
	width:17px;
	height:13px;
	margin-left:8px;
	vertical-align:-2px;
	background:url('/html/_skin/solar/img/arrow_ic.png') no-repeat;
	background-position:0 0;
	background-size:100%;
	text-indent:-1000px;
	overflow:hidden;
}


/*hover*/
body #content .main-helpyou a.btn:hover {
	background:#fd4f00;
	background-position:100%;
	border-color:#fd4f00;
}


/*main-form-wrap*/
.main-form-wrap {background-color: #f1f0f6;}
.main-form-wrap .container-fluid {padding:0 12.5625rem;}
.main-form-wrap .container-fluid .head a.more {display:inline-block; float:right; font-size:0.75rem; color:#9f9f9f; border-bottom:1px solid #9f9f9f;}

.main-form-wrap .container-fluid .main-news .inc .board-wrap .gallery-list {border-width:0;}
.main-form-wrap .container-fluid .main-news .inc .board-wrap .gallery-list figure a figcaption {background:transparent;}

.main-form-wrap .container-fluid .main-news .inc .board-wrap .gallery-list figure {
	width:33.333% !important;
	border: 0;
	margin-top:-1px;
	margin-bottom:0 !important;
	padding:0px 10px !important;
}

.main-form-wrap .container-fluid div[class*="col-"] {padding-left:5.625rem;}
.main-form-wrap .container-fluid .contact_form_inc {background-color: #fff; border:2px solid #004e86; padding:1.8125rem 2.625rem;}
.main-form-wrap .container-fluid .contact_form_inc .board-wrap input,
.main-form-wrap .container-fluid .contact_form_inc .board-wrap select,
.main-form-wrap .container-fluid .contact_form_inc .board-wrap textarea {width:100%; font-size: 0.875rem;}

.main-form-wrap .container-fluid .contact_form_inc .board-wrap textarea {height:100px !important;}

.main-form-wrap .container-fluid .contact_form_inc .board-wrap .board-write-btn-wrap {text-align:left;}
.main-form-wrap .container-fluid .contact_form_inc .basic-board-row,
.main-form-wrap .container-fluid .contact_form_inc .basic-board-row tr {
	border-width:0;
}


@media screen and (max-width:1499px) {
	.main-form-wrap .container-fluid {padding:0 3.28125rem;}
}





/**********************************
Subpage
***********************************/


/*subpage header*/
.sub-header {
		width:100%;
		height:26rem;
		padding:12.5rem 0 6.25rem;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
		text-align:center;
		color:#fff;
}


.sub-header.product {background-image: url('/html/_skin/solar/img/sub/sub_product_head.jpg');}
.sub-header.solution {background-image: url('/html/_skin/solar/img/sub/sub_solution_head.jpg');}
.sub-header.service {background-image: url('/html/_skin/solar/img/sub/sub_service_head.jpg');}
.sub-header.aboutus {background-image: url('/html/_skin/solar/img/sub/sub_aboutus_head.jpg');}
.sub-header.catalog {background-image: url('/html/_skin/solar/img/sub/sub_catalog_head.jpg');}




.sub-header h1 {
	font-size: 	2.8125rem;
	font-weight:700;
}


/*common index-tit*/
.index-tit {font-size:2.25rem; font-weight:700;}
.index-tit02 {font-size:1.875rem; font-weight:700;}
.bar-tit {display:inline-block; background:url('/html/_skin/solar/img/bar_tit.gif') no-repeat top left; padding-top:5px;}

.subpage-dep2-head {background-color: #f6f6fa; padding:4.25rem 0 4.0625rem;}
.subpage-dep2-head .index-tit02 {position:relative; display:inline-block;}
.subpage-dep2-head .index-tit02:before, .subpage-dep2-head .index-tit02:after {
	position:absolute;
	bottom:12px;
	display:inline-block;
	content:'';
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:100%;
}

.subpage-dep2-head .index-tit02::before {
	left:-66px;
	width:45px;
	height:65px;
	background-image:url('/html/_skin/solar/img/sub/index-tit-orange_L.png');
}

.subpage-dep2-head .index-tit02::after {
	right:-48px;
	width:32px;
	height:50px;
	background-image:url('/html/_skin/solar/img/sub/index-tit-orange_R.png');
}


/*subpage-dep2-tab*/
.page-main #content aside#aside {display:none;}

#aside.sub_nav_wrap .container {position:relative;}
#aside.sub_nav_wrap .sub-navigation {position:absolute; top:-50%; transform: translateY(-50%); width:100%;  border-collapse: collapse; }
#aside.sub_nav_wrap .sub-navigation li {
	width:100%;
	background-color:#fff;
	border:1px solid #979797;
	border-left-color:#cacaca;
	margin-left:-1px;
	vertical-align:middle;
}
#aside.sub_nav_wrap .sub-navigation li a {font-size:1.125rem; padding:0.875rem 5px; display:block;}
#aside.sub_nav_wrap .sub-navigation li.on {background-color:#fd4f00; }
#aside.sub_nav_wrap .sub-navigation li.on a {color:#fff; display:block;}

@media screen and (max-width:767px) {
	#aside.sub_nav_wrap {display:none;}
} 



/*subpage-dep2-tab category-tab*/
.dep3-tab {padding:15px 0; border:1px solid #e9e9e9; border-width:1px 0;}
.dep3-tab .tab {display:table; width:100%; table-layout:fixed;}
.dep3-tab .tab li {position:relative; display:table-cell;}
.dep3-tab .tab li a {display:block; text-align:center;}
.dep3-tab .tab li a span {display:block; color:#8a8a8a; border:1px solid #e9e9e9; border-width:0 1px;}

.dep3-tab .tab li.active:after {
	position:absolute;
	bottom:-15px;
	display:block;
	content:'';
	width:100%;
	height:0;
	border-bottom:3px solid #fd4f00;
}

.dep3-tab .tab li.active a span{color:#322f31;}



/* --------------- common --------------- */
/*common board*/
body #content .board-write-btn-wrap a.btn-confirm {background:#160a8b;}

.board-paging {margin:50px 0 50px !important;}
body #content .board-paging li.on>a, .board-paging li:hover>a {background-color:#8a8a8a;}

/*hover*/
body #content .board-write-btn-wrap a.btn-confirm:hover {background:transparent; color:#160a8b; border:1px solid #160a8b;}


/*gallary*/
.board-wrap .gallery-list figure a .thumb-wrap.embed-responsive-16by9 {height: 100%; padding-bottom:0 !important;}
.board-wrap .board-view header h1 {font-size:1.25rem;}
body[role=subpage] .board-wrap .gallery-list figure {
	width:100%;
	border: 1px solid #ddd;
	border-width: 0 0 1px 0;
	margin-top:-1px;
	margin-bottom:0 !important;
	padding:15px 0 !important;
} 
.board-wrap .gallery-list figure:first-child {}
.board-wrap .gallery-list figure a figcaption {background:transparent !important;}

/*board*/
.basic-board-list thead th, .webzine-board-list thead th {background-color:#f9f9f9 !important;}
.board-wrap .gallery-list figure a figcaption li span {
	height: 20px;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*webzine*/
body[role=subpage] .board-wrap .webzine-board-list tbody tr td.board-subject div strong {
	display:block;
	display: -webkit-box;
	text-align:left;
	color:#000;
	font-size:1rem;
	overflow: hidden;
  text-overflow: ellipsis;
	webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}

body[role=subpage] .board-wrap .webzine-board-list tbody tr td.board-subject div span {
	font-size:0.975rem;
	line-height: 20px;
  height: 60px;
}

@media screen and (min-width:768px) {
	body[role=subpage] .board-wrap .webzine-board-list tbody tr td.board-subject div span {
		height: 40px;
	}
}


/*common table*/
.table.default {border-top:2px solid #7e7e7e; table-layout:fixed; margin-top:15px;}
.table.default thead tr th {padding:1rem; background-color:#e8eff7; border-bottom:1px solid #7e7e7e; font-weight:600;}
.table.default tbody tr th {padding:1rem 1rem 1.625rem; background-color:#f8f8f8; border-bottom:1px solid #d8d8d8; font-weight:600;}
.table.default tr th, .table.default tr td {padding:1rem 1rem 1.625rem; vertical-align:top; font-size:0.875rem;}
.table.default tr td {border:1px solid #c9c9c9; border-bottom-color:#d8d8d8;}

.text-center thead tr th, .text-center tbody tr th {text-align:center;}

.table-border tr th {border:1px solid #c9c9c9;}
.table-s-padding tbody tr th, .table-s-padding tbody tr td {padding-top:0.8rem !important; padding-bottom:0.8rem !important;}

.v-middle tr th, .v-middle tr td {vertical-align:middle !important;}

/*product table*/
.table.pro {border-top:2px solid #7e7e7e; table-layout:fixed; margin-top:5px; text-align:center;}
.table.pro thead tr th {padding:0.6rem; background-color:#e8eff7; border-bottom:1px solid #7e7e7e; border-right:1px solid #d8d8d8; font-weight:600;text-align:center;}
.table.pro tbody tr th {padding:0.2rem 1rem 0.2rem; background-color:#f8f8f8; border-bottom:1px solid #d8d8d8; font-weight:600;}
.table.pro tr th, .table.default tr td {padding:1rem 1rem 0.2rem; vertical-align:middle; font-size:0.875rem;}
.table.pro tr td {border:1px solid #c9c9c9; border-bottom-color:#d8d8d8; font-size:0.875rem;}

.text-center thead tr th, .text-center tbody tr th {text-align:center;}

.table-border tr th {border:1px solid #c9c9c9;}
.table-s-padding tbody tr th, .table-s-padding tbody tr td {padding-top:0.2rem !important; padding-bottom:0.2rem !important;}

.v-middle tr th, .v-middle tr td {vertical-align:middle !important;}
0;}

/*num_dl*/
.num_dl {}
.num_dl dd {margin-top:15px;}
.num_dl dd .round-num {
	display:inline-block;
	vertical-align:middle;
	width:1.875rem;
	height:1.875rem;
	padding-top:3px;
	margin-right:0.4rem;
	background-color:#017bc0;
	border-radius:100%;
	font-weight:600;
	color:#fff;
	text-align:center;
}

/*ul*/
ul.default li {margin-bottom:14px;}

/*dl*/
dl.default dt {font-weight:600;}
dl.default dd {margin-top:5px;}


/**/
.gray-bg {
	background-color:#f9f9f9;
	padding:1.25rem;
}


/*subpage_page-list*/
#content .slash_bg {
	background-image: url('/html/_skin/solar/img/sub/subpage_list_bg.gif');
	background-position: 0 0;
}

#content .subpage_page-list_wrap .subpage_list-head {
	*zoom:1;
}
#content .subpage_page-list_wrap .subpage_list-head:after {
	display: block;
	content: '';
	clear: both;
}

#content .subpage_list-head a.btn.down {margin-top:15px;}


#content .subpage_page-list {}
#content .subpage_page-list li {/*width: calc(25% - 12px);*/  /* border:2px solid transparent; */ padding:6px;}
#content .subpage_page-list li h4 {margin-top:0; color:#fd4f00; font-size:1rem; font-weight: 700; /* min-height: 42px; */}
#content .subpage_page-list li .img {display:block; text-align:center;}
#content .subpage_page-list li figure {position: relative; height:100%; padding:1.125rem; background-color: #fff; min-height:456px; overflow-y: hidden;}
#content .subpage_page-list li figure figcaption {padding-top:0.9375rem;}
#content .subpage_page-list li  figure figcaption p {
		font-size: 0.875rem;
		margin-bottom:0;
}
#content .subpage_page-list li figure::after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: '';
	margin: auto;
	border:1px solid #c1c1c1;
	border-width:2px 1px 1px 1px;
	border-top-color:#727272;
	z-index: 9;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}

/*hover*/
#content .subpage_page-list li figure:hover:after {
	border: 2px solid #fd4f00;
}



/*type2*/
#content .subpage_page-list.type2 {}
#content .subpage_page-list.type2 li figure {padding:0; min-height:415px;}
#content .subpage_page-list.type2 li h4 {text-align:center; border-bottom:1px solid #d8d8d8; margin-bottom:0; padding:0.625rem 0; font-weight:500;}
#content .subpage_page-list.type2 li figure::after {
	border-width:1px;
	border-top-color:#bfbfbf;
}

#content .subpage_page-list.type2 li .img {border-bottom:1px solid #d8d8d8; /* padding:0.625rem; */}
#content .subpage_page-list.type2 li .img img {width:100%;}
#content .subpage_page-list.type2 li figure figcaption {padding: 0.625rem 0.625rem 0.825rem;}


/*hover*/
#content .subpage_page-list.type2 li figure:hover:after {
	border: 2px solid #fd4f00;
}




/*type3*/
#content .subpage_page-list.type3 {}
#content .subpage_page-list.type3 li figure {
	padding:0; 
	min-height:415px; 
	border:1px solid #d8d8d8;
	border-top-color:#bfbfbf;
}
#content .subpage_page-list.type3 li h4 {text-align:center; border-bottom:1px solid #d8d8d8; margin-bottom:0; padding:0.625rem 0; font-weight:500;}
#content .subpage_page-list.type3 li figure::after {
	display:none;
}

#content .subpage_page-list.type3 li .img {border-bottom:1px solid #d8d8d8; /* padding:0.625rem; */}
#content .subpage_page-list.type3 li .img img {width:100%;}
#content .subpage_page-list.type3 li figure figcaption {padding: 0.625rem 0.625rem 4rem;}
#content .subpage_page-list.type3 li figure figcaption a.btn.down {display:block; background-color: #5d5a5c; border-color: #5d5a5c; position: absolute; bottom: 10px; width: calc(100% - 20px); z-index:1000;}

/* #content .subpage_page-list.type3 li figure figcaption p {height:170px; overflow:hidden;} */


/*hover*/
#content .subpage_page-list li figure:hover:after {border-color:#d8d8d8;}



/*product*/
.product_list {*zoom:1;}
.product_list:after {display:block; clear:both; content:'';}
/* .product_list .product_item {padding:0;} */
.product_item {margin-bottom:0.9375rem; }
.product_item figure.figure {border:1px solid #dbdbdb;}
.product_item figure.figure .figure-image {max-height:250px; overflow:hidden; padding:10px;}
.product_item figure.figure .figure-image img {object-fit: contain; max-height:230px;}
.product_item figure.figure figcaption {padding:0.625rem 0; border-bottom:1px solid #dbdbdb;}
.product_item figure.figure a {color:#3b3b3b;}


/*hover*/
.product_item figure.figure:hover {border-color:#fd4f00;}
.product_item figure.figure:hover figcaption {padding:0.625rem 0; border-color:#fd4f00;}

@media screen and (max-width:1199px) {
	.product_item figure.figure .figure-image img {object-fit: contain; max-height:190px;}
}


/*product-view*/
.product-view-head h3.ctn_tle {
	position:relative;
}

.product-view-head h3.ctn_tle:after {
	/* position:absolute; */
	display:block;
	margin:0 auto;
	padding-top:15px;
	text-align:center;
	content:'';
	width: 50px;
	height:0;
	border-bottom:1px solid #7e7e7e;
}


.product-view-content .product-img {margin-bottom:1rem;}

body #content .product-download-btn-wrap li {display:inline-block; margin-left:1rem;}
body #content .product-download-btn-wrap li:first-child {margin-left:0;}
body #content .product-download-btn-wrap a.btn.down {background-color:#5d5a5c; border-color:#5d5a5c; min-width:130px;}
body #content .product-download-btn-wrap a.btn.down.data .icon {
	background-image:url('/html/_skin/solar/img/sub/data_ic.gif');
	width:13px;
	height:9px;
}

.product-popup-img.row {
	justify-content: flex-start;
	-ms-justify-content: flex-start;
  align-items: flex-start;
	-ms-align-items: flex-start;
	align-self: center;
	-ms-align-self: center;
	}

.product-popup-img.row dl {
/* 	flex:0 0 33.33333%;
	max-width:33.333333%; */
	padding: 0 1%;
}

.product-popup-img.row dl dt {}
.product-popup-img.row dl .img {
	border:1px solid #d8d8d8;
	min-height:312px; 
	display: flex;
	-ms-display: flex;

	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	
	justify-content: center;
	-webkit-justify-content: center;

	align-items: center;
	-webkit-align-items: center;
}

.product-popup-img.row dl .img img {
	width:100%;
	/* max-width:380px; */
	/* max-height:312px; */
}


/*install-circuit*/
.install-circuit .product-popup-img dl {padding:0; width:100%;}

/*solution_direct*/
.subpage-solution_direct .subpage-solution_direct-bottom .txt {padding-right:0;}

@media screen and (max-width:799px) {
	.subpage-solution_direct .subpage-solution_direct-bottom .txt {padding-right:15px;}
}



/*solution_coords*/
.solution_coord-mid .orange-box {
	padding:1.75rem;
	background-color:#fd4f00;
	background-image:url('/html/_skin/solar/img/sub/all_slash_bg.png');
}

/*right-rod*/
[class*="subpage-product_rightning-"] table.table.default tr th,
[class*="subpage-product_rightning-"] table.table.default tr td {
	padding-top:0.8rem;
	padding-bottom:0.8rem;
	text-align:center;
}

.subpage-solution_righting-bottom {
	margin-left:-6px;
	margin-right:-6px;
}

.subpage-product_gemrod-top-bottom .step-list li {
	margin-top:1rem;
}

.subpage-product_gemrod-top-bottom .step-list .step .txt {
	font-weight:700;
	text-align:left;
}


/*contactus*/
.subpage-contactus .map-wrap {border:1px solid #d8d8d8; *zoom:1;}
.map-wrap:after {display:block; content:''; clear:both;}




/*rnd*/
.subpage-rnd .rnd-system-ul {justify-content: space-between; }
.subpage-rnd .rnd-system-ul li:not(:nth-child(4n+1)) {margin-left:auto;}


/*ceo*/
.subpage-ceo .ceo-greet-left .img {}

@media screen and (max-width:799px) {
	.subpage-ceo .ceo-greet-right {padding-left:15px; padding-top:2.25rem;}
}


/*main-customer*/
body #content .subpage-maincustomer .maincustomer-head .txt {
	background-image:url('/html/_skin/solar/img/sub/maincustomer-head_bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	height: 14.3rem;
	padding:2rem 2.5rem 2.5rem;
	border:1px solid #d2d2d2;
}

/*catalog*/
.subpage-catalog .catalog-list li.item {padding:1.375rem 0; margin-top:-1px; border:1px solid #d8d8d8; border-width:1px 0;}
.subpage-catalog .catalog-list li.item .figure .img img {border:1px solid #cbcbcb;}
.subpage-catalog .catalog-list li.item .figure .txt dl dd {min-height:95px;}


/*flex*/
.img-responsive {width:auto; display:inline-block;}

@media screen and (min-width:800px) {
	.img-responsive {width:100%;}
}

@media screen and (max-width:799px) {
	.m-text-center {text-align:center;}
}

.row>[class^="col-md-"], .row>[class^="col-sm-"], .row>[class^="col-xs-"] {
	float:inherit;
	width: initial;
}

.row>.col-xs-12 {
	-ms-flex: 0 0 100%;
	flex:0 0 100%;
  max-width: 100%;
}
.row>.col-xs-11 {
  -ms-flex: 0 0 91.66666667%;
	flex:0 0 91.66666667%;
  max-width: 91.66666667%;
}
.row>.col-xs-10 {
  -ms-flex: 0 0 83.33333333%;
	flex:0 0 83.33333333%;
  max-width: 83.33333333%;
}
.row>.col-xs-9 {
  -ms-flex: 0 0 75%;
	flex:0 0 75%;
  max-width: 75%;
}
.row>.col-xs-8 {
  -ms-flex: 0 0 66.66666667%;
	flex:0 0 66.66666667%;
  max-width: 66.66666667%;
}
.row>.col-xs-7 {
  -ms-flex: 0 0 58.33333333%;
	flex:0 0 58.33333333%;
  max-width: 58.33333333%;
}
.row>.col-xs-6 {
  -ms-flex: 0 0 50%;
	flex:0 0 50%;
  max-width: 50%;
}
.row>.col-xs-5 {
  -ms-flex: 0 0 41.66666667%;
	flex:0 0 41.66666667%;
  max-width: 41.66666667%;
}
.row>.col-xs-4 {
  -ms-flex: 0 0 33.33333333%;
	flex:0 0 33.33333333%;
  max-width: 33.33333333%;
}
.row>.col-xs-3 {
  -ms-flex: 0 0 25%;
	flex:0 0 25%;
  max-width: 25%;
}
.row>.col-xs-2 {
  -ms-flex: 0 0 16.66666667%;
	flex:0 0 16.66666667%;
  max-width: 16.66666667%;
}
.row>.col-xs-1 {
  -ms-flex: 0 0 8.33333333%;
	flex:0 0 8.33333333%;
  max-width: 8.33333333%;
}

@media (min-width: 800px) {
  .row>.col-sm-12 {
    -ms-flex: 0 0 100%;
		flex:0 0 100%;
		max-width: 100%;
  }
  .row>.col-sm-11 {
    -ms-flex: 0 0 91.66666667%;
		flex:0 0 91.66666667%;
		max-width: 91.66666667%;
  }
  .row>.col-sm-10 {
    -ms-flex: 0 0 83.33333333%;
		flex:0 0 83.33333333%;
		max-width: 83.33333333%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
		flex:0 0 75%;
		max-width: 75%;
  }
  .row>.col-sm-8 {
    -ms-flex: 0 0 66.66666667%;
		flex:0 0 66.66666667%;
		max-width: 66.66666667%;
  }
  .row>.col-sm-7 {
    -ms-flex: 0 0 58.33333333%;
		flex:0 0 58.33333333%;
		max-width: 58.33333333%;
  }
  .row>.col-sm-6 {
    -ms-flex: 0 0 50%;
		flex:0 0 50%;
		max-width: 50%;
  }
  .row>.col-sm-5 {
    -ms-flex: 0 0 41.66666667%;
		flex:0 0 41.66666667%;
		max-width: 41.66666667%;
  }
  .row>.col-sm-4 {
    -ms-flex: 0 0 33.33333333%;
		flex:0 0 33.33333333%;
		max-width: 33.33333333%;
  }
  .row>.col-sm-3 {
    -ms-flex: 0 0 25%;
		flex:0 0 25%;
		max-width: 25%;
  }
  .row>.col-sm-2 {
    -ms-flex: 0 0 16.66666667%;
		flex:0 0 16.66666667%;
		max-width: 16.66666667%;
  }
  .row>.col-sm-1 {
    -ms-flex: 0 0 8.33333333%;
		flex:0 0 8.33333333%;
		max-width: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .row>.col-md-12 {
    -ms-flex: 0 0 100%;
		flex:0 0 100%;
		max-width: 100%;
  }
  .row>.col-md-11 {
    -ms-flex: 0 0 91.66666667%;
		flex:0 0 91.66666667%;
		max-width: 91.66666667%;
  }
  .row>.col-md-10 {
    -ms-flex: 0 0 83.33333333%;
		flex:0 0 83.33333333%;
		max-width: 83.33333333%;
  }
  .row>.col-md-9 {
    -ms-flex: 0 0 75%;
		flex:0 0 75%;
		max-width: 75%;
  }
  .row>.col-md-8 {
    -ms-flex: 0 0 66.66666667%;
		flex:0 0 66.66666667%;
		max-width: 66.66666667%;
  }
  .row>.col-md-7 {
    -ms-flex: 0 0 58.33333333%;
		flex:0 0 58.33333333%;
		max-width: 58.33333333%;
  }
  .row>.col-md-6 {
    -ms-flex: 0 0 50%;
		flex:0 0 50%;
		max-width: 50%;
  }
  .row>.col-md-5 {
    -ms-flex: 0 0 41.66666667%;
		flex:0 0 41.66666667%;
		max-width: 41.66666667%;
  }
  .row>.col-md-4 {
    -ms-flex: 0 0 33.33333333%;
		flex:0 0 33.33333333%;
		max-width: 33.33333333%;
  }
  .row>.col-md-3 {
    -ms-flex: 0 0 25%;
		flex:0 0 25%;
		max-width: 25%;
  }
  .row>.col-md-2 {
    -ms-flex: 0 0 16.66666667%;
		flex:0 0 16.66666667%;
		max-width: 16.66666667%;
  }
  .row>.col-md-1 {
    -ms-flex: 0 0 8.33333333%;
		flex:0 0 8.33333333%;
		max-width: 8.33333333%;
  }
}


/* ------------------------------ */
/* Masonry */
section.content div.masonry{
  margin-bottom: 20px;
  border-radius: 5px;
  clear: both;
}
section.content div.masonry div.masonry_item{
	margin-bottom: 10px;
	padding-right: 0;
}



/* Modal */
.windowModal[style] {
    padding-right:0 !important;
 }
.windowModal.modal-open {
    overflow: auto;
 }
#content .modal.fade .modal-dialog{
  top:50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#content .modal.fade .modal-dialog .modal-content .modal-body{
  padding:0;
}

#content .modal-backdrop.in {
    filter: alpha(opacity=7);
    opacity: 0.7;
}
#content .modal.fade .modal-dialog .modal-content {
    background: none;
    border: 0;
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}
#content .modal.fade .modal-dialog .modal-body {
    padding: 0 25px 25px 25px;
}
#content .modal.fade .modal-dialog button.close{
    float: none;
    margin: 0;
    font-size: 36px;
    color: #fff;
    font-weight: 300;
    text-shadow: none;
    opacity: 1;
}
body #content select.dtr_select::-ms-expand {
  display: none;
}
body #content select.dtr_select{
    width: 200px;
    padding: 10px 15px;
    font-family: inherit;
    background: url('/html/_skin/solar/img/select_img.jpg') no-repeat 95% 50%;
    border: 1px solid #999;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}





/************************************/
/*Media Query*/
/************************************/

@media only screen and (max-width: 995px) {
/*   ul.nav.navbar-nav>li>a {
    padding: 0 10px;
    font-size: 16px;
  } */


}
@media only screen and (max-width: 930px) {

}

@media only screen and (min-width: 1101px) and (max-width:1199px) {
	header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li {min-width:120px;}
}


@media only screen and (min-width: 1101px) {
  nav.lang_menu{float:left;}
  nav.home_menu{float:right;}
  div.nav_wrap.top div.container{padding-left:30px;padding-right: 30px;}
  body #content .navbar-nav {
    float: right;
    margin: 0;
  }
   header div.nav_wrap.gnb.focus>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>a:focus{
		color: #160a8b;
   }
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a{
  color: #fff;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
  }
	header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a:after {
		background-color:#fff;
	}
	header div.nav_wrap.gnb.fixed>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a,
	header div.nav_wrap.gnb.focus>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a {color:#160a8b;}

	header div.nav_wrap.gnb.fixed>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a::after,
	header div.nav_wrap.gnb.focus>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a::after {background-color:#160a8b;}
  
	header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>ul>li>a:hover,
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>ul>li.active>a {
    background-color: #160a8b;
    color: #fff;
    text-decoration: none;
  }
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>ul {
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    background-color: #fff;
  }
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li:hover>ul {
    display: block !important;
  }
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>a:after {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 0;
    height: 2px;
    margin: auto;
    background-color: #160a8b;
    content: '';
    -webkit-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
  }
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a:after,
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li:hover>a:after {
    width: 60%;
  }
  section.content table.common_table.fixed{table-layout: fixed;}
}

@media only screen and (max-width:1100px) {
  #content .slick-next{right:0;}
  #content .slick-prev{left:0;}
  div.top_btn {
    right: 2.8rem;
    bottom: 2.8rem;
  }
  nav.nav.home_menu{display: none;}

  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li{
    width:auto;
		background-color:#fff;
  }

  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>a{text-align: left;}
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a,
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a:focus{background-color: #3f3f40;color: #fff;}
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a + ul{background-color: #ededed;}

  header div.nav_wrap.gnb>div.container>nav.navbar>.nav-header{
    height: 100%;
  }
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar{
    display: block;
    padding: 0;
    border-color: #dedede;
  }
  header div.nav_wrap.gnb .navbar-toggle {
    position: relative;
    display: inline-block;
    z-index: 9999;
    width: 30px;
    height: 20px;
    margin: 25px 15px 0 0;
    padding: 0;
    border: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    border-radius: 0;
  }
  header div.nav_wrap.gnb .navbar-toggle:hover, header div.nav_wrap.gnb .navbar-toggle:focus {
    background-color: transparent;
  }
  header div.nav_wrap.gnb .navbar-toggle span:not(.sr-only) {
    position: absolute;
    height: 5px;
    width: 100%;
    background: #d3531a;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  header div.nav_wrap.gnb .navbar-toggle.open {
    display: block;
  }
  header div.nav_wrap.gnb .navbar-toggle.collapsed span{
	height:3px; background:#fff; transition:.3s;
  }
	header div.nav_wrap.gnb.fixed .navbar-toggle.collapsed span{
	background:#000;
  }
  header div.nav_wrap.gnb .navbar-toggle.collapsed span:nth-of-type(2) {
    top:50%; margin-top:-2px; width:100%;
  }
  header div.nav_wrap.gnb .navbar-toggle.collapsed span:nth-of-type(3) {
    top:0; width:100%;
  }
  header div.nav_wrap.gnb .navbar-toggle.collapsed span:nth-of-type(4) {
   bottom:0; width:100%;
  }
	header div.nav_wrap.gnb .navbar-toggle:not(.collapsed) span{
		background:#fff;
	}
	header div.nav_wrap.gnb.fixed .navbar-toggle:not(.collapsed) span{
		background:#000;
	}
  header div.nav_wrap.gnb .navbar-toggle:not(.collapsed) span:nth-child(2) {
    opacity:0;
  }
  header div.nav_wrap.gnb .navbar-toggle:not(.collapsed) span:nth-child(3) {
   height:3px; transform:translateY(0px) rotate(-45deg);
  }
  header div.nav_wrap.gnb .navbar-toggle:not(.collapsed) span:nth-child(4) {
    height:3px; transform:translateY(0px) rotate(45deg);
  }
  header .nav_wrap.gnb ul.nav.navbar-nav {
    margin: 0;
  }
  ul.nav.navbar-nav>li>a {
    padding: 0;
  }
  header .nav_wrap.top ul.nav.flag {
    margin: 0;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    background-color: #F7941E;
    text-align: center;
  }
  header div.nav_wrap.top .container {
    padding: 0;
  }
  header .nav_wrap.top ul.nav.flag>li {
    display: inline-block;
    vertical-align: middle;
  }
  header .nav_wrap.top ul.nav.flag>li>a {
    display: block;
    font-size: 12px;
    line-height: 1;
    padding: 10px 5px;
  }
  header div.nav_wrap.gnb ul.nav.navbar-nav>li>ul {
    display: none;
    position: relative;
  }
  /* body .slick:not(.subpage) .slick_txt.text-center {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
  body .slick_txt.text-center h1 {
    font-size: 24px;
  }
  body .slick_txt.text-center h2 {
    font-size: 20px;
  } */
  div.slick .slick_col {
    background-position: center center;
    height: 500px;
  }
  header div.nav_wrap.gnb div.navbar-header>.navbar-toggle .icon-bar+.icon-bar {
    margin: 0;
  }
  header nav.navbar, header div.nav_wrap.gnb div.navbar-header {
    height: 70px;
  }
	header div.nav_wrap.gnb.fixed div.navbar-header {background-color:#fff;}
  header div.nav_wrap.gnb div.navbar-header>.navbar-brand {
    padding: 0 0 0 15px;
    height:50px;
    line-height: 50px;
  }
  header div.nav_wrap.gnb div.navbar-header>.navbar-brand img {
    display: inline-block;
    width: 80%;
    vertical-align: middle;
		padding-top:18px;
  }



	header div.nav_wrap.gnb .navbar-inverse .navbar-collapse {
		position:fixed;
		top:auto;
		right:0;
		width:60%;
		height:100vh !important;
		background-color:rgba(255,255,255,0.5);;
		z-index:100;

		-webkit-transition: all 0.3s;
		transition: all 0.3s;

		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		border-color:#ddd;

		overflow-y:unset;
	}

	header div.nav_wrap.gnb .navbar-inverse .navbar-collapse.in{
		padding: 0;

		-webkit-transition: all 0.3s;
		transition: all 0.3s;

		-webkit-transform: translateX(0);
		transform: translateX(0);
	}








  /* Nav list Item */
  .nav_wrap.gnb .container {
    padding: 0;
  }

  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>a{
    padding: 15px 10px;
    font-size: 15px;
    line-height: 1.3;
    border-bottom: 1px solid #ececec;
    text-shadow: none;
		color:#160a8b;
  }
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li:not(.active)>a:hover{
    color: #373737;
  }
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li.active>a{
    color: #fff;
    background-image: none;
    box-shadow: none;
  }
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>ul>li>a{
    font-size: 13px;
    text-align: left;
    padding: 15px 10px;
    border-bottom: 1px solid #d1d1d1;
  }
	header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>ul>li>a:hover {background-color:rgba(22, 10, 139, 1);}
  header div.nav_wrap.gnb>div.container>nav.navbar>#navbar>ul.nav.navbar-nav>li>ul>li:last-child>a{
    border-bottom: 0;
  }
  body #content section.news_section div.news{width: 100%;margin: 0 0 20px;}
  section.sub_navigation nav.sub_nav ul>li>a{font-size: 15px;}
  section.content div.mosaic_wrap dl dt,
  section.content div.mosaic_wrap dl dd{
    font-size: 24px;
  }
  section.content div.mosaic_wrap dl dt{width:150px;}
  section.content div.mosaic_wrap dl dd{width:calc(100% - 150px);}

}

@media screen and (max-width:799px) {
	/* article [class*="col-"] {margin:2.25rem 0;} */
}