@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
@import url(//fonts.googleapis.com/css?family=Ubuntu:300,400);
@import url(//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);

::selection{
	color:#fff;
	background: #c9c9c9;
}
::-moz-selection{
	color:#fff;
	background: #c9c9c9;
}
::placeholder {
  color: #bdbdbd;
  opacity:1;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #bdbdbd;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #bdbdbd;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #bdbdbd;
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #bdbdbd;
  opacity:1;
}


html,
body {
	font-family: 'Open Sans', Sans-serif;
	font-size: 16px;
	letter-spacing:0px;
	margin: 0;
	padding: 0;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-0-font-smoothing: antialiased;
}
a {
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
a:focus {
	text-decoration: none;
	outline:none;
	outline-offset:0;
}
a:hover {
	text-decoration: none;
}
p {
	color: #4c4c4c;
	font-size: 0.92em;
	line-height: 22px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	display: inline-block;
}
img {
	max-width: 100%;
	height: auto;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
iframe,
audio {
	width: 100%;
	height: auto;
	border: none;
}
textarea {
	width: 100%;
	border: 1px solid #dadada;
	box-shadow: none;
	outline: 0 !important;
}
input{
	font-size: 0.85em;
	/*border: 1px solid #f4f4f4;*/
	border: 1px solid #dadada;
	box-shadow: none;
	outline: 0 !important;
}
.select {
	height: 36px;
	font-size: 1.0em;
	border: 1px solid #dadada;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	box-shadow: none;
	outline: 0 !important;
}
.form-control {
	height: 40px;
	font-size: 0.85em;
	border: 1px solid #dadada;
	box-shadow: none;
	outline: 0 !important;
}
.form-control:focus,
input:focus,
textarea:focus,
button:focus {
	border: 1px solid #f87d83;
	box-shadow: none;
	outline: 0 !important;
} 

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: 0; 
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #919090;
  opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #919090;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #919090;
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #919090;
  opacity:1;
}

/* 2.1 - Headings 
--------------------------------------------- */

h1 {
	font-size: 2.75em;
}
h2 {
	font-size: 2.18em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.375em;
}
h5 {
	font-size: 1.125em;
}
h6 {
	font-size: 1em;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}


/*menu category*/
#category{display:none;position:fixed;top:0;right:0;width:100%;height:100%;z-index:500000;border-left:1px solid #ddd;}
.cate_bg{width:100%;height:100%;background:#000;background:rgba(0,0,0,0.6);position:absolute;top:0;left:0;z-index:100001}
.ct_wr{display:table-cell; width:240px;height:100%;position:absolute;top:0;right:-300px;z-index:100003;background:#fff; padding:10px 20px 50px 20px; overflow-y:auto;}
.ct_wr ul {display:block; width:100%; padding:0px; margin:0px auto;}
.ct_wr ul li{width:100%;}
#category .hd_tnb{ width:100%; padding:0px; margin:0px auto; text-align:center;}
#category .hd_tnb h1{width:100%; font-size:1.2em;  font-weight:600; color:#000; text-align:left; padding:10px 0px 5px 0px;}
#category .hd_tnb h2{width:100%; font-size:0.8em; color:#505050;  text-align:left;}
#category .hd_tnb h2 strong{color:#2a2a2a;}
#category .tabsTit{border-bottom:1px solid #ddd;margin:20px 0px 0px 0px;}
#category .tabsTit:after{display:block;visibility:hidden;clear:both;content:""}
#category .tabsTit li{float:left;text-align:left;width:100%;line-height:30px;color:#C3C3C3;border-bottom:3px solid #fff;text-transform: uppercase;}
#category .tabsTit .tabsHover{border-color:#000;color:#000;font-weight: bold;}

#category .tabsCon, #category .tabsList{ padding:0px; margin:0px;}

#category li a {color:#000;}

#category ul.cate{background:#fff;text-align:left;margin:0px; padding:0px;}
#category ul.cate>li{line-height:45px;border-bottom:1px solid #ddd;}
#category ul.cate li{position:relative;}
#category ul.cate li .ct_default{display:block; background-color: #fff; height:45px; width:100%;top:0;right:0;border:none; text-align:left;}
#category ul.cate li .ct_op{display:block;background:url('/images/cate-bg.png') no-repeat 95% 17px;height:45px; width:100%;top:0;right:0;border:none; text-align:left;}
#category ul.cate li .ct_cl{background-position: 95% -30px}
#category ul.sub_cate{display:none;background:#fbfbfb; border-top:1px dashed #f1f1f1; border-bottom:1px solid #383838;}
#category ul.sub_cate li{width:100%;color:#4a4a4a;font-size:0.92em; cursor:pointer;}
#category ul.sub_cate li:hover, #category ul.sub_cate li:focus{background-color:#f7f4ef; color:#1e1e1e;}
#category ul.sub_cate span {padding-left:15px;}
.ct_bl{display:inline-block;background:#999;width:6px;height:6px}
.category_close{
	position:absolute;
	top:100px;right:-300px;
	width:40px;height:112px;
	border:0;
	z-index:100002;
    font-family: 'Open Sans', Sans-serif;
	font-weight:200;
	font-size:1.8em;
	color:#fff;
	background-color:#000;
	text-align:center;
	padding:0px;
	margin:0px;
}
.category_close:focus{
	border: none;
	outline: 0;
}


/* Main Menu Section */
.main-menu {
	background-color: #ffffff;
	padding: 0px 0px;
}
.logo {
	max-width: 1000px;
	padding: 0px;
	margin:auto auto;
	text-align:center;
}
.menu-logo {
	padding: 0px;
	margin: auto;
	vertical-align: middle;
	text-align: center;
}
.menu-logo p{
	display: table-cell;
	height: 80px;
	padding: 0px;
	margin: auto;
	vertical-align: middle;
	text-align: left;
}
@media (max-width: 767px) {
	.menu-logo p{
		padding: 0px 0px 0px 10px;
		text-align: left;
	}
}
.menu-logo p img{
	cursor:pointer;
}
.navbar-menu {
	margin: auto;
	vertical-align: middle;
	text-align: right;
}
.navbar-menu ul{
	float:right;
	margin: auto;
	padding: 0px;
}
.navbar-menu li{
	display: table-cell;
	list-style:none;
	height: 80px;
	font-size:0.6em;
	color: #696868;
	padding-left: 15px;
	margin: auto;
	vertical-align: middle;
	text-align:right;
}
.navbar-menu li:first-child{
	padding-left: 0px;
}
.top_tel{
	margin: auto;
	vertical-align: middle;
	text-align: left;
}
.top_tel li{
	display: table-cell;
	list-style:none;
	height: 80px;
	font-family: 'Montserrat', sans-serif;
	font-size:1.1em;
	color: #4c1fbf;
	padding-right: 15px;
	margin: auto;
	vertical-align: middle;
	text-align:left;
}
.top_tel li i{
	padding-right: 10px;
}
.top_search{
	padding: 5px;
	margin: 0px 0px;
	text-align:right;
	background-color: #f7f7f7;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
}
.top_search form{
	padding: 0px;
	margin: 0px;
}
.top_search li{
	display: inline-block;
	height: 30px;
	padding: 0px;
	margin: 0px;
}
.top_search input{
	border: 0px;
	padding: 0px;
	margin: 0px;	
	outline: 0 !important;
	color: #5a5a5a;
	font-size: 0.8rem;
	line-height: 30px;
	background-color:transparent;
}

.quick_box{
	width:1px;
	position:relative;
	z-index:200000;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.quick_box .quick_menu{
	position:absolute;
	top:82px;
	left:30px;
	max-width: 78px;
	z-index:200001;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	background-color:#333;
}
.quick_menu p{
	color:#747474;
	background-color:#fff;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	padding:0px;
	margin:0px;
	font-size:0.82em;
	cursor:pointer;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.quick_menu p:last-child{
	border-bottom:1px solid #dcdcdc;
}
.quick_menu img{
	padding:0px 0px 0px 0px;
}
.gnb {
	/*background-color: #1c58a9;*/
	background-image: url('/images/gnb_bg.jpg');
	background-position:center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 42px;
}
.gnb ul{
	list-style:none;
	padding: 0px;
	margin:0px auto;
	max-width: 1000px;
}
.gnb ul li{
	list-style:none;
	float:left;
	position: relative;
	padding: 0px;
	margin:0px 0px;
	width: 20%;
	line-height: 42px;
	font-size:0.9em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	/*border-left: 1px solid #1a4d94;*/
	cursor:pointer;
}
.gnb ul li:last-child{
	/*border-right: 1px solid #1a4d94;*/
}
.gnb ul li a{
	font-size:0.9em;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.gnb ul li .gnb_tt{
	font-size:0.9em;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.gnb_sub{
	position: absolute;
	top: 42px;
	left: 0px;
	width: 100%;
	padding: 0px;
	margin:0px auto;
	background-color: #eef2f7;
	color: #000;
	display:none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	z-index:9999;
}
.gnb_sub ul{
	width: 100%;
	padding: 0px;
	margin:0px auto;
}
.gnb_sub ul li{
	list-style:none;
	float:left;
	padding: 5px 20px;
	margin:0px 0px;
	width: 100%;
	font-size:0.8em;
	font-weight: bold;
	color: #000;
	line-height: 25px;
	text-align: left;
	cursor:pointer;
	border-bottom: 1px solid #fff;
	border-left: 0px solid #d9dfe6;
	border-right: 0px solid #d9dfe6;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.gnb_sub ul li:last-child{
	border-right: 0px solid #1a4d94;
}
.gnb_sub ul li:hover{
	padding: 5px 20px 5px 30px;
	background-color: #c3daf5;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}


.header-fixed-top header.sticky {
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index:400000;

	-webkit-animation-duration: 0.45s;
	-moz-animation-duration: 0.45s;
	-ms-animation-duration: 0.45s;
	-o-animation-duration: 0.45s;
	animation-duration: 0.45s;
}

.header_blank{
	height:0px;
}

.main_visual .bg{
	background-image:url('/images/main_visual_bg2.gif'); 
	background-position:top center; 
	background-repeat:no-repeat; 
	background-size:cover; 
	padding: 30px 20px 80px 20px;
}
@media screen and (max-width:767px){
	.header-fixed-top header.sticky {
		border-bottom: 1px solid #efefef;
	}
	.main_visual .bg{
		padding: 30px 20px;
	}
}

.main_visual .box1{
	width: 832px;
	height: 728px;
	background-image:url('/images/main_img_box.png');
	background-position:center center;
	background-repeat:no-repeat;
	margin:auto;
	padding: 168px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
}
.main_visual .box1 ul{
	width: 498px;
	padding: 0px;
	margin: auto;
	text-align: center;
}
.main_visual .box1 ul li{
	float: left;
	position: relative;
	list-style:none;
	width: 50%;
	height: 195px;
	padding: 0px;
	margin: 0px;
	background-image:url('/images/main_img_bg_w.png');
	background-position:top left;
	cursor: pointer;
	text-align: left !important;
	vertical-align: top;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.main_visual .box1 ul li:hover{
	background-image:url('/images/main_img_bg_r.png');
	background-position:top left;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.main_visual .box1 ul li img{
	height: 100%;
}
.main_visual .box1 .tt{
	float: left;
	width: 100%;
	text-align: center;
	padding: 100px 0px 0px 0px;
}
.main_visual .box_txt_left{
	position: absolute; 
	left: -250px;
	top: 10px;
	width: 200px;
}
.main_visual .box_txt_right{
	position: absolute; 
	left: 300px;
	top: 10px;
	width: 200px;
}
.main_visual .t1{
    font-family: 'NanumSquare';
	font-size: 1.4em;
	color: #fff;
	padding: 0px;
	margin: 0px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.main_visual .t2{
	font-weight: bold;
	font-size: 0.9em;
	color: #c7c7c7;
	padding: 10px 0px;
	margin: 0px;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.main_visual .t3{
	font-size: 0.8em;
	color: #a9a9a9;
	letter-spacing:-1.0px;
	line-height: 1.3em;
	padding: 0px;
	margin: 0px;
	word-break:keep-all; 
	word-wrap:break-word;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.main_visual .box1 ul li:hover .t1{
	font-weight: 800;
	font-size: 1.5em;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.main_visual .box1 ul li:hover .t2{
	color: #fff;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.main_visual .box1 ul li:hover .t3{
	color: #fff;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}


.main_visual .box2{
	margin:auto;
	padding: 0px 0px;
	text-align: center;
	vertical-align: middle;
}
.main_visual .box2 ul{
	display: table;
	width: 70%;
	padding: 5px;
	margin: auto;
	text-align: center;
	border: 1px dashed #b30c00;
}
.main_visual .box2 ul li{
	float: left;
	position: relative;
	list-style:none;
	width: 50%;
	height: 100px;
	padding: 0px;
	margin: 0px auto;
	background-image:url('/images/main_img_bg_w.png');
	background-position:top left;
	cursor: pointer;
}
.main_visual .box2 ul li:hover{
	background-image:url('/images/main_img_bg_r.png');
	background-position:top left;
}
.main_visual .box2 ul li img{
	height: 100%;
}
.main_visual .box2 .tt {
	position: relative;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
}
.main_visual .box2 .tt img{
	width: 70%;		
	padding-top: 20px;
}



/* md_product Section(main) */
.md_product{
	padding:40px 0px;
	margin:0px;
	background-color:#eff5f7;
}
.md_product .md_product_bg{
	padding:0px 0px; 
}
.md_product_title{
	padding: 10px 0px;
	text-align: center;
}
.md_product_title strong{
	font-family: 'Montserrat', sans-serif;
	padding: 5px 30px;
	font-size: 0.7rem;
	color: #fff;
	background-color: #000;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.md_product_title_text{
    font-family:  'Noto Sans KR', 'NanumSquare';
	font-style: normal;
	font-weight: 100;
	font-size: 2.0rem;
	color:#000;
	letter-spacing:-0.5px;
	line-height: 1.4;
	padding-top:20px;
	word-break:keep-all; 
	word-wrap:break-word;
}
.md_product_title_text span{
    font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 900;
	letter-spacing:0px;
}
.md_product_title_stext{
    font-family: 'nanum-barun-gothic-regular';
	font-style: normal;
	font-weight: 300;
	font-size: 0.9em;
	color:#9b9b9b;
	line-height:1.3;
	padding:10px 0px 10px 0px;
	word-break:keep-all; 
	word-wrap:break-word;
}
.md_product_title_stext span{
    font-family: 'nanum-barun-gothic-bold';
	color: #6a6767;
}

@media screen and (max-width:991px){
	.md_product .md_product_bg{
		padding-bottom:50px; 
	}
	.md_product_title{
		padding-top:25px;
	}
}
@media screen and (max-width:767px){
	.md_product .md_product_bg{
		padding-bottom:0px; 
	}
	.md_product_title{
		padding-top:0px;
	}
	.md_product_title_stext{
		padding:5px 0px 5px 0px;
	}
}

.main_prod {
	position: relative;
	max-width:1000px;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
}
.main_prod .bx-wrapper {
	margin: 0px auto;
}
.main_prod .bx-viewport {
	border-image: none;
}
.main_prod .list {
	margin:0px;
	padding:0px;
}
.main_prod .list::before {
	clear: both; display: block; content: "";
}
.main_prod .list::after {
	clear: both; display: block; content: "";
}
.main_prod li {
	float:left; 
	position: relative;
	padding: 0px 5px; 
	height: 100%; 
}
.main_prod li .item_box{
	padding: 30px 20px;
	background-color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.main_prod li a {
	padding: 0px 0px 0px 0px; transition:0.3s; height: 100%; display: block; -webkit-transition: all 0.3s ease;
}
.main_prod li .pic {
	display: block; 
	width: 100%;
	height: 130px;
	overflow:hidden;
	text-align:center;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e8e8e8;
	padding: 0px 10px;
	margin: auto;
}
.main_prod li .pic  img{
	height: 100%;
	border:0px;
	outline: 0;
	margin: auto;
	text-align:center;	
}
.main_prod li .ca {
	display: block; 
	font-family: 'dotum';
	font-style: normal;
	font-size: 11px;
	line-height:1.1;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align: center;
	vertical-align: middle;
	color:#747474;
	padding: 20px 0px 0px 0px;
	margin:auto;
}
.main_prod li .ca2 {
	display: block; 
	font-family: 'dotum';
	font-style: normal;
	font-size: 11px;
	line-height:1.1;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align: center;
	vertical-align: middle;
	color:#747474;
	padding: 10px 0px;
	margin:auto;
}
.main_prod li .tt {
	display: block; 
	font-style: normal;
	font-weight: bold;
	font-size: 1.0em;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align: center;
	vertical-align: middle;
	color:#000;
	padding: 0px 0px;
	margin:auto;
}
.main_prod li p {
	display: block;
	border-top-color: rgb(234, 235, 236); border-top-width: 1px; border-top-style: solid;
    font-family: 'nanum-barun-gothic-light'';
	font-style: normal;
	font-size: 0.9em;
	font-weight:200;
	color:#909090;
	line-height:1.2;
	padding:20px 0px 0px 0px;
}
.main_prod li p span{
    font-family: 'nanum-barun-gothic-light'';
	font-style: normal;
	font-size: 0.9em;
	font-weight:600;
	color:#9a9a9a;
	line-height:1.5;
	padding:0px 0px 0px 0px;
}
.main_prod li p em{
	float:left;
	position:inline-block;
	width:100%;
	padding:0px;
	margin:0px;
	height:10px;
}

.main_prod li a:hover {
	/*background: rgb(242, 242, 242); color: rgb(255, 255, 255);*/
}
.main_prod .bx-controls {
	text-align: center; margin-top: 30px;
}
.main_prod .bx-controls .bx-pager-item {
	vertical-align: middle; display: inline-block;
}

.main_prod .bx-controls .bx-pager-item a {
  background-color: rgb(227, 230, 232);
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.main_prod .bx-controls .bx-pager-item a.active {
	border: 3px solid rgb(34, 34, 34); border-image: none; background-color: transparent;
}
.main_prod .on{
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:50px;
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 600;
	font-size:1.0em;
	color:#fff;
	line-height:50px;
	text-align:center;
	background-color:#f25f65;
	z-index:10;
}
.main_prod .off{
	position:absolute;
	left:0px;
	top:0px;
	width:50px;
	height:50px;
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 600;
	font-size:1.0em;
	color:#fff;
	line-height:50px;
	text-align:center;
	background-color:#c5c5c5;
	z-index:10;
}

@media screen and (max-width:1000px){
	.main_prod li p {
		padding-top: 13px; margin-top: 13px;
	}
}
@media screen and (max-width:991px){
	.main_prod li .pic {
		display: block; 
		width: 100%;
		height: 150px;
		overflow:hidden;
		text-align:center;
		padding-top:0px;
	}
	.main_prod li .pic  img{
		height:100%;
		border:0px;
		outline: 0;
	}
	.main_prod li p {
		padding-top: 30px;
	}
	.main_prod .bx-controls {
		margin-top: 20px;
	}

	.main_prod .on{
		position:absolute;
		left:0px;
		top:0px;
		width:40px;
		height:40px;
		font-family: 'Noto Sans KR','NanumSquare';
		font-style: normal;
		font-weight: 600;
		font-size:1.0em;
		color:#fff;
		line-height:40px;
		text-align:center;
		background-color:#f25f65;
		z-index:10;
	}
	.main_prod .off{
		position:absolute;
		left:0px;
		top:0px;
		width:40px;
		height:40px;
		font-family: 'Noto Sans KR','NanumSquare';
		font-style: normal;
		font-weight: 600;
		font-size:1.0em;
		color:#fff;
		line-height:40px;
		text-align:center;
		background-color:#c5c5c5;
		z-index:10;
	}
}
@media screen and (max-width:519px){
	.main_prod li {
		float:left; 
		position: relative;
		padding: 0px 5px 20px 5px; 
		height: 100%; 
	}
	.main_prod li .pic {
		display: block; 
		width: 100%;
		height: 100px;
		overflow:hidden;
		text-align:center;
		padding-top:0px;
	}
	.main_prod li .pic  img{
		height:100%;
		border:0px;
		outline: 0;
	}
	.main_prod li p {
		padding-top: 30px;
	}
	.main_prod li .tt {
		padding: 10px 0px 0px 0px;
	}
	.main_prod .bx-controls {
		margin-top: 20px;
	}

	.main_prod .on{
		position:absolute;
		left:0px;
		top:0px;
		width:30px;
		height:30px;
		font-family: 'Noto Sans KR','NanumSquare';
		font-style: normal;
		font-weight: 600;
		font-size:1.0em;
		color:#fff;
		line-height:30px;
		text-align:center;
		background-color:#f25f65;
		z-index:10;
	}
	.main_prod .off{
		position:absolute;
		left:0px;
		top:0px;
		width:30px;
		height:30px;
		font-family: 'Noto Sans KR','NanumSquare';
		font-style: normal;
		font-weight: 600;
		font-size:1.0em;
		color:#fff;
		line-height:30px;
		text-align:center;
		background-color:#c5c5c5;
		z-index:10;
	}
}


.main_tab {
	float:left; 
	display:block;
	position: relative;
	width:100%;
	padding:20px 0px 0px 0px;
	margin:0px auto;
}
.main_tab ul {
	float: left;
	width:100%;
	padding:0px;
	margin:0px auto;
	text-align: center;
}
.main_tab ul li{
	float: left;
	padding:2px 2px;
	margin:0px auto;
	text-align: center;
}
.main_tab ul li div{
	width: 100%;
	padding: 6px 0px;
	font-weight: bold;
	color: #707070;
	font-size:0.75em;
	background-color: #fff;
	border:1px solid #959595;
	cursor: pointer;
}
.main_tab ul li div:hover{
	color: #000;
	border:1px solid #000;
}
.main_tab ul li div.on{
	color: #fff;
	background-color: #000;
	border:1px solid #000;
}
@media (max-width: 767px) {
}



.main_category {
	position: relative;
	width:100%;
	margin: 0px auto;
	padding: 30px 0px;
	background-color:#fff;
}
.main_category .title{
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9rem;
	font-weight: 100;
	color: #000;
	padding: 0px 0px 10px 0px;
	text-align: center;
}
.main_category .title strong{
	font-weight: 400;
}
.main_category li {
	float:left; 
	width: 12.5%;
	position: relative;
	padding: 10px 10px 10px 10px !important;
	height: 100%;
	text-align: center;
	cursor:pointer;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.main_category li  img{
	width: 100%;
}
.main_category li .name{
	font-size: 0.8rem;
	color: #000;
	padding-top: 10px;
}
@media screen and (max-width:900px){
	.main_category li {
		width: 25%;
	}
}
@media screen and (max-width:519px){
	.main_category li {
		width: 25%;
	}
}
.main_category li a {
	padding: 0px 0px 0px 0px; transition:0.3s; height: 100%; display: block; -webkit-transition: all 0.3s ease;
}
.main_category li .pic {
	display: block; 
	width: 100%;
	overflow:hidden;
	text-align:center;	
	padding: 0px 10px;
	margin: auto;
}
.main_category li .pic  img{
	width: 100%;
	border:0px;
	outline: 0;
	margin: auto;
	text-align:center;	
}
.main_category li:hover .pic img {
	transform: scale(1.1, 1.1);
}
.main_category li .tt1 {
	display: block; 
	font-style: normal;
	font-weight: bold;
	font-size: 0.7em;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align: center;
	vertical-align: middle;
	color:#dddddd;
	padding: 10px 0px 3px 0px;
	margin:auto;
}
.main_category li .tt2 {
	display: block; 
    font-family: 'Noto Sans KR','NanumSquare', sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 0.9em;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align: center;
	vertical-align: middle;
	color:#545454;
	padding: 0px 0px;
	margin:auto;
}
.main_category li:hover .tt2 {
	color: #000;
}



.main_cs{
	width: 100%;
	padding: 20px 0px 40px 0px;
	margin: 0px auto;
	text-align: center;
}
.main_cs li{
	padding: 5px;
	margin: 0px auto;
}
.main_cs .box1{
	padding: 50px 30px;
	border:1px solid #a1a1a1;
}
.main_cs .box2{
	padding: 50px 30px;
	border:1px solid #a1a1a1;
}
.main_cs .icon{
	padding-bottom: 30px;
}
.main_cs .tt{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 2.3rem;
	color: #000;
	padding-bottom: 20px;
}
.main_cs .tt strong{
	font-size: 2.2rem;
	font-weight: 700;
}
.main_cs .txt{
	padding: 10px 0px 30px 0px;
	font-size: 0.75rem;
	color: #898989;
	word-break:keep-all;
	word-wrap:break-word;
}
.main_cs .tel{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	color: #000;
}
.main_cs .tel img{
	padding-right: 10px;
}
@media (max-width: 767px) {
	.main_cs .box1{
		padding: 10px 50px 40px 50px;
		border:0px solid #a1a1a1;
	}
	.main_cs .box2{
		padding: 50px 50px 30px 50px;
		border-top::1px solid #a1a1a1;
		border-right:0px solid #a1a1a1;
		border-bottom:0px solid #a1a1a1;
		border-left:0px solid #a1a1a1;
	}
	.main_cs .icon img{
		height: 60px;
	}
	.main_cs .tt{
		font-size: 1.6rem;
		font-weight: 100;
	}
}



#visual_wrap img{
width:100%;
min-width:430px;
}

.main_top{
	padding:0px 0px;
	margin:0px auto;
}
.main_top .banner {
	float: left;
	width: 223px;
	padding:0px 0px;
	margin:0px auto;
}
.main_top .category {
	float: left;
	width: 447px;
}
.main_top .visual {
	float: left;
	width: 430px;
}
.main_top .visual img{
width:100%;
}
.main_top .banner li{
	float: left;
	padding:0px 0px;
	margin:0px auto;
}

@media (max-width: 900px) {
	.main_top .banner {
		float: left;
		width: 100%;
		padding:0px 0px;
		margin:0px auto;
	}
	.main_top .banner li{
		float: left;
		width:50%;
		padding:0px 0px;
		margin:0px auto;
	}
}



/* icon quick menu (main) */
.icon_qmenu{
	background-color:#fff;
	padding:0px;
	margin:0px auto;
}
.icon_qmenu .container{
	border-top: 4px solid #3a3434;
	padding:0px;
	margin:0px auto;
}
.icon_qmenu .icon_qmenu_bg{
	padding:0px 0px 0px 0px;
	margin:0px auto;
}
.icon_qmenu_title_text{
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 300;
	font-size: 1.6em;
	color:#282828;
	padding:40px 0px;
}
.icon_qmenu_title_text span{
	font-weight:800;
}
.icon_qmenu .icon_qmenu_list {
	float: left;
	display:inline-block;
	padding: 15px 0px 25px 0px;
}
.icon_qmenu_list img{
	padding: 0px 0px 25px 0;
}
.icon_qmenu .icon_qmenu_list:hover{
	background-color:#27699d;
}
.icon_qmenu_list:hover .icon_qmenu_list_title{
	font-weight:600;
	color:#fff;
	padding:0px;
	margin:0px;
}

.icon_qmenu_list:hover img{
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

@media (max-width: 519px) {
	.icon_qmenu_con{
		overflow-x:hidden;
		padding:0px 0px 0px 0px;
	}
	.icon_qmenu_list{
		width:25%;
		float:left;
		text-align:center;
		margin:0;
		cursor:pointer;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list:hover{
		background-image:url('/images/btn_arrow.png');
		background-repeat:no-repeat;
		background-position: center 60%;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list_title{
		width:100%;
		font-family: 'nanum-barun-gothic-regular';
		font-style: normal;
		font-weight: 300;
		font-size: 0.8em;
		color:#707070;
		text-align:center;
	}
}
@media (min-width: 520px) {
	.icon_qmenu_title{
		padding-top:20px;
	}
	.icon_qmenu_con{
		overflow-x:hidden;
		padding:0px 0px 0px 0px;
	}
	.icon_qmenu_list{
		float:left;
		width:25%;
		text-align:center;
		margin:0;
		cursor:pointer;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list:hover{
		background-image:url('/images/btn_arrow.png');
		background-repeat:no-repeat;
		background-position: center 60%;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list_title{
		width:100%;
		font-family: 'nanum-barun-gothic-regular';
		font-style: normal;
		font-weight: 300;
		font-size: 0.8em;
		color:#707070;
		float:left;
		text-align:center;
	}
}
@media (min-width: 768px) {
	.icon_qmenu_con{
		overflow-x:hidden;
		padding:0px 0px 0px 0px;
	}
	.icon_qmenu_list{
		float:left;
		width:25%;
		margin:0px;
		text-align:center;
		cursor:pointer;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list:hover{
		background-image:url('/images/btn_arrow.png');
		background-repeat:no-repeat;
		background-position: center 60%;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list_title{
		width:100%;
		font-family: 'nanum-barun-gothic-regular';
		font-style: normal;
		font-weight: 300;
		font-size: 1.0em;
		color:#707070;
	}
}
@media (min-width: 992px) {
	.icon_qmenu_con{
		padding:20px 0px 0px 0px;
	}
	.icon_qmenu_list{
		float:left;
		width:25%;
		margin:0px;
		text-align:center;
		cursor:pointer;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list:hover{
		background-image:url('/images/btn_arrow.png');
		background-repeat:no-repeat;
		background-position: center 100px;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list_title{
		width:100%;
		font-family: 'nanum-barun-gothic-regular';
		font-style: normal;
		font-weight: 300;
		font-size: 1.0em;
		color:#707070;
	}
}
@media (min-width: 1000px) {
	.icon_qmenu_con{
		padding:0px;
	}
	.icon_qmenu_list{
		float:left;
		width:150px;
		margin:0px;
		padding:30px 0px 60px 0px !important;
		margin:0px;
		text-align:center;
		cursor:pointer;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list:hover{
		padding:30px 0px 35px 0px !important;
		background-image:url('/images/btn_arrow.png');
		background-repeat:no-repeat;
		background-position: center 130px;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list img{
		padding: 0px 0px 25px 0;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list:hover img{
		padding: 0px 0px 50px 0;

		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	.icon_qmenu_list_title{
		width:100%;
		font-family: 'nanum-barun-gothic-regular';
		font-style: normal;
		font-weight: 300;
		font-size: 1.0em;
		color:#707070;
	}
}


.main_bbs{
	padding: 30px 0px;
	margin:auto;
}
.main_bbs .right_line{
	background-image:url('/images/line_02.png');
	background-repeat:repeat-y;
	background-position: right top;
}
.main_bbs .container{
	background-image:url('/images/line_01.png');
	background-repeat:repeat-x;
	background-position: left top;
	padding-top:30px;
}
.main_bbs .bg1{
	padding:50px 0px 20px 0px;
	margin:0px;
}
.main_bbs .title{
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 400;
	font-size: 0.8em;
	letter-spacing:1px;
	color:#c2d2c6;
	padding:0px 0px 20px 0px;
}
.main_bbs .title span{
	font-size: 1.8em;
	font-weight: 600;
	color: #222222;
}
.main_bbs .time {
	font-size:0.7em;
	font-weight:600;
	color:#fff;
	letter-spacing:-0.5px;
	background-color:#66a777;
	padding:5px 15px;
}
.main_bbs .time strong{
	font-size:1.0em;
	font-weight:600;
	letter-spacing:1px;
	padding-left:10px;
}
.main_bbs .tel{
	padding:30px 0px 0px 0px;
}
.main_bbs .tel li{
	float: left;
}
.main_bbs .tel li.tt{
	border-left:4px solid #000;
	font-size:0.9em;
	font-weight:600;
	letter-spacing:1px;
	padding:0px 0px 0px 15px;
	width: 100%;
}
.main_bbs .tel li.no{
	font-size:1.6em;
	font-weight:400;
	color:#2eb369;
	line-height: 1.2;
	padding:10px 0px 0px 15px;
	margin:0px;
	width: 100%;
}
.main_bbs .fax{
	padding:30px 0px 0px 0px;
}
.main_bbs .fax li{
	float: left;
}
.main_bbs .fax li.tt{
	border-left:4px solid #000;
	font-size:0.9em;
	font-weight:600;
	letter-spacing:1px;
	padding:0px 0px 0px 15px;
	width: 100%;
}
.main_bbs .fax li.no{
	font-size:1.4em;
	color:#686868;
	line-height: 1.2;
	padding:10px 0px 0px 15px;
	margin:0px;
	width: 100%;
}
.main_bbs .icon{
	text-align:center;
	padding:50px 0px 0px 0px;
	margin:0px;
	border-top: 1px solid #caddcf;
}
.main_bbs .icon li{
	float: left;
	width: 25%;
	text-align:center;
	font-size:0.8em;
	color:#515151;
	padding:15px 0px;
}
.main_bbs .icon li a{
	font-size:0.9em;
	color:#515151;
}
.main_bbs .icon li:hover a{
	font-weight:600;
	color:#000;
}
.main_bbs .icon li img{
	padding-bottom:10px;
}
.main_bbs .icon2{
	text-align:center;
	padding:20px 10px 20px 10px;
	margin:0px;
	/*border-bottom: 1px solid #caddcf;*/
}
.main_bbs .icon2 li{
	float: left;
	width: 25%;
	text-align:center;
	font-size:0.8em;
	color:#515151;
	padding:15px 0px;
}
.main_bbs .icon2 li a{
	font-size:0.9em;
	color:#515151;
}
.main_bbs .icon2 li:hover a{
	font-weight:600;
	color:#000;
}
.main_bbs .icon2 li img{
	padding-bottom:10px;
}
.main_bbs .bg2{
	background-image: url('/images/online_bg.png');
	background-position: right top;
	background-repeat: no-repeat;
	background-color:#d2d9e0;
	padding:50px 50px 30px 50px;
	margin:0px;
}
.main_bbs .title2{
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 400;
	font-size: 0.8em;
	letter-spacing:1px;
	color:#b4bac0;
	padding:0px 0px 20px 0px;
}
.main_bbs .title2 span{
	font-size: 1.8em;
	font-weight: 600;
	color: #222222;
}


.main_bbs .list_tt{
	float: left;
	width:100%;
	font-size:0.9em;
	font-weight:600;
	color: #687786;
	padding:0px 0px 20px 20px;
	margin:0px;
	border-top:1px solid #fff;
}
.main_bbs .list {
	padding: 0px 0px 0px 20px;
	margin:0px;
}
.main_bbs .list li{
	float: left;
	width:33%;
    font-family: 'Noto Sans KR','NanumSquare', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 0.9em;
	color: #818181;
	padding:5px 0px;	
	white-space:nowrap;
	overflow:hidden;	
    text-overflow:ellipsis;
}

.main_bbs form {
	padding: 10px 0px 40px 0px;
}
.main_bbs td {
	font-size:0.8em;
	font-weight:600;
	color: #4d4d4e;
	letter-spacing:-1px;
	padding:2px 2px;
}
.main_bbs td input{
	padding:7px;
	font-size:1.0em;
	color: #000;
	background-color:#fff;
	border:1px solid #bccfe1;
	width:60%;
}
.main_bbs td textarea{
	padding:7px;
	font-size:1.0em;
	color: #000;
	background-color:#fff;
	border:1px solid #bccfe1;
	width:100%;
	height:100px;
}
.main_bbs .btn_black {
	background-color: #404040;
	color: #ffffff;
	font-weight: 600;
	font-size:0.9em;
	margin-top: 15px;
	padding: 6px 30px;
	height:33px;
	text-transform: uppercase;
}
.main_bbs .btn_black:hover {
	background-color: #000;
}
.main_bbs .btn_gray {
	background-color: #7e7e7e;
	color: #ffffff;
	font-weight: 600;
	font-size:0.9em;
	margin-top: 15px;
	padding: 6px 30px;
	height:33px;
	text-transform: uppercase;
}
.main_bbs .btn_gray:hover {
	background-color: #6c6c6c;
} 

.main_bbs ul.banner{
	width: 100%;
	padding:0px 0px;
	margin:0px auto;
}
.main_bbs ul.banner li{
	float: left;
	width: 50%;
	text-align:center;
	padding:0px 0px;
	margin:0px auto;
	cursor:pointer;
}
.main_bbs ul.banner li .tt{
	color: #616161;
	font-size:1.0em;
	font-weight:bold;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 15px 20px 10px 20px;
}
.main_bbs ul.banner li .txt{
	color: #b3b3b3;
	font-size:0.8em;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 0px 20px;
}
@media (max-width: 992px) {
	.main_bbs .list_tt{
		padding:20px 0px 20px 20px;
	}
	.main_bbs .list {
		padding: 0px 0px 30px 20px;
		margin:0px;
		border-bottom:1px solid #d2d2d2;
	}
	.main_bbs ul.banner{
		padding-top:20px;
	}
}


@media (max-width: 992px) {
	.main_bbs .container{
		padding:0px;
		margin:auto;
		width:100%;
	}
	.main_bbs .bg1{
		padding:50px 50px 50px 50px;
		margin:0px;
	}
	.main_bbs .icon li img{
		padding-bottom:10px;
	}
	.main_bbs .bg2{
		padding:80px 50px 30px 50px;
	}
	.main_bbs td {
		padding:5px 0px;
	}
}
@media (max-width: 767px) {
	.main_bbs .bg1{
		padding:50px 20px 30px 20px;
		margin:0px;
	}
	
	.main_bbs .bg2{
		background-image: url('');
		background-position: right top;
		background-repeat: no-repeat;
		background-color:#d2d9e0;
		padding:50px 20px 30px 20px;
		margin:0px;
	}
}
@media (max-width: 519px) {
	.main_bbs .bg1{
		padding:50px 20px 50px 20px;
		margin:0px;
	}
	.main_bbs .icon{
		text-align:center;
		padding:20px 0px 0px 0px;
		margin:0px;
		border-top: 1px solid #caddcf;
		
	}
	.main_bbs .icon li img{
		width:70%;
		padding-bottom:10px;
	}
	
	.main_bbs .bg2{
		background-image: url('');
		background-position: right top;
		background-repeat: no-repeat;
		background-color:#d2d9e0;
		padding:50px 20px 30px 20px;
		margin:0px;
	}
}


/* portfolio Section(main) */
.portfolio{
	background:url('../images/main/main_portfolio.jpg') no-repeat;
}
.portfolio_title{
	padding-top:50px;
}
.portfolio_title_text{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	font-size: 2.2em;
	letter-spacing:-1px;
	color:#000000;
}
.portfolio_title_stext{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	font-size: 1.0em;
	letter-spacing:-1px;
	color:#9e9e9e;
}
.portfolio_title_line{
	margin:10px 0 10px 0;
}

.portfolio .btn {
	background-color: #000000;
	color: #ffffff;
	font-weight: 600;
	margin-top: 15px;
	padding: 12px 36px;
	text-transform: uppercase;
}
.portfolio .btn:hover {
	background-color: #004f9c;
	border-color: #004f9c;
} 

/* Portfolio Section */
.portfolio-top {
	position: relative;
}
.portfolio-area {
	border-bottom: 1px solid #d7dee0;
	padding: 60px 0px;
}
.portfolio-title {
	color: #6f7678;
	font-size: 2.125em;
	font-weight: 800;
	position: relative;
	text-transform: uppercase;
}
.portfolio-title:before,
.portfolio-title:after {
	content: '';
	position: absolute;
	top: 50%;
	height: 1px;
	background-color: #d7dee0;
	width: 32%;
}
.portfolio-title:before {
	left: 0px;
}
.portfolio-title:after {
	right: 0px;
}
.portfolio-area .title-description {
	color: #3498db;
	font-size: .875em;
	padding-top: 5px;
}
.portfolio-slider {
	padding-top: 25px;
}
.portfolio-slider .item {
	border-bottom: 2px solid #3498db;
	display: inline-block;
}
.portfolio-slider .item-title {
	color: #869093;
	display: inline-block;
	font-size: .875em;
	padding: 5px 0px;
}
.slide-nav {
	background-color: #3498db;
	border: 1px solid transparent;
	border-radius: 50%;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	width: 25px;
	height: 25px;
	line-height: 23px;
	text-align: center;
	top: 6px;
	position: absolute;
}
.slide-nav:hover {
	background-color: #ffffff;
	border-color: #3498db;
	color: #3498db;
}
.slide-left {
	left: 0px;
}
.slide-right {
	right: 0px;
}

/* customer Section */
.customer {
	background-color:#f6f6f6;
	padding:60px 0;
}
.customer .tel_title{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 600;
	font-size: 1.7em;
	letter-spacing:-1px;
	color:#000000;	
}
.customer .tel_number{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	font-size: 2.5em;
	letter-spacing:-1px;
	color:#004f9c;
}
.customer .tel_info{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	font-size: 1.0em;
	letter-spacing:-1px;
	color:#4c4c4c;
	padding-top:10px;
}
.customer .tel_info img{
	padding:10px 10px 10px 0;
}

.customer .tel_sns{
	margin-top:40px;
	border-left:1px solid;
	border-top:1px solid;
	border-color:#dadada;
}
.customer .tel_sns div{
	border-right:1px solid;
	border-bottom:1px solid;
	border-color:#dadada;
}
@media (max-width: 767px) {
.counsel_input{
	padding-top:20px
}
}
@media (min-width: 768px) {
.counsel_input{
	padding-top:0px
}
}
.customer .counsel_input .row div{
	padding-bottom: 10px;
}
.customer .counsel_individual{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 400;
	font-size: 0.92em;
	letter-spacing:-1px;
}
.customer .counsel_individual img{
	padding: 0 0 0 21px;
}

/* board_new Section */
.board_new{
	padding:50px 0;
}
@media (max-width: 991px) {
.board_new .board_new_title{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing:-1px;
	color:#000000;
	padding-top:20px;
}
}
@media (min-width: 992px) {
.board_new .board_new_title{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing:-1px;
	color:#000000;
}
}

.board_new .board_new_more{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	font-size: 0.8em;
	letter-spacing:-1px;
	color:#a3a3a3;
}
.board_new .board_new_more a{
	color:#a3a3a3;
}

.board_new .board_new_list{
	font-size:14px;
	letter-spacing:-0.5px;
	padding-top:10px;
}
.board_new .board_new_list a{
	color:#333333;
}
.board_new .board_new_list .row{
	height:28px;
}

/* Scroll To Top */

.scroll-to-top {
	position: fixed;
	right: 20px;
	bottom: -50px;
	font-size: 1.15em;
	height: 40px;
	width: 40px;
	background-color: #f4551d;
	line-height: 38px;
	color: #ffffff;
	text-align: center;
	opacity: .7;
	cursor: pointer;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.scroll-to-top:hover {
	opacity: 1;
}

/* Footer Section */
footer {
	float: left;
	width: 100%;
	background-color: #eeeeee;
	color: #606060;
	font-size: 0.9em;
	padding:30px 0px 30px 0px;
}
.footer_menu{
	color: #3e3e3e;
	padding-bottom:10px;
}
.footer_menu li{
	list-style:none;
	padding: 0px 20px 0px 0px;
}
.footer_menu li:last-child{
	padding: 0px 0px 0px 0px;
}
.footer_menu a{
	font-size: 0.8em;
	font-weight: 600;
	color: #3e3e3e;
}
.footer_menu a:hover{
	color: #000;
	font-weight: 600;
}
.footer_info{
	font-size: 0.8em;
	color: #888888;
	word-break:keep-all; 
	word-wrap:break-word;
	padding:10px 0px 0px 0px;
}
.footer_info li{
	padding:2px 20px 2px 0px;
	word-break:keep-all; 
	word-wrap:break-word;
}
.footer_info li a{
	color: #888888;
}
.footer_info span{
	/*font-family: 'Noto Sans KR','nanum-barun-gothic-regular'; */
	font-style: normal;
	font-weight: 600;
	font-size: 1.0rem;
	color: #585858;
}
.footer_copy{
	font-size:0.9em;
	color: #888888;
	word-break:keep-all; 
	word-wrap:break-word;
	padding-top:10px;
}
.footer_top p{
	height:30px;
}

@media (min-width: 1000px) {
	.footer_logo{
		float:left;
		display:block;
		text-align:center;
		padding-bottom:30px;
	}
	.footer_contact{
		padding-left:0px;
	}
}
@media (max-width: 767px) {
	.footer_copy img {
		width:120px;
		max-width:120px;
	}
}
@media (min-width: 768px) {
	.footer_copy img {
		width:120px;
		max-width:120px;
	}
}



/* 서브이미지 */
#sub_visual {
	width:100%;
	color:#FFFFFF;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin: 0px auto;
	background-color: #e8e8e8;
	height: 1px;
}
#sub_visual .box{
	display: block;
	width:100%; 
	max-width:1000px; 
	height: 150px;
	margin: auto;
	text-align:center;
}
#sub_visual .box .sub_visual_tt{
	width: 100%;
	padding: 45px 0px 0px 0px;
	margin: auto;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	color: #fff !important;
	font-size:1.6rem !important;
	font-weight: 700;
	opacity: .8;
}
#sub_visual .box .sub_visual_tt2{
	width: 100%;
	padding: 5px 0px 0px 0px;
	margin: auto;
	text-align:center;
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 100;
	font-size:0.9em !important;
	color: #fff !important;
	opacity: .6;
}
@media (max-width: 767px) {
	#sub_visual .box{
		height: 100px;
	}
	#sub_visual .box .sub_visual_tt{
		padding: 25px 0px 0px 0px;
		font-size:1.2rem !important;
	}	
	#sub_visual .box .sub_visual_tt2{
		font-weight: 300;
	}
}
#sub_visual .search{
	position: absolute;
	top: 35%;
	right: 10px;
	padding: 0px;
	margin: auto;
	text-align:right;
	background-color: #fff;
	border: 1px solid #dbdbdb;	
	color: #777777;
}
#sub_visual .search li{
	float: left;
	list-style:none;
	padding: 0px;
	margin: auto;
	color: #777777;
}
#sub_visual .search li:last-child{
	border-left: 1px solid #dbdbdb;
}
#sub_visual .search input{
	border: 0px;
	padding: 0px;
	margin: 0px;	
	outline: 0 !important;
	color: #777777;
	font-size: 0.7em;
	line-height: 30px;
}
#sub_visual .tt{
	float:left;
	display:block;
	width: 100%;
	text-align:left;
	font-family: 'Ubuntu', sans-serif;
	font-weight:600;
	font-style: normal;
	font-size: 2.6em;
	color:#fefefe;
	letter-spacing:-1.0px;
	word-break:keep-all; 
	word-wrap:break-word;
	padding:30px 0px 0px 0px;
	margin:0px auto;
}
#sub_visual .tt span{
	font-weight:200;
}
#sub_visual .sub{
	float:left;
	display:block;
	width: 100%;
	text-align:left;
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 500;
	font-size: 0.9em;
	color:#fff;
	letter-spacing:-1px;
	line-height:1.2;
	word-break:keep-all; 
	word-wrap:break-word;
	padding-top:10px;
	margin:0 auto;
}

/* 서브 Menu */
#sub_menu1 {
	display: block;
	width:100%;
	max-width:1000px;
	color:#d0d0d0;
	background-color:#fff;
	padding: 0px; 
	margin: 0 auto;
    font-family: 'nanum-barun-gothic-regular';
	font-style: normal;
}
#sub_menu1 ul{
	width: 100%;
	padding: 0px; 
	margin: 0 auto;
}
#sub_menu1 ul li{
	float: left;
	width:100%;
	font-size: 0.9em;
	color: #3c3c3c; 
	letter-spacing:0px;
	text-align: center;
	padding:15px 0px 12px 0px;
	margin:0px 0px;
	background-color:#efefef;
	cursor:pointer;
}
#sub_menu1 ul li.on{
	width:100%;
	font-weight:bold;
	color: #fff;
	background-color: #1a5cd6;
}
@media (max-width: 767px) {
	#sub_menu1 .container{
		width:100%;
		padding:0px;
		margin: 0 auto;
	}
}

#sub_menu3 {
	display: block;
	width:100%;
	max-width:1000px;
	color:#d0d0d0;
	background-color:#fff;
	padding: 0px; 
	margin: 0 auto;
    font-family: 'nanum-barun-gothic-regular';
	font-style: normal;
}
#sub_menu3 ul{
	width: 100%;
	padding: 0px; 
	margin: 0 auto;
}
#sub_menu3 ul li{
	float: left;
	width:33%;
	font-size: 0.9em;
	color: #3c3c3c; 
	letter-spacing:0px;
	text-align: center;
	padding:15px 0px 12px 0px;
	margin:0px 0px;
	background-color:#efefef;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	cursor:pointer;
}
#sub_menu3 ul li:first-child{
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
}
#sub_menu3 ul li.on{
	width:34%;
	font-weight:bold;
	color: #fff;
	background-color: #256dc5;
}
@media (max-width: 767px) {
	#sub_menu3 .container{
		width:100%;
		padding:0px;
		margin: 0 auto;
	}
}



#sub_menu4 {
	display: block;
	width:100%;
	max-width:1000px;
	color:#d0d0d0;
	background-color:#fff;
	padding: 0px; 
	margin: 0 auto;
    font-family: 'nanum-barun-gothic-regular';
	font-style: normal;
}
#sub_menu4 ul{
	width: 100%;
	padding: 0px; 
	margin: 0 auto;
}
#sub_menu4 ul li{
	float: left;
	width:25%;
	font-size: 0.9em;
	color: #3c3c3c; 
	letter-spacing:0px;
	text-align: center;
	padding:15px 0px 12px 0px;
	margin:0px 0px;
	background-color:#efefef;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	cursor:pointer;
}
#sub_menu4 ul li:first-child{
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
}
#sub_menu4 ul li.on{
	width:25%;
	font-weight:bold;
	color: #fff;
	background-color: #256dc5;
}
@media (max-width: 767px) {
	#sub_menu4 .container{
		width:100%;
		padding:0px;
		margin: 0 auto;
	}
}

#sub_menu8_bg{
	width:100%;
	padding: 0px; 
	margin: 0 auto;
	background-color:#efefef;
}
#sub_menu8 {
	display: block;
	width:100%;
	max-width:1000px;
	color:#d0d0d0;
	background-color:#efefef;
	padding: 0px; 
	margin: 0 auto;
    font-family: 'nanum-barun-gothic-regular';
	font-style: normal;
}
#sub_menu8 ul{
	width: 100%;
	padding: 0px; 
	margin: 0 auto;
}
#sub_menu8 ul li{
	float: left;
	width:137px;
	font-size: 0.9em;
	color: #3c3c3c; 
	letter-spacing:0px;
	text-align: center;
	padding:15px 0px 12px 0px;
	margin:0px 0px;
	background-color:#efefef;
	border-right: 1px solid #e3e3e3;
	cursor:pointer;
}
#sub_menu8 ul li:first-child{
	border-left: 1px solid #e3e3e3;
}
#sub_menu8 ul li:hover{
	background-color:#dfe8ee;
}
#sub_menu8 ul li.on{
	font-weight:bold;
	color: #fff;
	background-color: #1a5cd6;
}
#sub_menu8 ul li img{
	max-width: 50%;
}
@media (max-width: 1000px) {
	#sub_menu8 .container{
		width:100%;
		padding:0px;
		margin: 0 auto;
	}
	#sub_menu8 ul li{
		float: left;
		width:25%;
		font-size: 0.9em;
		color: #3c3c3c; 
		letter-spacing:0px;
		text-align: center;
		padding:12px 0px 10px 0px;
		margin:0px 0px 0px 0px;
		background-color:#efefef;
		border-right: 1px solid #e3e3e3;
		cursor:pointer;
	}
	#sub_menu8 ul li.line1{
		border-left: 1px solid #e3e3e3;
	}
	#sub_menu8 ul li.line2{
		border-top: 1px solid #e3e3e3;
	}
}

