@charset "utf-8";
/*
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(Common.css);


* {
    margin: 0;
    padding: 0;
}

body {
	margin:0px;
	padding:0px;

	font-weight: normal;
	font-size: 15px;
    font-family:'Noto Sans KR','Malgun Gothic', 'Nanum Gothic','Open Sans',sans-serif;
    letter-spacing:0;
}


h1, h2, h3, h4, h5 {margin:10px 0px;font-weight:500;letter-spacing:0px;line-height:1.5em}
h1 {font-size:30px}
h2 {font-size:26px}
h3 {font-size:22px}
h4 {font-size:20px}
h5 {font-size:18px}


.contents-fluid {
	width:100%;
	max-width:100%;
	padding:0px;
	margin:0 auto;
	box-sizing:border-box;
}


.contents-inner {
	width:1250px;
	max-width:1250px;
	padding:0px 40px;
	margin:0 auto;
	box-sizing:border-box;
	background:transparent;
	border:0px solid red;
	overflow:hidden;
}

.contents-inner > .left-section {
	width:840px;
	float:left;
	overflow:hidden;
	padding-bottom:100px;
	border:0px solid red;
}

.contents-inner > .right-submenu {
	width:240px;
	float:right;
	overflow:hidden;	
	border:0px solid red;

}


.contents-inner > .left-section .left-img {
	float:left;
	overflow:hidden;
	margin-right:20px;
}

.contents-inner > .left-section .right-img {
	float:right;
	overflow:hidden;
	margin-left:20px;

}

.minion-title-blue {
	font-size:30px;
	color:#0066cc;
	font-family:NanumMyeongjo;
	letter-spacing:0;
	font-style:italic;
	font-weight:500;
	padding-bottom:15px;
}

.minion-subtitle-black {
	font-size:24px;
	color:#000;
	font-family:NanumMyeongjo;
	letter-spacing:0;
	font-style:italic;
	font-weight:500;
	padding-bottom:15px;

}


.gm-message .minion{
	font-size:30px;
	font-family:NanumMyeongjo;
	letter-spacing:0;
	font-style:italic;
	font-weight:500;
}


#navbar { position:relative; height:133px;border-bottom:1px solid #cdcdcd;width:100%; }
#navbar .nav-submenu { list-style-type:none;margin-top:25px;}
#navbar .nav-submenu > li { font-size:15px;font-weight:300; display:inline-block; padding:0px 8px;}
#navbar .nav-submenu > li:first-child { padding-left:0px; }
#navbar .nav-submenu > li a { color:#000 !important; text-decoration:none}
#navbar .nav-submenu > li a:hover { color:#0078c1 !important; text-decoration:none}
#navbar .nav-submenu > li.active a {color: #0078c1 !important;}

#navbar .nav-mainmenu { list-style-type:none;margin-top:5px;padding:0px;border:0px solid red; }
#navbar .nav-mainmenu > li { font-size:18px;display:inline-block; padding:20px 18px 34px;border:0px solid red;margin-right:-5px}
#navbar .nav-mainmenu > li:first-child { padding-left:0px; }
#navbar .nav-mainmenu > li a { color:#000 !important; text-decoration:none}
#navbar .nav-mainmenu > li a:hover { color:#0078c1 !important; text-decoration:none}
#navbar .nav-mainmenu > li.active a {color: #0078c1 !important;}

#navbar .main-right {
	overflow: hidden;
	float:right;
}

#navbar .logo-wrap {
	overflow: hidden;
	text-align:right;
	margin-top:20px;
}


#navbar .search-box {
	overflow: hidden;
	border: 1px solid #ccc;
	width: 152px;
	height: 26px;
	margin-top:20px;
}

#navbar .search-box input[type='text'] {
	width:130px;padding-left:5px;border:none;
}


#navbar .search-box input[type='text']:focus {
	outline:none;
}

#navbar .hambuger { display:none; }

#navbar .brand-name { display:none; }


#desktopMenu {
	position:absolute;
	width:1250px;
	height:auto;
	z-index:9990;
	background:#323232;
	margin:0 auto;
	left:0;
	right:0;
	display:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.95;
}

#menuAbout, #menuRnd, #menuProdjct, #menuRes, #menuNews, #menuCareer {
	
}
#desktopMenu .left {
	display:inline-block;
	border:0px solid red;
	width:100%;
	padding:25px 0px 60px 40px;
	box-sizing:border-box;
}

#desktopMenu .left .title-info {
	font-size:18px;
	color:#fff;
}

#desktopMenu .left .title-info a{
	font-size:18px;
	color:#fff;
}

#desktopMenu .left .title-info a:hover{
	color:#ffc600;
}

#desktopMenu .left ul.menu-top {
	list-style-type:none;
	margin-bottom:10px;
	
}

#desktopMenu .left ul.menu-top li{
	margin-right:26px;
	display:inline-block;
}

#desktopMenu .left ul.menu-top li a{
	font-size:17px;
	color:#fff;
}

#desktopMenu .left ul.menu-top li a:hover{
	color:#ffc600;
}


#desktopMenu .left .menu-item {
	font-size:15px;
	color:#fff;
}

#desktopMenu .left .category-wrap {
	font-size:15px;
	color:#fff;
	margin-top:20px;
	
}

#desktopMenu .left .category-wrap .category-title {
	width:125px;
	float:left;
	overflow:hidden;
}

#desktopMenu .left .category-wrap .category-title a {
	color:#fff;
}

/* 제품메뉴 */
#desktopMenu .left .category-wrap .category-items-wrap {
	width:660px;
	padding-left:20px;
	float:left;
	overflow:hidden;
	border-left:1px solid #a1a1a1;
	
}

