@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean');

*,body {
	margin: 0px;
	padding: 0px;
	font-family: 'Nanum Gothic', sans-serif;
}

a { color:#444; } 

.wrapper {
	position:relative;	
	width: 100%;
	/* min-width:1600px; */
}
.wrapper_sub {
	position:relative;	
	width: 100%;
	min-width:1600px;
	/* background-color: #E9EDF0; */
}

.cnt-inner { 
	position:relative;
	width: 100%;
	max-width:1360px;
	margin:0 auto;
}

.ov_h {overflow: hidden;}
.fl_l { float:left; }
.fl_r { float: right; }
.d_b { display: block;}
.d_ib { display: inline-block;  }
.va_t { vertical-align:top; }

/* 퀵배너 */
#quick-banner {
	position:fixed;
	right:0px;
	top:300px;
	width:78px;
	z-index:999;
}
#quick-banner li.w_btn {

	border-bottom:none;	

	text-align:center;
}
#quick-banner li.w_btn a {
	display: flex;

}
#quick-banner li.w_btn a img {
	width: 100%;
	object-fit: cover;
}
/****************** 헤더,로고영역 *******************/
#header{
	position:absolute;
	width:100%;
	/* min-width:1400px; */
	z-index:2;
	background-color: #fff; z-index: 10; 
	height:195px;
	overflow:hidden;
	/* border-bottom: 6px solid #B48F5A; */
}

#header .header-inner {
	position:relative;
	/* width:1400px; */
	width: 100%;
	margin:0 auto;
	background-color: #fff;
	}

.header-inner .h_top_area {
	position: relative;
	overflow: hidden;
	max-width: 1903px;
	margin:0 auto;
	height: 147px;
}
.h_top_area .call {
	position:relative;
	float: left;
}

.h_top_area .call {
	position:relative;
	float: left;
	padding-left:273px;
	padding-top:24px;
}

.h_top_area .h_logo {
	position:absolute;
	display:inline-block;
	zoom:1;
	padding-top:35px;
	float:left;
	left:48%;
	margin-left:-95px;
}
.h_top_area .h_btn_area {
	position: absolute;
	top: 50%;
	right: 120px;
	transform: translateY(-50%);
}
.h_top_area .h_btn_area a {
	display: block;
	float: left;
	margin-left: 10px;
}
#header .header-inner .h_login_area {
	position:relative;
	float:right;
	padding-top: 53px;
}
#header .header-inner .h_login_area ul {
	overflow:hidden;
}
#header .header-inner .h_login_area ul li {
	float:left;
}
#header .header-inner .h_login_area ul li a {
	color:#2d1d15;
	font-size:13px;
	display:inline-block;
	/* line-height:98px; */
}
#header .header-inner .h_login_area ul li a:hover {
	text-decoration: underline;
	color:#2d1d15;
}
#header .header-inner .h_login_area ul .bar {
	display:inline-block;
	float:left;
	padding:0 10px;
}
#header .header-inner .h_login_area ul .bar img {
	vertical-align:middle;
}



#gnb {
	position:relative;
	background-color:#fff;
	height:63px;
	border-top: 1px solid #dde4e9;
	border-bottom: 1px solid #dde4e9;
}


#gnb .inner {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
	display: flex;
	justify-content: center;
	
}
#gnb span.bar {	padding-left:50px;color:#fff;line-height:50px;}
#gnb .inner>li {width:210px; float: left; text-align:center;
background:url(/img/main/gnb_bg_bar.png)no-repeat right center;
margin-top: 5px;} 
#gnb .inner>li:last-child { background:none; }
#gnb .inner>li:first-child {margin-left: 0;} 
#gnb .inner>li>a {font-size: 17px; display: block; height:50px; color:#222222; line-height:50px; text-align:center; font-weight:bold;}
#gnb .inner>li>a:hover { box-sizing:border-box; color:#f68525;}