/* 서브 Path */
#sub_path {
	width:100%;
	height: 50px;
	color:#f5ccb1;
	background-color:#f47521;
	padding: 0px; 
	margin: 0 auto;
    font-family: 'nanum-barun-gothic-regular';
	font-style: normal;
}
#sub_path ul {
	max-width:1000px;
	height:50px;
	padding: 0px; 
	margin: 0 auto;
}
#sub_path li {
	float: left;
	height: 50px;
	padding:0px 0px;
	margin:0px 0px;
}
#sub_path li.home {
	width: 40px;
	padding:0px 0px 0px 0px;
	margin: 0 auto;
	text-align:left;
	background-image: url('/images/icon_path_home.png');
	background-position: center center;
	background-repeat: no-repeat;
}
#sub_path li.arrow {
	width: 70px;
	padding:0px 0px;
	margin: 0 auto;
	text-align:center;
	background-image: url('/images/icon_path_arrow.png');
	background-position: center center;
	background-repeat: no-repeat;
}
#sub_path li.name {
    font-family: 'dotum';
	font-style: normal;
	font-size:0.8em;
	color:#fadfcd;
	letter-spacing:0px;
	line-height: 50px;
}
#sub_path li.now {
    font-family: 'nanum-barun-gothic-regular';
	font-style: normal;
	font-size:0.8em;
	font-weight: 400;
	color: #ffffff;
	letter-spacing:0px;
	line-height: 50px;
}
@media (max-width: 767px) {
	#sub_path {
		height:30px;
	}
	#sub_path ul {
		height:30px;
	}
	#sub_path li {
		height:30px;
	}
	#sub_path li.home {
		width: 30px;
	}
	#sub_path li.arrow {
		width:40px;
		background-position: center left;
	}
	#sub_path li.name {
		line-height: 30px;
	}
	#sub_path li.now {
		line-height: 30px;
	}
}