#desktopMenu .category-items-wrap ul.category-items {
	list-style-type:none;
	margin:0px;
}

#desktopMenu .category-items-wrap ul.category-items li {
	display:inline-block;
	padding:0 10px;
}


#desktopMenu .category-items-wrap ul.category-items li a{
	font-size:15px;
	color:#fff;
	font-weight:300;
}

#desktopMenu .category-items-wrap ul.category-items li a:hover{
	color:#ffc600;
}


/* 일반메뉴 */
#desktopMenu .left .category-wrap .menu-items-wrap {
	width:750px;
	padding-left:0px;
	float:left;
	overflow:hidden;
	
}


#desktopMenu .menu-items-wrap ul.menu-items {
	list-style-type:none;
}



#desktopMenu .menu-items-wrap ul.menu-items li {
	display:inline-block;
	margin-right:25px;
	
}


#desktopMenu .menu-items-wrap ul.menu-items li a{
	font-size:15px;
	color:#fff;
	font-weight:300;
}

#desktopMenu .menu-items-wrap ul.menu-items li a:hover{
	color:#ffc600;
}



#desktopMenu  hr.line {
	height:1px;
	border-top:1px solid #5b5b5b;
	margin:13px 20px 13px 0px;
}


#desktopMenu .right {
	position:absolute;
	border:0px solid red;
	width:244px;
	right:14px;
	top:14px;
}

#desktopMenu .right img {
	margin-bottom:12px;
}


#owlHiro {
	height:495px;
}


#owlHiro .owl-item {
	border:0px solid red;
	height:495px;
}

#owlHiro .owl-item .item {
	border:0px solid red;
	height:495px;
	box-sizing:border-box;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}


#owlHiro .owl-dots {
	position:absolute;
	left:0;right:0;
	margin:0 auto;
	bottom:60px;
	margin-left:-1015px;
}


#owlHiro .owl-dots .owl-dot span {
	background:#fff;
	width:14px;
	height:14px;
}

#owlHiro .owl-dots .active span {
	background:#0066cc !important;
}

#owlHiro .owl-dots .active:nth-child(1) span {
	margin-right:90px;
}

#owlHiro .owl-dots .active:nth-child(2) span {
	margin-right:90px;
}

#owlHiro .owl-dots .active:nth-child(3) span {
	margin-right:90px;
}

#owlHiro .owl-dots .active span:after {
	line-height:13px;
	font-size:15px;
	width:10px !important;
	position:absolute;
	border:0px solid red;
}

#owlHiro .owl-dots .active:nth-child(1) span:after {
	content:" Purpose";
	margin-left:18px;
}

#owlHiro .owl-dots .active:nth-child(2) span:after {
	content:" Innovation";
	margin-left:18px;
}

#owlHiro .owl-dots .active:nth-child(3) span:after {
	content:" Value";
	margin-left:18px;
}

#main-inside {
	border:0px solid red;
	height:auto;
	box-sizing:border-box;
	margin-top:15px;
	margin-bottom:20px;	
}

#main-inside .page-title {
	color:#939393;
	font-style:italic;
}

#mainImageMobile {
	display:none;
}

/*
#main-inside .items-wrap  {
	width:100%;
	overflow:hidden;
	position:relative;
	
}

#main-inside .items-wrap .item  {
	border:0px solid red;
	width:274px;
	overflow:hidden;
	float:left;
	margin-left:24px;
	height:300px;
}

#main-inside .items-wrap .item:first-child  {
	margin-left:0px;
}

#main-inside .items-wrap .item .img-wrap {
    width: 100%;
    height: 162px;
    margin: 0;
    overflow: hidden;
    background:#efefef;
}
*/
#main-inside .items-wrap .item .img-wrap img {
	width: 100%;
    height: auto;
}

#main-inside .items-wrap .item p.title {
    font-size:17px !important;
	font-weight:350;
	color:#636363;
	padding:20px 0px 10px;
}

#main-inside .items-wrap .item p.contents {
    font-size:15px !important;
	font-weight:300;
	color:#636363;
	padding:0px 0px;
}

footer {
	background:#f2f2f2;
	padding-top:30px;
	padding-bottom:40px;
	margin-top:30px;
	overflow:hidden;
	box-sizing:border-box;
}

footer .links-wrap {
	width:65%;
	float:left;
	

}

footer .links-wrap ul li {
	display:inline-block;
	margin-right:25px;
	
}

footer .links-wrap ul li a{
	color:#848484;
	font-weight:300;
	font-size:15px;
	
}

footer .links-wrap p {
	font-size:12px;
	color:#bababa;
	margin-top:20px;
	letter-spacing:0;
}

footer .sns-wrap {
	width:35%;
	float:right;
	overflow:hidden;
	border:0px solid red;
	text-align:right;
}

footer .sns-wrap span {
	font-size:12px;
	color:#666;
	padding-right:7px;
}

footer .sns-wrap ul li {
	display:inline-block;
	margin-right:5px;
	
}

footer .sns-wrap ul li a{
	color:#666;
	font-weight:300;
	font-size:18px;
	
}

footer .sns-wrap p {
	font-size:12px;
	color:#bababa;
	margin-top:20px;
	letter-spacing:0;
}


/*GNB*/
.bread ul li {
	display:inline-block;
	font-size:15px;
	color:#878787;
	font-weight:300;
	margin-top:33px;
}

.bread ul li:after {
	padding:0 8px;
	content: ">";
}

.bread ul li:last-child:after {
	padding:0px;
	content: " " !important;
}


