/* layout */
body.hidden {overflow:hidden;}
.desktop-none	 {display:none}
header {    position:relative;        width: 100%;        height: 80px;    text-align: center;    position: absolute;        left: 0;        right: 0;      top: 0;    /*overflow: hidden;*/    z-index: 100;  min-width:1000px;  background:rgba(255,255,255,1);  box-shadow:1px 1px 8px rgba(0,0,0,0.2)  }
.wrap_sub header {position:fixed;}

#navbg {   position: absolute;   width: 100%;   background:rgba(255,255,255,1) url("../images/common/top_bg.png") no-repeat 85% bottom;   top: 0;   height: 240px;    z-index: 30;  overflow: hidden;  display: none;  }


.header_con {    zoom: 1;    width: 1000px;    text-align: center;    position: relative;    height:80px;    margin:0 auto;      overflow: hidden;    }
.header_con:after {display:block; content:''; clear:both;}

header h1 { position: absolute; z-index: 35;left:40px;top:10px;transition:top .4s;}
header h1 a {display: block;width:190px;height:60px;background:url("../images/common/logo.png") 0 0 no-repeat;text-indent:-9999px;overflow:hidden;}
header.bkon {/*background:#fff;*/box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.34);z-index:57;}
header.bkon h1 a, .wrap_sub #header.fixed h1 a {background:url("../images/common/logo.png") 0 0 no-repeat;}
.wrap_sub header h1 {z-index:100;}

.header_con .gnb {position: relative; display:inline-block;z-index: 80; width: 980px; }
.header_con .gnb_depth_1 {display: table; width: 100%; table-layout: fixed;}
.header_con .gnb_depth_1>li {display: table-cell; width: 25%; position: relative;}