/* sub */
.sub_contents{
	position: relative;
	display: block;
	background-color:#fff;
	padding: 30px 0px 30px 0px;
	margin:0 auto;
}
.sub_contents .page_title{
	font-family: 'Noto Sans KR', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.8em;
	letter-spacing:-0.5px;
	color: #000;
	text-align: left;
	padding:0px 0px 10px 0px;
	border-bottom: 2px solid #000;
}
.sub_contents .page_title_bottom {
	width: 100%;
	padding-top:0px;
}
@media (max-width: 767px) {
	.sub_contents{
		padding: 20px 0px 30px 0px;
	}
	.sub_contents .page_title{
		font-size: 1.2em;
		padding:0px 0px 20px 0px;
	}
	.sub_contents .page_title_bottom {
		padding-top:20px;
	}
}



#sub_left {
	width: 100%;
	padding: 10px 50px 0px 0px;
	margin: 0px;
}
#sub_left .tt{
	width: 100%;
	padding: 30px 10px;
	margin:0px;
	font-family:  'Montserrat', sans-serif;
	color: #fff;
	font-weight: 400;
	font-size: 1.4em;
	letter-spacing: -1px;
	line-height: 1.0;
	text-align: center;
	background-color: #1c58a9;
}
#sub_left .tt small{
	font-weight: 100;
}
#sub_left .tt span{
	display:block;
	font-family: 'Noto Sans KR', 'Nanum Gothic', 'Open Sans', 'Sans-serif';
	font-size: 0.4em;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0px;
	padding-top: 20px;
}
#sub_left .left_menu{
	width: 100%;
	padding: 0px 0px;
	margin:0px;
}
#sub_left .left_menu li{
	width: 100%;
	padding: 15px 10px;
	margin:0px;
	font-family: 'Noto Sans KR', 'Nanum Gothic', 'Open Sans', 'Sans-serif';
	font-weight: 500;
	font-size: 0.9em;
	color: #414141;
	letter-spacing: 0px;
	border-bottom: 1px solid #e3e3e3;
	cursor: pointer;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#sub_left .left_menu li:hover{
	/*background-color: #fbfbfb;*/
	padding-left: 20px;
	border-bottom: 1px solid #cfe0f8;
}
#sub_left .left_menu li.on{
	font-weight: 700;
	color: #000;
	border-bottom: 1px solid #387ede;
}