/*제품검색*/
ul.nav-category {
	border-top:5px solid #1269cd;
	border-left:1px solid #dbdcdf;
	border-right:1px solid #dbdcdf;
	border-bottom:1px solid #dbdcdf;
	overflow:hidden;
	list-style:none;
	margin-bottom:20px;
}
/*
ul.nav-category li:last-child {
	border-right:0px solid #dbdcdf;
}
*/

ul.nav-category > li {
	float:left;
	font-size:15px;
	color:#0078c1;
	font-weight:300;
	margin-top:33px;
	width:14.285%;
	border-right:1px solid #dbdcdf;
	height:120px;
	padding:0px;
	margin:0;
	
	text-align:center;
}

ul.nav-alpha {
	list-style:none;
}



ul.nav-alpha:first-child {
	list-style:none;
}
	
ul.nav-alpha > li {
	float:left;
	font-size:15px;
	color:#0078c1;
	font-weight:400;
	margin-top:10px;
	margin-right:3px;
	width:29px;
	height:28px;
	border:1px solid #dbdcdf;
	padding:0px;
	text-align:center;
	overflow:hidden;
	line-height:26px;
	box-sizing:border-box;
}

ul.nav-alpha > li:last-child {
	margin-right:0px;
}

ul.nav-alpha > li.active {
	margin-right:0px;
	background:#0066cc;
}

ul.nav-alpha > li.active a {
	color:white;
}


ul.nav-alpha > li.nocount a {
	color:#ccc;
}

.search-header {
	font-size:16px;
	color:#1e1e1e;
	margin-top:40px;
	padding:10px 10px;
	line-height:1.5em;
	background:#fafafa;
	border-top:#e0e1e4 1px solid;
	border-bottom:#e0e1e4 1px solid;
	font-weight:400;
}

.search-col-1 {
	width:185px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;

}

.search-col-2 {
	width:491px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;

}

.search-col-3 {
	width:130px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;


}

.search-row  {
	text-align:center;
	border-bottom:1px solid #dfdfdf;
	padding:15px 0px;
}

.search-row:last-child  {
	
	border-bottom:none;
	padding-bottom:150px;
}

.search-row .thumb {
	width:184px;
	height:112px;
	text-align:center;
	background-color:#efefef;
	border:1px solid #dfdfdf;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;

}

.search-row .search-title {
	line-height:112px;
	text-align:left;
	padding:0 10px;
	text-overflow:ellipsis;white-space:nowrap;
	overflow:hidden;
}

.search-wrap-pc {
	
}

.search-wrap-mobile {
	display:none;
}


/* 제품정보 */
.thumb-wrap {
	width:648px;
	position:relative;
}

/*
.thumb-wrap img {
	border:1px solid #ddd;
}
	*/
.product-title {
	font-size:35px;
	color:#000;
	font-weight:500;
	margin:40px 0px ;
	padding:0px;
}

.product-sub-title{
	font-size:20px;
	color:#000;
	font-weight:500;
}

.product-image-wrap {
	position:relative;
}

.product-image-wrap .thumb {
	width:650px;
	height:auto;
	border:1px solid #dfdfdf;
	float:left;
	overflow:auto;
}

.product-image-wrap .thumb img{
	width:100%;
}

.product-image-wrap ul.thumb-list  {	
	width:650px;
	overflow:hidden;
	margin-top:20px;	
	border:0px solid red;
	list-style-type:none;
}

.product-image-wrap ul.thumb-list li {
	width:120px;
	height:85px;
	overflow:hidden;
	float:left;
	border:1px solid #ddd;
	margin-right:10px;
	margin-bottom:10px;
}

.product-image-wrap .thumb-list ul li.hover {
	border:1px solid #0078c1;
	cursor:pointer;
}

.product-image-wrap .thumb-list ul li:last-child {
	margin-right:0px;
}

.product-image-wrap .thumb-list ul li img{
	width:120px;
	height:85px;
}

.product-image-wrap .buttons {
	width:190px;
	overflow:hidden;
	/*padding-top:320px;*/
	text-align:right;
	display:table-cell;
	height:448px;
	border:0px solid red;
	vertical-align:bottom;
}

.product-image-wrap .buttons a{
	margin-top:10px;	
}

.product-image-wrap .buttons p{
	font-size:13px;
	color:#1e1e1e;
	margin-top:10px;
	line-height:1.5em;
}

.product-header {
	font-size:20px;
	color:#1e1e1e;
	margin:50px 0px;
	padding:15px 10px;
	line-height:1.5em;
	background:#fafafa;
	border-top:#e0e1e4 1px solid;
	border-bottom:#e0e1e4 1px solid;
	font-weight:500;
}

.product-desc {
	padding:0 10px;
	padding-bottom:50px;

}

.product-desc p {

	font-size: 16px;
	color: #1e1e1e;
	line-height: 28px;
	letter-spacing: 0px;
	font-weight: 300;

}

.product-desc b {
	font-weight:500;
}

.btn-golist {
	text-align:right;
}

.btn-mobile-golist {
	display:none;
}


/* 서브메뉴 */
.submenu-wrap .sns-share {
	padding:20px 0px 0px 0px;
}

.submenu-wrap .sns-share > .text {
	font-size:12px;
}

.submenu-wrap .sns-share > .icons {
}
.submenu-wrap ul.sns-list {
	list-style-type:none;
}

.submenu-wrap ul.sns-list li  {
	display:inline-block;
	font-size:14px;
	padding:3px;
}

.submenu-wrap ul.sns-list li i {
	font-size:20px;
}

.submenu-wrap nav {
	padding-left:20px;
}		

.submenu-wrap nav > ul {
	list-style-type:none;
}

