@charset "utf-8";

/* 속성 */

/*png투명값주는 소스 자바스크립트도 같이수정js폴더내 layout.js파일 자바스크립트확인*/
.png24 {
	tmp:expression(setPng24(this));
	}


/* 전체 레이아웃 */


/** 상단 lnb부분 style.css에 있음 **/	




/* 버전관련 공지 */
.vtk_vno_gongji {
	display:none;
}




#headers {
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
}


/* 상단 레이아웃 */
#hd {
	z-index:4;
	position:relative;
	min-width:1210px;
	background:#fff;
	}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {
	width:1210px;
	position:relative;
	margin:0 auto;
	padding:26px 0;
	zoom:1;
	}

#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}




/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}







/*-- header --*/
.lnb {
	width:100%;
	margin:0px;
    padding:0px;
    border-bottom: 1px solid #cccccc;
	text-align:center;
	background:#8dc63f;
}

.lnb .lnbbox {
	min-width:1210px;
	margin:0px auto;
    padding:0px;	
}
.header_left{
	float:left;
}
.header_right{
	float:right;
}



.search {
	margin-left: 5px;
	padding-top:19px;
	border-bottom: 1px solid #fff;
	float:right;
	background:none;
}
.search input[type="search"] {
	border: none;
	outline: none;
	padding:0px;
	font-size: 12px;
	color: #C2c2c2;
	background:none;
}
.search form input[type="submit"]{
	background: url(http://popbox.vrhome.co.kr/theme/vtk/images/img_05.png) no-repeat;
	width: 19px;
	height: 19px;
	border: none;
	margin: 0 0 0 -4px;
	padding:0;
	border:none;
}

/* 전체 검색 */
.search #hd_sch {
	margin:0px;
	padding:0;
	border:0px;
	background:none;
	}
.search #hd_sch legend {
	width:0px;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	text-indent:-9999em;
	overflow:hidden;
	background:none;
	}
/* 일반검색 */
.search #hd_sch #sch_stx {
	padding-left:5px;
	width:110px;
	height:20px;	
	border:0px;
	color:#fff;
	background:none;
	}
/* 상품검색 */
.search #hd_sch #sch_str {
	padding-left:5px;
	width:110px;
	height:20px;	
	border:0px;
	color:#fff;
	background:none;
	}

.login ul li {
    list-style-type: none;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border:0px solid #E2E2E2;
    padding:19px 10px 0px 10px;
}
.login ul li a {
    color: #fff;
    text-decoration: none;
	outline:none;
}
.login ul li a:hover{
	color:#f9ff99;
}



#logo {
	width:100%;
	margin:0px auto;
	padding:0px;
	border:0px;
	text-align:center;
	clear:both;
	}



/*-- //header --*/
/*-- header-bottom --*/

.header-bottom {
    width:100%;
	margin:0px;
	padding: 5px 0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	clear:both;
}







/* 메인메뉴 */


/*--
메뉴 
--*/


.navbar-default {
    background: none;
    border: none;
}

.navbar-header {
	float: left;
	width: 30%;
}
/*-- nav-hover --*/
.link-effect-4 a {
  padding: 0 10px;
  margin: 0 0px;
  text-shadow: none;
  position: relative;
}
.link-effect-4 a::before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  color: #f2593a;
  content: attr(data-hover);
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
.link-effect-4 a:hover::before {
  max-height: 100%;
}
/*-- //nav-hover --*/
.nav-wil li{
	display:inline-block;
}
.nav-wil li a{
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
}
.nav-wil li.active a{
	color:#f2593a;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none;
}
.navbar-nav {
    margin-top: 37px;
}
.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.navbar {
    margin-bottom: 0;
}

/*-- //header-bottom --*/




#gnb { 
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	position:relative;
	background:none;
	clear:both;
	z-index:999;
	}
#gnb h2 {
	position:absolute;
	font-size:0px;
	line-height:0px;
	overflow:hidden;
	}
#gnb_1dul {
	width:100%;
	height:40px;
	margin:0px auto !important;
	padding:0px;
	border:0px;
	background:none;
	zoom:1
	}