#sub_left_cs {
	width: 100%;
	padding: 20px 50px 0px 0px;
	margin: 0px;
}
#sub_left_cs .cs{
	background-color: #f1faef;
	padding: 40px 30px;
}
#sub_left_cs .cs li{
	width: 100%;
	font-family:  'Montserrat','Monda',  sans-serif;
	padding: 5px 0px;
	margin: 0px auto;
}
#sub_left_cs .tt{
	padding: 0px 0px 20px 0px;
	margin:0px;
	color: #000;
	font-weight: 100;
	font-size: 1.3em;
	line-height: 1;
	letter-spacing: -1px;
	text-align: left;
}
#sub_left_cs .tt strong{
	font-weight: 700;
	font-size: 1.5em;
}
#sub_left_cs  .tel {
	text-align: left;
	font-size: 0.9em;
}
#sub_left_cs  .tel span{
	font-family: 'Russo One', sans-serif;
	font-size: 2.0em;
	color: #000;
}
@media screen and (max-width: 950px) {
	#sub_left_cs .cs{
		padding: 30px 20px;
	}
	#sub_left_cs .tt{
		font-size: 1.0em;
	}
	#sub_left_cs  .tel {
		font-size: 0.75em;
	}
}



.sub_contents_search{
	position: relative;
	display: block;
	background-color:#fff;
	padding: 30px 0px 0px 0px;
	margin:0 auto;
}
.sub_contents_prod{
	position: relative;
	display: block;
	background-color:#fff;
	padding: 0px 0px 10px 0px;
	margin:0 auto;
}
.sub_contents_prod .page_title{
    font-family: 'nanum-barun-gothic-regular';
	font-style: normal;
	font-weight: 400;
	font-size: 1.7em;
	letter-spacing:-0.5px;
	color: #000;
	text-align: left;
	padding:0px 0px 30px 0px;
}
.sub_contents_prod .page_title_bottom {
	width: 100%;
	padding-top:30px;
}
@media (max-width: 767px) {
	.sub_contents_prod{
		padding: 20px 0px 10px 0px;
	}
	.sub_contents_prod .page_title{
		font-size: 1.2em;
		padding:0px 0px 20px 0px;
	}
	.sub_contents_prod .page_title_bottom {
		padding-top:20px;
	}
}


.sub_contactus{
	padding: 40px 0px;
	margin: 0px;
	background-color: #f8f8f8;
}
.sub_contactus .tt{
	padding: 0px 20px 20px 20px;
	margin: 0px auto;
	font-family: 'Noto Sans KR', 'Nanum Gothic', 'Open Sans', 'Sans-serif';
	font-size: 2.0rem;
	font-weight: 300;
	color: #000;
	letter-spacing: -1px;
	text-align: center;
	word-break:keep-all;
	word-wrap:break-word;
}
.sub_contactus .item_box{
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;

}
.sub_contactus .item_box li{
	float: left;
	padding: 5px 20px;
	margin: 0px;
	text-align: center;
}
.sub_contactus .item_box li .box{
	background-color: #fff;
	border: 1px solid #eaeaea;
	padding: 50px 10px 30px 10px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.sub_contactus .item_box li .t1{
	/*font-family: 'Noto Sans KR', 'Nanum Gothic', 'Open Sans', 'Sans-serif';*/
	font-weight: 700;
	font-size: 0.8rem;
	color: #7d7d7d;
	padding: 20px 10px 10px 10px;
	word-break:keep-all;
	word-wrap:break-word;
}
.sub_contactus .item_box li .t2{
	font-family: 'Noto Sans KR', 'Nanum Gothic', 'Open Sans', 'Sans-serif';
	font-size: 0.8rem;
	color: #000;
	height: 50px;
	padding: 0px 10px 10px 10px;
	word-break:keep-all;
	word-wrap:break-word;
}
.sub_contactus .item_box li span{
	font-family: 'Russo One', sans-serif;
	font-size: 1.0rem;
}
.sub_contactus .icon{
	font-size: 2.5rem;
	font-weight: 100;
	color: #236fd6;
	padding-bottom: 10px;
}
.sub_contactus .pic{
	padding: 30px 0px 0px 0px;
	margin: 0px auto;
}
.sub_contactus .pic img{
	width: 100%;
}
.sub_contactus .item_box li .box:hover{
	background-color: #1c58a9;
	border: 1px solid #1c58a9;
}
.sub_contactus .item_box li .box:hover .icon{
	color: #fff;
}
.sub_contactus .item_box li .box:hover .t1{
	color: #fff;
}
.sub_contactus .item_box li .box:hover .t2{
	color: #fff;
}
@media (max-width: 767px) {
	.sub_contactus .tt{
		font-size: 1.6rem;
		font-weight: 700;
	}
	.sub_contactus .item_box li{
		padding: 5px 5px;
	}
	.sub_contactus .item_box li span{
		font-size: 1.2rem;
	}
}



.page_box {
	display: inline-block;
	width:100%;
	text-align:center;
	padding:20px 0px;
	margin:auto;
}

.bottom_cs{
	float: left;
	width: 100%;
	padding: 30px 0px 50px 0px;
	margin: auto;
}
.bottom_cs li{
	padding: 0px 2px 0px 2px;
	margin:0px;
	word-break:keep-all; 
	word-wrap:break-word;
}
.bottom_cs li:first-child{
	padding: 0px 0px 0px 30px;
}
@media (max-width: 767px) {
	.bottom_cs{
		padding: 30px 20px 50px 20px;
	}
	.bottom_cs li{
		padding: 0px 2px 0px 2px;
		margin:0px;
		word-break:keep-all; 
		word-wrap:break-word;
	}
	.bottom_cs li:first-child{
		padding: 0px 0px 0px 5px;
	}
}
.bottom_cs li img{
	width: 100%;
	border: 0px;
}
.bottom_cs li .tt{
	font-weight: 100;
	font-size: 2.0em;
	color: #303030;
	line-height: 1.0em; 
	padding-bottom: 10px;
}
.bottom_cs li .tt span{
	font-weight: bold;
}
.bottom_cs li ul.cs_tel{
	float: left;
	width: 100%;
	padding: 0px 0px 2px 0px;
	margin:0px auto;
}
.bottom_cs li ul.cs_tel li{
	float: left;
	padding: 0px 0px 0px 20px;
	margin:auto;
	font-size: 1.5em;
	color: #212121;
	line-height: 24px;
}
.bottom_cs li ul.cs_tel li a{
	color: #212121;
}
.bottom_cs li ul.cs_tel li.tt{
	width: 60px;
	height: 24px;
	font-weight: bold;
	font-size: 0.6em;
	color: #fff;
	line-height: 24px;
	background-color: #000; 
	border-radius:3px;
	padding: 0px 10px;
	margin-top: 2px;
}
.bottom_cs li ul.cs_fax{
	float: left;
	width: 100%;
	padding: 2px 0px;
	margin:0px auto;
}
.bottom_cs li ul.cs_fax li{
	float: left;
	padding: 0px 0px 0px 20px;
	margin:auto;
	font-size: 1.0em;
	color: #8f8f8f;
	line-height: 24px;
}
.bottom_cs li ul.cs_fax li.tt{
	width: 60px;
	height: 24px;
	font-weight: bold;
	font-size: 0.6em;
	color: #fff;
	line-height: 24px;
	background-color: #a4a4a4; 
	border-radius:3px;
	padding: 0px 10px;
}

.bottom_cs li p.cs_info{
	float: left;
	width: 100%;
	font-size: 11px;
	color: #b3b0b8;
	line-height: 1.4em;
	padding: 10px 0px 10px 0px !important;
}
.bottom_cs li p.cs_info img{
	width: 24px;
}


/* 인사말 */
.sub_greeting_title{
	font-family: 'Noto Sans KR', 'Nanum Gothic', 'Open Sans', 'Sans-serif';
	font-size:1.7rem;
	font-weight: 100;
	color: #000;
	letter-spacing: -1.0px;
	text-align: center;
	word-break:keep-all;
	word-wrap:break-word;
	padding: 30px 10%;
}
.sub_greeting_title strong{
	font-weight: 700;
}
.sub_greeting{
	padding: 30px 0px 0px 0px;
	margin: 0px;
}
.sub_greeting li{
  float: left;
  padding: 0px;
  margin: 0px;
  font-size: 0.85rem;
  color: #464646;
  line-height: 1.6;
  letter-spacing: -1.0px;
  word-break:keep-all;
  word-wrap:break-word;
}
.sub_greeting li strong{
	font-weight: normal;
	color: #4769ba;
}
.sub_greeting li img{
  width: 100%;
  padding-bottom: 20px;
}
.sub_greeting .no{
  display: block;
  padding: 20px 0px 0px 0px;
  margin: 0px;
  font-size: 1.5rem;
  font-family: 'East Sea Dokdo', cursive;
  color: #0caac7;
  line-height: 1;
}
.sub_greeting .point{
  color: #000;
  font-weight: bold;
  background-image: url('/images/text_line_blue.gif');
  background-repeat: repeat-x;
  background-position: left bottom;
}
.sub_greeting .name{
  font-weight: bold;
  color: #000;
}
.sub_greeting .name span{
	font-family: 'Nanum Brush Script', 'cursive', 'sans-serif';
	font-weight: bold;
	font-size: 2.4rem;
	color: #000;
  padding-left: 10px;
}
@media (max-width: 767px) {
	.sub_greeting_title{
		font-size: 1.1rem;
		font-weight: 300;
		padding: 25px 5%;
	}
	.sub_greeting_title strong{
		font-size: 1.2rem;
	}
	.sub_greeting .t1{
		font-size: 1.6rem;
		padding: 0px 10% 20px 10%;
	}
	.sub_greeting li{
		font-size: 1.0em;
		padding: 10px;
	}
	.sub_greeting li img{
	    text-align: center;
	}
	.sub_greeting li.bar{
		background-image: url('/images/title_bar_blue.gif');
		background-position: 10px center;
		background-repeat: no-repeat;
	}
}



/* company */
.sub_company {
	float: left;
	display:block;
	width:100%; 
	padding:0px 0px 50px 0px;
	margin:0px;
}
.sub_company .bg {
	float: left;
	width: 100%;
	padding: 0px 0px;
	margin:0px;
	background-image: url('/images/company/bg.gif'); 
	background-position:center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;};
}

.company_top_tt {
	float: left;
	width: 100%;
	padding:0px 0px 50px 0px;
	margin:auto;
	text-align: center;
}
.company_top_tt p{
	width: 100%;
	padding:0px 0px 0px 0px;
	margin:auto;
	text-align: center;
    font-family: 'Noto Sans KR','NanumSquare';
	font-size: 1.8rem;
	font-weight: 100;
	line-height: 1.4;
	color: #000;
	word-break:keep-all; 
	word-wrap:break-word;
}
.company_top_tt p strong{
	font-size: 2.0rem;
	font-weight: 700;
}
@media (max-width: 698px) {
	.company_top_tt p{
		font-size: 1.5rem;
	}
	.company_top_tt p strong{
		font-size: 1.8rem;
	}
	.company_top_tt img{
		width: 100%;
	}
}
.sub_company .txt{
	display:block;
	font-size:1.0em;
	font-weight: 400;
	color:#5b5b5b;
	letter-spacing:0px;
	line-height: 1.5em;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 50px 40px 0px 0px;
}

@media (max-width: 767px) {
	.sub_company .txt{ padding: 30px 0px 0px 0px;}
	.sub_company .prod{margin:-130px 0px 0px 0px; padding: 0px;}
	.sub_company .prod img{ max-width: 45%; text-align: right;}
}
@media (max-width: 400px) {
	.sub_company .prod{margin:-100px 0px 0px 0px; padding: 0px; display:none;}
}
.company_table_tt{
	clear:both;
	float: left;
	width: 100%;
	font-weight: 100;
	font-size:2.0em;
	color: #525252;
	letter-spacing:-1.0px;
	padding: 50px 0px 0px 0px;
}
.company_table_tt span{
	font-weight: 500;
	color: #333333;
}
.company_table {
	width:100%; 
	border-top:1px solid #5d5d5d;
	border-bottom:1px solid #5d5d5d;
	padding:0px;
	margin:0px auto;
}
.company_table th{
	font-size:0.98em;
	font-weight: 600;
	color: #606060;
	letter-spacing:-1.0px;
	padding: 15px 0px 15px 10px;
	border-bottom:1px solid #e1e1e1;
}
.company_table td{
	font-size:0.98em;
	font-weight: 400;
	color: #454545;
	letter-spacing:0px;
	line-height: 1.8em;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 15px 0px;
	border-bottom:1px solid #e1e1e1;
}
.bus_1{
	color: #ffffff;
	font-size:0.8em;
	padding: 2px 6px;
	background-color: #5fb73c;
	border:0px;
	border-radius:5px;
}
.bus_2{
	color: #ffffff;
	font-size:0.8em;
	padding: 2px 6px;
	background-color: #00a8a5;
	border:0px;
	border-radius:5px;
}
.bus_3{
	color: #ffffff;
	font-size:0.8em;
	padding: 2px 6px;
	background-color: #f86e55;
	border:0px;
	border-radius:5px;
}


/*오시는 길*/
.sub_company_map {
	float: left;
	display:block;
	width:100%;
	padding:0px 0px 50px 0px;
	margin:0px;	
}


