@charset "UTF-8";
/* CSS Document */

/* 메인 서브 공통 CSS */

/* font */

@font-face {
	font-family:'NanumBarunGothic';
	font-style:normal;
	src: url('/town/common/fonts/NanumBarunGothic.eot')
		 url('/town/common/fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
     	 url('/town/common/fonts/NanumBarunGothic.woff') format('woff');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:100;
	src:local('Noto Sans Thin'),local('NotoSans-Thin'),
	url(/town/common/fonts/NotoSansKR-Thin.eot),
	url(/town/common/fonts/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'),
	url(/town/common/fonts/NotoSansKR-Thin.woff) format('woff'),
	url(/town/common/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:200;
	src:local('Noto Sans Light'),local('NotoSans-Light'),
	url(/town/common/fonts/NotoSansKR-Light.eot),
	url(/town/common/fonts/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
	url(/town/common/fonts/NotoSansKR-Light.woff) format('woff'),
	url(/town/common/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:300;
	src:local('Noto Sans DemiLight'),local('NotoSans-DemiLight'),
	url(/town/common/fonts/NotoSansKR-DemiLight.eot),
	url(/town/common/fonts/NotoSansKR-DemiLight.eot?#iefix) format('embedded-opentype'),
	url(/town/common/fonts/NotoSansKR-DemiLight.woff) format('woff'),
	url(/town/common/fonts/NotoSansKR-DemiLight.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:400;
	src:local('Noto Sans Regular'),local('NotoSans-Regular'),
	url(/town/common/fonts/NotoSansKR-Regular.eot),
	url(/town/common/fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
	url(/town/common/fonts/NotoSansKR-Regular.woff) format('woff'),
	url(/town/common/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:500;
	src:local('Noto Sans Medium'),local('NotoSans-Medium'),
	url(/town/common/fonts/NotoSansKR-Medium.eot),
	url(/town/common/fonts/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
	url(/town/common/fonts/NotoSansKR-Medium.woff) format('woff'),
	url(/town/common/fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:700;
	src:local('Noto Sans Bold'),local('NotoSans-Bold'),
	url(/town/common/fonts/NotoSansKR-Bold.eot),
	url(/town/common/fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
	url(/town/common/fonts/NotoSansKR-Bold.woff) format('woff'),
	url(/town/common/fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face{
	font-family:'NotoSansKR';
	font-style:normal;
	font-weight:900;
	src:local('Noto Sans Black'),local('NotoSans-Black'),
	url(/town/common/fonts/NotoSansKR-Black.eot),
	url(/town/common/fonts/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'),
	url(/town/common/fonts/NotoSansKR-Black.woff) format('woff'),
	url(/town/common/fonts/NotoSansKR-Black.otf) format('opentype');
}

/* body */
body{-webkit-text-size-adjust:none; font-family:'NotoSansKR', 'NanumBarunGothic', '나눔바른고딕', 'Nanum Gothic', Malgun gothic, Dotum, arial, sans-serif; color: #666;}
/* 스크롤 */
html{overflow-y: auto; overflow-x: hidden;}

.noScroll, .noScroll body{overflow:hidden !important; height:100%;}

/* 기본 링크 */
a:hover, a:focus, a:active, a:link, a:visited {color:#666;	text-decoration:none;}

/* 버튼 */
button {cursor:pointer;}

/* 본문바로가기 */
.skip_nav{position:absolute; margin:0 auto; z-index:99999; top:0; left:0; right:0;}
.skip_nav a {position:absolute; width:100%; font-size:0; top:-50px;}
.skip_nav a:active, .skip_nav a:focus{display:block; font-size:12px; padding:10px; top:0; text-align:center; color:#fff; font-weight:600; background:#000; outline:0;}

/* box behavior */
.fl {float: left !important;}
.fr {float: right !important;}
.cb {clear: both !important;}
.hide {display: none !important;}
.hidden {visibility: hidden; position: absolute; top: -9999px; left: -9999px; font-size: 0; width: 0; height: 0; line-height: 0; background: none;}
.bgnone{background: none;}

.txtL{text-align: left!important;}
.txtC{text-align: center!important;}
.txtR{text-align: right!important;}

.maT-50{margin-top:-50px !important}
.maT-45{margin-top:-45px !important}
.maT-40{margin-top:-40px !important}
.maT-35{margin-top:-35px !important}
.maT-30{margin-top:-30px !important}
.maT-25{margin-top:-25px !important}
.maT-20{margin-top:-20px !important}
.maT-15{margin-top:-15px !important}
.maT-10{margin-top:-10px !important}
.maT-5{margin-top:-5px !important}
.maT0{margin-top:0 !important}
.maT5{margin-top:5px !important}
.maT10{margin-top:10px !important}
.maT15{margin-top:15px !important}
.maT20{margin-top:20px !important}
.maT25{margin-top:25px !important}
.maT30{margin-top:30px !important}
.maT35{margin-top:35px !important}
.maT40{margin-top:40px !important}
.maT45{margin-top:45px !important}
.maT50{margin-top:50px !important}
.maT75{margin-top:75px !important}

.maR-50{margin-right:-50px !important}
.maR-45{margin-right:-45px !important}
.maR-40{margin-right:-40px !important}
.maR-35{margin-right:-35px !important}
.maR-30{margin-right:-30px !important}
.maR-25{margin-right:-25px !important}
.maR-20{margin-right:-20px !important}
.maR-15{margin-right:-15px !important}
.maR-10{margin-right:-10px !important}
.maR-5{margin-right:-5px !important}
.maR0{margin-right:0 !important}
.maR5{margin-right:5px !important}
.maR10{margin-right:10px !important}
.maR15{margin-right:15px !important}
.maR20{margin-right:20px !important}
.maR25{margin-right:25px !important}
.maR30{margin-right:30px !important}
.maR35{margin-right:35px !important}
.maR40{margin-right:40px !important}
.maR45{margin-right:45px !important}
.maR50{margin-right:50px !important}

.maB-50{margin-bottom:-50px !important}
.maB-45{margin-bottom:-45px !important}
.maB-40{margin-bottom:-40px !important}
.maB-35{margin-bottom:-35px !important}
.maB-30{margin-bottom:-30px !important}
.maB-25{margin-bottom:-25px !important}
.maB-20{margin-bottom:-20px !important}
.maB-15{margin-bottom:-15px !important}
.maB-10{margin-bottom:-10px !important}
.maB-5{margin-bottom:-5px !important}
.maB0{margin-bottom:0 !important}
.maB5{margin-bottom:5px !important}
.maB10{margin-bottom:10px !important}
.maB15{margin-bottom:15px !important}
.maB20{margin-bottom:20px !important}
.maB25{margin-bottom:25px !important}
.maB30{margin-bottom:30px !important}
.maB35{margin-bottom:35px !important}
.maB40{margin-bottom:40px !important}
.maB45{margin-bottom:45px !important}
.maB50{margin-bottom:50px !important}

.maL-50{margin-left:-50px !important}
.maL-45{margin-left:-45px !important}
.maL-40{margin-left:-40px !important}
.maL-35{margin-left:-35px !important}
.maL-30{margin-left:-30px !important}
.maL-25{margin-left:-25px !important}
.maL-20{margin-left:-20px !important}
.maL-15{margin-left:-15px !important}
.maL-10{margin-left:-10px !important}
.maL-5{margin-left:-5px !important}
.maL0{margin-left:0 !important}
.maL5{margin-left:5px !important}
.maL10{margin-left:10px !important}
.maL15{margin-left:15px !important}
.maL20{margin-left:20px !important}
.maL25{margin-left:25px !important/*margin-left:2.22%!important*/}
.maL30{margin-left:30px !important}
.maL35{margin-left:35px !important}
.maL40{margin-left:40px !important}
.maL45{margin-left:45px !important}
.maL50{margin-left:50px !important}
.maL55{margin-left:55px !important}
.maL60{margin-left:60px !important}
.maL65{margin-left:65px !important}
.maL70{margin-left:70px !important}
.maL75{margin-left:75px !important}
.maL80{margin-left:80px !important}

/* padding */
.paA0{padding:0 !important}
.paA5{padding:5px !important}
.paA10{padding:10px !important}
.paA15{padding:15px !important}
.paA20{padding:20px !important}

.paT0{padding-top:0 !important}
.paT5{padding-top:5px !important}
.paT10{padding-top:10px !important}
.paT15{padding-top:15px !important}
.paT20{padding-top:20px !important}
.paT25{padding-top:25px !important}
.paT30{padding-top:30px !important}
.paT35{padding-top:35px !important}
.paT40{padding-top:40px !important}
.paT45{padding-top:45px !important}
.paT50{padding-top:50px !important}

.paR0{padding-right:0 !important}
.paR5{padding-right:5px !important}
.paR10{padding-right:10px !important}
.paR15{padding-right:15px !important}
.paR20{padding-right:20px !important}
.paR25{padding-right:25px !important}
.paR30{padding-right:30px !important}
.paR35{padding-right:35px !important}
.paR40{padding-right:40px !important}
.paR45{padding-right:45px !important}
.paR50{padding-right:50px !important}

.paB0{padding-bottom:0 !important}
.paB5{padding-bottom:5px !important}
.paB10{padding-bottom:10px !important}
.paB15{padding-bottom:15px !important}
.paB20{padding-bottom:20px !important}
.paB25{padding-bottom:25px !important}
.paB30{padding-bottom:30px !important}
.paB35{padding-bottom:35px !important}
.paB40{padding-bottom:40px !important}
.paB45{padding-bottom:45px !important}
.paB50{padding-bottom:50px !important}

.paL0{padding-left:0 !important}
.paL5{padding-left:5px !important}
.paL10{padding-left:10px !important}
.paL15{padding-left:15px !important}
.paL20{padding-left:20px !important}
.paL25{padding-left:25px !important}
.paL30{padding-left:30px !important}
.paL35{padding-left:35px !important}
.paL40{padding-left:40px !important}
.paL45{padding-left:45px !important}
.paL50{padding-left:50px !important}
/* sizing */
.mt0 {
	margin-top: 0 !important;
}
.mtXs {
	margin-top: 12px !important;
}
.mtS {
	margin-top: 22px !important;
}
.mtXl {
	margin-top: 50px !important;
}
/* responsible */
.pc_ver {
	display: block !important;
}
.for_tab, .for_mbl, .hide_pc, .mbl_640 {
	display: none !important;
}
@media screen and (max-width:1000px) {
.pc_ver {
	display: none !important;
}
.for_tab,  .hide_pc {
	display: block !important;
}
}
@media screen and (max-width:640px) {
.pc_640 {
	display: none !important;
}
.mbl_640 {
	display: block !important;
}
}