.submenu-wrap h2 {
	font-size:20px;
	color:#000;
}

.submenu-wrap li  {
	padding:4px 0px;
	font-size:15px;
}

.submenu-wrap nav ul.product {
	list-style-type:square !important;
	list-style:square !important;

}

.submenu-wrap nav ul.product > li {
	list-style-type:square !important;
	list-style:square !important;
	font-size:14px;
	font-weight:300;
	color:#1366cc;
	margin-left:22px;
	padding-left:0px;
}

.submenu-wrap a {
	color:#1366cc;
}

.submenu-line {
	background:url('/Images/submenu-line.png') no-repeat -10px center;
	height:11px;
}


/*서브히어로*/
#sub-hiro {
	border:0px solid red;
	height:258px;
	background-color:#eaeaea;
	box-sizing:border-box;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;

}

#sub-hiro[class='about'] {
	background-image:url('/Content/about/overview-hiro.jpg') !important;
}

#sub-hiro[class='product'] {
	background-image:url('/Content/product/product-hiro.png') !important;
}

#sub-hiro[class='rnd'] {
	background-image:url('/Content/rnd/rnd-hiro.png') !important;
}

#sub-hiro[class='res'] {
	background-image:url('/Content/res/res_hiro.jpg') !important;
}

#sub-hiro[class='news'] {
	background-image:url('/Content/news/news-hiro.png') !important;
}

#sub-hiro[class='career'] {
	background-image:url('/Content/career/career-hiro.png') !important;
}

#sub-hiro .page-title {
	color:#000;
	font-size:36px;
	font-weight:400;
	margin:0;
	padding-top:35px;
	padding-bottom:20px;
}

#sub-hiro .page-desc {
	color:#000;
	font-size:20px;
	font-weight:300;
	margin:0;
	width:360px;
	word-break:keep-all;
}

#sub-inside {
	border:0px solid red;
	box-sizing:border-box;
	margin-top:40px;
}

#sub-inside .items-wrap  {
	
}

#sub-inside .items-wrap .item  {
	margin-bottom:30px;
}
/*
#sub-inside .items-wrap .item:nth-child(3n+2)  {
	margin:0px 30px;
	border:0px solid red;
}

#sub-inside .items-wrap .item:last-child  {
	margin-right:0px;
}
*/

#sub-inside .items-wrap .item .img-wrap {
	/*
    width: 100%;
    height: 190px;
    margin: 0;
    overflow: hidden;
    background:#efefef;
	*/
}

#sub-inside .items-wrap .item .img-wrap img {
	width: 100%;
	/*
    height: 100%;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	*/
}

#sub-inside .items-wrap .item p.title {
    font-size:20px !important;
	font-weight:400;
	color:#636363;
	padding:20px 0px;
}

#sub-inside .items-wrap .item .contents {
    font-size:15px !important;
	font-weight:300;
	color:#636363;
	padding:20px 0px;
	/*min-height:105px;*/
	min-height:80px;
	box-sizing:border-box;
}

#sub-inside a.read-more  {
    font-size:16px !important;
	font-weight:400;
	color:#006cd0;
}

#sub-inside  i.tag  {
    width:17px !important;
	height:17px;
	content:"\00a0";
	padding-right:20px;
	background:url('/Images/icon-tag.png') no-repeat center center;
}

p.headline {
	font-size:20px;
	font-weight:400;
	padding:5px 0px 30px 0px;
	letter-spacing:0px;
	
}

p.headline2 {
	font-size:18px;
	font-weight:400;
	padding:5px 0px 30px 0px;
	letter-spacing:0px;
	
}

.blue-summary {
	color:#0066cc;
	font-weight:500;
}

p.desc, div.desc {
	font-size:16px;
	color:#1e1e1e;
	line-height:28px;
	letter-spacing:0px;
	font-weight:300;
}

ul.list-contents li {
	margin-left:25px;
	list-style-image:url(/Images/dot.png) ; 
	font-size:16px;
	color:#1e1e1e;
	line-height:28px;
	letter-spacing:0px;
	font-weight:300;

}

.gm-message {
	position:relative;
	width:100%;
	margin-top:70px;
}

.gm-message .left{
	width:530px;
	display:inline-block;
	border:0px solid red;
	height:192px;
	vertical-align:top;
	position:relative;
	margin-right:5px;
}

.gm-message .left .name {
	 position:absolute;
	 bottom:0;
	 right:0;
}

.gm-message .right{
	display:inline-block;
	width:292px;
	border:0px solid red;
	height:192px;
	vertical-align:top;
}

.gm-message .minion{
	font-size:30px;
	font-family:NanumMyeongjo;
	letter-spacing:0;
	font-style:italic;
	font-weight:500;
}

.gm-message-mobile
{
	display:none;
}

/*연혁*/
ul.history {
    margin-top:-15px;
}
ul.history li {
	height:auto;
	min-height:45px;
	padding:8px 0 10px;
	font-size:16px;
	color:#1e1e1e;
	line-height:28px;
	letter-spacing:0px;
	font-weight:300;
	border-bottom:1px solid #dfdfdf;
	list-style-type:none  !important;
}

ul.history .hdate {
	width:100px;
	font-weight:500;
	display:inline-block;
	vertical-align:top;
}
ul.history .hdetail {
	width:600px;
	margin-left:20px;
	display:inline-block;
}

/*허가사항*/
.permission-list {

}

.permission-row {
}

.permission-row b {
	font-weight:500;
}

.permission-row hr.list {
	border-bottom:1px solid #e7e7e7;
	margin:25px 0px;
}

.permission-row hr.detail {
	border-top:1px solid #e7e7e7;
	height:1px;
	margin:8px 0px 20px 0px;
}


