@charset "utf-8";

#wrap {
	background: url("/img_2017/sub_bg.jpg") repeat-y right top; position: relative;
}
#wrap::after {
	clear: both; display: block; content: "";
}
#header {
	background: rgb(15, 15, 15); padding: 0px 0px 0px; width: 200px; float: left; position: relative; z-index: 100;
}
#header .top {
	background: rgb(26, 26, 26); padding: 0px 20px;
}
#header h1 {
	background: rgb(254, 255, 255); margin-bottom: 0px; padding: 30px 10px 10px 20px;
}
#gnb {
	text-align: center;
}
#gnb li {
	color: rgb(136, 136, 136); font-size: 7px; font-weight: 600; display: inline-block;
}
#gnb li.divider {
	margin: 0px 1px;
}
#gnb li a {
	color: rgb(136, 136, 136); font-size: 8px;
}
#snb {
	margin-top: 0px; border-top-color: rgb(44, 43, 43); border-top-width: 1px; border-top-style: solid;
}
#snb li {
	border-bottom-color: rgb(44, 43, 43); border-bottom-width: 1px; border-bottom-style: solid;
}
#snb li a {
	padding: 15px 0px; color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; display: block;
}
#snb li.on a {
	color: rgb(244, 189, 0);
}
#header .top .search_box {
	margin-top: 20px; position: relative;
}
#header .top .search_box .txtQuery {
	background: inherit; border: 1px solid rgb(221, 221, 221); width: 100%; height: 25px;
}
#header .top .btnSearch {
	top: 5px; right: 10px; position: absolute;
}
#header .sns_list {
	padding: 25px 0px 25px 10px; border-top-color: rgb(44, 43, 43); border-bottom-color: rgb(44, 43, 43); border-top-width: 0px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid;
}
#header .sns_list::after {
	clear: both; display: block; content: "";
}
#header .sns_list li {
	float: left;
}
#header .sns_list li img {
	display: block;
}
#header .bottom {
	padding: 10px 20px; font-size: 12px;
}
#header .bottom ul.link_list {
	padding-bottom: 10px; border-bottom-color: rgb(44, 43, 43); border-bottom-width: 1px; border-bottom-style: solid;
}
#header .bottom ul.link_list li a {
	color: rgb(102, 102, 102); font-size: 12px;
}
#header .bottom p.copyright {
	padding-top: 10px; font-size: 11px !important;
}
#header address {
	padding: 7px 0px; font-size: 12px !important; border-bottom-color: rgb(44, 43, 43); border-bottom-width: 1px; border-bottom-style: solid;
}
#header .bottom .family {
	background: rgb(119, 119, 119); height: 25px; margin-top: 5px; position: relative;
}
/* #header .bottom .family::after {
	border-width: 4px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); top: 6px; right: 10px; position: absolute; content: "";
} */

#header .bottom .familyShop{margin-top:5px;}
#header .bottom .familyShop a{line-height:25px;padding-left:10px;font-size:12px;font-weight:600;display:block;color:#fff;background:#ff3b3b;}

#header .bottom .family > a {
	width: 100%; height: 100%; color: rgb(255, 255, 255); line-height: 25px; padding-left: 10px; font-size: 12px; font-weight: 600; display: block; background: url("/img_2017/songdam_btn.jpg")
}
#header .bottom .family > ul.dropdown {
	width: 100%; bottom: 25px; display: none; position: absolute; z-index: 30;
}
#header .bottom .family > ul.dropdown > li > a {
	background: rgb(204, 204, 204); height: 35px; color: rgb(51, 51, 51); line-height: 35px; padding-left: 10px; font-size: 12px; font-weight: 600; border-bottom-color: rgb(239, 239, 239); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#header .bottom .family > ul.dropdown > li > a:hover {
	background: rgb(187, 187, 187);
}
#header .bottom .icon_w {
	height: 45px; margin-top: 15px;
}
#header .bottom .icon_w > ul {
	width: 100%; bottom: 25px; z-index: 30;
}
.icon_w_1 {
	width: 26%; bottom: 45px; float:left;
}
.icon_w_2 {
	width: 25%; bottom: 45px; float:left;
}