.subnavi {min-width:205px; padding-top: 20px; position: absolute; height:432px; box-sizing:border-box;}
.subnavi li { cursor:pointer;}
.subnavi li a { font-weight:normal; font-size: 16px; line-height:2.4em; color:#141414; display:block;}
.subnavi li a:hover { color:#f68525;}

/***********메인비주얼 ***********/
#main_visual {
	position:relative;
	/* width:1360px; */
	width: 100%;
	max-width: 1903px;
	margin:0 auto;
	z-index:1;
	padding-top:210px;

}

#main_visual img {
	width:100%;
}

#main_visual a.mv_btn {
	position:relative;
	display:inline-block;
	border:1px solid rgba(255,255,255,0.5);
	margin-top:40px;
	padding:13px 21px;
	z-index:2;
	color:#fff;
	font-size:15px;
}
#main_visual a.mv_btn i {
	margin-left:10px;
}
#main_visual a.mv_btn:hover {
	background-color:#FFF;
	color:#403C3F;
	border:1px solid #FFF;
	font-weight:bold;
}




#sec01 {
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#sec01 .title {
	position: relative;
	text-align: center;
	margin-top: 90px;
	margin-bottom: 90px;
}
#sec01 > a {
	display: flex;
	justify-content: center;
}
.brend-slide {
	width: 1134px;
	margin: 0 auto;
}
.brend-slide img {
	margin: 0;
}

/* sec01, sec02-2 롤링배너 (공통부분) */
.event-slide {
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top:220px;

}
.event-slide .button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 82%;
	height:470px;
	/* height:257px; */
}
.event-slide .button > div {
	position: absolute;
	cursor: pointer;
}
.event-slide .button > div.bs-pre {
	left: 0;
	bottom: 40%;
}
.event-slide .button > div.bs-next {
	right: 0;
	bottom: 40%;
}
			
/* sec02 */
#sec02 {background: url("/img/main/sec02_bg.jpg") no-repeat center top; width: 100%; max-width: 1903px; margin: 0 auto; height: 820px; padding-top: 80px; margin-top: 100px }




/* sec03 */
#sec03 {
	position: relative;
    margin: 0 auto;
    text-align: center;

}

#sec03 img {
    width: 100%;
    max-width: 1903px;
}


#sec04 {
	position:relative;
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#sec04 .title {
	position: relative;
	text-align: center;
	margin-top: 90px;
	margin-bottom: 90px;
}

.box_wrap {
    position: relative;
    overflow: hidden;
}
#sec04 .box_wrap {
	display: flex;
    justify-content: center;
    width: calc(100% - 50px);
    max-width: 1280px;
    margin: 0 auto;
}
#sec04 .box_wrap > div {
	width: calc(100% / 4);
    display: flex;
    float: unset;
}
#sec04 .box_wrap > div > a {
	display: flex;
	width: 100%;
	height: 100%;
}
#sec04 .box_wrap > div > a img {
	width: 100%;
	object-fit: cover;
}
.box_wrap .bn:first-child {
    margin-left: 0px;
}
.box_wrap .bn {
    float: left;
}

#sec05 {
	position:relative;
	width:1365px;
	margin:0 auto;
	overflow:hidden;
}
#sec05 .title {
	position: relative;
	text-align: center;
	margin-top: 90px;
	margin-bottom: 90px;
}

#sec06 {
	position: relative;
    margin: 0 auto;
    text-align: center;

}

#sec06 img {
    width: 100%;
    max-width: 1903px;
	margin-top: 90px;
	margin-bottom: 90px;
}


#sec07 {
	position: relative;
	padding:10px 0 0px;
	 background: url("/img/main/sec06_bg.jpg") no-repeat center top;  height:650px; margin-top:100px;
}

.sec_inner {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1260px;
}