.permission-row p {
	font-size:16px;
}

.permission-row p.date {
	font-weight:100;
	padding-bottom:10px;
	color:#898989;
}

.permission-row p.date:before {
	content:'\f3b3';
	padding-right:10px;
	font-family:Ionicons;
}

.permission-row p.title {
	font-weight:500;
	padding-bottom:10px;
}

.permission-row p.contents {
	font-weight:300;
	padding-bottom:10px;

}

.permission-row a {
	color:#1e1e1e;	
}

.permission-row a.more {
	font-weight:100;
	color:#06c !important;
}

.permission-row a.more:before {
	content:'\f3d3';
	padding-left:10px;
	padding-right:10px;
	font-family:Ionicons;
}


.goproduct-wrap {
	margin-top:20px;
}

.golist-wrap {
	margin-top:40px;
	text-align:right;
}

.permission-row a.goproduct {
	font-weight:400;
	letter-spacing:0;
	color:#006cd0 !important;
}


ul.safety-contents li {
	margin-left:25px;
	list-style-type:disc  !important;
	list-style:disc !important;
	padding-bottom:15px;

}


.permission-row .press-contents {
	line-height:1.8em !important;
	
}

.permission-row .press-contents [style^='font-weight:bold'] {
	font-weight:500 !important;
	
}

.permission-row .press-contents th {
	font-weight:500 !important;
	
}

.permission-row .press-contents b {
	font-weight:500 !important;
	
}

.permission-row .press-contents table {
	border-spacing: 1px;
	border-collapse: collapse;
	border-style:solid;
	border:0px solid red;
}

.map-guide {
	text-align:right;
	font-weight:300;
}

.addr-table {
	width:540px;padding-right:40px
}

.addr-left {
	width:580px;
	float:left;
	padding-right:40px
}

.addr-right {
	float:right;
}

.addr2-left {
	width:280px;
	float:left;
	padding-right:40px
}

.addr2-right {
	float:right;
}

.addr-table2 {
	width:550px;
}

.sitemap-left
{
	width:226px;
	float:left;
	overflow:hidden;
	border:0px solid red;
	margin-right:80px;
}

.sitemap-left:last-child
{
	margin-right:0px;
}


.sitemap-category {
	background:#0066cc;
	width:100%;
	text-align:center;
	font-size:18px;
	color:#fff;
	padding:5px 0px;
	font-weight:400;
}

.sitemap-left nav {
	min-height:230px;
	overflow:hidden;
	padding:20px;
}

ul.sitemap-menu {
	background:#fff;
	width:100%;
	text-align:left;
	font-size:14px;
	color:#1e1e1e;
	list-style-type:none;
}

ul.sitemap-menu li a {
	color:#1e1e1e;
	font-weight:300;
	line-height:25px;

}


ul.sitemap-menu li.bold  {
	padding-top:5px;
	padding-bottom:5px;

}


ul.sitemap-menu li.bold a {
	font-weight:400;
}

ul.sitemap-product {
	background:#f6f6f6;
	margin-left:-20px;
	width:226px;
	padding:10px 30px;
	font-size:14px;
	color:#1e1e1e;
	list-style-type:none;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:7px;
}

.inquiry-wrap p {
	font-size:16px;
	color:#1e1e1e;
	line-height:28px;
	letter-spacing:0px;
	font-weight:300;
}

.inquiry-wrap td {
	padding:10px 25px !important;
	font-weight:300;
}

.inquiry-wrap ul.list-contents li {
	font-size:14px;
}

.inquiry-wrap .agree {
	padding-top:20px;
	padding-bottom:30px;
}

.inquiry-wrap .forms {
	
	border:1px solid #e1e1e1;
	padding:45px;
	font-size:14px;
	color:#1e1e1e;
	font-weight:300;
}

.inquiry-wrap button {
	width:190px;
	height:45px;
	border-radius:0px !important;
	margin-top:30px;
}

.inquiry-wrap .form-guide {
	font-size:16px;
	color:#1e1e1e;
	line-height:28px;
	letter-spacing:0px;
	font-weight:300;
	padding:30px 0px 50px 0px;
}

.inquiry-bottom-msg {
	border:1px solid #e1e1e1;
	padding:30px;
	font-size:16px;
	color:#1e1e1e;
	line-height:28px;
	letter-spacing:0px;
	font-weight:300;
	margin-bottom:30px;
}