#gnb_1dul:after {
	margin:0px auto !important;
	padding:0px;
	border:0px;
	background:none;
	display:block;
	visibility:hidden;
	clear:both;
	content:""
	}

.gnb_1dli {
	height:30px;
	margin:0px auto;
	padding:10px 0 0 0;
	border:0px;
	background:none;
	z-index:10;
	position:relative;
	float:left;
	font-size:1.2em;
	text-align:center;
	}

#gnb_1dul a {padding:0px; color:#7a7a7a; }
#gnb_1dul a:link { color:#7a7a7a; }
#gnb_1dul a:visited { color:#7a7a7a; }
#gnb_1dul a:hover { color:#ed1e24; }
#gnb_1dul a:active { color:#7a7a7a; }




#gnb_1dul li ul a { padding:10px 2px;}

#gnb_1dul li ul a:hover { padding:10px 2px;}



.gnb_1da {
	height:30px;
	display:inline-block;
	margin:0px auto;
	border:0px;
	padding:0px;
	font-weight:bold;
	line-height:2em;
	background:none;
	text-decoration:none
	}
.gnb_1da:focus, .gnb_1da:hover {
	margin:0px auto;
	padding:0px;
	border:0px;
	background:none;
	text-decoration:none
	}
.gnb_1dli_air .gnb_1da {
	margin:0px auto;
	padding:0px;
	border:0px;
	background:none;
	color:#ffd74b;
	}
.gnb_1dli_on .gnb_1da {
	margin:0px auto;
	padding:0px;
	border:0px;
	background:none;
	color:#fff
	}
.gnb_2dul {
	display:none;
	position:absolute;
	top:36px;
	}

.gnb_1dli_over .gnb_2dul {
	width:140px;
	margin:0 auto;
	padding:0px;
	border:0px;
	background:#fff;
	display:block;
	left:0;
	}


.gnb_1dli_over2 .gnb_2dul {
	margin:0px auto;
	padding:0px;
	border:0px;
	background:none;
	display:block;
	right:0;
	clear:both;
	}


.gnb_2da {
	margin:0px auto;
	border:0px;
	background:none;
	display:block;
	padding:7px 10px;
	text-align:left;
	text-decoration:none;
	line-height:1em;
	letter-spacing:-0.5pt;
	}
.gnb_1dli_air .gnb_2da {
	margin:0px auto;
	padding:0;
	border:0px;
	background:none;
	}
.gnb_1dli_on .gnb_2da {
	background:#fff;
	border-bottom:1px solid #e9e9e9;
	clear:both;
	}
.gnb_2da:focus, .gnb_2da:hover {
	color:#ee0f19;
	text-decoration:none
	}

.gnb_1dli_over .gnb_2dli a {
	width:140px;
	padding:0px;
	font-size:0.9em;
}


.gnb_2dli a { width:140px; color:#ccc; font-size:0.9em; }




#gnb_empty { 
	padding:10px 0;
	width:100%;
	text-align:center;
	line-height:1.3em;
	}
#gnb_empty a {text-decoration:underline}



.mbanner {
	padding:0px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
}

.sbanner {
	padding:0px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
}



/* 내용 (전체적용부분) */

.container {
  width:1210px;
  padding:0px;
  margin:0px auto;
}



#subcontainer {
	width:100%;
	height:auto !important;
	padding:15px 0 15px 0;
	border:0px;
	background:none;
	zoom:1;
}


.snb {
	width:20%;
	height:100%;
	margin-top:0px;
	padding-top:0px;
	text-align:center;
	overflow:hidden;
	float:left;
	background:none;
	}

.snb #snbmn {
	width:100%;
	height:auto;
	text-align:left;
	clear:both;
	}





.colgroup {
	width:78%;
	height:auto;
	margin:0px auto;
	padding:0px;
	border:none;
	text-align:left;
	float:right;
	overflow:hidden;
	}

.colgroup h2 {
	width:auto;
	height:auto;
	margin:0px;
	padding:5px 0 15px 23px;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:-0.5pt;
	clear:both;
	background: transparent url("/theme/vtk/icon/dot01.png") no-repeat 0px 8px;
	}
.colgroup #bo_v h2 {
	background:none;
	}