.kakao {
    position: absolute;
    bottom: 78px;
    right: 3%;
    width: 355px;
    height: 70px;
}
.naver {
 	position: absolute;
    bottom: 0;
    right: 3%;
    width: 355px;
    height: 70px;
}
.equipment_slide {
    position: relative;
    margin: 0 auto;
    width: 1300px;
}
.equipment_slide .button {
    position: absolute;
    width: 1300px;
    height: 525px;
}
.equipment_slide .button > div {
    display: block;
    position: absolute;
    cursor: pointer;
}
.equipment_slide .button > div.bs-pre {
    left: 0;
    bottom: 50%;
}
.equipment_slide .button > div.bs-next {
    right: 0;
    bottom: 50%;
}
.equipment_slide .slide {
    margin: 0 auto;
    width: 1100px;
}

.news_board {
	position: relative;
	width:30%;
	float: left;
	margin-right:68px
}
.news_board p.board_t {
	margin-bottom:20px;
}

.counsel_board {
	position: relative;
	width:30%;
	float: left;

}
.counsel_board p.board_t {
	margin-bottom:20px;
}

.before_after_board {
	position: relative;
	width:30%;
	float: right;
	
}
.before_after_board p.board_t {
	margin-bottom:45px;
}

/* 메인 노출 게시판 */
.board_list_main {
	position:relative;
	border-bottom:1px solid #AFB8C0;
	overflow: hidden;
	padding:20px 0;
}
.board_list_main:first-child {
	margin-top:50px;
}

.board_list_main p.list_t {
	position: relative;
	float: left;
	width:239px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 15px;
	cursor:pointer;
}
.board_list_main p.list_t i {
	font-size: 10px;
	padding-right:10px;
}
.board_list_main p.list_t:hover{
	text-decoration:underline;
}
.board_list_main p.list_d {
	float: right; 
	color:#b0b9c2;
}


.b&a_img{
	width:406px;
	height:264px;
	margin:20px auto 0;
}


/*********** 푸터 ***********/

.footer {
    position: relative;
    border-top: 1px solid #c9c9c9;
    padding: 45px 0;
    background-color: #fff;
    overflow: hidden;
    margin-top: 80px;
}
.footer h2 {
    position: relative;
    float: left;
    margin-left: 90px;
}
.footer p.copyright {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 20px;   
}
.footer span.f_ver {
    padding: 0 10px;
    color: #888;
    line-height: 20px;
    font-size: 15px;
}



/* 서브 */
.sub-cnt-full {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align: center;
	/* left:50%;
	margin-left:-951px;
	width:1903px; */
}

.sub-cnt-full img {
	width:100%;
	max-width:1903px;
	min-width:1600px;
}

.sub-cnt-inner {
	position:relative;
	width:1200px;
	margin:0 auto;
}
.sub-cnt-inner img {
	width: 100%;
}

.sub_top_visual {
	position:relative;
	width:100%;
	margin:0 auto;
	text-align: center;
	/* left:50%;
	margin-left:-951px;
	width:1903px; */
}

.sub_top_visual img {
	width:100%;
	max-width:1903px;
	min-width:1600px;
	padding-top:210px;
}

.mt-40 {margin-top: 40px; }
.mt-80 {margin-top: 80px; }
.mb-150 {margin-bottom: 150px; }





/* 메인 하단 DB상담 */
.db_contact {
	width:100%; 
	position:fixed;
	bottom:0;
	background-color: #222222;
	z-index:99999;
}
#contact_form {
	display: block;
	width:1300px;
	margin:0 auto;
	padding:20px 0;
}
#contact_form li {
	float: left;
	margin-left: 70px;
}
#contact_form li:first-child {
	margin-left: 0;
}
#contact_form li:nth-child(2){
	margin-left: 170px;
}
#contact_form li label {
	display: inline-block;
	margin-bottom:14px;
}
#contact_form li label[for=privacy]{ 
	margin-bottom:8px;
}
#contact_form li select,
#contact_form li input:not([type="checkbox"]) {
	width: 152px;
	height: 36px;
	padding:0 5px;
	border:none;
}
#contact_form .db_button {
	cursor:pointer;
}
#contact_form .privacy {
	color:#fff;
	font-size: 0.8em;
	cursor:pointer;
}