/*간격조정*/
ul.mUdistance {
		margin-top:-15px;
		margin-bottom:-15px;
}

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

	.contents-inner {
		width:100%;
		max-width:100%;
		padding:0px;
		margin:0px;
		overflow-x:hidden;
	}


	/* navbar */
	#navbar {position:fixed;height:57px;top: 0px !important;overflow:hidden;background:#fff;z-index:1000000 }
	#navbar .logo-wrap{margin:10px;padding:5px}
	#navbar .logo{margin:0px;padding:0px}
	#navbar .logo-wrap img{width:55px;height:auto !important}
	#navbar .hambuger{ border:0px solid red; display:inline; color:#0066cc; float:left;overflow:hidden;margin:8px 10px;font-size:38px;line-height:38px;z-index:999999;cursor:pointer;}
	#navbar .gnb-wrap{width:100%;margin:0 auto;padding:0px}
	#navbar .search-box {
		display:none;
	}
	
	#navbar .nav-submenu {
		display:none;
	}

	#navbar .nav-mainmenu {
		display:none;
	}

	#navbar .brand-name {
		font-size:20px;
		font-weight:400;
		display:inline-block;
		text-align:center;
		vertical-align:middle;
		position:absolute;
		width:50%;
		border:0px solid red;
		left:0;
		right:0;
		margin:0 auto;
		overflow:hidden;
		box-sizing:border-box;
		line-height:56px;
		z-index:1000;
	}

	
	#main-hiro {
		/*
		border:0px solid red;
		height:340px;
		background:#efefef;
		box-sizing:border-box;
		background-image:url('/Content/main/main-hiro.png') !important;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:65% center;
		border:0px solid red;
		*/
		display:none;
	}

	#main-inside {
	margin-top:10px;	
   }
	
	#main-inside .page-title {
		padding-left:20px;
	}


	#main-inside .items-wrap  {
	
		padding-left:20px;
		padding-right:20px;
	}

	.owl-theme .owl-nav.disabled + .owl-dots {
		margin-top: 40px !important;
	}
	

	#main-inside .items-wrap .item .img-wrap {
		width: 100%;
		height: auto;
		
	}

	#main-inside .items-wrap .item p.title {
		font-size:14px !important;
		padding:15px 0px 5px;
	}

	#main-inside .items-wrap .item p.contents {
		font-size:13px !important;
		
	}

	

	#desktopMenu { display:none !important; }
	
	#sub-hiro {
		border:0px solid red;
		height:167px;
		margin-top:57px;
		margin-bottom:140px;
		background-color:#eaeaea;
		box-sizing:border-box;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center center;

	}

		

	#sub-hiro[class='about'] {
	    background-image:url('/Content/about/m_overview-hiro.jpg') !important;
    }

    #sub-hiro[class='product'] {
	    background-image:url('/Content/product/m_product-hiro.jpg') !important;
    }

    #sub-hiro[class='rnd'] {
	    background-image:url('/Content/rnd/m_rnd-hiro.jpg') !important;
    }

    #sub-hiro[class='res'] {
	    background-image:url('/Content/res/m_res_hiro.jpg') !important;
    }

    #sub-hiro[class='news'] {
	    background-image:url('/Content/news/m_news-hiro.jpg') !important;
    }

    #sub-hiro[class='career'] {
	    background-image:url('/Content/career/m_career-hiro.jpg') !important;
    }
	
	
	.gm-message {
		display:none;
	}


	.gm-message-mobile
	{
		display:block;
	}

	
	.gm-message-mobile .name p{
		 color:#1e1e1e !important;
	}

	/*연혁*/
	ul.history {
	   margin-top:-10px;
    }

	ul.history li {
	   height:auto;
	   padding:4px 0 5px;
	   font-size:14px; 
	   line-height:1.5em;
	   margin-bottom:5px;
    }

    ul.history .hdate {
	   width:100%;
	   display:block;
    }

    ul.history .hdetail {
	   width:100%;
	   margin-left:0px;
	   display:block;
    }


	.contents-inner > .left-section .left-img {
		float:none;
		overflow:hidden;
		margin-right:0px;
		width:100%;
		margin-bottom:20px;
	}

	.contents-inner > .left-section .right-img {
		float:none;
		overflow:hidden;
		margin-left:0px;
		margin-bottom:20px;
	}


	#sub-hiro > .contents-inner {
		height:135px !important;
		padding:20px 22px;
		background:#e5e5e5;
		position:absolute;
		top:223px;
		overflow:hidden;
		
	}

	
	#sub-hiro .page-title {
		font-size:22px;
		font-weight:400;
		margin:0;
		padding-top:0px;
		padding-bottom:13px;
	}

	#sub-hiro .page-desc {
		color:#000;
		font-size:14px;
		font-weight:300;
		width:100%;
		margin:0;
	}

	#sub-inside {
		border:0px solid red;
		box-sizing:border-box;
		margin-top:40px;
		padding-left:15px;
		padding-right:15px;
		padding-top:15px;
	}

	
	#sub-inside .items-wrap .item .img-wrap {
		/*
		width: 100%;
		height: 102px;
		margin: 0;
		overflow: hidden;
		background:#efefef;
		*/
	}

	#sub-inside .items-wrap .item .img-wrap img {
		width: 100%;
		/*
		height: 100%;
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		*/
	}

	#sub-inside .items-wrap .item p.title {
		font-size:17px !important;
		font-weight:400;
		color:#636363;
		padding:10px 0px;
	}

	#sub-inside .items-wrap .item .contents {
		font-size:13px !important;
		font-weight:300;
		color:#636363;
		padding:10px 0px;
		min-height:40px;
		box-sizing:border-box;
	}

	#sub-inside a.read-more  {
		font-size:14px !important;
		font-weight:400;
		color:#006cd0;
	}

	#sub-inside  i.tag  {
		width:13px !important;
		height:13px;
		content:"\00a0";
		padding-right:17px;
		background:url('/Images/icon-tag.png') no-repeat center center;
		background-size:80%;
	}


	.bread { display:none; }

	.contents-inner > .left-section {
		width:100%;
		float:none;
		overflow:hidden;
		padding:30px 20px;
	}

	
	/* 제품정보 */
	.right-submenu {
		display:none;
	}

	.product-title {
		font-size:26px;
		color:#000;
		font-weight:400;
		margin-bottom:20px;
		margin-top:50px;
		padding:0px;
	}

	p.headline {
		font-size:18px;
		font-weight:400;
		padding:5px 0px 20px 0px;
		letter-spacing:0px;
	
	}

	p.headline2 {
		font-size:16px;
		font-weight:400;
		padding:5px 0px 20px 0px;
		letter-spacing:0px;
	
	}

	
	p.desc, div.desc {
		font-size:14px;
		color:#1e1e1e;
		line-height:24px;
		letter-spacing:0px;
		font-weight:300;
	}


	div.desc p {
		font-size:14px;
		color:#1e1e1e;
		line-height:24px;
		letter-spacing:0px;
		font-weight:300;
	}

	

	.product-sub-title{
		font-size:18px;
		color:#000;
		font-weight:400;
	}

	.product-image-wrap  {
		width:100%;
	}

	.product-image-wrap .thumb {
		width:100%;
		border:1px solid #dfdfdf;
		float:none;
	}

	.product-image-wrap .buttons {
		display:none;
	}

	
	.product-header {
		display:none;
	}

	.product-desc {
		padding:30px 0px;
		padding-bottom:50px;
	}

	.product-desc p {
		
		font-size:14px;
		color:#1e1e1e;
		line-height:24px;
		letter-spacing:0px;
		font-weight:300;
	}

	.product-desc b {
		font-weight:500;
	}

	.btn-golist {
		display:none;
	}

	.btn-mobile-golist {
		display:block;
	}

	.btn-mobile-golist .btn{
		width:100%;
		margin-bottom:10px;
	}

	.btn-mobile-golist p.small {
		font-size:10px;
		padding-top:8px;
	}

	
	footer {
		
		padding-top:20px;
		padding-bottom:20px;
		padding-left:20px;
		padding-right:20px;
		margin-top:30px;
		overflow:hidden;
		box-sizing:border-box;
	}

	footer .links-wrap {
		width:100%;
		float:none;
	}

	footer .links-wrap ul li {
		display:inline-block;
		margin-right:20px;
	}

	
	footer .links-wrap ul li a{
		color:#848484;
		font-weight:500;
		font-size:13px;
	}

	footer .links-wrap p {
		font-size:11px;
		color:#888787;
		margin-top:15px;
		letter-spacing:0;
	}

	
	footer .sns-wrap {
		width:100%;
		float:none;
		overflow:auto;
		text-align:left;
		margin-top:20px;
	}


	footer .sns-wrap span {
		font-size:14px;
		color:#666;
		padding-right:7px;
		
	}

	footer .sns-wrap ul li {
		display:inline-block;
		margin-right:10px;
		vertical-align:middle;
	
	}

	footer .sns-wrap ul li a{
		color:#666;
		font-weight:300;
		font-size:25px;
	
	}

	footer .sns-wrap p {
		display:none;
	}

	.search-wrap-pc {
		display:none;	
	}

	.search-wrap-mobile {
		display:block;
	}

	ul.nav-category-mobile {
		border-top:4px solid #1269cd;
		border-left:1px solid #dbdcdf;
		border-right:1px solid #dbdcdf;
		border-bottom:1px solid #dbdcdf;
		overflow:hidden;
		list-style:none;
		margin-bottom:0px;
	}

	ul.nav-category-mobile li:last-child {
		border-right:0px solid #dbdcdf;
	}

	ul.nav-category-mobile > li {
		float:left;
		margin-top:0px;
		width:33.3333%;
		border-right:1px solid #dbdcdf;
		height:auto;
		padding:0px;
		margin:0;
		margin-bottom:0px !important;
		text-align:center;
	}

	ul.nav-category-mobile > li img {
		width:100%;
		height:100%;
	}

	ul.nav-alpha  {
		margin-top:10px;
		overflow:hidden;
	}

		
	ul.nav-alpha > li {
		float:left;
		font-size:17px;
		color:#0078c1;
		font-weight:400;
		margin-top:0px;
		margin-right:3px;
		width:24px;
		height:28px;
		border:0px solid #dbdcdf;
		padding:0px;
		text-align:center;
		overflow:hidden;
		line-height:normal;
		box-sizing:border-box;
	}

	.search-row  {
		text-align:left;
		border-bottom:1px solid #dfdfdf;
		padding:15px 0px;
	}

	.search-row .search-alpha  {
		font-size:23px;
		line-height:15px;
		color:#999;
		font-family:NanumMyeongjo;
		padding:15px 10px;
	}

	.search-title  {
		font-size:23px;
		line-height:15px;
		color:#999;
		padding:25px 5px;
	}

	.search-row .search-title  {
		font-size:15px;
		line-height:15px;
	}

	.search-row .search-title a {
		color:#0066cc;
	}

	.contents-inner > .left-section .left-img {
		float:none;
		overflow:hidden;
		margin-right:0px;
		width:100%;
	}

	.contents-inner > .left-section .right-img {
		float:none;
		overflow:hidden;
		margin-left:0px;
		width:100%;
	}

	.img-res {
		width:100%;
		margin:5px 0px;
	}


	.thumb-wrap {
		width:100%;
		position:relative;
	}

	

	.product-image-wrap ul.thumb-list  {	
		width:100%;
		overflow:hidden;
		margin-top:10px;	
		border:0px solid red;
		
	}


	.product-image-wrap ul.thumb-list  li {
		width:24%;
		height:auto;
		overflow:auto;
		float:none;
		display:inline-block;
		margin:0px;
		margin-bottom:5px;
		padding:0px;
		box-sizing:border-box;
	}

	.product-image-wrap ul.thumb-list li img{
		width:100%;
		height:auto;
	}


	/*허가사항*/

	.permission-list {

	}

	.permission-row {
	}


	hr.list {
		border:none !important;
		margin:25px 0px;
		height:0px !important;
	}

	.permission-row hr.detail {
		border-top:1px solid #e7e7e7;
		height:1px;
		margin:8px 0px 20px 0px;
	}


	.permission-row p {
		font-size:14px;
	}

	.permission-row p.date {
		font-weight:100;
		padding-bottom:10px;
		color:#898989;
	}

	.permission-row p.date:before {
		content:'';
		padding-right:0px;
		font-family:Ionicons;
	}

	.permission-row p.title {
		font-weight:500;
		padding-bottom:10px;
	}

	.permission-row p.contents {
		font-weight:300;
		padding-bottom:10px;

	}

	.permission-row a {
		color:#1e1e1e;	
	}

	.permission-row a.more {
		font-weight:100;
		color:#06c !important;
	}

	.permission-row a.more:before {
		content:'\f3d3';
		padding-left:10px;
		padding-right:10px;
		font-family:Ionicons;
	}


	#googleMap { height:350px !important; }

	.map-guide {
		text-align:left;
	}

	.addr-left {
		width:100%;
		float:none;
	}

	.addr-right {
		float:none;
		width:100%;
	}

	.addr-table {
		width:100%;padding-right:0px
	}

	.addr2-left {
		width:100%;
		float:none;
		display:block;
		padding-bottom:20px;
	}

	.addr2-right {
		float:none;
		width:100%;
		display:block;
		border:0px solid red;

	}

	.addr2-table {
		width:100%;padding-right:0px;
		display:block;

	}
	
	.inquiry-wrap p {
		font-size:14px;
		color:#1e1e1e;
		line-height:24px;
		letter-spacing:0px;
		font-weight:300;
	}

	.inquiry-wrap td {
		padding:5px 10px;
		font-weight:300;
		font-size:12px;
	}

	.inquiry-wrap ul.list-contents li {
		font-size:14px;
	}

	.ethics-wrap ul.list-contents li {
		font-size:14px;
	}

	
	ul.list-contents li {
		font-size:14px;
desc	}



	.inquiry-wrap .agree {
		padding-top:10px;
		padding-bottom:20px;
		font-size:12px;
	}

	.inquiry-wrap .agree .rb-wrap:before {
		display:block;
		content:' ';
		padding:3px;
		border:0px solid red;
	}

	.inquiry-wrap .forms {
	
		border:1px solid #e1e1e1;
		padding:20px;
		font-size:14px;
		color:#1e1e1e;
		font-weight:300;
	}

	.inquiry-wrap button {
		width:100%;
		height:auto;
		font-size:14px;
		padding:10px 0px;
		border-radius:0px !important;
		margin-top:0px;
	}

	.inquiry-wrap .form-guide {
		font-size:14px;
		color:#1e1e1e;
		line-height:24px;
		letter-spacing:0px;
		font-weight:300;
		padding:30px 0px 50px 0px;
	}

	.inquiry-bottom-msg {
		border:1px solid #e1e1e1;
		padding:30px;
		font-size:14px;
		color:#1e1e1e;
		line-height:24px;
		letter-spacing:0px;
		font-weight:300;
		margin-bottom:30px;
	}

	.sitemap-left
	{
		width:100%;
		float:none;
		overflow:hidden;
		border:0px solid red;
		margin-right:80px;
	}

	
	.sitemap-left nav {
		min-height:10px;
	}


	
	ul.sitemap-product {
		background:#f6f6f6;
		width:100%;
		margin-left:0px;
		padding:10px 30px;
		font-size:14px;
		color:#1e1e1e;
		list-style-type:none;
		border-top:1px solid #e1e1e1;
		border-bottom:1px solid #e1e1e1;
		margin-bottom:7px;
	}

	/*모바일 간격 조절*/
	p.mdistanceT {
		margin-top:-20px;
	}
	p.mdistanceB {
		margin-bottom:-20px;
	}
	p.mdistance {
		margin-top:-20px;
		margin-bottom:-20px;
	}
	img.mIdistanceT {
		margin-top:-20px;
	}
	img.mIdistanceB {
		margin-bottom:-20px;
	}
	img.mIdistance {
		margin-top:-20px;
		margin-bottom:-20px;
	}
	ul.mUdistance {
		margin-top:-20px;
		margin-bottom:-20px;
	}
}