.sub_online {
	float: left;
	display:block;
	width:100%; 
	padding:20px 0px 50px 0px;
	margin:0px;
}
.online_top_tt {
	float: left;
	width: 100%;
	padding:0px 0px 50px 0px;
	margin:auto;
	text-align: center;
}
.online_top_tt p{
	width: 100%;
	padding:0px 0px 0px 0px;
	margin:auto;
	text-align: center;
    font-family: 'Noto Sans KR','NanumSquare';
	font-size: 2.0rem;
	font-weight: 100;
	line-height: 1.4;
	color: #000;
}
.online_top_tt p strong{
	font-weight: 900;
}
.online_top_tt2 {
	float: left;
	width: 100%;
	padding:0px 0px 5px 0px;
	margin:auto;
	text-align: left;
	font-weight: bold;
	font-size: 0.8em;
	color: #7e7d7d;
}
@media (max-width: 698px) {
	.online_top_tt img{
		width: 100%;
	}
	.online_top_tt {
		padding:0px 0px 30px 0px;
	}
	.online_top_tt p{
		font-size: 1.6rem;
		font-weight: 300;
	}	
	.online_top_tt2 {
		font-size: 0.9em;
	}
}
.online_table {
	width:100%; 
	border-top:1px solid #5d5d5d;
	border-bottom:1px solid #5d5d5d;
	padding:0px;
	margin:0px auto;
}
.online_table th{
	font-size:0.8em;
	font-weight: 600;
	color: #646464;
	padding: 15px 0px 15px 10px;
	border-bottom:1px solid #e1e1e1;
}
.online_table td{
	font-size:0.98em;
	color: #848484;
	letter-spacing:0px;
	line-height: 1.8em;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 15px 0px;
	border-bottom:1px solid #e1e1e1;
}
.online_table td input {
	background-color: #f2f2f2;
	color: #000 !important;
	border: 0px;
	padding: 5px 10px;
	height: 35px;
} 
.online_table td textarea {
	background-color: #f2f2f2;
	color: #000 !important;
	border: 0px;
	padding: 5px 10px;
	width: 100%;
	height: 150px;
} 
.online_table .name{
	width:200px;
}
.online_table .tel{
	width: 15%;
}
@media (max-width: 767px) { 
	.online_table .name{
		width:100%;
	}
	.online_table .tel{
		width: 30%;
	}
}
.sub_online .agree_tt{
	width: 100%;
	padding: 30px 0px 5px 0px;
	font-weight: bold;
	font-size: 0.8em;
	color: #555555;
}
.sub_online .agree_txt{
	width: 100%;
	padding: 15px 15px;
	font-weight: normal;
	font-size: 0.8em;
	color: #858585;
	line-height: 1.5em;
	background-color: #f7f7f7;
	border: 1px solid #ebebeb;
}
.sub_online .agree_txt strong{
	font-weight: bold;
	font-size: 1.0em;
	color: #363636;
}
.sub_online .agree_check{
	width: 100%;
	padding: 5px 0px 40px 0px; 
	margin: auto;
}
.sub_online .agree_check li{
	float: left;
	list-style: none;
	padding: 0px 0px 5px 0px;	
	width: 50%;
	font-weight: bold;
	font-size: 0.9em;
	color: #555555;
}
.sub_online .agree_check li:last-child{
	color: #000;
	text-align: right;
}
@media (max-width: 767px) { 
	.sub_online .agree_check li{
		width: 100%;
		padding: 0px 0px 10px 0px;	
	}
}