#mnav_call {
	background: rgb(244, 189, 0); left: 30px; top: 25px; width: 35px; height: 35px; display: none; position: absolute; cursor: pointer;
}
#mnav_call span {
	background: rgb(255, 255, 255); transition:0.3s; width: 20px; height: 3px; display: block; position: absolute;
}
#mnav_call span.bar1 {
	left: 7px; top: 10px;
}
#mnav_call span.bar2 {
	left: 7px; top: 16px;
}
#mnav_call span.bar3 {
	left: 7px; top: 22px;
}
.active#mnav_call span.bar1 {
	top: 16px; transform: rotate(45deg);
}
.active#mnav_call span.bar2 {
	display: none;
}
.active#mnav_call span.bar3 {
	top: 16px; transform: rotate(-45deg);
}
#mnav {
	background: rgb(111, 113, 120); left: -35%; top: 0px; width: 35%; height: 100%; text-align: left; display: none; position: absolute; z-index: 990;
}
#mnav ul.depth1 > li {
	border-bottom-color: rgb(126, 127, 134); border-bottom-width: 1px; border-bottom-style: solid;
}
#mnav ul.depth1 > li > a {
	width: 100%; height: 60px; color: rgb(238, 238, 238); line-height: 60px; padding-left: 10%; font-size: 18px; font-weight: 600; display: block;
}
#mnav ul.depth1 > li.open > a {
	background: rgb(93, 97, 107); color: rgb(255, 255, 255) !important;
}
#mnav ul.depth2 {
	padding: 20px 0px 30px 40px; display: none;
}
#mnav ul.depth2 > li > a {
	padding: 5px 0px; color: rgb(222, 222, 222); line-height: 1.2; font-size: 15px; display: block;
}
body.main #container {
	margin: 0px -340px 0px -200px; width: 100%; float: left; position: relative; z-index: 0; max-width: none;
}
#container {
	background: rgb(255, 255, 255); width: 80%; float: left; position: relative; max-width: 1200px;
}
#container > .inner {
	padding: 0px 50px 100px; margin-left: 150px; min-height: 1040px;
}
#container > .inner ul.allocation {
	text-align: justify; overflow: hidden;
}
#container > .inner ul.allocation::after {
	width: 100%; height: 0px; display: inline-block; content: "";
}
#container > .inner ul.column2 li {
	width: 48%;
}
#container > .inner ul.column3 li {
	width: 32%;
}
#container > .inner ul.column4 li {
	width: 23%;
}
#container > .inner ul.allocation li {
	float: none !important; display: inline-block; position: relative;
}
#container > .inner ul.allocation li.clear {
	margin: 0px; padding: 0px; border: currentColor;
}
#container > .inner .section {
	padding: 0px 0px 60px; position: relative;
}
#container > .inner .section::after {
	clear: both; display: block; content: "";
}
#container > .inner .section > img {
	width: 100%;
}
#container > .inner .section h2.sub_tit {
	color: rgb(68, 68, 68); line-height: 1.2; padding-bottom: 15px; font-size: 28px; font-weight: 600; margin-bottom: 30px; position: relative;
}
#container > .inner .section h2.sub_tit::after {
	background: rgb(102, 102, 102); left: 2px; width: 60px; height: 2px; bottom: 0px; position: absolute; content: "";
}
#subnav {
	background: rgb(111, 113, 120); left: 0px; top: 0px; width: 150px; height: 100%; position: absolute; z-index: 250;
}
#subnav ul.sub {
	width: 100%; border-top-color: rgb(126, 127, 134); border-top-width: 1px; border-top-style: solid; display: none; position: absolute;
}
#subnav ul.sub li a {
	height: 40px; color: rgb(238, 238, 238); line-height: 40px; padding-left: 15px; font-weight: 600; border-bottom-color: rgb(126, 127, 134); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#subnav ul.sub li a:hover {
	background: rgb(93, 97, 107); color: rgb(255, 255, 255);
}
#subnav ul.sub li.active a {
	background: rgb(93, 97, 107); color: rgb(255, 255, 255);
}
#subnav .mnu1 {
	top: 120px;
}
#subnav .mnu2 {
	top: 173px;
}
#subnav .mnu3 {
	top: 231px;
}
#subnav .mnu4 {
	top: 286px;
}
#subnav .mnu5 {
	top: 290px;
}
#subnav .mnu6 {
	top: 395px;
}
#subnav .mnu7 {
	top: 430px;
}