/* 아이패드 가로 */
@media screen and (max-width: 1200px) and (min-width: 992px) {
	.contents-inner {
		width: 1024px;
		max-width: 1024px;
		padding: 0px 20px;
		margin: 0 auto;
		box-sizing: border-box;
		background: transparent;
		border: 0px solid red;
		overflow: hidden;
	}

	.contents-inner > .left-section {
	width:740px;
	float:left;
	overflow:hidden;
    }

    .contents-inner > .right-submenu {
	width:220px;
	float:right;
	overflow:hidden;	
    }

	.img-res {
		width:100%;
		margin:5px 0px;
	}

	#owlHiro .owl-dots {
	    margin-left:-820px;
   }

	.addr-table {
	    width:450px;padding-right:30px
    }

    .addr-left {
	    width:480px;
	    float:left;
	    padding-right:40px
    }

	.addr2-left {
	    width:250px;
	    padding-right:40px
    }

   .addr-table2 {
	    width:440px;
    }

   	.gm-message {
		display:none;
	}
	
	.gm-message-mobile
	{
		display:block;
	}

	
	#desktopMenu {
		width:100%;
	}

	#desktopMenu .right {
		display:none;
	}

    /*제품정보*/
    .product-image-wrap .thumb {
	    width:600px;
    }

    .product-image-wrap ul.thumb-list  {	
	    width:600px;
    }

    .product-image-wrap ul.thumb-list li {
	    width:110px;
	    height:auto;
    }

    .product-image-wrap .thumb-list ul li img{
	    width:110px;
	    height:auto;
    }

    .product-image-wrap .buttons {
	    width:140px;
	    height:420px;
	    overflow:hidden;
    }

	/*제품색인검색*/
	.search-col-2 {
	    width:391px;
    }

}