.wrapper {position:relative; width:1200px; margin:0 auto;}

.text_block {display:block;}
.pc_block {display:block;}
.mb_block {display:none;}

.sfont {font-size:16px;}
.bold {font-weight:bold;}
.reference {color:#ff8400 !important;}
.sale {color:#000 !important;}
.small {font-size:14px; color:#838383;}

/*header*/
header#header {position:absolute; width:100%; background:rgba(0,0,0,.4); z-index:498;}
header#header .top_utill {display:block; background:#f5f5f5; border-bottom:1px solid #908e8e;}
header#header .top_utill.link_mo { display:none; }

header#header .top_utill ul {overflow:hidden;}
header#header .top_utill ul li {float:left; height:34px; line-height:34px; width:33.33%; max-width:145px; text-align:center; border-right:1px solid #eaeaea;}
header#header .top_utill ul li:first-child {border-left:1px solid #eaeaea;}
header#header .top_utill ul li a {display:block;}
header#header .top_utill ul li img {margin-top:-5px; padding-top: 10px; }

header#header .blank {/*padding:30px 0 36px;*/ padding:20px 0 20px;}
header#header .blank:after {display:block; overflow:hidden; clear:both; content:'';}
header#header .blank .wrapper {display:table; width:100%; max-width:1200px; margin:0 auto;}
header#header h1 {/*float:left;*/display:table-cell; text-align:left; width:/*30%*/25%; vertical-align:middle;}
header#header .mb_menu {display:none;}
header#header nav {/*float:left;*/display:table-cell; text-align:center; /*margin-top:20px; margin-left:160px;*/ width:54%; vertical-align:middle;}
header#header nav ul {overflow:hidden;}
header#header nav ul li {float:left; /*margin-left:46px;*/ width:16.66%; /*20%*/}
header#header nav ul li:first-child {margin-left:0;}
header#header nav ul li a {font-size:18px; font-weight:bold; color:#fff;}
header#header nav ul li a:hover {color:#00afc8;}
header#header nav p.close {display:none;}
header#header .right_utill {/*float:right;*/ display:table-cell; text-align:right; /*margin-top:10px;*/ width:20%; /*35%*/ vertical-align:middle;}
header#header .right_utill:after {display:block; overflow:hidden; clear:both; content:'';}
header#header .right_utill ul {float:/*left*/right; /*margin-top:12px;*/}
header#header .right_utill ul li {float:left; margin-right:24px; font-size:14px; color:rgba(255,255,255,1);}
header#header .right_utill ul li:last-child {margin-right:0;}
header#header .right_utill ul li a {font-size:14px; color:rgba(255,255,255,.8); padding:1px 0; float:left;}
header#header .right_utill ul li.login a {background:url('../../_images/common/login_ico.png') no-repeat left center; padding-left:17px;}
header#header .right_utill ul li.logout a {background:url('../../_images/common/login_ico.png') no-repeat left center; padding-left:17px; margin-left:10px;}
header#header .right_utill ul li.logout span {float:left;}
header#header .right_utill ul li.join a {background:url('../../_images/common/join_ico.png') no-repeat left center; padding-left:19px;}
header#header .right_utill ul li.eventrental a {background:url('http://www.dlive.kr/html/images/front/ko/v18/eventrental_ico.png') no-repeat left center; padding-left:19px;}
header#header .right_utill ul li.event a {background:url('../../_images/common/event_ico.png') no-repeat left center; padding-left:19px;}
header#header .right_utill .search {float:right; border-bottom:1px solid rgba(255,255,255,.7); padding:7px 9px; margin-left:30px;}
header#header .right_utill .search input[type=text] {background:transparent; color:#fff; border:none;}
header#header .right_utill .search input[type=submit] {display:inline-block; width:21px; height:20px; background:url('../../_images/common/search_ico.png') no-repeat left center; border:none; text-indent:-99999px; cursor:pointer;}

/*category*/
header#header .category {border-top:1px solid #8e8e8e; border-bottom:1px solid #8e8e8e;}
header#header .category ul {}
header#header .category ul:after {display:block; overflow:hidden; clear:both; content:'';}
header#header .category ul li {position:relative; float:left; display:block; min-width:188px; font-size:15px; color:#fff; border-left:1px solid #e8e8e8;}
header#header .category ul li:last-child {border-right:1px solid #e8e8e8;}
header#header .category ul li p {padding:15px 20px; cursor:pointer;}
header#header .category ul li p.on {background:#3b5fbc; color:#fff;}
header#header .category ul li p span {display:block; background:url('../../_images/sub/cate_arrow.png') no-repeat right center;}
header#header .category ul li.home {min-width:138px;}
header#header .category ul li.home a {display:block; padding:15px 20px; color:#fff;}
header#header .category ul li.home span {display:block; background:url('../../_images/sub/home_ico.png') no-repeat left center; padding-left:20px;}

header#header .category ul.cate_list {display:none; position:absolute; left:0; top:48px;}
header#header .category ul.cate_list li {background:#fff; border:none;}
header#header .category ul.cate_list li a {display:block; padding:14px 20px; font-size:15px; color:#4c4c4c; border:1px solid #ddd; border-top:none;}
header#header .category ul.cate_list li a span {display:block;}
header#header .category ul.cate_list li a:hover {padding-top:13px; color:#3b5fbc; border:1px solid #3b5fbc;}
header#header .category ul.cate_list li.dep.on {border:1px solid #3b5fbc;}
header#header .category ul.cate_list li.dep.on>a {color:#3b5fbc;}
header#header .category ul.cate_list li.dep a span {background:url('../../_images/sub/cate_menu_arrow.png') no-repeat right center;}
header#header .category ul.cate_list li.dep a:hover span {background:url('../../_images/sub/cate_menu_arrow_on.png') no-repeat right center;}

header#header .category ul.cate_list li ul.depth {display:none; position:absolute; left:187px; top:0; z-index:99;}

/*footer*/
footer#footer {padding:40px 0 75px; border-top:1px solid #d0d0d0;}
footer#footer .utill {}
footer#footer .utill:after {display:block; overflow:hidden; clear:both; content:'';}
footer#footer .utill li {position:relative; float:left; padding:0 20px;}
footer#footer .utill li:first-child {padding-left:0;}
footer#footer .utill li:last-child {padding-right:0;}
footer#footer .utill li:after {position:absolute; right:0; top:6px; width:1px; height:10px; background:#c4c4c4; content:'';}
footer#footer .utill li:last-child:after {display:none;}
footer#footer .utill li a {font-size:13px; color:#666;}
footer#footer .utill li.point a {color:#007cd9; font-weight:bold;}

footer#footer .company {margin-top:50px; text-align:left;}
footer#footer .company div {margin-top:20px; font-size:12px; color:#888;}
footer#footer .company div:first-child {margin-top:0;}
footer#footer .company .copy {margin-top:25px; text-align:left; font-size:11px; color:#888;}

footer#footer .logo {position:absolute; right:0; bottom:0;}

.top_btn {display:none; position:fixed; z-index:9999; bottom:30px; right:30px; width:50px; height:50px; line-height:70px; text-align:center;  cursor:pointer; background:#2fbfcd url('../../_images/common/top_btn_ico.png') no-repeat center 10px; color:#fff; font-size:13px; font-weight:bold;}
/*.top_btn:before {position:absolute; top:15px; left:14px; width:14px; height:4px; background:#fff; border-radius:10px; transform:rotate(-45deg); content:'';}
.top_btn:after {position:absolute; top:15px; right:14px; width:14px; height:4px; background:#fff; border-radius:10px; transform:rotate(45deg); content:'';}*/


#v17_footer .v17_footer_c { width:1200px; }

@media (max-width:1200px) {
	.wrapper {width:100%; /*padding:0 20px;*/ box-sizing:border-box;}
	header#header .blank .wrapper {width:98%;}
	header#header .category ul li.home {border-left:none;}
	#v17_footer .v17_footer_c { width:94%; }
	.v17_footer_c1 ul li { margin-bottom:7px;}
}

@media (max-width:1135px) {
	header#header h1 {margin-left:20px;}

	

	header#header .right_utill .search {display:none;}
}

@media (max-width:970px) {
	footer#footer {padding:20px;}
	footer#footer .utill li {width:33.33%; padding:0; margin-bottom:10px;}
	footer#footer .utill li:after {display:none;}
	footer#footer .utill li:nth-child(3n):after {display:none;}

	footer#footer .company {margin-top:30px;}
}

@media (max-width:870px) {
	header#header h1 img {width:150px;}
	header#header nav ul li a {font-size:16px;}
}

@media (max-width:840px) {
	/*header#header .right_utill ul {margin-top:5px;}*/
	header#header .right_utill ul li {margin-right:20px !important;}
	header#header .right_utill ul li.login a {display:block; background:url('../../_images/common/m_login_ico.png') no-repeat left center; background-size:20px auto; width:20px; height:28px; padding:0; text-indent:-99999px; direction:rtl; overflow:hidden;}
	header#header .right_utill ul li.logout a {display:block; background:url('../../_images/common/m_login_ico.png') no-repeat left center; background-size:20px auto; width:20px; height:28px; padding:0; text-indent:-99999px; direction:rtl; overflow:hidden;}
	header#header .right_utill ul li.logout span {line-height:28px;}
	header#header .right_utill ul li.join a {display:block; background:url('../../_images/common/m_join_ico.png') no-repeat left center; background-size:23px auto; width:23px; height:27px; padding:0; text-indent:-99999px; direction:rtl; overflow:hidden;}
	header#header .right_utill ul li.event a {display:block; background:url('../../_images/common/m_event_ico.png') no-repeat left center; background-size:25px auto; width:25px; height:28px; padding:0; text-indent:-99999px; direction:rtl; overflow:hidden;}
}
	header#header .right_utill ul li.eventrental a {display:block; background:url('http://www.dlive.kr/html/images/front/ko/v18/m_eventrental_ico.png') no-repeat left center; background-size:25px auto; width:25px; height:28px; padding:0; text-indent:-99999px; direction:rtl; overflow:hidden;}


@media (max-width:810px) {
	header#header nav {margin-left:40px;}
}

@media (max-width:800px) {
	.v17_footer_c1 ul li {position:relative; width:33.33%; text-align:center; margin-right:0; margin-bottom:10px; font-size:12px;}
	.v17_footer_c1 ul li:after {position:absolute; right:0;}
	.v17_footer_c1 ul li:nth-child(3n):after {display:none;}
	.v17_footer_c2 ul.f2,
	.v17_footer_c2 ul.f3 {display:none;}
}

@media (max-width:767px) {
	header#header h1 {padding-left:60px;}
	header#header h1 img {margin-top:-10px;}

	header#header .mb_menu {display:block; position:absolute; top:0; left:0;}
	header#header .mb_menu a {display:block; width:55px; height:40px; background:url('../../_images/common/m_menu.png') no-repeat center center; background-size:27.5px auto; text-indent:-99999px;}
	header#header .blank {padding:15px 0;}

	header#header nav {position:fixed; z-index:999; top:0; left:0; float:left; margin:0; background:#333; height:100vh; z-index:999; margin-left:-100%; width:200px;}
	header#header nav ul li {width:100%; margin-left:0; border-bottom:1px solid #676767; text-align:left;}
	header#header nav ul li a {display:block; padding:14px 20px; font-size:16px;}
	header#header nav p.close {position:absolute; top:0; right:0; margin-right:-41px;}
	header#header nav p.close a {display:block; width:41px; height:41px; background:url('../../_images/common/m_close.png') no-repeat center center; background-size:21px auto; text-indent:-99999px;}
	header#header .dim {display:none; position:fixed; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);}


	#v17_footer .v17_footer_c { padding-bottom:150px; }
	.v17_footer_c4 { position: absolute; left: 0px;  top:auto; bottom: 0px !important;}
	.v17_footer_c5 { position: absolute; left: 120px;  top:auto; bottom: 0px;}
}

@media (max-width:720px) {

header#header .top_utill {display:none;}
header#header .top_utill.link_mo { display:block; }


	.pc_block {display:none;}
	.mb_block {display:inline-block;}

	header#header .top_utill ul li {width:33.33%; max-width:100%;}

	.main_visual .swiper-button-prev,
	.main_visual .swiper-button-next {display:none;}

	footer#footer .logo {position:relative; text-align:left; margin-top:30px;}
}

/*@media (max-width:767px) {
	.text_block {display:inline;}
}*/

@media (max-width:720px) {
	header#header .category ul li.home {display:none;}
	header#header .category ul li {width:50%; min-width:auto; max-width:100%;}
	header#header .category ul.cate_list {width:100%;}
	header#header .category ul.cate_list li {width:100%;}
	header#header .category ul.cate_list li ul.depth {left:100%;width:100%;}
	header#header .category ul li:last-child ul.cate_list li ul.depth {left:-100%;}
}

/*@media (min-width:640px) {
	.sub_visual {height:auto; padding-bottom:40%;}
}*/

/*@media (max-width:640px) {
	.sub_visual {height:300px;}
}*/

@media (max-width:510px) {
	header#header .right_utill {width:65%;}
}

@media (max-width:400px) {
	header#header .right_utill ul li.logout span {display:none;}
}

@media (max-width:360px) {
	header#header h1 img {width:140px; margin-top:-8px;}
	header#header .right_utill ul li {margin-right:10px !important;}
}