#subnav img.bimg {
	left: 0px; top: 500px; display: block; position: absolute;
}
#sub_aside {
	top: 0px; width: 37%; height: 100%; right: 0px; overflow: hidden; padding-left: 200px; position: fixed; z-index: 100;
}
#sub_aside ul.imgList {
	width: 1000%; height: 100%; position: relative;
}
#sub_aside::before {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 200px; height: 100%; position: absolute; z-index: 110; content: "";
}
#sub_aside ul.imgList li {
	width: 500px; height: 100%; overflow: hidden; float: left; position: relative;
}
#sub_aside ul.imgList li img {
	width: 100%; height: 100%; display: block;
}
#sub_aside ul.imgList li img.img_tab {
	display: none;
}
#sub_aside ul.imgList li img.img_m {
	display: none;
}
#sub_aside ul.imgList li .caption {
	left: 0px; top: 50%; width: 100%; height: 60px; text-align: center; margin-top: -30px; position: absolute; z-index: 50;
}
#sub_aside ul.imgList li .caption h2 {
	color: rgb(255, 254, 254); line-height: 1.2; font-size: 24px; font-weight: 600;
}
#sub_aside ul.imgList li .caption h3 {
	color: rgb(255, 254, 254); font-size: 14px; font-weight: 400; opacity: 0.7;
}
#sub_aside a.control {
	top: 50%; margin-top: -32px; position: absolute; z-index: 100;
}
#sub_aside a.prev.control {
	left: 230px;
}
#sub_aside a.next.control {
	right: 30px;
}
#footer {
	clear: both; display: none; position: relative;
}
#footer .footer_top {
	background: rgb(238, 238, 238); padding: 0px 30px; height: 50px;
}
#footer .footer_top::after {
	clear: both; display: block; content: "";
}
#footer .footer_top .sns_list {
	width: auto; float: left;
}
#footer .footer_top .sns_list::after {
	clear: both; display: block; content: "";
}
#footer .footer_top .sns_list li {
	float: left;
}
#footer .footer_top .sns_list li img {
	display: block;
}
#footer .footer_top .family {
	background: rgb(119, 119, 119); width: 150px; height: 25px; margin-top: 12px; float: right; position: relative;
}
#footer .footer_top .family::after {
	border-width: 4px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); top: 6px; right: 10px; position: absolute; content: "";
}
#footer .footer_top .family > a {
	width: 100%; height: 100%; color: rgb(255, 255, 255); line-height: 25px; padding-left: 10px; font-size: 12px; font-weight: 600; display: block;
}
#footer .footer_top .family > ul.dropdown {
	width: 100%; bottom: 25px; display: none; position: absolute; z-index: 30;
}
#footer .footer_top .family > ul.dropdown > li > a {
	background: rgb(204, 204, 204); height: 35px; color: rgb(51, 51, 51); line-height: 35px; padding-left: 10px; font-size: 12px; font-weight: 600; border-bottom-color: rgb(239, 239, 239); border-bottom-width: 1px; border-bottom-style: solid; display: block;
}
#footer .footer_top .family > ul.dropdown > li > a:hover {
	background: rgb(187, 187, 187);
}
#footer .footer_info {
	padding: 30px 0px 50px; text-align: center;
}
#footer .footer_info ul.link_list {
	margin-bottom: 20px;
}
#footer .footer_info ul.link_list li {
	margin: 0px 8px; display: inline-block;
}
#footer .footer_info ul.link_list li a {
	font-size: 16px;
}
#footer .footer_info address {
	font-size: 14px;
}
#footer .footer_info .copyright {
	font-size: 14px;
}
span.red_point {
	color: rgb(255, 83, 83); font-size: inherit;
}
@media screen and (max-width:1280px)
{
#sub_aside {
	left: 0px; top: 0px; width: 100%; height: 500px; padding-left: 150px; position: absolute; z-index: 220;
}
#sub_aside::before {
	display: none;
}
#sub_aside a.prev.control {
	left: 180px;
}
#container {
	width: 90%;
}
#container .inner {
	padding-top: 0px;
}
}
@media screen and (max-width:1024px)
{
#header {
	background: rgb(255, 255, 255); padding: 20px 0px; width: 100%; text-align: center; clear: both; float: none;
}
#header h1 {
	margin-bottom: 0px !important;
}
#mnav {
	display: block !important;
}
#subnav {
	display: none;
}
#mnav_call {
	display: block !important;
}
#gnb {
	display: none;
}
#snb {
	display: none;
}
#header .search_box {
	display: none;
}
#header .sns_list {
	display: none;
}
#header .bottom {
	display: none;
}
#sub_aside {
	padding: 0px !important; left: 0px; top: 0px; height: 400px;
}
#sub_aside a.prev.control {
	left: 30px;
}
#sub_aside a.right.control {
	right: 30px;
}
#container {
	width: 100% !important; clear: both; float: none; max-width: none !important;
}
#container > .inner {
	margin: 0px 30px; padding: 0px 0px 50px; border-top-color: rgb(102, 102, 102); border-top-width: 2px; border-top-style: solid;
}
#footer {
	display: block !important;
}
}
@media screen and (max-width:640px)
{
#header h1 img {
	width: 120px;
}
#mnav {
	left: -50%; width: 50%;
}
#mnav ul.depth1 > li > a {
	font-size: 16px !important;
}
#mnav ul.depth2 > li > a {
	font-size: 13px !important;
}
#sub_aside ul.imgList li .caption h2 {
	font-size: 14px !important; margin-bottom: 10px;
}
#sub_aside ul.imgList li .caption h3 {
	font-size: 12px !important;
}
#sub_aside a.control {
	margin-top: -26px;
}
#sub_aside a.prev.control {
	left: 5px;
}
#sub_aside a.next.control {
	right: 5px;
}
#sub_aside a.control img {
	width: 48px;
}
#container > .inner {
	min-height: 1px !important;
}
#footer .footer_top {
	height: 40px;
}
#footer .footer_top .sns_list li img {
	width: 40px; height: 40px; display: block;
}
#footer .footer_top .family {
	margin-top: 7px;
}
#footer .footer_info ul.link_list li a {
	font-size: 13px;
}
#footer .footer_info address {
	font-size: 11px;
}
#footer .footer_info .copyright {
	font-size: 11px;
}
}
@media screen and (max-width:480px)
{
#footer .footer_top {
	padding: 0px 10px;
}
#footer .footer_top .family {
	width: 100px; height: 20px; margin-top: 10px;
}
#footer .footer_top .family::after {
	border-width: 3px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); top: 6px; right: 10px; position: absolute; content: "";
}
#footer .footer_top .family > a {
	width: 100%; height: 100%; color: rgb(255, 255, 255); line-height: 20px; padding-left: 10px; font-size: 9px; font-weight: 600; display: block;
}
#footer .footer_top .family > ul.dropdown {
	bottom: 20px;
}
}


/* 팝업레이어*/
#hd_pop {position:fixed !important;z-index:1000;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:fixed !important;border:0px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
#header h1 {border: 1px solid #333;}


/*서브페이지 카카오톡*/
.rightFixed {width:71px;height:100px;position:fixed;right:13px;top:14px;z-index:30000;text-align:center;}