@charset "utf-8";

#bo_list, #bo_w {position:relative;max-width:1200px;margin:60px auto;}
#bo_list:after, #bo_w:after, #bo_v:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list h2, #bo_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v {position:relative;}
/* #bo_v_title {display:block;width:100%;padding:80px 0;color:#222;font-size:16px;font-weight:normal;line-height:24px;background:#f6f6f6;border-bottom:solid 1px #ddd;} */
#bo_v_title {display:block;width:100%;padding:80px 0;font-size:16px;font-weight:normal;line-height:24px;background:#00B8FC}
#bo_v_title1 {display:block;width:100%;padding:80px 0;font-size:16px;font-weight:normal;line-height:24px;background:#f7f7f7}

#bo_v_overview {display:block;width:100%;max-width:1200px;margin:0 auto;}
#bo_v_overview:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_overview h2 {display:block;margin:0 0 20px 0;color:#f00001;font-size:30px;font-weight:700;}

.ovw_img {float:left;position:relative;width:50%;text-align:center}
.ovw_img.w100 {width:100% !important;}
/* .ovw_img img {width:100%;max-width:393px;background:#fff;border:solid 1px #ccc;} */
.ovw_img img {width:100%;max-width:393px;}
.ovw_con {float:left;position:relative;width:50%;}
.ovw_con p {margin:0 0 20px 0;padding:20px;color:#fff;font-size:16px;line-height:28px;border-top:solid 1px;border-bottom:solid 1px;border-color:rgba(255,255,255,0.4)}
ul.bo_v_point {width:100%;margin:0 0 20px 0;padding:20px;}
ul.bo_v_point li {display:block;padding:8px 0 8px 8px;color:#666;line-height:22px;background:url(../../../img/bullet.png) no-repeat 0 15px;}
.ovw_con nav a {display:inline-block;margin:0 20px 10px 0;padding:4px 0;color:#666;font-size:14px;line-height:normal;text-decoration:underline}
.ovw_con nav a.btn_b {display:inline-block;margin:20px 10px 30px 0;height:30px;padding:0 24px;color:#666;line-height:30px;text-decoration:none;background:#fff;border-radius:20px;}
.ovw_con p {margin:0 0 20px 0;color:#666}
.ovw_con p strong {display:block;margin:0 0 10px 0;font-size:16px;color:#444}
.ovw_con a.btn_pdf {display:inline-block;margin:0 12px 0 0;padding:0 18px;color:#f00001;font-size:14px;line-height:50px;background:#fff;border:solid 1px #ccc;}
/*
.ovw_photo {float:left;position:relative;width:50%;text-align:center}
.ovw_photo a.btn_mov {display:block;width:180px;height:50px;margin:40px auto 0 auto;padding:0;color:#fff;font-size:18px;line-height:50px;text-decoration:none;text-align:center;background:#444;border-radius:25px;}
*/
.gallery_area {max-width:680px;margin:0 auto;}
.gallery_area .full {display:block;width:100%;max-width:680px;margin:0 auto 20px auto;}
.gallery_area .full img {width:100%;height:auto}
.gallery_area .thumbs {display:block;width:100%;max-width:680px;margin:0 auto;text-align:center;}
.gallery_area .thumbs .preview {display:inline-block;font-size:0;}
.gallery_area .thumbs .preview a {display:block;width:60px;margin:0 0 10px 0;font-size:0;border:solid 1px #fff}
.gallery_area .thumbs .preview a.selected {border:solid 1px #f75665;}
.gallery_area .thumbs .preview img {width:100%;height:auto}

.gallery_area .full2 {display:block;width:100%;max-width:680px;margin:0 auto 20px auto;}
.gallery_area .full2 img {width:100%;height:auto}
.gallery_area .thumbs2 {display:block;width:100%;max-width:680px;margin:0 auto;text-align:center;}
.gallery_area .thumbs2 .preview2 {display:inline-block;font-size:0;}
.gallery_area .thumbs2 .preview2 a {display:block;width:60px;margin:0 0 10px 0;font-size:0;border:solid 2px #444}
.gallery_area .thumbs2 .preview2 a.selected {border:solid 2px #f75665;}
.gallery_area .thumbs2 .preview2 img {width:100%;height:auto}


#bo_v_atc {width:100%;margin:0 auto;padding:80px 0;}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_down {width:100%;margin:0 auto;padding:80px 0;background:#444;}
#bo_v_down:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_down h2 {color:#fff !important}

#bo_v_prev {width:100%;margin:0 auto;padding:80px 0;background:#222;}
#bo_v_prev:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_prev h2 {color:#fff !important}
#bo_v_prev h3 {display:block;margin:0 0 30px 0;color:#c7cad1;font-size:24px;font-weight:normal;text-align:center;line-height:30px}

#bo_v_con {width:100%;max-width:1200px;min-height:200px;margin:0 auto;overflow:hidden;line-height:24px;word-break:break-all;}
#bo_v_con:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_con h2 {display:block;width:100%;margin:0 0 60px 0;color:#222;font-size:30px;text-align:center;font-weight:normal;line-height:36px;}
#bo_v_con p {margin:0 0 40px 0;color:#666;font-size:16px;line-height:24px;wrod-break:keep-all;word-wrap:break-word;}
#bo_v_con p strong {display:block;margin:0 0 10px 0;color:#222;font-size:22px;font-weight:700;line-height:30px;}
#bo_v_con a {color:#222;text-decoration:underline}
#bo_v_con .y_img {float:right;width:50%;margin:0 0 0 60px}
#bo_v_con .y_img img {max-width:100%;height:auto}
#bo_v_con .y_img2 {float:right;width:40%;margin:0 0 0 60px;text-align:center}
#bo_v_con .y_img2 .caption {display:block;margin:10px 0 0 0;color:#999;text-align:center;}
#bo_v_con .y_img3 img {max-width:100%;height:auto}
#bo_v_con a.btn_godown {display:inline-block;margin:30px 0 40px 0;color:#9667ad;font-size:16px;line-height:40px;text-decoration:none;border-bottom:solid 1px #9667ad}

.clb {clear:both}

dl.y_comp {margin:0;}
dl.y_comp dt {display:block;margin:0 0 8px 0;color:#222;font-size:18px;line-height:24px;font-weight:700}
dl.y_comp dd {display:block;margin:0 0 10px 0;padding:0 0 0 8px;color:#666;font-size:16px;line-height:22px;background:url(../../../img/bullet.png) no-repeat 0 8px;}
dl.y_comp dd.none {margin:0 0 20px 0;padding:0;background:none;}
dl.y_comp dd strong {display:block;margin:10px 0 20px 0;color:#222;font-weight:700}
dl.y_comp dd label {display:block;margin:0 0 6px 0;color:#222;font-weight:700}

dl.y_spec {margin:0 0 80px 0;}
dl.y_spec:after {display:block;visibility:hidden;clear:both;content:""}
dl.y_spec dt {display:block;float:left;width:100%;margin:0 0 8px 0;color:#222;font-size:18px;line-height:24px;font-weight:700}
dl.y_spec dd {display:block;float:left;width:33.3%;padding:0 80px 0 0;color:#666;font-size:16px;line-height:22px;}
dl.y_spec dd strong {display:block;margin:10px 0 20px 0;color:#222;font-weight:700}

.y_info {display:block;margin:0;font-size:16px;text-align:center}
.y_info a {color:#f63941 !important;text-decoration:underline}

a.y_download {display:block;float:left;width:33.3%;margin:0 auto 14px auto;color:#ccc !important;text-decoration:none !important}
a.btn_y_download {display:inline-block;margin:0 10px 0 0;padding:8px 24px;color:#666 !important;text-decoration:none !important;background:#f6f6f6;border:solid 1px #ccc;border-radius:25px;}

#case_wrap {}
#case_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#case_wrap .gallery_area {width:100%;max-width:680px;height:auto;margin:0 auto;}

.spec_box {display:block;float:left;width:46%;margin:0 2%;padding:40px 20px;font-size:16px;line-height:24px;border-top:solid 1px #ddd;}
.spec_box strong {display:block;margin:0 0 20px 0;color:#222;font-size:18px;}
.spec_box .point {display:block;margin:0 0 30px 0;padding:14px 10px;color:#666;background:#f6f6f6;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;}
.spec_box .point .point_hvad {display:inline-block;margin:0 0 0 10px;padding:2px 8px;color:#fff;background:#f63941}
.hvad {}
.hvad strong {}

#p_wrap {display:table-layout;width:100%;margin:0 0 60px 0;}
#p_wrap:after {display:block;visibility:hidden;clear:both;content:""}

/* #p_wrap .ovw_photo {display:table-cell;float:left;width:50%;padding:0;vertical-align:middle;} */
#p_wrap .ovw_photo {display:table-cell;position:relative;width:60%;padding:5%;background:#00B8FC;vertical-align:middle;}
#p_wrap .p_con {display:table-cell;float:left;width:50%;padding:60px;vertical-align:middle;}

#p_wrap .p_con dl {width:100%;}
#p_wrap .p_con dt {display:block;margin:0 0 8px 0;color:#222;font-size:18px;line-height:24px;font-weight:700}
#p_wrap .p_con dd {display:block;padding:8px 0 8px 8px;color:#666;font-size:16px;line-height:22px;background:url(../../../img/bullet.png) no-repeat 0 16px;}

#p_wrap .p_con .vhd_img {width:100%;max-width:442px;height:auto;border:solid 1px #ddd;}

#p_wrap .p_img {display:table-cell;width:60%;vertical-align:middle;}
#p_wrap .p_img img {width:100%;height:auto;}
#p_wrap .p_img2 {display:none}
#p_wrap .p_img2 img {width:100%;height:auto;}
#p_wrap .p_con_half {float:left;width:50%;padding:60px;}

#p_wrap2 {display:table;width:100%;margin:0 0 60px 0;}
#p_wrap2:after {display:block;visibility:hidden;clear:both;content:""}

#p_wrap2 .ovw_photo {display:table-cell;position:relative;width:60%;padding:5%;background:#00B8FC;vertical-align:middle;}
#p_wrap2 .p_con {display:table-cell;width:40%;padding:60px;vertical-align:middle;}
#p_wrap2 .p_img {display:table-cell;width:60%;vertical-align:middle;}
#p_wrap2 .p_img img {width:100%;height:auto;}

#bo_v_con .refer {color:#f63941;font-size:14px;}
#bo_v_con .p_point {color:#444;text-decoration:underline}
#bo_v_con .p_li {display:block;margin:0 0 4px 0;padding:0 0 0 8px;color:#666;line-height:22px;background:url(../../../img/bullet.png) no-repeat 0 8px;}








#bo_v_spec {background:#f6f6f6;border-top:solid 1px #ddd;}

#spec_wrap {width:100%;max-width:1200px;margin:0 auto;padding:0px;}
#spec_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#spec_wrap .spec_area {padding:0px;margin:0px;}
#spec_wrap .spec_area:after {display:block;visibility:hidden;clear:both;content:""}
#spec_wrap h2 {display:block;margin:0 0 40px 0;color:#222;font-size:30px;text-align:center;font-weight:700;line-height:36px;}
#spec_wrap .spec_p {float:left;width:50%;padding:0px 10px;}
#spec_wrap .spec_p_last {float:left;width:50%;padding:0px 10px;}
#spec_wrap dl {margin:0 17% 30px 0;}
#spec_wrap dl:not(:first-child) {padding-top:10px;}
#spec_wrap dl dt {display:block;margin:0 0 20px 0;color:#222;font-size:20px;font-weight:700;}
#spec_wrap dl dd {display:block;margin:0 0 10px 0;color:#666;font-size:16px;line-height:30px;}
#spec_wrap dl dd strong {font-weight:700;color:#444;}
#spec_wrap ul.s_list {margin:0;padding:0 !important;list-style:none;}
#spec_wrap ul.s_list > li {padding:0 0 0 10px;background:url(/images/bullet.png) no-repeat 0 10px;}
/*******************************************************/

a.btn_moreinfo {display:block;padding:20px 0;color:#666;font-size:16px;font-weight:normal;text-align:center;
background-image: linear-gradient(#f6f6f6, #fff);
}






#bo_v_top {max-width:1200px;margin:20px auto 0 auto;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {word-break:break-all}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {}

.bo_v_com {float:right;margin:0;}
.bo_v_com li {float:left;margin:0 0 0 5px;}

.bo_v_left {float:left;margin:0;}
.bo_v_left li {float:left;margin:0 5px 0 0;}

.bo_v_nb {position:relative;clear:both;margin:40px 0 0 0;text-align:left;}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {padding:18px 20px;line-height:20px;border-bottom:1px solid #ddd;}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li .nb_tit {display:inline-block;width:100px;color:#222;font-weight:700;}
.bo_v_nb li .nb_date {float:right;color:#999}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px 0;padding:0}
#char_count_wrap {margin:5px 0 0 0;text-align:right}
#char_count {font-weight:bold}



#vhd_wrap {}
#vhd_wrap ul {}
#vhd_wrap ul:after {display:block;visibility:hidden;clear:both;content:""}
#vhd_wrap ul li {display:block;float:left;width:33.3%;text-align:center;}
#vhd_wrap ul li a {display:block;margin:10px;padding:10px;border:solid 1px #fff}
#vhd_wrap ul li a .img {margin:0 0 20px 0;padding:30px;background:#eee;}
#vhd_wrap ul li a .img img {width:100%;height:auto}
#vhd_wrap ul li strong {display:block;margin:0 0 6px 0;color:#f00001;font-size:20px;font-weight:700;line-height:26px;}
/* #vhd_wrap ul li p {display:block;height:170px;padding:30px 20px;color:#666;font-size:16px;font-weight:normal;line-height:24px;background:#f6f6f6} */
#vhd_wrap ul li strong small.price {color:#999;margin-left:15px;font-weight:300;font-size:13px;color:#ff7f2c;}
#vhd_wrap ul li p {display:block;height:50px;visibility:hidden;color:#666;font-size:16px;font-weight:normal;line-height:24px;}
#vhd_wrap ul li a:hover {border:solid 1px #f75665;}
#vhd_wrap ul li a:hover p {visibility:visible}


#lineup_wrap {width:100%;max-width:1200px;margin:0 auto;padding:60px 0;}
#lineup_wrap h2 {display:block;margin:0 0 40px 0;color:#222;font-size:36px;font-weight:normal;text-align:center;line-height:44px;}
#lineup_wrap h2 strong {color:#007afc;font-weight:700}

.lineup_type_wrap {width:100%;overflow-x:auto}
.lineup_type {position:relative;width:100%;min-width:1000px;}
table.lineup {width:100%;border-collapse:collapse;border-spacing: 0;border:1px solid #ccc;}
table.lineup th {width:12%;padding:10px 0;color:#fff;font-size:16px;font-weight:400;line-height:22px;text-align:center;background:#444;border:solid 1px #ccc}
table.lineup th.first {width:16%;}
table.lineup td {width:12%;color:#fff;font-size:16px;font-weight:400;text-align:center;border:solid 1px #ccc}
table.lineup td.lineup1, table.lineup td.lineup2, table.lineup td.lineup3 {width:16%;line-height:20px;}
table.lineup td.lineup1 img {margin:0 0 10px 0;}
table.lineup td.lineup1 {padding:40px 0;background:#ff7700}

.lineup_type .vhd_camera1 {position:absolute;left:16%;top:80px;width:36%;height:40px;color:#fff;text-align:center;line-height:40px;background:#f75665}
.lineup_type .vhd_camera2 {position:absolute;left:46%;top:130px;width:30%;height:40px;color:#fff;text-align:center;line-height:40px;background:#f75665;border-right:solid 1px #ccc;}
.lineup_type .vhd_camera3 {position:absolute;left:58%;top:180px;width:42%;height:40px;color:#fff;text-align:center;line-height:40px;background:#f75665;border-right:solid 1px #ccc;}


#guide_buy_info {margin:0;padding:60px 0;color:#ccc;font-size:16px;text-align:center;line-height:24px;background:url(../../../img/guide_buy_bg.jpg) no-repeat 50% 50%;background-size:cover}
#guide_buy_info h2 {display:block;margin:0 0 20px 0;color:#fff;font-size:24px;text-align:center;font-weight:normal;line-height:30px;}
#guide_buy_info h3 {display:block;margin:0 0 10px 0;color:#fff;font-size:18px;text-align:center;font-weight:normal;line-height:26px;}
#guide_buy_info p {margin:0 0 40px 0;}
#guide_buy_info p strong {color:#ff7700;font-weight:normal}
#guide_buy_info a.buy_info_tel {display:inline-block;height:60px;padding:0 24px;color:#fff;font-size:18px;line-height:60px;background:rgba(70,128,204,0.6);}
#guide_buy_info a.buy_info_tel strong {font-size:24px;font-weight:normal;}
#guide_buy_info a.buy_info_call {display:inline-block;height:60px;margin:0 3px;padding:0 24px;color:#fff;font-size:18px;line-height:60px;background:rgba(249,57,65,0.6);}
#guide_buy_info a {vertical-align:top}









@media screen and (max-width:1024px) {
	#bo_v_title {width:auto;padding:60px 20px;}

	.ovw_img {float:none;position:relative;width:100%;margin:0;}
	.ovw_con {float:none;position:relative;width:100%;}

	ul.bo_v_point {padding:20px 0;}

	/* .ovw_photo {float:none;display:block;width:100%;padding:40px 0;} */

	#bo_v_atc {width:auto;padding:40px 10px;}

	#bo_v_down  {width:auto;padding:60px 10px;}
	#bo_v_down h2 {color:#fff !important}

	#bo_v_prev  {width:auto;padding:60px 10px;}

	#bo_v_con .y_img {float:none;width:100%;margin:0 0 40px 0}
	#bo_v_con .y_img2 {float:none;width:100%;margin:0 0 40px 0;}

	dl.y_spec {margin:0 0 60px 0;}

	a.y_download {float:left;width:50%;}

	dl.y_spec {margin:0 0 60px 0;}
	dl.y_spec dt {float:none;}
	dl.y_spec dd {float:none;width:100%;margin:0 0 20px 0;padding:0 40px 0 0;}

	#p_wrap {display:block;width:100%;margin:0 0 30px 0;}
	#p_wrap:after {display:block;visibility:hidden;clear:both;content:""}

	#p_wrap .ovw_photo {display:block;width:100%;padding:40px 0;}
	#p_wrap .p_con {display:block;width:100%;padding:40px 20px;}
	#p_wrap .p_img2 {display:block;width:100%;}
	#p_wrap .p_img {display:none;}
	#p_wrap .p_con_half {float:none;width:100%;padding:0 20px 40px 20px;}

	#p_wrap2 {display:block;width:100%;margin:0 0 30px 0;}
	#p_wrap2:after {display:block;visibility:hidden;clear:both;content:""}

	#p_wrap2 .ovw_photo {display:block;width:100%;padding:40px 0;}
	#p_wrap2 .p_con {display:block;width:100%;padding:40px 20px;}

	.spec_box {float:none;width:100%;margin:0;padding:40px 10px;}

	#spec_wrap {padding:60px 20px;}
	#spec_wrap .spec_p {float:left;width:50%;margin:0 0 40px 0}
	#spec_wrap .spec_p_last {float:left;width:50%;margin:0 0 40px 0}
	#spec_wrap dl {margin:0 10% 30px 0;}
}






@media screen and (max-width:768px) {
	#bo_list, #bo_wt, #bo_v {}

	#bo_btn_top{margin:0 10px 20px 10px;}
	.bo_fx {float:none;margin:20px 10px 20px 10px;}

	.ovw_con a.btn_pdf {margin:0 12px 18px 0;}

	.write_div {padding:16px 10px 16px 10px}
	.write_div label {display:block;position:relative;left:0;top:0;padding:8px 0;line-height:normal;}
	.write_div .select {width:100%;}
	.write_div .size_s {width:100%;}

	.chk_div {padding:16px 10px 16px 10px;line-height:normal;}
	.chk_div .label {display:block;position:relative;left:0;top:0;padding:8px 0;line-height:normal;}

	#bo_v_top {margin:20px 10px 0 10px;}

	.bo_v_com {float:right;}
	.bo_v_com li {float:left;margin:0 0 0 5px;}

	.bo_v_left {display:none}


	#bo_v_title {width:auto;padding:60px 20px;}

	.ovw_img {float:none;position:relative;width:100%;margin:0 0 40px 0;text-align:center}
	.ovw_con {float:none;position:relative;width:100%;}

	a.y_download {float:none;width:100%;}
	a.btn_y_download {display:block;width:240px;height:50px;margin:0 0 10px 0;padding:0;line-height:50px;text-align:center;}


	#spec_wrap {padding:60px 10px;}
	#spec_wrap h2 {font-size:24px;line-height:30px;}
	#spec_wrap .spec_p {float:left;width:100%;margin:0 0 50px 0}
	#spec_wrap .spec_p_last {float:left;width:50%;}
	#spec_wrap dl {margin:0 0 30px 0;}


	#vhd_wrap ul li {display:block;float:left;width:50%}
	#vhd_wrap ul li p {height:70px;}

	#lineup_wrap h2 {width:auto;margin:0 20px 30px 20px;font-size:30px;line-height:36px;}

	table.lineup th {font-size:16px;}
	table.lineup td {font-size:14px;}
	.lineup_type {letter-spacing:-1px;}

	#guide_buy_info {margin:0;padding:60px 10px;font-size:14px;}
	#guide_buy_info h2 {font-size:24px;}
	#guide_buy_info a.buy_info_tel {display:block;margin:0 0 10px 0;height:50px;padding:0;font-size:16px;line-height:50px;text-align:center;}
	#guide_buy_info a.buy_info_tel strong {font-size:20px;font-weight:normal;}
	#guide_buy_info a.buy_info_call {display:block;height:50px;margin:0;padding:0px;font-size:16px;line-height:50px;text-align:center;}
}





@media screen and (max-width:480px) {
	#vhd_wrap ul li {display:block;float:left;width:100%}
	#vhd_wrap ul li p {height:auto;}
}