.colgroup ul, .colgroup li, .colgroup div, .colgroup p {
	color:#666;
	}


.zn_navi_box {
	float:right;
	padding:0 0 15px 0;
	}
.zn_navi_box h5 {
	width:auto;
	height:auto;
	margin:0px;
	padding:0px 0px;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:-0.5pt;
	clear:both;
	}
.zn_navi_box ul {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:10pt;
	letter-spacing:-0.5pt;
	clear:both;
	}
.zn_navi_box li {
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	font-size:10pt;
	letter-spacing:-0.5pt;
	list-style-type:none;
	clear:both;
	}
.zn_navi_box ul, .zn_navi_box li, .zn_navi_box a, .zn_navi_box div {
	color:#999;
	}





.colgroup #content {
	width:100%;
	height:auto;
	margin:0px;
	border:none;
	text-align:left;
	clear:both;
	}








/** 내용 (메인적용부분) **/


/* 서비스 및 */




.content_top{
	height:336px;
	margin:12px 0;
	padding:0px;
	border:0px;
}

.content_top .cont_t_left {
	width:218px;
	height:336px;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:center;
	background:url(/theme/vtk/images/mapbg.jpg) no-repeat;
	position:relative;
	float:left;
}
.content_top .cont_t_left li {
	list-style:none;
}



.cont_t_left .cont_tl_01 li {
	margin:0px;
	padding:0px;
	border:0px;
	position:absolute;
	top:0px;
	left:0px;
	list-style:none;
	z-index:17;
}
.cont_tl_01 ul {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	z-index:17;
}
.cont_tl_01 a:hover > ul,.cont_tl_01 a:focus > ul {
	display:block;
}

.cont_t_left .cont_tl_02 li {
	margin:0px;
	padding:0px;
	border:0px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:11;
}
.cont_tl_02 ul {
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	z-index:11;
}
.cont_tl_02 a:hover > ul,.cont_tl_02 a:focus > ul {
	display:block;
}

.cont_t_left .cont_tl_03 {
	margin:0px;
	padding:0px;
	border:0px;
	position:absolute;
	top:84px;
	left:0px;
	z-index:15;
}
.cont_tl_03 ul {
	display:none;
	position:absolute;
	bottom:0px;
	right:-5px;
	z-index:15;
}
.cont_tl_03 a:hover > ul,.cont_tl_03 a:focus > ul {
	display:block;
}

.cont_t_left .cont_tl_04 {
	margin:0px;
	padding:0px;
	border:0px;
	position:absolute;
	top:84px;
	right:0px;
	z-index:13;
}
.cont_tl_04 ul {
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	z-index:13;
}
.cont_tl_04 a:hover > ul,.cont_tl_04 a:focus > ul {
	display:block;
}

.cont_t_left .cont_tl_05 {
	margin:0px;
	padding:0px;
	border:0px;
	position:absolute;
	bottom:84px;
	left:0px;
	z-index:14;
}
.cont_tl_05 ul {
	display:none;
	position:absolute;
	top:0px;
	right:-14px;
	z-index:14;
}
.cont_tl_05 a:hover > ul,.cont_tl_05 a:focus > ul {
	display:block;
}

.cont_t_left .cont_tl_06 {
	margin:0px;
	padding:0px;
	border:0px;
	position:absolute;
	bottom:84px;
	right:0px;
	z-index:12;
}
.cont_tl_06 ul {
	display:none;
	position:absolute;
	bottom:-15px;
	right:0px;
	z-index:12;
}
.cont_tl_06 a:hover > ul,.cont_tl_06 a:focus > ul {
	display:block;
}

.cont_t_left .cont_tl_07 {
	margin:0px;
	padding:0px;
	border:0px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:16;
}
.cont_tl_07 ul {
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	z-index:16;
}
.cont_tl_07 a:hover > ul,.cont_tl_07 a:focus > ul {
	display:block;
}





.content_top .cont_t_right {
	width:992px;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:left;
	float:right;
	overflow:hidden;
}
.cont_t_right ul {
	width:992px;
	margin:0px;
	padding:0px;
	border:0px;
	float:left;
}
.cont_t_right li {
	width:244px;
	height:336px;
	margin-left:4px;
	padding:0px;
	border:0px;
	list-style:none;
	text-align:center;
	background:none;
	float:left;
}