/*제품 카테고리*/
.sub_category {
	float: left;
	display:block;
	width:100%;
	padding:10px 0px 30px 0px;
	margin:0px;
}
.sub_category ul {
	width:100%;
	padding:0px;
	margin:0px;
}
.sub_category ul li{
	float:left;
	width:33.3%;
	font-size:0.9em;
	color: #888888;
	text-align:center !important;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 5px;
	margin:0px 0px;
	background-color:#fff;
}
.sub_category ul li .item_box{
	width: 100%;
	padding: 25px 20px 30px 20px;
	margin:0px 0px;	
	border: 1px dashed #eeeeee;
	cursor:pointer;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.sub_category ul li .item_box:hover{
	border:1px solid #b2cddf;
	background: -moz-linear-gradient(-20deg,  #eef7fa 0%, #eef7fa 30%, #ffffff 30%, #ffffff 100%);
	background: -webkit-linear-gradient(-20deg,  #eef7fa 0%,#eef7fa 30%,#ffffff 30%,#ffffff 100%);
	background: linear-gradient(160deg,  #eef7fa 0%,#eef7fa 30%,#ffffff 30%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef7fa', endColorstr='#ffffff',GradientType=0 );
}
.sub_category ul li .pic{
	text-align:center;
	padding:0px 0px;
	margin:0px auto;
	width: 100%;
	height: 100px;
	overflow:hidden;
}
@media (max-width: 767px) {
	.sub_category ul li .pic{
		text-align:center;
		padding:0px 0px;
		margin:0px auto;
		width: 100%;
		height: 80px;
		overflow:hidden;
	}
}
.sub_category ul li .pic img{
	padding:0px;
	border-radius:5px;
	background-color:#fff;
	max-height: 100%;
}
/*
.sub_category ul li:hover .pic img{
	transform: scale(1.1, 1.1);
}
*/
.sub_category ul li .tt{
	width:100%;
	height: 50px;
    font-family: 'Noto Sans KR','NanumSquare';
	font-size:0.95em;
	font-weight: 400;
	color:#2b2a2a;
	letter-spacing: -0.5px;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:center !important;
	vertical-align: middle;
    -webkit-box-orient:vertical;
	padding:10px 0px 0px 0px;
	margin: auto;
}
@media (max-width: 767px) {
	.sub_category ul li .tt{
		font-size:1.2em !important;
	}
}
.sub_category ul li .list{
	width:100%;
	font-size:0.7em;
	font-weight: bold;
	color:#c3c3c3;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:left;
	padding:15px 0px 0px 0px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:40px;
    line-height:12px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.sub_category ul li .cnt{
	width:100%;
	font-size:0.78em;
	color:#c5c5c5;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:left;
	padding:10px 0px 0px 0px;
}
.sub_category ul li .cnt span{
	font-weight: bold;
	color: #9dcee2;
}
.sub_category ul li .opt{
	width:100%;
	text-align:left;
	padding:10px 0px 0px 0px;
	color: #afafaf;
	font-size:11px;
}
.sub_category ul li .opt span{
	font-weight: bold;
}
.sub_category ul li .btn{
	width:100%;
	text-align:center;
	padding:20px 0px 0px 0px;
}
/*
.sub_category ul li .btn a{
	border-bottom: 1px solid #766460;
	background-image:url('/images/arrow_line.gif');
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:0px 30px 0px 0px;
	color: #857c7b;
	font-size: 0.7em;
}
.sub_category ul li:hover a, .sub_category ul li .btn a:hover{
	color: #d60e0e;
	padding-left:50px;
	border-bottom: 1px solid #d60e0e;
	background-image:url('/images/arrow_line_on.gif');
}
*/
.sub_category ul li .btn a{
	padding:5px 15px;
	color: #646464;
	font-size: 0.8em;
	background:#fff;
	border:1px solid #dfdfdf;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.sub_category ul li .item_box:hover .btn a{
	padding:5px 30px;
	color: #79e4ff;
	background:#000;
	border: 1px solid #000;
}
@media (max-width: 991px) {
	.sub_category ul li{
		float:left;
		width:33%;
		font-size:0.9em;
		color: #888888;
		text-align:center;
		word-break:keep-all; 
		word-wrap:break-word;
		padding: 5px;
		margin:0px auto;
		cursor:pointer;
	}
}
@media (max-width: 767px) {
	.sub_category ul li{
		float:left;
		width:50%;
		font-size:0.8em;
		color: #888888;
		text-align:center;
		word-break:keep-all; 
		word-wrap:break-word;
		padding: 5px;
		margin:0px 0px;
		cursor:pointer;
	}
	.sub_category ul li .tt{
		font-size: 1.1em;
	}
	.sub_category ul li .list{
		font-size: 0.8em;
	}
	.sub_category ul li .cnt{
		font-size: 0.88em;
	}
}

.sub_category_sroll {
	float: left;
	display:block;
	width:100%;
	max-height: 210px;
	padding:20px 0px;
	margin:0px auto;
	/*overflow:hidden;*/
}
@media (max-width: 767px) {
	.sub_category_sroll {
		max-height: 140px;
	}
}
.sub_category_sroll_trust {
	float: left;
	display:block;
	width:100%;
	max-height: 220px;
	padding:20px 0px;
	margin:0px auto;
	/*overflow:hidden;*/
}
@media (max-width: 767px) {
	.sub_category_sroll_trust {
		max-height: 160px;
	}
}

.sub_category_name{
	float: left;
	display:block;
	width:100%;
	height: 52px;
	padding:0px 0px 0px 10px;
	margin:0px auto;
	font-size: 1.2em;
	color: #fff;
	line-height: 52px;
	background-image: url('/images/category_bg.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	border-bottom: 1px solid #000000;
}
.sub_category_name span{
	font-size: 0.8em;
	color: #a5a5a5;
	letter-spacing:-1px;
	padding-left: 10px;
}
@media (max-width: 767px) {
	.sub_category_name{		
		border-radius:5px 0px 0px 0px;
		background-image: url('/images/category_bg_s.png');
		background-position:left bottom;
		background-repeat:no-repeat;
		/*
		background-image: url('');
		background: #000; 
		background: -moz-linear-gradient(45deg,  #000 0%, #000 75%, #fff 75%, #fff 100%); 
		background: -webkit-linear-gradient(45deg,  #000 0%,#000 75%,#ffff 75%,#fff 100%);
		background: linear-gradient(45deg,  #000 0%,#000 75%,#fff 75%,#fff 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#fff',GradientType=1 );
		*/
	}
}
.sub_category_name2{
	float: left;
	display:block;
	width:100%;
	padding:0px 0px 0px 10px;
	margin:0px auto;
	font-size: 1.0em;
	color: #000;
	line-height: 0.9em;
	border-left: 4px solid #000;
	display:none;
}
.sub_category_name2 span{
	font-size: 0.9em;
	color: #757575;
	letter-spacing:-1px;
	padding-left: 10px;
}

.category_con{
	float: left;
	display:block;
	width:100%;
	padding:0px;
	margin:5px auto 0px auto;
	background-image: url('/images/bar_blue.gif');
	background-position:left -4px;
	background-repeat: no-repeat;

}
.category_con ul {
	float: left;
	width:100%;
	padding:0px;
	margin:0px auto;
}
.category_con ul li {
	float: left;
	padding: 10px 0px 10px 0px;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:left;

}
@media (max-width: 767px) {
	.category_con ul li {
		float: left;
		padding: 20px 40px 20px 0px;
		word-break:keep-all; 
		word-wrap:break-word;
	}
}
.category_con p {
	padding: 0px;
	margin: 0px;
}
.category_con .c_txt1 {
    font-family: 'Noto Sans KR','NanumSquare';
	font-weight: 100;
	font-size: 1.7em;
	color: #2b44aa;
	padding: 20px 0px 10px 0px;
}
@media (max-width: 767px) {
	.category_con .c_txt1 {
		padding: 15px 0px 10px 0px;
		letter-spacing:-1.0px;
	}
}
.category_con .c_txt1 strong {
	font-weight: 800;
}
.category_con .c_txt2 {
	font-weight: bold;
	font-size: 0.9em;
	color: #2f2f2f;
	line-height: 1.1em;
	padding: 10px 0px;
}
.category_con .c_txt3 {
	font-size: 0.7em;
	color: #616161;
	line-height: 1.4em;
}
.category_con .cp_best{
	float: right;
	position: relative;
	display: block;
	padding: 0px 20px 0px 20px;
	margin:0px auto;
	max-width: 240px;
	max-height: 210px;
	overflow:hidden;
}
@media (max-width: 767px) {
	.category_con .cp_best{
		float: right;
		position: relative;
		display: block;
		padding: 0px 20px 0px 20px;
		margin:0px auto;
		max-width: 180px;
		max-height: 210px;
		overflow:hidden;
	}
}
.category_con .cp_best li{
	padding: 40px 0px 0px 0px;
	margin: 0px;
}
.category_con .cp_best li:last-child{
	padding: 40px 0px 0px 0px;
	margin: 0px;
}
@media (max-width: 767px) {
	.category_con .cp_best li{
		padding: 30px 0px 0px 0px;
	}
	.category_con .cp_best li:last-child{
		padding: 30px 0px 0px 0px;
	}
}
.category_con .cp_best p{
	width: 200px;
	padding: 0px;
	margin: 0px auto;
}
@media (max-width: 767px) {
	.category_con .cp_best p{
		width: 140px;
		padding: 0px;
		margin: 0px auto;
	}
}
.category_con .cp_img {
	width: 200px;
	height: 100px;
	padding: 0px 10px;
	background-color: #fff;
	border-radius:5px;
	text-align: center;
	background-position:center center;
	background-repeat: no-repeat;
	background-size: 100% auto; 
}
@media (max-width: 767px) {
	.category_con .cp_img {
		width: 200px;
		height: 100px;
		padding: 0px 10px;
		background-color: #fff;
		border-radius:5px;
		text-align: center;
		background-position:center center;
		background-repeat: no-repeat;
		background-size: 100% auto; 
	}
}
.category_con .cp_img img{
	width: 100%;
	height: 100%;
	border:0px;
}
.category_con .cp_txt1 {
	width: 100%;
	font-size: 0.7em;
	color: #a2a2a2;
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
}
.category_con .cp_txt2 {
	width: 100%;
	font-weight: bold;
	font-size: 0.8em;
	color: #000;
	line-height: 1.2em;
	text-align: right;
	padding: 0px 0px;
}
@media (max-width: 767px) {
	.category_con .cp_txt2 {
		font-size: 0.8em;
	}
}

.sub_tab_content {
	float: left;
	display:block;
	width:100%;
	padding:20px 0px 0px 0px;
	margin:0px auto;
}

.category_tab {
	float: left;
	display:block;
	width:100%;
	padding:20px 0px 0px 0px;
	margin:0px auto;
}
.category_tab ul {
	float: left;
	width:100%;
	padding:0px;
	margin:0px auto;
	border-bottom: 1px solid #000;
}
.category_tab ul li{
	float: left;
	padding:15px 30px 10px 30px;
	margin:0px -1px -1px auto;
	border-left: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 0px solid #000;
	font-weight: bold;
	color: #707070;
	font-size:0.7em;
	cursor: pointer;
}
@media (max-width: 999px) {
	.category_tab ul li{
		padding:15px 22px 10px 22px;
	}
}
.category_tab ul li:hover{
	color: #000;
}
.category_tab ul li.on{
	margin:0px 0px -1px auto;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #fff;
	color: #000;
}


.category_tab2 {
	float: left;
	display:block;
	width:100%;
	padding:20px 0px 0px 0px;
	margin:0px auto;
}
.category_tab2 ul {
	float: left;
	width:100%;
	padding:0px;
	margin:0px auto;
	border-bottom: 1px solid #000;
}
.category_tab2 ul li{
	float: left;
	padding:10px 5px;
	margin:0px -1px -1px auto;
	border-left: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	border-bottom: 0px solid #000;
	font-weight: bold;
	color: #707070;
	font-size:0.7em;
	cursor: pointer;
}
.category_tab2 ul li:hover{
	color: #000;
}
.category_tab2 ul li.on{
	margin:0px 0px -1px auto;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #fff;
	color: #000;
}


.category_tab3 {
	float: left;
	display:block;
	width:100%;
	padding:10px;
	margin:0px auto 10px auto;
	text-align: center;
	background-color: #f5f5f5
}
.category_tab3 ul {
	float: left;
	padding:0px;
	margin:0px auto;
	text-align: center;
}
.category_tab3 ul li{
	float: left;
	padding: 7px 20px;
	margin:2px 2px;
	font-weight: bold;
	color: #707070;
	font-size:0.68em;
	text-align: center;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	cursor: pointer;
}
.category_tab3 ul li:hover{
	color: #000;
}
.category_tab3 ul li.on{
	color: #fff;
	border: 1px solid #1e55d5;
	background-color: #1e55d5;
}
@media (max-width: 767px) {
	.category_tab3 ul li{
		padding: 8px 15px;
		font-size:0.85em;
	}
}


.tab_no {
	float: left;
	display:block;
	width:100%;
	padding:0px 0px;
	margin:0px auto;
	border-top: 4px solid #3a3434;
}
.tab2 {
	float: left;
	display:block;
	width:100%;
	padding:20px 0px 10px 0px;
	margin:0px auto;
	/*border-top: 1px solid #929292;*/
	border-bottom: 3px solid #3a3434;
	background-image:url('/images/line_01.png');
	background-position:top center;
	background-repeat: repeat-x;
}
.tab2 ul {
	width:100%;
	padding:0px;
	margin:0px auto;
}
.tab2 ul li{
	float: left;
	padding:0px 20px;
	margin:5px auto;
	border-left: 1px solid #e7e7e7;
	color: #717171;
	font-size:0.9em;
	cursor: pointer;
}
.tab2 ul li:first-child{
	border-left: 0px solid #e7e7e7;
}
.tab2 ul li:hover{
	color: #000;
}
.tab2 ul li.on{
	color: #f51010;
}
.tab {
	float: left;
	display:block;
	width:100%;
	padding:15px 0px;
	margin:0px auto;
	border-top: 1px dashed #eaeaea;
	border-bottom: 4px solid #3a3434;
}
.tab ul {
	width:100%;
	padding:0px;
	margin:0px auto;
}
.tab ul li{
	display:inline-block;
	padding:2px 1px 1px 1px;
	margin:0px auto;
}
.tab_select {
	float: left;
	display:block;
	width:100%;
	text-align:center;
	padding:10px 0px;
	margin:0px auto;
	background-color:#f0f0f0;
}
.tab_select select{
	width:90%;
	font-size:0.9em;
	padding:6px;
}


.pop_tt {
	float: left;
	width: 100%;
	font-size: 1.6em;
	font-weight: 600;
	padding: 0px 0px 20px 0px;
	margin:  0px;
}
.pop_txt {
	float: left;
	width: 100%;
	font-size: 1.0em;
	color: #676767;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 0px 0px 20px 0px;
}
.pop_info {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_info ul {
	float: left;
	width: 100%;
	padding: 40px 0px;
	margin:  0px auto;
	border-bottom: 1px dotted #c2c2c2;
}
.pop_info ul:last-child {
	float: left;
	width: 100%;
	padding: 20px 0px;
	margin:  0px auto;
	border-bottom: 0px dotted #c2c2c2;
}
.pop_info ul li {
	display:inline-block;
	font-size:0.9em;
	letter-spacing:0px;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_info ul li.li_line{
	display:inline-block;
	font-size:0.9em;
	letter-spacing:0px;
	padding: 30px 0px;
	margin:  0px auto;
}
.pop_info ul li.li_line p{
	display:block;
	width:100%;
	padding:0px;
	margin:0px auto;
	border-bottom: 1px dotted #c2c2c2;
}
.pop_info ul li .pic{
	width:100%;
	text-align:center;
	padding:0px 0px 15px 0px;
	margin:0px auto;
}
.pop_info ul li .pic img{
	height:100%;
}
.pop_info ul li .pic2{
	width:100%;
	text-align:center;
	padding:0px 0px 15px 0px;
	margin:0px auto;
}
.pop_info ul li .pic2 img{
	width:50%;
}
.pop_info ul li .pic3{
	width:100%;
	padding:0px 0px 15px 0px;
	margin:0px auto;
}
.pop_info ul li .pic3 img{
	width:50%;
}

.pop_info2 {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_info2 ul {
	float: left;
	width: 100%;
	padding: 15px 0px;
	margin:  0px auto;
}
.pop_info2 ul li {
	display:inline-block;
	font-size:0.9em;
	letter-spacing:0px;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_info2 ul li .pic{
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}
.pop_info2 ul li .pic img{
	width:80%;
}


.pop_info3 {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_info3 ul {
	float: left;
	width: 100%;
	padding: 0px 0px;
	margin:  0px auto;
}
.pop_info3 ul li {
	display:inline-block;
	min-height: 1060px;
	font-size:0.9em;
	letter-spacing:0px;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
	vertical-align:top;
}
.pop_info3 ul li img{
	max-width:80%;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.pop_table {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_table table {
	max-width: 100%;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_table table th {
	font-size:1.0em;
	font-weight:600;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 3px 0px;
	vertical-align: top;
}
.pop_table table th.t1 {
	font-weight:400;
	padding: 3px 0px 20px 0px;
}
.pop_table table th span{
	color:#dc3c3c;
	padding-right:5px;
}
.pop_table table td {
	font-size:0.9em;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 3px 0px 20px 0px;
	vertical-align: top;
}
.pop_table td .strong{
	color:#bf6868;
	font-weight:bold;
	padding-bottom:10px;
}
.pop_table img{
	max-width:100%;
	border:0px;
	padding:5px 0px;
}
.pop_table .pic{
	width:100%;
	padding:0px;
	margin:0px;
}
.pop_table .pic img{
	max-width:100%;
	border:0px;
	padding:5px 0px;
}
.pop_table .point {
	color: #de5921;
}

.pop_table_sub {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_table_sub table {
	max-width: 100%;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_table_sub table th {
	font-size:1.1em;
	font-weight:600;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 3px 0px;
	vertical-align: top;
}
.pop_table_sub table td {
	font-size:1.0em;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 3px 0px 0px 10px;
	vertical-align: top;
}
.pop_table_sub  img{
	padding: 0px 10px 0px 5px;
}

.pop_table2 {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_table2 table {
	max-width: 100%;
	border:1px solid #e0e0e0;
	padding: 0px 0px 0px 0px;
	margin:  0px auto;
}
.pop_table2 table th {
	font-size:0.9em;
	font-weight:400;
	color:#c22525;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 10px;
	background-color:#ececec;
	vertical-align: top;
}
.pop_table2 table td {
	font-size:0.9em;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 10px;
	background-color:#fff;
	vertical-align: top;
}
.pop_table2 img{
	max-width:100%;
	border:0px;
	padding:5px 0px;
}
.pop_table2 .pic{
	width:100%;
	padding:0px;
	margin:0px;
}
.pop_table .pic img{
	max-width:100%;
	border:0px;
	padding:5px 0px;
}
.pop_table2 .point {
	color: #de5921;
}

.table_tt {
	float:left;
	display:block;
	width:100%;
	font-size:1.0em;
	font-weight:400;
	padding:0px 0px 5px 0px;
	margin:0px;
}

.table_01 {
	float:left;
	display:block;
	width:100%;
	max-width: 100%;
	padding:0px;
	margin:0px;
	border-top:1px solid #000;
	border-left: 1px solid #d6dde4;
	overflow-x: auto;
	overflow-y: hidden
}
.table_01_2 {
	display:block;
	width:98%;
	padding:0px;
	margin:0px;
	border-top:2px solid #000;
	border-left: 1px solid #d6dde4;
}
.table_01 th,
.table_01_2 th{
	font-size:0.76em;
	letter-spacing:0px;
	text-align:center;
	padding:10px 3px;
    background-color: #f0f5fa;
	border-right: 1px solid #d6dde4;
	border-bottom: 1px solid #d6dde4;
}
.table_01 th.line,
.table_01_2 th.line{
	border-bottom: 1px solid #95a8bb;
}
.table_01 td,
.table_01_2 td{
	font-size:0.76em;
	letter-spacing:0px;
	text-align:center;
	padding:7px 10px;
	border-right: 1px solid #d6dde4;
	border-bottom: 1px solid #d6dde4;
}
.table_01 td.tt
.table_01_2 td.tt{
    background-color: #f0f5fa;
}
.table_01_2 td.txt{
	font-size:0.8em;
	font-weight:600;
	line-height:1.8;
	padding:50px 20px;
	text-align:right;
}


.table_02 {
	float:left;
	display:block;
	width:100%;
	padding:0px;
	margin:0px;
	border-bottom: 1px solid #d6dde4;
}
.table_02 th{
	font-size:1.0em !important;
	color:#dc3131;
	text-align:center;
	padding:5px 3px;
	border-bottom:2px solid #000;
}
.table_02 th:first-child{
	border-left: 1px solid #fff;
	border-bottom:2px solid #000;
}
.table_02 td{
	font-size:0.76em;
	text-align:center;
	padding:10px 3px !important;
	border-right: 1px solid #d6dde4;
	vertical-align:top;
}
.table_02 td.bg1{
    background-color: #f5f5f5;
}
.table_02 td.bg2{
    background-color: #f2f5f6;
}
.table_02 td.tt{
    background-color: #f0f5fa;
	border-bottom: 1px solid #688fb1;
}
.table_02 .line{
	border-left: 1px solid #d6dde4;
}



/*제품리스트*/
.sub_product_title{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 700;
	font-size: 2.0em;
	letter-spacing:-0.5px;
	color: #000;
	text-align: left;
	padding:0px 0px 10px 0px;
}
.sub_product_title .sub{
	font-size: 0.45em;
	font-weight:200;
	letter-spacing:-0.5px;
	color: #7b7b7b;
	text-align: left;
	padding:5px 0px 0px 0px;
	word-break:keep-all; 
	word-wrap:break-word;
}
.sub_product_title .sub span{
	font-size: 1.1em;
	font-weight:400;
	color: #454545;
}
.sub_product {
	float: left;
	display:block;
	width:100%;
	padding:10px 0px 30px 0px;
	margin:0px;
}
.sub_product ul {
	width:100%;
	padding:0px;
	margin:0px;
}
.sub_product ul li{
	float:left;
	width:33.3%;
	font-size:0.9em;
	color: #888888;
	text-align:center;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 5px;
	margin:0px 0px;
}
.sub_product ul li .item_box{
	width: 100%;
	padding: 25px 20px 30px 20px;
	margin:0px 0px;	
	border: 1px dashed #eeeeee;
	cursor:pointer;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.sub_product ul li .item_box:hover{
	border:1px solid #0096ff;
	background: #868f99; /* Old browsers */
	/*
	background: -moz-linear-gradient(top,  #eef7fa 0%, #eef7fa 50%, #ffffff 50%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #eef7fa 0%,#eef7fa 50%,#ffffff 50%,#ffffff 100%);
	background: linear-gradient(to bottom,  #eef7fa 0%,#eef7fa 50%,#ffffff 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef7fa', endColorstr='#ffffff',GradientType=0 );
	*/
	background: -moz-linear-gradient(-30deg,  #eef7fa 0%, #eef7fa 30%, #ffffff 30%, #ffffff 100%);
	background: -webkit-linear-gradient(-30deg,  #eef7fa 0%,#eef7fa 30%,#ffffff 30%,#ffffff 100%);
	background: linear-gradient(160deg,  #eef7fa 0%,#eef7fa 30%,#ffffff 30%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef7fa', endColorstr='#ffffff',GradientType=0 );
}
.sub_product ul li .pic{
	text-align:center;
	padding:0px 0px;
	margin:0px auto;
	width: 100%;
	height: 160px;
	overflow:hidden;
}
.sub_product ul li .pic img{
	padding:0px;
	border-radius:5px;
	background-color:#fff;
	max-width: 95%;
	max-height: 95%;
}
.sub_product ul li .item_box:hover .pic{
}
.sub_product ul li .tt{
	width:100%;
	font-size:1.1em;
	font-weight: bold;
	color:#2b2a2a;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:left;
	padding:30px 0px 0px 0px;
}
.sub_product ul li .list{
	width:100%;
	font-size:0.7em;
	font-weight: bold;
	color:#c3c3c3;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:left;
	padding:15px 0px 0px 0px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:40px;
    line-height:12px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.sub_product ul li .cnt{
	width:100%;
	font-size:0.78em;
	color:#c5c5c5;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:left;
	padding:10px 0px 0px 0px;
}
.sub_product ul li .cnt span{
	font-weight: bold;
	color: #9dcee2;
}
.sub_product ul li .opt{
	width:100%;
	text-align:left;
	padding:10px 0px 0px 0px;
	color: #afafaf;
	font-size:11px;
	line-height: 1.7em;
}
.sub_product ul li .opt span{
	font-weight: bold;
}
.sub_product ul li .btn{
	width:100%;
	text-align:center;
	padding:20px 0px 0px 0px;
}
.sub_product ul li .btn a{
	/*
	border-bottom: 1px solid #766460;
	background-image:url('/images/arrow_line.gif');
	background-position:bottom right;
	background-repeat:no-repeat;
	*/
	padding:5px 15px;
	color: #646464;
	font-size: 0.8em;
	background:#fff;
	border:1px solid #dfdfdf;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.sub_product ul li .item_box:hover .btn a:hover{
	color: #79e4ff;
	background:#000;
	border: 1px solid #000;
	/*
	border-bottom: 1px solid #d60e0e;
	background-image:url('/images/arrow_line_on.gif');
	*/
}
@media (max-width: 991px) {
	.sub_product ul li{
		float:left;
		width:33.3%;
		font-size:0.9em;
		color: #888888;
		text-align:center;
		word-break:keep-all; 
		word-wrap:break-word;
		margin:0px auto;
		padding: 5px;
		cursor:pointer;
	}
	.sub_product ul li .item_box{
		padding: 30px 20px 30px 20px;
	}
}
@media (max-width: 767px) {
	.sub_product ul li{
		float:left;
		width:50%;
		font-size:0.8em;
		color: #888888;
		text-align:center;
		word-break:keep-all; 
		word-wrap:break-word;
		margin:0px 0px;
		padding: 5px;
		cursor:pointer;
	}	
	.sub_product ul li .item_box{
		padding: 20px 20px 20px 20px;
	}
	.sub_product ul li .pic{
		height: 120px;
		text-align: center;
	}
	.sub_product ul li .tt{
		font-size:1.4em;
	}
	.sub_product ul li .list{
		font-size: 0.8em;
	}
	.sub_product ul li .cnt{
		font-size: 0.88em;
	}
}


.sub_product_trust {
	float: left;
	display:block;
	width:100%;
	padding:10px 0px 30px 0px;
	margin:0px;
}
.sub_product_trust ul {
	width:100%;
	padding:0px;
	margin:0px;
}
.sub_product_trust ul li{
	float:left;
	width:25%;
	font-size:0.9em;
	color: #888888;
	text-align:center;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 30px 20px 30px 20px;
	margin:0px 0px;
	cursor:pointer;
	background-color:#fff;
	border-top: 1px dashed #fff;
	border-right: 1px dashed #fff;
	border-left: 1px dashed #fff;
	border-bottom: 1px dashed #eeeeee;
}
.sub_product_trust ul li:hover{
	border:1px solid #d60e0e;
}
.sub_product_trust ul li .pic{
	text-align:center;
	padding:0px 0px;
	margin:0px auto;
	width: 100%;
	height: 160px;
	overflow:hidden;
}
.sub_product_trust ul li .pic img{
	padding:0px;
	border-radius:5px;
	background-color:#fff;
	max-width: 95%;
	max-height: 95%;
}
.sub_product_trust ul li:hover .pic img{
	transform: scale(1.1, 1.1);
}
.sub_product_trust ul li .tt{
	display: table-cell;
	width:100%;
	font-size:1.1em;
	font-weight: bold;
	color:#2b2a2a;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:left;
	vertical-align: middle;
	padding:15px 0px 0px 0px;
	margin: auto;
}
.sub_product_trust ul li .list{
	width:100%;
	font-size:0.7em;
	font-weight: bold;
	color:#c3c3c3;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:left;
	padding:15px 0px 0px 0px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:40px;
    line-height:12px;
    overflow:hidden;
    text-overflow:ellipsis;
}
.sub_product_trust ul li .cnt{
	width:100%;
	font-size:0.78em;
	color:#c5c5c5;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:left;
	padding:10px 0px 0px 0px;
}
.sub_product_trust ul li .cnt span{
	font-weight: bold;
	color: #9dcee2;
}
.sub_product_trust ul li .opt{
	width:100%;
	text-align:left;
	padding:10px 0px 0px 0px;
	color: #afafaf;
	font-size:11px;
	line-height: 1.7em;
}
.sub_product_trust ul li .opt span{
	font-weight: bold;
}
.sub_product_trust ul li .btn{
	width:100%;
	text-align:left;
	padding:20px 0px 0px 0px;
}
.sub_product_trust ul li .btn a{
	border-bottom: 1px solid #766460;
	background-image:url('/images/arrow_line.gif');
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:0px 30px 0px 0px;
	color: #857c7b;
	font-size: 0.7em;
}
.sub_product_trust ul li:hover a, .sub_product_trust ul li .btn a:hover{
	color: #d60e0e;
	padding-left:50px;
	border-bottom: 1px solid #d60e0e;
	background-image:url('/images/arrow_line_on.gif');
}
@media (max-width: 991px) {
	.sub_product_trust ul li{
		float:left;
		width:33%;
		font-size:0.9em;
		color: #888888;
		text-align:center;
		word-break:keep-all; 
		word-wrap:break-word;
		padding: 30px 20px 30px 20px;
		margin:0px auto;
		cursor:pointer;
	}
}
@media (max-width: 767px) {
	.sub_product_trust ul li{
		float:left;
		width:50%;
		font-size:0.8em;
		color: #888888;
		text-align:center;
		word-break:keep-all; 
		word-wrap:break-word;
		padding: 20px 20px 20px 20px;
		margin:0px 0px;
		cursor:pointer;
	}	
	.sub_product_trust ul li .pic{
		height: 120px;
	}
	.sub_product_trust ul li .tt{
		font-size:1.3em;
		letter-spacing:-0.5px;
	}
	.sub_product_trust ul li .list{
		font-size: 0.8em;
	}
	.sub_product_trust ul li .cnt{
		font-size: 0.88em;
	}
}

.wrap_desc{
	position: relative;
	display:table;
	width: 100%;
	padding: 40px 10px 40px 10px;
	margin: 0px auto;
	text-align: center;	
}
.desc_con{
	width: 100%;
	max-width: 1000px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	display: inline-block;
	text-align: center;
}
.sub_category_name{
	text-align: left !important;  
	margin-bottom: 20px;
}
.desc_tt {
	font-size: 1.4em;
	color: #000;
	line-height: 1.0em;
	text-align: left;
	padding:0px 0px 0px 10px;
	margin: 0px 0px 30px 0px;
	border-left: 5px solid #000;
}
.desc_box1{
	float:left;
	padding: 0px 50px 0px 0px;
	margin:0px auto;
	vertical-align: top;
	text-align: center;
}
.desc_box2{
	float:left;
	padding: 0px 0px 0px 0px;
	margin:0px auto;
	vertical-align: top;
}

#pic_box {
	width: 100%;
	min-height:400px;
	margin: auto;
	padding: 0px 0px 0px;
	background-color:#fff;
	border: 1px solid #efefef;
	text-align: center;
	vertical-align: middle;
}
#pic_box img{
	width:100%;	
}
@media (max-width: 767px) {
	#pic_box {
		min-height:auto;
		padding-bottom:10px;
	}
	.desc_box1{
		text-align: center;
		padding: 0px 0px !important;
	}
}
.pic_list{
	display: inline-block;
	position: relative;
	padding: 10px 0px 0px 0px;
	margin: 0px auto;
	text-align:center;
}
.pic_list li{
	width: 70px;
	height: 40px;
	margin: 0px 2px;
	padding: 5px;
	background-color:#fff;
}
.pic_list li img{
	width: 100%;
	max-height: 100%;
	cursor:pointer;
}
.prod_ca{
	width:100%;
    font-family: 'Noto Sans KR','NanumSquare';
	font-size: 1.2em;
	font-weight:100;
	color: #000;
	text-align:left; 
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
}
.prod_name{
	width:100%;
    font-family: 'Noto Sans KR','NanumSquare';
	font-size: 2.6em;
	font-weight:700;
	color: #000;
	text-align:left; 
	padding: 0px 0px 10px 0px;
	margin: 0px auto;
}
.prod_opt{
	width:100%;
	margin: 0px auto;
	padding: 0px 0px;
	border-top:1px solid #000;
}
.prod_opt ul{
	width:100%;
	margin: 0px auto;
	padding: 0px 0px;
}
.prod_opt ul li{
	float: inline-block;
	display:table-cell;
	font-size:0.8em;
	color: #414141;
	letter-spacing:0px;
	text-align:left; 
	margin: 0px auto;
	padding: 12px 0px 12px 15px;
	border-bottom:1px solid #e2e2e2;
	word-break:keep-all; 
	word-wrap:break-word;
}
.prod_opt ul li.tt{
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing:-0.5px;
	padding: 12px 0px 12px 10px;
	background-color:#f8f8f8;
	color: #818181;
}

.prod_con{
	float:left;
	width:100%;
	margin: 0px auto;
	padding: 0px 0px;
	border-top:1px solid #f3f3f3;
}
.prod_con ul{
	width:100%;
	margin: 0px auto;
	padding: 0px 0px;
}
.prod_con ul li{
	float: inline-block;
	display:table-cell;
	font-size:0.75em;
	letter-spacing:0px;
	text-align:left; 
	margin: 0px auto;
	padding: 10px 0px;
	word-break:keep-all; 
	word-wrap:break-word;
}


/*온라인상담*/
.sub_online_t1 {
	font-size:1.3em;
	font-weight:400;
	color:#000;
	padding-bottom:5px;
}
.sub_online_t2 {
	font-size:0.9em;
	color: #6e6e6e;
	padding-bottom:20px;
}

/*주문시 고려사항*/
.sub_consid_box {
	width:100%;
	padding-top:20px;
}
.sub_consid_box ul {
	width: 100%;
	display: inline-block;
	padding:0px;
	margin:0px;
}
.sub_consid_box ul li{
	display:inline-block;
	padding: 0px 0px;
	margin:auto;
	text-align:left;
}
.sub_consid_box ul li.pic{
	padding:15px 30px 10px 0px;
}
.sub_consid_box ul li.pic img{
}
.sub_consid {
	padding:0px;
}
.sub_consid ul {
	width: 100%;
	display: inline-block;
	padding:0px;
	margin:0px;
}
.sub_consid ul li{
	display:inline-block;
	font-size:1.0em;
	color: #4f4f4f;
	word-break:keep-all; 
	word-wrap:break-word;
	padding: 5px 0px;
	margin:auto;
	text-align:left;
}
.sub_consid ul li.tt{
    font-family: 'Noto Sans KR','NanumSquare';
	font-weight:400;
	font-size:1.8em;
	color: #000;
	padding: 5px 0px 0px 0px;
	margin:auto;
}
.sub_consid ul li.txt{
	line-height: 1.7;
	padding: 5px 0px 30px 0px;
	margin:auto;
}
.sub_consid .step{
	display: inline-block;
	margin:auto;
    font-family: 'Noto Sans KR','NanumSquare';
	font-weight:400;
	font-size:1.8em;
	color: #000;
	padding:0px 0px 0px 10px;
	margin:0px;
	border-left: 5px solid #c8373d;
}
.sub_consid .step em{
	font-size:0.6em;
	font-weight:100;
	color:#dbc4c9;
	letter-spacing:0px;
}
.sub_consid  .line{
	border-top: 1px solid #d6dfe1;
	padding:0px 0px 30px 0px;
}



/*제품의 원료*/
.sub_feature_box {
	width:100%;
	padding-top:20px;
}
.sub_feature_box ul {
	width: 100%;
	display: inline-block;
	padding:0px;
	margin:0px;
}
.sub_feature_box ul li{
	display:inline-block;
	padding: 0px 0px;
	margin:auto;
	text-align:left;
}
.sub_feature_box ul li.pic{
	padding:15px 30px 10px 0px;
}
.sub_feature_box ul li.pic img{
}
.sub_feature{
	float: left;
	display:block;
	width:100%;
	padding:0px 0px;
	margin:0px;	
}
.sub_feature .tt{
	float: left;
	display:block;
	width:100%;
    font-family: 'Noto Sans KR','NanumSquare';
	font-size:1.8em;
	font-weight: 500;
	color: #000;
	padding:0px 0px;
}
.sub_feature .tt span{
    font-family: 'Noto Sans KR','NanumSquare';
	font-size:0.9em;
	font-weight: 500;
	color:#d26779;
	padding-right:5px;
}
.sub_feature .con{
	float: left;
	display:block;
	width:100%;
	font-size:1.0em;
	color:#6b6b6b;
	letter-spacing:0px;
	line-height:1.2;
	word-break:keep-all; 
	word-wrap:break-word;
	padding:10px 0px 50px 0px;
}
.sub_feature .line{
	float:left;
	width:100%;
	border-top: 2px solid #282828;
	padding:0px 0px 50px 0px;
}
.sub_feature .info{
	float:left;
	width:100%;
	margin:0px;
	padding: 0px 0px 0px 0px;
}
.sub_feature .info ul{
	width:100%;
	padding: 10px 0px;
	margin:0px;
}
.sub_feature .info li{
	font-size:1.0em;
	color:#6b6b6b;
	width:100%;
	padding:2px 0px 2px 10px;
	margin:0px;
}
.sub_feature .info li.tt{
    font-family: 'NanumSquare';
	font-size:1.2em;
	font-weight:600;
	color:#282828;
	padding:2px 0px 5px 0px;
}
.sub_feature .list{
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
.sub_feature .list ul{	
	width:100%;
	padding:10px 0px;
	margin:20px 0px 0px 0px;
}
.sub_feature .list ul li{
	display:inline-block;
	width:100%;
	padding:0px;
	margin:0px;
}
.sub_feature .list ul li.tt{
    font-family: 'Noto Sans KR','NanumSquare';
	font-size:1.8em;
	font-weight:600;
	color:#000;
	line-height:1.0;
	text-align:left;
	padding:0px 0px 0px 10px;
	margin:0px;
	border-left: 5px solid #c8373d;
}
.sub_feature .list ul li.txt{
	font-size:1.0em;
	color:#6b6b6b;
	padding:10px 0px 10px 17px;
	margin:0px;
}
.sub_feature .list ul li.txt span{
	font-size:1.2em;
	font-weight:400;
	color:#2c2c2c;
	line-height:1.4;
}
@media (max-width: 767px) {
	.sub_feature .con{
		font-size:0.9em;
		line-height:1.2;
	}
	.sub_feature .con img{
		width: 100%;
	}
}

.sub_others {
	float: left;
	display:block;
	width:100%;
	padding:0px 0px 50px 0px;
	margin:0px;	
}
.sub_others  td,
.sub_others  p{
	font-size:0.94em;
	color: #3f3f3f;
	line-height:1.4;
	word-break:keep-all; 
	word-wrap:break-word;
}

/* 테이블 */
.table_box {
	width: 100%;
	border-top:2px solid #5d5d5d;
	border-bottom:1px solid #6d6d6d;
}
.table_box th{
	font-size:0.8em;
	color: #4f4f4f;
	padding:10px 0px 10px 10px;
	background-color:#fafafa;
	border-top:1px solid #ececec;
}
.table_box td{
	font-size:1.2em;
	color: #1e1e1e;
	letter-spacing:0px;
	padding:10px 10px 10px 10px;
	background-color:#fff;
	border-top:1px solid #ececec;
}
.table_box td span{
	font-size:0.8em;
	color: #4f4f4f;
	letter-spacing:-0.5px;
	padding-left:20px;
}
.table_box td select{
	font-size:0.8em;
	padding:4px 0px;
}
.table_box td input{
	font-size:0.8em;
	border-radius:2px;
	padding:7px 5px;
	margin:2px 0px;
}
.table_box td .full{
	width:100%;
}
.table_box td .tel{
	width:100px;
}
.table_box .btn_idchk{
	border-radius:2px;
	margin:-3px 0px 0px 2px;
}

@media (max-width: 519px) {
	.table_box td span{
		display:block;
		padding:5px 0px 0px 0px;
	}	
	.table_box td select{
		width:100%;
		font-size:0.9em;
		padding:5px 0px;
		margin:2px 0px;
	}
	.table_box td input{
		width:100%;
	}
	.table_box td .tel{
		width:30%;
	}
	.table_box .btn_idchk{
		margin:0px 0px 0px 0px;
	}
}

.DivContents{
	width:100%; 
	table-layout:fixed;
	padding:20px 0px;
}
.DivContents img{
	max-width: 1000px;
}
.DivContents2{
	width:100%; 
	table-layout:fixed;
}
.DivContents2 img{
	max-width: 1000px;
}


/*버튼 모음*/
.bt_box_left{	
	float:left;
	width:100%;
	text-align:left;
}
.bt_box_center{	
	float:left;
	width:100%;
	text-align:center;
}
.bt_box_right{	
	float:left;
	width:100%;
	text-align:right;
}
.bt_radius_3{	
	border-radius:3px;
}
.bt_radius_5{	
	border-radius:5px;
}
.bt_radius_10{	
	border-radius:10px;
}
.bt_radius_100{	
	border-radius:100%;
}
.bt_white {
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:0.9em;
	color:#333;
	background-color:#fff;
	border: 1px solid #eaeaea;
} 
.bt_white:focus, .bt_white:hover {
	color:#fff;
	font-weight: 400;
	background-color:#a9a9a9;
	border: 1px solid #989898;
	outline: 0;
}
.bt_white span{
	font-size:0.9em;
	color: #a7a7a7;
	padding-left:5px;
}
.bt_white:focus, .bt_white:hover span{
	color: #ececec;
}
.bt_white_line {
	display:inline-block;
	padding:10px 30px;
	margin-bottom:0;
    font-family: 'Noto Sans KR','NanumSquare';
	font-weight: 400;
	font-size: 0.8rem;
	color:#000;
	background-color:#fff;
	border: 1px solid #fff;
	/*opacity: 0.7; */
}
.bt_white_line:focus, .bt_white_line:hover {
	color:#fff;
	background-color: #db0000;
	border: 1px solid #db0000;
	padding:10px 40px;
	opacity: 1;
	outline: 0;
}
@media (max-width: 969px){
  .bt_white_line { font-size:0.8em;}
}
.bt_gray {
	display:inline-block;
	color:#333;
	font-size:0.9em;
	margin-top: 15px;
	padding: 6px 36px;
	background-color: #f3f3f3;
	border:0px;
} 
.bt_gray:focus, .bt_gray:hover {
	font-weight: 400;
	background-color: #e9e9e9;
	border: none;
	outline: 0;
}
.bt_gray2 {
	display:inline-block;
	color:#fff;
	font-size:0.9em;
	margin-top: 15px;
	padding: 6px 36px;
	background-color: #818181;
	border:0px;
} 
.bt_gray2:focus, .bt_gray2:hover {
	font-weight: 400;
	background-color: #000;
	border: none;
	outline: 0;
}
.bt_darkgray {
	display:inline-block;
	color:#fff;
	font-size:0.9em;
	padding: 6px 6px;
	background-color: #656565;
	border:0px;
} 
.bt_darkgray:focus, .bt_darkgray:hover {
	color:#fff;
	background-color: #4a4a4a;
	border: none;
	outline: 0;
}
.bt_black {
	display:inline-block;
	color: #ffffff;
	font-size:0.9em;
	margin-top: 15px;
	padding: 6px 36px;
	background-color: #000;
	border:0px;
}
.bt_black:focus, .bt_black:hover {
	color: #ffffff;
	font-weight: 400;
	background-color: #232323;
	border: none;
	outline: 0;
}
.bt_black_line {
	display:inline-block;
	color: #4d4d4d;
	font-size:0.7em;
	padding: 6px 30px;
	background: rgba(255,255,255,0);
	border:1px solid #898989;
}
.bt_black_line:focus, .bt_black_line:hover {
	color: #000;
	border:1px solid #000;
	outline: 0;
}
.bt_orange {
	display:inline-block;
	color: #ffffff;
	font-size:0.9em;
	margin-top: 15px;
	padding: 6px 36px;
	background-color: #f47521;
	border:0px;
}
.bt_orange:focus, .bt_orange:hover{
	color: #ffffff;
	font-weight: 400;
	background-color: #f46221;
	border: none;
	outline: 0;
} 
.bt_red {
	display:inline-block;
	color: #ffffff;
	font-size:0.9em;
	margin-top: 15px;
	padding: 6px 36px;
	background-color: #c8373d;
	border:0px;
}
.bt_red:focus, .bt_red:hover{
	color: #ffffff;
	font-weight: 400;
	background-color: #b12329;
	border: none;
	outline: 0;
} 
.bt_blue {
	display:inline-block;
	color: #ffffff;
	font-size:0.9em;
	padding: 6px 6px;
	background-color: #1967c8;
	border:0px;
}
.bt_blue:focus, .bt_blue:hover{
	color: #ffffff;
	background-color: #155aae;
	border: none;
	outline: 0;
} 
.bt_notice {
	display:inline-block;
	color: #ffffff;
	font-size:0.8em;
	padding: 3px 5px;
	background-color: #db464d;
	border:0px;
	border-radius:3px;
}

.bt_prod {
	display:inline-block;
	color:#fff;
	font-size:0.9em;
	margin-top: 0px;
	padding: 6px 36px;
	background-color: #818181;
	border:0px;
} 
.bt_prod:focus, .bt_prod:hover {
	font-weight: 400;
	background-color: #000;
	border: none;
	outline: 0;
}
.bt_prod_red {
	display:inline-block;
	color: #ffffff;
	font-size:0.9em;
	padding: 6px 6px;
	background-color: #c8373d;
	border:0px;
}
.bt_prod_red:focus, .bt_prod_red:hover{
	color: #ffffff;
	font-weight: 400;
	background-color: #b12329;
	border: none;
	outline: 0;
} 
.bt_prod_blue {
	display:inline-block;
	color: #ffffff;
	font-size:0.9em;
	padding: 6px 6px;
	background-color: #4692df;
	border:0px;
}
.bt_prod_blue:focus, .bt_prod_blue:hover{
	color: #ffffff;
	font-weight: 400;
	background-color: #2c6bac;
	border: none;
	outline: 0;
} 
.bt_prod_white {
	display:inline-block;
	padding:6px 6px;
	margin-bottom:0;
	font-size:0.9em;
	color:#333;
	background-color:#fff;
	border: 1px solid #eaeaea;
} 
.bt_prod_white:focus, .bt_prod_white:hover {
	color:#fff;
	font-weight: 400;
	background-color:#a9a9a9;
	border: 1px solid #989898;
	outline: 0;
}
.bt_prod_all {
	display:inline-block;
	padding:10px 80px 10px 30px;
	margin:20px auto;
	font-size:0.75em;
	font-weight: 400;
	color:#282828;
	background-color:#fff;
	border: 2px solid #575757;
	background-image: url('/images/icon_plus.gif');
	background-position:85% center;
	background-repeat: no-repeat;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
} 
.bt_prod_all:focus, .bt_prod_all:hover {
	padding:10px 120px 10px 70px;
	color:#bf180c;
	background-color:#fff;
	border: 2px solid #bf180c;
	outline: 0;
	background-image: url('/images/icon_plus_on.gif');
	background-position:85% center;
	background-repeat: no-repeat;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
@media (max-width: 768px) {	
	.bt_prod_all {
		margin:20px auto 20px auto;
	}
}

.bt_online {
	display:inline-block;
	width: 70%;
	color: #1967c8;
    font-family: 'Noto Sans KR','NanumSquare';
	font-size:1.2rem;
	padding: 10px 0px;
	margin-top: 20px;
	border: 1px solid #1967c8;
	border-radius:30px;
}
.bt_online:focus, .bt_online:hover{
	color: #ffffff;
	background-color: #1967c8;
	outline: 0;
} 



.bt_tab_white {
	display:inline-block;
	font-size:0.9em;
	color:#333;
	margin: 0px auto;
	padding: 10px 36px;
	background-color:#fff;
	border: 1px solid #eaeaea;
} 
.bt_tab_white:focus, .bt_tab_white:hover {
	color:#333;
	font-weight: 500;
	background-color:#e4e4e4;
	border: 1px solid #dddddd;
	outline: 0;
}
.bt_tab_red {
	display:inline-block;
	color: #ffffff;
	font-size:0.9em;
	margin: 0px auto;
	padding: 10px 36px;
	background-color: #c8373d;
	border: 1px solid #c1343a;
}
.bt_tab_red:focus, .bt_tab_red:hover{
	color: #ffffff;
	font-weight: 500;
	background-color: #b12329;
	border: 1px solid #ab2228;
	outline: 0;
} 



.bt_edu_end {
	display:inline-block;
	color: #ffffff;
	font-size:0.9em;
	padding: 3px 5px;
	background-color: #232323;
	border:0px;
	border-radius:3px;
}
.bt_edu_end:focus, .bt_edu_end:hover {
	color: #ffffff;
	font-weight: 600;
	background-color: #000;
	border: none;
	outline: 0;
}
.bt_edu_apply {
	display:inline-block;
	color: #ffffff;
	font-size:0.9em;
	padding: 3px 5px;
	background-color: #f47521;
	border:0px;
	border-radius:3px;
}
.bt_edu_apply:focus, .bt_edu_apply:hover{
	color: #ffffff;
	font-weight: 600;
	background-color: #f46221;
	border: none;
	outline: 0;
} 


/* 서브메뉴 */
@media (max-width: 767px) {
#sub-menu{
	border-color:#dadada;
	overflow-x:hidden;
}
#sub-menu .row{
	border-right:1px solid;
	border-color:#dadada;
}
#sub-menu .row div{
	height:46px;
	border-left:1px solid;
	border-bottom:1px solid;
	border-color:#dadada;
	text-align:center;
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	letter-spacing:-1px;
	color:#000000;
	font-size:1.0em;
	line-height:3.2;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#sub-menu .row .on{
	background-color:#004f9c;
	color:#FFFFFF;
}
}
@media (min-width: 768px) {
#sub-menu{
	border-color:#dadada;
	overflow-x:hidden;
}
#sub-menu .row{
	border-right:1px solid;
	border-color:#dadada;
}
#sub-menu .row div{
	height:54px;
	border-left:1px solid;
	border-bottom:1px solid;
	border-color:#dadada;
	text-align:center;
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	letter-spacing:-1px;
	color:#000000;
	font-size:1.0em;
	line-height:3.2;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#sub-menu .row .on{
	background-color:#004f9c;
	color:#FFFFFF;
}
}
@media (min-width: 992px) {
#sub-menu{
	border-bottom:1px solid;
	border-color:#dadada;
	overflow-x:hidden;
}
#sub-menu .row{
	border-right:1px solid;
	border-color:#dadada;
}
#sub-menu .row div{
	height:54px;
	border-left:1px solid;
	border-bottom:0px;
	border-color:#dadada;
	text-align:center;
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	letter-spacing:-1px;
	color:#000000;
	font-size:1.0em;
	line-height:3.2;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#sub-menu .row .on{
	background-color:#004f9c;
	color:#FFFFFF;
}
}

#sub-menu .row div:hover{
	color:#0281da;
}
#sub-menu .row .on:hover{
	color:#FFFFFF;
}

/* 서브내용 */
.sub-con{
	padding:78px 0 40px 0;
}

/* 갤러리 */
.gallery_sub .pic_bg{
	display:table-cell;
	padding: 0px 10px;
	margin:auto;
	width:100%;
	height:180px;
	overflow:hidden;
}
.gallery_sub .pic{
	padding: 0px 0px;
	margin:auto;
	width:100%;
	height:180px;
	background-color:#f4551d;
	border:0px solid #f4551d;
	overflow:hidden;
}
.gallery_sub .pic img{
	max-width: none;
	width:100%;
	height: 180px;
	left:-60px;
	top:-40px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}
.gallery_sub .pic:hover{
	border:10px solid #f4551d;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.gallery_sub .pic:hover img {
	opacity: 0.9;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}
.gallery_sub .tt{
	display:table-cell;
	padding:10px 10px 0px 10px;
	margin:auto;
	width:100%;
	height:60px;
	word-break:keep-all; 
	word-wrap:break-word;
	text-align:center;
}
.gallery_sub .tt a{
	color:#000;
}
.gallery_sub .tt a:hover{
	color:#000;
}
.gallery_sub .btn {
	background-color: #000000;
	color: #ffffff;
	font-weight: 600;
	margin-top: 15px;
	padding: 12px 36px;
	text-transform: uppercase;
}
.gallery_sub .btn:hover {
	background-color: #004f9c;
	border-color: #004f9c;
} 

@media (max-width: 360px) {
	.gallery_sub .tt{
		display:table-cell;
		padding:10px 10px 0px 10px;
		margin:auto;
		width:100%;
		height:40px;
		word-break:keep-all; 
		word-wrap:break-word;
		text-align:center;
	}
	.gallery_sub .pic{
		display:table-cell;
		padding: 0px 0px;
		margin:auto;
		width:100%;
		height:180px;
		overflow:hidden;
	}
}
@media (max-width: 767px) {
	.gallery_sub .pic{
		width:100%;
		height:210px;
		overflow:hidden;
	}
}
@media (min-width: 768px) {
	.gallery_sub .pic{
		width:100%;
		height:210px;
		overflow:hidden;
	}
}
@media (min-width: 992px) {
	.gallery_sub .pic{
		width:100%;
		height:180px;
		overflow:hidden;
	}
}
@media (min-width: 1000px) {
	.gallery_sub .pic{
		width:100%;
		height:180px;
		overflow:hidden;
	}
}


/* 5 - Padding,Margin
------------------------------------------------------------------------*/
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt70{padding-top:70px;}
.pt100{padding-top:100px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl24{padding-left:24px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr24{padding-right:24px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb70{padding-bottom:70px;}
.pb100{padding-bottom:100px;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}

.w_full {width:100%;}
.text_center {text-align:center;}


.line_t1_gray{ border-top:1px solid #f1f1f1;}

.line_b1_gray{ border-bottom:1px solid #f1f1f1;}
.line_b1_black{ border-bottom:1px solid #000000;}
.line_b2_black{ border-bottom:2px solid #000000;}
.line_b5_black{ border-bottom:5px solid #000000;}

.color_navy{
	color:#004f9c;
}
.color_red{
	color:#d11217;
}
.color_black{
	color:#000000;
}
@media (max-width: 991px) {
.color_yellow{
	color:#f00707;
}
}
@media (min-width: 992px) {
.color_yellow{
	color:#fcff00;
}
}

.color_yellow_cou{
	color:#fcff00;
}

/* 9 - board
------------------------------------------------------------------------*/
.edu-list{
	font-size:0.8em;
}
.edu-list thead{
	border-top:2px solid #505050;
	border-bottom:1px solid #dadada;
	background-color:#f4f4f4;
}
.edu-list thead th{
	padding:12px 0;
	text-align:center;
}
.edu-list tbody td{
	padding:12px 10px;
	color:#6a6a6a;
	text-align:center;
	border-bottom:1px solid #eeeeee;
	word-break:keep-all; 
	word-wrap:break-word;
}
.edu-list tbody td a{
	font-size:1.3em;
	color:#3f3f3f;
}
.edu-list tbody td a:hover{
	color:#ff6600;
}
.edu-list .tt{
	font-size:1.4em;
	font-weight:500;
	color:#000;
	line-height: 1.2;
	padding:0px 0px 10px 0px;
}
.edu-list .txt{
	font-size:1.1em;
	line-height: 1.3;
}
.edu-list .bg_end{
	display:inline-block;
	font-size:1.2em;
	font-weight:600;
	color:#fff;
	padding:10px;
	background-color:#232323;
}
.edu-list .bg_apply{
	display:inline-block;
	font-size:1.2em;
	font-weight:600;
	color:#fff;
	padding:10px;
	background-color:#f47521;
}


.board-list{
	font-size:0.92em;
}
.board-list thead{
	border-top:1px solid #505050;
	border-bottom:1px solid #dadada;
	background-color:#f4f4f4;
}
.board-list thead th{
	padding:12px 0;
	text-align:center;
}
.board-list tbody td{
	padding:16px 10px;
	text-align:center;
	border-bottom:1px solid #eeeeee;
	word-break:keep-all; 
	word-wrap:break-word;
}
.board-list tbody td a{
	font-size:1.0em;
	color:#3f3f3f;
}
.board-list tbody td a:hover{
	color:#db464d;
}
@media (max-width: 768px) {
	.board-list tbody td{
		padding:12px 10px;
	}
	.board-list tbody td a{
		font-size:1.3em;
	}
}

.board-read{
	font-size:0.92em;	
}
.board-read td{
	padding:10px 10px;
	border-bottom:1px solid #eeeeee;
}
.board-read .bar{
	padding:0px 15px;
	color:#ebebeb;
}
.board-read .board-read-title{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	color: #000000;
	font-size: 1.6em;
	letter-spacing:-1px;
	border-top:1px solid #505050;
	padding:15px 10px;
}
.board-read-nextpre div{
	padding:10px 10px;
	border-bottom:1px solid #dadada;
}
.board-read td.opt{
	font-size:0.9em;
}
.board-read td.file{
	background-color: #fafafa;
	font-size:0.9em;
}
.board-read td.contents{
	font-family: 'Open Sans', Sans-serif, 'Noto Sans KR','NanumSquare';
	font-size: 1.0em;
	color: #000;
	line-height:1.5em;
}
@media (max-width: 768px) {
	.board-read td.contents{
		font-size: 1.2em;
	}
}
.board_opt{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px;
	border:0px;
}
.board_opt li{
	float: left;
	padding: 2px 0px;
	margin: 0px;
}
.board_opt li.bar{
	color:#ebebeb;
	font-family: 'dotum';
	padding: 2px 10px;
}
@media (max-width: 768px) {
	.board_opt li{
		width: 100%;
	}
}

.board-write{
	font-size:0.92em;
}
.board-write th{
	padding:12px 10px;
	text-align:center;
	background-color:#fbfbfb;
	border-bottom:1px solid #dadada;
}
.board-write td{
	padding:12px 10px;
	border-bottom:1px solid #dadada;
}

#faq {
	border-top:2px solid #505050;
}
.faq_box{
	border-bottom:1px solid #dadada;
}
.question {
	padding:10px 0px;
}
.answer {
	padding:10px 0px;
	background-color:#fbfbfb;
	border-top:1px dashed #e7e7e7;
	display:hidden;
}
.faq_q_tt{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	color: #000000;
	font-size: 1.4em;
	letter-spacing:-1px;
	text-align:center;
}
.faq_q{
	font-size:0.92em;
	color:#000000;
	padding:15px 0px;
	cursor:pointer;
}
.faq_a_tt{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	color: #000000;
	font-size: 1.4em;
	letter-spacing:-1px;
	line-height:150%;
	text-align:center;
	vertical-align:top;
	padding-top:5px;
}
.faq_a{
	font-size:0.92em;
	font-weight:bold;
	color:#000000;
	text-align:left;
	vertical-align:top;
	padding-top:10px;
}
.faq_a img{
	max-width:100%;
}

.board-faq-top-line{
	border-top:2px solid #505050;
}
.board-faq{
	border-bottom:1px solid #dadada;
}
.board-faqlist{
	font-size:0.92em;
}
.board-faqlist td{
	padding:12px 0px;
}
.board-faqread{
	font-size:0.92em;
}
.board-faqread tr{
	border-bottom:1px solid #eeeeee;
}
.board-faqread td{
	padding:12px 10px;
	background-color:#fbfbfb;
}
.board-faqread tbody td a{
	color:#3f3f3f;
}
.board-faqread tbody td a:hover{
	color:#ff6600;
}

.board-faqwrite{
	font-size:0.92em;
}
.board-faqwrite tr{
	border-bottom:1px solid #dadada;
}
.board-faqwrite th{
	padding:12px 10px;
	text-align:center;
	background-color:#fbfbfb;
}
.board-faqwrite td{
	padding:12px 10px;
}

.board-estwrite{
	font-size:0.92em;
}
.board-estwrite-input{
	font-size:0.92em;
}
.board-title{
	padding:30px 0 10px 0;
	overflow-x:hidden;
}
.board-name{
	width:50%;
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	color: #000000;
	font-size: 1.4em;
	letter-spacing:-1px;
	float:left;
}
.board-check{
	width:50%;
	text-align:right;
	font-size: 0.8em;
	color:#e60000;
	line-height:2.5;
	float:left;
}

.board-estlist{
	font-size:0.92em;
}

.board-estlist thead{
	border-top:2px solid #505050;
	border-bottom:1px solid #dadada;
	background-color:#f4f4f4;
}
.board-estlist thead th{
	padding:12px 0;
	text-align:center;
}
.board-estlist tbody td{
	padding:12px 10px;
	text-align:center;
	border-bottom:1px solid #dadada;
}
.board-estlist tbody td a{
	color:#333333;
}
.board-estlist tbody td a:hover{
	color:#004f9c;
}

.board-estwrite-input{
	font-size:0.92em;
}
.board-estwrite-input th{
	padding:12px 10px 12px 15px;
	background-color:#fbfbfb;
	border-bottom:1px solid #dadada;
	text-align:left;
}
.board-estwrite-input td{
	padding:12px 10px;
	border-bottom:1px solid #dadada;
}

@media (max-width: 767px) {
.board-estsearch{
	overflow-x:hidden;
	border-top:1px solid;
	border-bottom:1px solid;
	border-left:0;
	border-right:0;
	border-color:#dadada;
	padding:3% 0 3%  0;
	text-align:center;
}
.board-estsearch-img{
	width:100%;
}
.board-estsearch-input{
	width:100%;
}
.board-estsearch-table{
	width:100%;
}
}
@media (min-width: 768px) {
.board-estsearch{
	overflow-x:hidden;
	border:1px solid;
	border-color:#dadada;
	padding:3% 0 3%  30%;
}
.board-estsearch-img{
	width:12%;
	float:left;
}
.board-estsearch-input{
	width:58%;
	float:left;
}
.board-estsearch-table{
	width:80%;
}
}

.board-estsearch-text{
    font-family: 'Noto Sans KR','NanumSquare';
	font-style: normal;
	font-weight: 500;
	color: #000000;
	font-size: 1.1em;
	letter-spacing:-1px;
}

.board-estpw .container{
	border:1px solid;
	border-color:#dadada;
	padding:50px 10px;
}

@media (max-width: 767px) {
.board-estpw-text{
	color: #4c4c4c;
	font-size: 1.0em;
	text-align:center;
	padding:30px 0 0 0;
}
.board-estpw-input{
	text-align:center;
}
.board-estpw-btn{
	margin:30px 0 0 0;
}
}
@media (min-width: 768px) {
.board-estpw-text{
	color: #4c4c4c;
	font-size: 1.0em;
	text-align:left;
	padding:0 0 0 0;
}
.board-estpw-input{
	text-align:left;
}
.board-estpw-btn{
	margin:0 0 0 0;
}
}

.board-estlistnum u{
	text-decoration:none;
}
.board-estlistnum u:hover{
	color:#8f8f8f;
}

/* 어드민 (td 가운데)*/
.juneA2C {
	background-color:#FFFFFF;
	border:0px solid #FFFFFF;
}
.juneA2C th {
	padding:12px 10px;
	text-align:center;
	border-top:2px solid #505050;
	border-bottom:1px solid #dadada;
	background-color:#f4f4f4;
}
.juneA2C td {
	border-bottom:1px solid #dadada;
	padding:10px 0px 7px 0px;
	text-align:center;
}


/* 10 - input
------------------------------------------------------------------------*/
@media (max-width: 991px) {
.input_id{
	width:100%;
	height:36px;
}
.input_pw{
	width:100%;
	height:36px;
}
.input_name{
	width:100%;
	height:36px;
}
.input_tel1{
	width:30%;
	height:36px;
}
.input_tel2{
	width:30%;
	height:36px;
}
.input_tel3{
	width:30%;
	height:36px;
}
.input_phone1{
	width:30%;
	height:36px;
}
.input_phone2{
	width:30%;
	height:36px;
}
.input_phone3{
	width:30%;
	height:36px;
}
.input_phone4{
	width:30%;
	height:36px;
}
.input_email1{
	width:90%;
	height:36px;
}
.input_email2{
	width:100%;
	height:36px;
}
.input_email3{
	width:100%;
	height:36px;
}
.input_address1{
	width:100%;
	height:36px;
}
.input_address2{
	width:100%;
	height:36px;
}
.input_address3{
	width:100%;
	height:36px;
}
.sub-join .select{
	width:100%;
	height:36px;	
}
}
@media (min-width: 992px) {
.input_id{
	width:40%;
	height:36px;
}
.input_pw{
	width:40%;
	height:36px;
}
.input_name{
	width:40%;
	height:36px;
}
.input_tel1{
	width:10%;
	height:36px;
}
.input_tel2{
	width:10%;
	height:36px;
}
.input_tel3{
	width:10%;
	height:36px;
}
.input_phone1{
	width:10%;
	height:36px;
}
.input_phone2{
	width:10%;
	height:36px;
}
.input_phone3{
	width:10%;
	height:36px;
}
.input_phone4{
	width:20%;
	height:36px;
}
.input_email1{
	width:20%;
	height:36px;
}
.input_email2{
	width:20%;
	height:36px;
}
.input_email3{
	width:35%;
	height:36px;
}
.input_address1{
	width:15%;
	height:36px;
}
.input_address2{
	width:15%;
	height:36px;
}
.input_address3{
	width:60%;
	height:36px;
}
.sub-join .select{
	width:40%;
	height:36px;	
}
}