.header_con .gnb_depth_1>li>a img {vertical-align:middle;}
.header_con .gnb_depth_1>li>a {    display: block;    position:relative;    color: #333;    font-size: 17px;    text-align: center;    padding: 28px 0 4px;  letter-spacing:-0.5px;  box-sizing: border-box; height: 80px;  font-family:'Spoqa Han Sans Neo';    transition:top .4s, padding .4s, height .4s; }
.header_con .gnb_depth_1>li>a::after {      display:none;    content: '';    position: absolute;    bottom:0;    left:50%;    height: 3px;    width:35px;        background: #f1f1f1;        transform:translate(-50%, 0);}
.header_con .gnb_depth_1>li>a.on::after {background:#1d2c50;}
.header_con .gnb_depth_1>li.on > a	{color:#1d2c50}
.header_con .gnb_depth_1>li.on > a::after {background:#1d2c50; }
header.bkon .header_con .gnb_depth_1>li.on a::before, header.fixed .header_con .gnb_depth_1>li.on a::before {display:none;}
#header.fixed .header_con .gnb_depth_1>li.on > a {color:#75073A; font-family:'Spoqa Han Sans Neo';}
#header.fixed .header_con .gnb_depth_1>li.on>a::after {display:block;height:5px;background:#1d2c50; bottom:11px;}

.header_con .gnb_depth_2 {text-align: center; padding-top: 20px;}

header.bkon .header_con .gnb_depth_1>li>a {color:#444;}
header.bkon .header_con .gnb_depth_1>li>a::after {display:block;}
header.bkon .header_con .gnb_depth_1>li.on>a		{color:#75073A}
header.bkon .header_con .gnb_depth_1>li::before{  content: "";  position: absolute;  top: 0;  left:-1px;    background:#ddd;  width:1px;   height:240px;   z-index: 80;  }
header.bkon .header_con .gnb_depth_1>li:last-child::after {  content: "";  position: absolute;  top: 0;  right:0;    background:#ddd;  width:1px;   height:240px;   z-index: 80;  }

.header_con .gnb_depth_2 > li {display:block; position: relative;}
.header_con .gnb_depth_2 > li > a {    display: inline-block;    padding: 3px 0 3px;    color: #444;    position: relative;    white-space: nowrap;    font-size: 14px;    font-family: 'Spoqa Han Sans Neo';}
.header_con .gnb_depth_2 > li > a strong { display: inline-block; position: relative; padding-bottom: 4px;}
.header_con .gnb_depth_2 li a.current,.header_con .gnb_depth_2 li a:hover {color: #75073A;font-family:'Spoqa Han Sans Neo';}


header .top_tel {position:absolute;right:0;top:0px;width:200px;height:80px;background:#75073A url("../images/common/number_w.png") center center no-repeat;text-indent:-9999px;z-index:80;overflow:hidden;transition:top .4s;}
header.bkon .top_tel, header.fixed .top_tel {background:#75073A url("../images/common/number_w.png") center center no-repeat;}



.subVisual			{width:100%; height:320px; padding-top:150px; text-align:center; font-family: 'Spoqa Han Sans Neo'; font-size:42px; color:#fff; font-weight:700; box-sizing:border-box; }
.sub_nav			{max-width:1210px; width:100%;margin:-55px auto 0 auto;}
.sub_nav .sub_home		{float:left}
.sub_nav	ul		{display:table;}
.sub_nav	ul	 li	{display:table-cell;  border-right:1px solid #bbb; text-align:center; width:210px; border-bottom:1px solid #bbb}
.sub_nav	ul	 li	 a	{display:block; line-height:54px; background-color:#f0f0f0; color:#666; font-size:16px;  width:100%;  font-family: 'Spoqa Han Sans Neo';}
.sub_nav	ul	 li.on			{border-bottom:1px solid #fff}
.sub_nav	ul	 li.on	 a		{display:block; line-height:54px; background-color:#fff; color:#121212; font-size:16px; width:100%; }	

.sub1			{background: url("http://www.pt-dmtheest.co.kr/images/common/sub1.jpg") repeat-x center top; background-size:cover}
.sub2			{background: url("http://www.pt-dmtheest.co.kr/images/common/sub2.jpg") repeat-x center bottom; background-size:cover}
.sub3			{background: url("http://www.pt-dmtheest.co.kr/images/common/sub3.jpg") repeat-x center bottom; background-size:cover}
.sub4			{background: url("http://www.pt-dmtheest.co.kr/images/common/sub4.jpg") repeat-x center bottom; background-size:cover}
.sub5			{background: url("http://www.pt-dmtheest.co.kr/images/common/sub5.jpg") repeat-x center bottom; background-size:cover}
.sub6			{background: url("http://www.pt-dmtheest.co.kr/images/common/sub6.jpg") repeat-x center bottom; background-size:cover}
.sub7			{background: url("http://www.pt-dmtheest.co.kr/images/common/sub1.jpg") repeat-x center bottom; background-size:cover}


#contents				{max-width:1200px; width:100%; margin:55px auto 0 auto;  min-height:400px;  padding:0 0  80px 0; position:relative}
#contents:after		{content:" "; display:block; clear:both; height:0; visibility:hidden;}



#footer	{position:relative; width:100%; padding:30px 0;  background:#111;  z-index:444; overflow: hidden; font-family: 'Spoqa Han Sans Neo';  }
#footer .inner	{max-width:1200px; margin:0 auto; position:relative;}
#footer .inner .copy		{ padding:0 0 0 200px; }
#footer .inner .copy	 .txt1	{font-size:12px;  color:#888; letter-spacing:-0.5px;}
#footer .inner .copy	 .txt2	{font-size:13px;  color:#888; letter-spacing:-0.5px; padding-bottom:5px;}
#footer .inner .copy	 .txt2 span	{display:inline-block; width:15px; text-align:center; color:#666}
#footer .inner .copy	 .txt1 strong	{font-size:13px; color:#999; display:block; padding-top:15px; font-weight:300}

#footer .foot_logo		{position:absolute; top:0; left:0}



.header_m{position:relative;background-color:#151411;display:none;}
.header_m{clear: both;float: left;width: 100%;height: 75px; background: #151411;z-index: 9999;}
.header_m .inner{ width: 90%;margin: 0 auto;}
.header_m h1 a {display: block;width:170px;height:50px;margin:15px auto 0 auto;}
.header_m .ico_tel {position: absolute;top: 20px;right: 15px;z-index: 8888;}
.header_m .ico_tel img {width: 35px;}


.ex		{border:1px solid #eee; background-color:#fafafa; font-size:12px; color:#888; padding:15px; margin-top:25px; line-height:1.5}




.quick		{position:fixed; top:80px; right:0; z-index:999}
.mb_quick	{display:none}

@media all and (max-width:1280px){	

	.img100	{width:100%}

	#contents				{max-width:1200px; width:92%; margin:0 4% 0 4%;  min-height:400px;  padding:40px 0; overflow: hidden}

}


@media all and (max-width:1080px){	

	.header_m {display:block}

	.header_m h1{display: block;height:50px;margin: 0 auto;text-indent: -9999em;background: url("../images/common/logo.png") center 0 no-repeat;background-size: auto 100%;}

	.header_m{position:relative;background-color:#fff;}
	.header_m .btn_mobileMenu{width: 30px;z-index: 9999;position: absolute;left: 15px;top: 50%;transform: translateY(-50%);background-color: transparent;border: none;padding: 0;}
	.header_m .btn_mobileMenu span{display: block;width: 100%;height: 5px;background-color: #75073A;font-size: 0;transition:0.75s;}
	.header_m .btn_mobileMenu span:nth-child(even){margin: 5px 0;}
	.header_m .btn_mobileMenu:hover span:nth-child(odd){width:50%;}

	.header_m .mobileMenu {display:none; position:absolute;left:0;top:0;bottom:0; width:100%; z-index:8888}
	.header_m .mobileMenu .menuwrap {position:relative; height:100vh; padding-bottom:25%; background:#666; z-index:8888;overflow-y:scroll;}
	.header_m .mobileMenu .logo_w {height:75px; text-align:center;  background:#fff;position:relative;}
	.header_m .mobileMenu .logo_w .logo {width:150px; margin:15px 0 0 0}
	.header_m .mobileMenu .logo_w .close {position:absolute; left:0;padding: 0;top: 0;border: none;width: auto;margin: 0;height: 100%;}
	.header_m .mobileMenu .logo_w .close a{color: #75073A;font-size: 40px;display: block;position: absolute;left: 15px;top: 45%;transform: translateY(-50%);border: none;width: auto;margin: 0;}

	.header_m .mobileMenu ul {width:100%; margin:0 auto; padding-left:20px; padding-bottom:20px; background:#75073A; box-sizing:border-box; border-radius:0;}
	.header_m .mobileMenu li {clear:both; text-align:left; width:100%; padding:15px 0 0 0;  box-sizing:border-box;}
	.header_m .mobileMenu dl {width:100%}
	.header_m .mobileMenu dl:after {display:block; clear:both; content:""}
	.header_m .mobileMenu dt {position: relative;margin-bottom:10px;text-indent:15px;  font-size:15px; color:#fff; font-family:'Spoqa Han Sans Neo';}
	.header_m .mobileMenu dt .icon {position:absolute;top:2px;left:3px;width:3px;height:15px;background:#fff;}
	.header_m .mobileMenu dt .icon:before{content:'';position:absolute;top:50%;left:0;width:100%;height:100%;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
	.header_m .mobileMenu dt a {color:#c5b284; }
	.header_m .mobileMenu dd {display:inline-block; width:46%; margin-right:1%; margin-bottom:1%; text-align:center; font-size:13px; height:28px; line-height:28px; color:#333; font-family:'Spoqa Han Sans Neo'; background:#fff; box-sizing:border-box;}
	.header_m .mobileMenu dd a {display:block;color:#333;}
	.header_m .mobileMenu dd a span{font-weight:400;}
	.header_m .mobileMenu .close{width:93%; margin:0 auto; margin-top:20px; padding:8px 0 8px 0; text-align:center; font-size:14px; font-family:'Spoqa Han Sans Neo'; border:1px solid #fff; border-radius:20px; background-color:#fff}
	.header_m .mobileMenu .close a {color:#75073A;}
	.header_m .mobileMenu .underlayer {position:fixed; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:1;}

	header		{display:none}


	.desktop-none	 {display:block}
	.mobile-none		{display:none}


	.quick		{display:none}


	#footer	{position:relative; width:100%; padding:30px 0  70px 0;  background:#111;  z-index:444; overflow: hidden; }
	#footer .inner	{max-width:1200px; margin:0 3%; position:relative;}
	#footer .inner .copy		{ padding:30px 0 0 0; }
	#footer .inner .copy	 .txt1	{font-size:11px;  color:#888; letter-spacing:-0.5px;  padding-bottom:10px; line-height:1.4}
	#footer .inner .copy	 .txt2	{font-size:12px;  color:#888; letter-spacing:-0.5px; padding-top:10px; }
	#footer .inner .copy	 .txt2 span	{display:inline-block; width:15px; text-align:center; color:#666}
	#footer .inner .copy	 .txt1 strong	{font-size:13px; color:#999; display:block; padding-top:10px; font-weight:300}

	#footer .foot_logo		{position:absolute; top:0; left:0}
	#footer .foot_logo img	{width:130px;}



	.subVisual			{width:100%; height:210px; padding-top:110px; text-align:center; font-family: 'Spoqa Han Sans Neo'; font-size:26px; color:#fff; font-weight:700; box-sizing:border-box; background-size:cover}
	.sub_nav			{max-width:1210px; width:100%;margin:-40px auto 0 auto;}
	.sub_nav .sub_home		{float:left}
	.sub_nav .sub_home	img		{width:40px;}
	.sub_nav	ul		{display:block; overflow: auto;  white-space: nowrap; background-color:#f0f0f0; }
	.sub_nav	ul	 li	{display:inline-block;  border-right:0px solid #ddd; text-align:center;border-bottom:none; width:100px; padding:0 0;margin:0}
	.sub_nav	ul	 li	 a	{display:block; line-height:39px; background-color:#f0f0f0; color:#666; font-size:13px;  width:100%;  font-family: 'Spoqa Han Sans Neo';}
	.sub_nav	ul	 li.on	 a		{display:block; line-height:39px; background-color:#fff; color:#121212; font-size:14px; width:100%; }	



	.mb_quick				{position:fixed; bottom:-2px; left:0; width:100%; z-index:999999;  line-height:0; margin:0; padding:0; display:block}
	.mb_quick	 li:nth-child(1)		{width:33%; float:left; background:#e84171; text-align:center;  line-height:0; margin:0; padding:0px 0}
	.mb_quick	 li:nth-child(2)		{width:33%; float:left; background-color:#b18d69; text-align:center;  line-height:0; margin:0; padding:0px 0}
	.mb_quick	 li:nth-child(3)		{width:34%; float:left; background-color:#FFE001; text-align:center;  line-height:0; margin:0; padding:0px 0}
	.mb_quick	 li img	{height:50px; line-height:0; margin:0; padding:0}


}




.cm_play		{background-color:#a0846d; height:22px; padding:6px 5px 6px 15px; width:160px; border-radius:50px; position:fixed; bottom:15px; right:15px; z-index:99777 }
.cm_play	 .radio_tlt	{width:100px; float:left; font-family: 'Play'; font-size:14px; font-weight:400; color:#fff ; line-height:24px;}
.cm_play	 .radio_tlt img	{vertical-align:top; margin-left:10px;}
.cm_play	 .radio	{text-align:center; width:60px; float:left; line-height:20px;}
.cm_play	 .radio img	{line-height:0; padding:0; margin:0}
.cm_play	 .radio button	{margin:0 1px; border:0; height:22px; width:22px; display:inline-block; outline:0;     background: none;}



@media all and (max-width:1080px){

	.cm_play		{bottom:60px; }


}