/* ************************ 공용 ************************ */
/*section {position:relative; display:block; width:100%; max-width: 100%; margin:0 auto;}*/
section {position:relative; display:block; width:100%; max-width: 1200px; margin:0 auto;}
.contents {font-weight:normal; color:#666; line-height:1.6;}
.contents img {max-width:100%; height:auto;}
.more {display:block; position:absolute; width:25px; height:25px; top:0; right:0; background:url(../images/common/icon_more.png) 50% no-repeat; background-size:12px; border:1px solid #ddd; border-radius: 100px;}
.more:hover {border:1px solid #333;}
#gotop {z-index:900; display:none; position:fixed; width:35px; height:35px; border-radius:3px; bottom:40px; right:20px; background:url(../images/common/arrow_up.png) no-repeat 50% #fff; box-shadow:0 0 3px rgba(0,0,0,.3) !important;}
input[type="checkBox"], input[type="radio"] {cursor:pointer;}

/* ************************ 데스크탑 (992~) ************************ */
@media (min-width: 992px){
	
	html,body {font-family:"NanumGothic","돋움",sans-serif;width:100%; position:static; line-height:200% !important;}
	.mobile {display:none !important;}
	h3 {font-size:30px; color:#000; font-weight:bold; padding-bottom:40px; line-height:1; margin:0;}

	/*헤더*/
	header {z-index:999; position:absolute; width:100%; top:0;}
	header .head {position:relative; margin:0; background-color:#fff;}
	header .head .wrap {position:relative; max-width:1200px; margin:0 auto; padding:30px 0 25px 0; }
	header .wrap h1 {margin:0; line-height:1; font-size:0; text-align: left;}
	header .wrap .side {position:absolute; right:0;bottom:15px; font-size:12px; line-height:1;}
	header .wrap .side li {float:left;}
	header .wrap .side li a {display:block; padding:0px 10px; font-size:12px; background-color:#fff;}
	header .wrap .side li a:hover {color:#bd0b4a;}

	/*gnb*/
	nav.mobile {visibility:hidden}
	nav.pc {z-index:99; visibility:hidden; position:absolute; display:block; width:100%; overflow:hidden; border-top:1px solid #eee; border-bottom:2px solid #928067; }
	nav.pc .wrap {position:relative; display:block; max-width:1200px; margin:0 auto;}
	nav.pc .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
	nav.pc .navbg .dep1 {height:60px; background-color:#928067;}
	nav.pc .navbg .dep2 {height:100%; background-color:#fff;}
	nav.pc .gnb {position:relative; display:block; max-width:1200px;}
	nav.pc .gnb a.on {color:#bd0b4a;}
	nav.pc .gnb a:hover,nav .navWrap a:focus {color:#bd0b4a;}
	nav.pc .gnb>ul {margin:0 !important;}
	nav.pc .gnb>ul>li {position:relative; float:left; padding-right:90px;} 
	nav.pc .gnb>ul>li>a {display:block; width:100%; height:60px; padding-top:17px; font-size:16px; font-weight:normal; color:#fff;}
	nav.pc .gnb>ul>li.on>a {color:#bd0b4a;}
	nav.pc .gnb>ul>li>ul {position:absolute; top:70px; left:0; width:100% !important;}
	nav.pc .gnb>ul>li>ul>li a {display:inline-block; height:14px;  padding:4px 0; color:#333;}
	nav.pc .gnb>ul>li>ul>li a:hover {color:#bd0b4a;}
	nav.pc .gnb>ul>li>ul>li.on a {color:#bd0b4a;}
	
	/*footer*/ 
	footer {max-width:100%; }
	footer .fnb {max-width:100%; background:#343642; }
	footer .fnb li {position:relative; max-width:1200px; margin:0 auto; padding:20px 0px; text-align:center;}
	footer .fnb li a {display:inline-block; padding:0 20px; font-size:12px; color:#fff;}
	footer address {display:block; max-width:1200px; margin:0 auto; padding:30px 15px;}
	footer address .logo {text-align:center; margin:0; padding:0;}
	footer address .logo img {width:15%; height:auto;}
	footer address .address p {font-size:12px;  line-height:1.4; margin:0; padding-bottom:5px; color:#666; text-align: center;}
	footer address .address p:first-child {font-weight:bold; color:#000; margin-top:10px;}

	/*서브 상단 배경*/
	[class*="bgSub"] .slogan {position:relative; max-width:1200px; padding:190px 0px; margin:0 auto;}
	[class*="bgSub"] .slogan p {text-align:center;}
	[class*="bgSub"] .slogan p:first-child {font-size:24px; color:#fff;}
	[class*="bgSub"] .slogan p:last-child {color:#fff;}
	[class*="bgSub"] {max-width:100% !important; height:300px; background-size:cover;}
	.bgSub1 {max-width:100% !important; height:300px; background:url(../images/common/bgtop_sub.jpg) no-repeat 50%; background-size:cover;}

	/*서브메뉴*/
	.affix {z-index:9999; top:0; width:100%;}
	.snb {margin:0; padding:0; max-width:100% !important; background-color:#f8f8f8; border-bottom:1px solid #e8e8e8; }
	.snb .wrap {position:relative; max-width:1200px; margin:0 auto; padding:0; border-top:0;}
	.snb .wrap ul {padding:0; margin:0;}
	.snb .wrap h2 {font-size:14px; margin:0; padding:60px 30px; line-height:1; color:#fff; background-color:#2b2b2b;}
	.snb .wrap li {}
	.snb .wrap li a {display:block; padding:15px 30px; line-height:1; border-right:1px solid #e8e8e8;}
	.snb .wrap li a:hover {color:#928067; background-color:#fff;}
	.snb .wrap li.on a {color:#fff; background-color:#928067; border:0;}
	.snb .wrap .back {position:absolute; display:block; height:100%; top:0; right:0; padding:8px 20px 0 30px; font-size:12px; border:1px solid #e8e8e8; border-top:0; border-bottom:0; background:url(../images/common/arrow_left.png) no-repeat 20% 50%;}
	.snb .wrap .back:hover {padding-left:50px;}
	.sLnb {width:20%; max-width:200px; background: #f5f5f5; padding:0px; display:table-cell;}
	
	/*컨텐츠*/
	.contents_box {display:table; overflow:hidden;}
	.contents_box>div {display:table-cell; float:none; clear:both; vertical-align:top;}
	.contents_box .contents {width:80%; padding:70px 50px 70px 0;}
	.contents_box .side {padding:70px 40px; border-left:1px solid #e8e8e8;}
	.contents_box .side .recent i {position:absolute; display:block; width:60px; height:60px; border-radius:50%; background:url(../images/main/banner_top1.png) no-repeat 50% 50% #962d3e; background-size:50%;}
	.contents_box .side .recent p {display:block; font-size:18px; height:60px; padding:8px 0 0 70px; margin-bottom:20px; line-height:1.2}
	.contents_box .side .news i {position:absolute; display:block; width:60px; height:60px; border-radius:50%; background:url(../images/common/icon_speaker.png) no-repeat 50% 50% #666; background-size:50%;}
	.contents_box .side .news p {display:block; font-size:18px; height:60px; padding:18px 0 0 70px; margin-bottom:20px; line-height:1.2}
	.contents_box .side .list li {font-size:13px; margin-top:10px; padding-left:10px; line-height:1.4; background:url(../images/common/icon_dot.png) no-repeat 2px 10px;}
	.contents_box .side .list li {padding-left:10px; line-height:1.4;}
}


/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
	
	html,body {width:100%; font-family:AppleSDGothicNeo-Light,DroidSans,HelveticaNeue,sans-serif;}
	.pc {display:none !important;}
	h3 {display:block; margin:0 -15px;text-align:center; font-size:14px; color:#fff; padding:15px; margin-bottom:50px; line-height:1; background:#928067;}

	/*헤더*/ 
	header {position:relative;}
	header .head {position:relative; width:100%; height:50px; background-color:#fff;}
	header .head .gnbView {position:absolute; display:block; width:50px; height:50px; left:0; top:0; border-right:1px solid #ddd; background:url(../images/common/icon_allmenu.png) 50% 50% no-repeat; background-size:35%; border-radius:0;}
	header .head h1 {margin:0 !important; position:absolute; display:block; width:100%; height:50px; left:0; top:0; text-align:center;}
	header .head h1 a {display:inline-block; height:50px; padding:12px 0; text-align:center;}
	header .head h1 a img {display:block; height:100%;}
	header .head .side {position:absolute; top:0; right:0; height:100%;}
	header .head .side .login a {display:block; width:50px; height:50px; border-left:1px solid #ddd; background:url(../images/common/icon_login.png) 50% 50% no-repeat; background-size:40%;}
	header .head .side .logout a {display:block; width:50px; height:50px; border-left:1px solid #ddd; background:url(../images/common/icon_logout.png) 50% 50% no-repeat; background-size:40%;}
	header .head .side .login span {display:none;}
	header .head .side .logout span {display:none;}
	header .head .side .join {display:none;}
	header .head .side .home {display:none;}

	/*gnb*/
	nav.mobile {z-index:9999; position:fixed; visibility:hidden; top:0; width:80%; height:100%; overflow:hidden; background:#fff; box-shadow:5px 0px 10px rgba(0,0,0,.7) !important;}
	nav.mobile .closeWrap {position:relative; height:50px; background-color:#333; color:#fff;}
	nav.mobile .closeWrap .gnbClose {display:block; width:50px; height:50px; background:url(../images/common/icon_gnbclose.png) 50% 50% no-repeat #141414; background-size:40%;}
	nav.mobile .closeWrap .home {position:absolute; display:block; right:20px; top:15px; color:#928067; font-size:12px;}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb .home {display:block; width:100%; background-color:#f0f0f0; padding:12px 20px; border-bottom:1px solid #333;}
	nav.mobile .gnb {position:relative; width:100%; height:100%; overflow-y:auto;}
	nav.mobile .gnb>ul>li {clear:both; position:relative;}
	nav.mobile .gnb>ul>li>a {display:block; padding:12px 20px; color:#000; border-bottom:1px solid #ddd; font-size:16px; background:#fff;}
	nav.mobile .gnb>ul>li>a:hover {color:#928067;}
	nav.mobile .gnb>ul>li.on>a {color:#fff; background:#928067; border-bottom:1px solid #928067;}
	nav.mobile .gnb>ul>li>ul {display:none;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;}
	nav.mobile .gnb>ul>li>ul>li a {display:block; padding:12px 20px 12px 30px; font-size:14px; color:#333; border-bottom:1px solid #eee; background:#f9f9f9;}
	nav.mobile .gnb>ul>li>ul>li a:hover {color:#928067; background-color:#f5f5f5;}
	nav.mobile .gnb>ul>li>ul>li.on a {color:#928067;}

	/*footer*/
	footer {max-width:100%;}
	footer .fnb {max-width:100%; background:#333; padding:0; margin:0;}
	footer .fnb li {position:relative; max-width:1200px; padding:20px; text-align:center; line-height:1 !important;}
	footer .fnb li a {display:inline-block; padding:0 5px; font-size:12px; color:#fff; line-height:1; letter-spacing:-1px;}
	footer address {display:block; max-width:1200px; margin:0 auto; padding:20px 15px; text-align:center;}
	footer address .logo {text-align:center; margin:0; padding:0;}
	footer address .logo img {height:25px; width:auto;}
	footer address {display:block;}
	footer address .address {padding:20px 0 0 0;}
	footer address .address p {font-size:12px;  line-height:1.4; margin:0; padding-bottom:5px; color:#666;}
	footer address .address p:first-child {font-weight:bold; color:#000;}

	/*컨텐츠*/
	.contents {padding:10px; padding-top:0 !important;padding-bottom:50px !important;}

}