.content_middle {
	height:251px;
	padding:12px 0;
}

.content_middle .cont_m_left {
	width:218px;
	height:251px;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:center;
	float:left;
}




.content_middle .cont_m_right {
	width:992px;
	margin:0px;
	padding:0px;
	border:0px;
	text-align:left;
	float:right;
	overflow:hidden;
}
.cont_m_right .cont_mr_ct {
	width:491px;
	height:249px;
	margin:0 0 0 4px;
	padding:30px;
	border:1px solid #ddd;
	float:left;
}
.cont_m_right .cont_mr_ct h2 {
    margin:0px;
	padding:0px;
	border:0px;
	color:#333;
    font-size:16pt;
	font-weight:600;
}

.cont_m_right .cont_mr_ct .cont_mr_bx01 {
    width:30%;
	margin:0px;
	padding:0px;
	border:0px;
	float:left;
}
.cont_m_right .cont_mr_ct .cont_mr_bx02 {
    width:55px;
	padding:0 13px 0 0;
	color:#333;
	font-size:0.9em;
	background:url(/theme/vtk/images/icon_more.png) no-repeat;
	background-position:99% 3px;
	float:right;
}
.cont_m_right .cont_mr_ct .cont_mr_bx03 {
    width:431px;
	padding:10px 0 0 0;
	color:#333;
    font-size:1em;
	font-weight:300;
	text-align:left;
	clear:both;
}





















/* 하단부분 (전체적용부분) width값을 auto로 설정하여 내용에 맞춰 폭에 자동으로 변형되게 설정 */
#clear {
	margin:0 !important;
	padding:0 !important;
	width:100%;
	height:0px;
	font-size:0 !important;
	line-height:0 !important;
	display:block;
	float:none;
	clear:both;
	overflow:hidden;
	}





/******************* 하단_고객센터 (상담시간안내/빠른메뉴/공지사항) ************************/
.footer {
	width:100%;
	margin:0px;
	padding:0px;
	border:0px;
	clear:both;
	background:#eceaea;
	}

.footer #ftlogo {
	width:20%;
	margin:0px;
	padding:56px 0;
	border:0px;
	float:left;
	}
.footer #copyright  {
	width:78%;
	float:right;
	}

#copyright .copyright-comp {
	padding-top:20px;
	clear:both;
	}
#copyright .copyright-comp ul {
	list-style:none;
	}
#copyright .copyright-comp li {
	padding:0 15px 0 0;
	text-align:center;
	color:#333;
	list-style:none;
	float:left;
	}
#copyright .copyright-comp li a {
	color:#333;
	}


#copyright .copyright-list {
	padding-top:10px;
	clear:both;
	}
#copyright .copyright-list ul {
	list-style:none;
	}
#copyright .copyright-list li {
	text-align:left;
	color:#000;
	list-style:none;
	clear:both;	
	}
#copyright .copyright-list li a {
	color:#000;
	}

/* 공통부분 */
.op_a01 {
	width:auto;
	clear:both;
	}
.op_a02 {
	width:auto;
	float:left;
	}
.op_a03 {
	width:auto;
	float:right;
	}
.op_b01 {
	width:100%;
	clear:both;
	}
.op_b02 {
	width:100%;
	float:left;
	}
.op_b03 {
	width:100%;
	float:right;
	}
.txt_l {
	text-align:left;
	}
.txt_r {
	text-align:right;
	}
.txt_c {
	margin:0px auto;
	text-align:center;
	}


#hidden{display:block; float:none; overflow:hidden; margin:0 !important; padding:0 !important;}
.hidden{display:block; float:none; overflow:hidden; margin:0 !important; padding:0 !important;}















/* 스크린 사이즈에 맞게 조절 */


@media (max-width: 1280px) {
	.container {
		width: 1210px;
	}
	.lnb {
		width:1210px;
		margin:0px;
		padding:0px;
	}
	.header-bottom {
		width:1210px;
	}
	.mbanner {
		width:1210px;
	}
	.footer {
		width:1210px;
	}
}