@charset "utf-8";

@import url(cont.css);
@import url(comn.css);
@import url(bbs.css);

/*본고딕 thin 100, light 300, regular 400 , medium 500 , bold 700 , black 900 */
@font-face {font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900;
	src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
	url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i&display=swap');


/* Default Style */
*    	  	{margin:0; padding:0; -webkit-tap-highlight-color:transparent; }
html, body	{width:100%; -webkit-font-smoothing:antialiased; font:300 15px/20px "Noto Sans KR","malgun gothic","Dotum"," Gulim","Arial","verdana","Helvetica",sans-serif;  color:#666;}

td *, div *, li *, span *, p *  {vertical-align: top;}
ul, ol, li						{list-style:none; margin:0px 0px 0px 0px;}

img, hr		{border:none;}
img			{vertical-align: top; border:0px ; /* for IE imge margin */}
strong		{font-weight:500;}
b		{font-weight:500;}
sup			{vertical-align:super;}

/* Link Style */
a:link		{text-decoration:none;}
a:visited	{text-decoration:none;}
a:hover		{text-decoration:none;}
a:active	{text-decoration:none;}




/* Table Style */
table  			{border-collapse:collapse;}
table caption	{display:none;}

/* Form Style */
select				{vertical-align:middle; height:35px; padding:0 10px; border:1px solid #ccc; background:#fff url('/_img/web/cont/select_arr.jpg') no-repeat right 12px top 14px; color:#555; font:300 14px/21px "Noto Sans KR","malgun gothic","Dotum"," Gulim","Arial","verdana","Helvetica",sans-serif; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select option		{color:#555; font:300 14px/20px "Noto Sans KR","malgun gothic","Dotum"," Gulim","Arial","verdana","Helvetica",sans-serif;}
select::-ms-expand	{display:none /* 화살표 없애기 for IE10, 11*/ }
select:disabled		{background:#f8f8f8; border:1px solid #ddd;}

input								{outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input:focus							{border:1px solid #999;}
input:active						{border:1px solid #999;}
input::placeholder					{color:#aaa;}
input:-moz-placeholder				{/* Firefox 18- */ color: #aaa;}
input:-ms-input-placeholder			{/* Internet Explorer 10+ */ color: #aaa !important;}
input::-webkit-input-placeholder	{/* for chrome */ color:#aaa; opacity:1 !important;}
input::-moz-placeholder				{/* Firefox 19+ */ color: #aaa;}
input::-ms-clear					{display:none; /*모든 input의 X버튼 제거*/ }

input:disabled 				{background:#f5f5f5; color:#999;}
input:read-only				{background:#f8f8f8; color:#999;}
input-moz-:read-only 		{background:#f8f8f8; color:#999;}
input:disabled:focus, input:disabled:active				{border:1px solid #ccc;}
input:read-only:focus, input:read-only:active			{border:1px solid #ccc;}
input-moz-:read-only:focus, input-moz-:read-only:active	{border:1px solid #ccc;}

textarea								{outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #ccc; padding:10px; color:#333; font:300 15px/22px "Noto Sans KR","malgun gothic","Dotum"," Gulim","Arial","verdana","Helvetica",sans-serif}
textarea:focus							{border:1px solid #999;}
textarea:active							{border:1px solid #999;}
textarea::-webkit-input-placeholder		{/* for chrome */ color:#aaa; opacity:1 !important;}
textarea:-moz-placeholder				{/* Firefox 18- */ color: #aaa;}
textarea::-moz-placeholder				{/* Firefox 19+ */ color: #aaa;}
textarea:-ms-input-placeholder			{/* Internet Explorer 10+ */ color: #aaa; !important;}



/* Font Class Style */
.b		{font-weight:bold;}
.u		{text-decoration:underline}

a {selector-dummy: expression(this.hideFocus=true);} /* 일반 링크포커스 감추기 */
a,img {selector-dummy: expression(this.hideFocus=true);} /* 이미지맵 링크포커스 감추기 */

.png            {_display:inline-block;}
.png img        {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

.png24			{mpt:expression(septng24(this))};

.black			{color:#000}
.orange			{color:#c25900}
.brown 			{color:#634028}

.l_h			{line-height:1%; font-size:1px;}
.t_1			{vertical-align:1px;}
.l_s			{letter-spacing:-1px;}
.v_t			{vertical-align:-2px;}

/* align */
.l			{text-align:left;}
.c			{text-align:center;}
.c_all *	{text-align:center !important;}
.r			{text-align:right;}
.t			{vertical-align:top;}
.bb			{vertical-align:bottom;}
.m			{vertical-align:middle}

/* float */
.overflow		{overflow:hidden;}
.f_l			{float:left;}
.f_r			{float:right;}
.clear_both		{clear:both;}

 /* Margin Set */

.ml5	{margin-left:5px;}
:root .ml5	{margin-left:3px;}
.ml6	{margin-left:6px;}
.ml8	{margin-left:8px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml23	{margin-left:23px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.ml33	{margin-left:33px;}
.ml35	{margin-left:35px;}
.ml40	{margin-left:40px;}
.ml45	{margin-left:45px;}
.ml50	{margin-left:50px;}
.ml53	{margin-left:53px;}
.ml55	{margin-left:55px;}
.ml60	{margin-left:60px;}
.ml65	{margin-left:65px;}
.ml70	{margin-left:70px;}
.ml75	{margin-left:75px;}
.ml80	{margin-left:80px;}
.ml87	{margin-left:87px;}
.ml90	{margin-left:90px;}
.ml100	{margin-left:100px;}
.ml103	{margin-left:103px;}
.ml144	{margin-left:144px;}



.mr0	{margin-right:0px !important;}
.mr2	{margin-right:2px;}
.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr25	{margin-right:25px;}
.mr30	{margin-right:30px;}
.mr35	{margin-right:35px;}
.mr40	{margin-right:40px;}
.mr45	{margin-right:45px;}
.mr50	{margin-right:50px;}
.mr60	{margin-right:60px;}
.mr70	{margin-right:70px;}
.mr80	{margin-right:80px;}

.mb0	{margin-bottom:0px;}
.mb2	{margin-bottom:2px;}
.mb3	{margin-bottom:3px;}
.mb4	{margin-bottom:4px;}
.mb5	{margin-bottom:5px;}
.mb7	{margin-bottom:7px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb25	{margin-bottom:25px;}
.mb30	{margin-bottom:30px;}
.mb35	{margin-bottom:35px;}
.mb40	{margin-bottom:40px;}
.mb45	{margin-bottom:45px;}
.mb50	{margin-bottom:50px;}
.mb55	{margin-bottom:55px;}
.mb60	{margin-bottom:60px;}
.mb70	{margin-bottom:70px;}
.mb80	{margin-bottom:80px;}
.mb200	{margin-bottom:200px;}

.mt0	{margin-top:0px !important;}
.mt1	{margin-top:1px;}
.mt2	{margin-top:2px;}
.mt3	{margin-top:3px;}
.mt5	{margin-top:5px;}
.mt6	{margin-top:6px;}
.mt7	{margin-top:7px;}
.mt8	{margin-top:8px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt27	{margin-top:27px;}
.mt30	{margin-top:30px;}
.mt35	{margin-top:35px;}
.mt40	{margin-top:40px;}
.mt45	{margin-top:45px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}
.mt70	{margin-top:70px;}
.mt80	{margin-top:80px;}

/* Padding Set */
.pl0	{padding-left:0px !important;}
.pl1	{padding-left:1px;}
.pl3	{padding-left:3px;}
.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}
.pl25	{padding-left:25px;}
.pl30	{padding-left:30px;}
.pl35	{padding-left:35px;}
.pl40	{padding-left:40px;}
.pl45	{padding-left:45px;}
.pl50	{padding-left:50px;}
.pl55	{padding-left:55px;}
.pl60	{padding-left:60px;}
.pl70	{padding-left:70px;}
.pl80	{padding-left:80px;}
.pl90	{padding-left:90px;}
.pl120	{padding-left:120px;}
.pl150	{padding-left:150px;}

.pr0	{padding-right:0px !important;}
.pr2	{padding-right:2px;}
.pr3	{padding-right:3px;}
.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}
.pr25	{padding-right:25px;}
.pr30	{padding-right:30px;}
.pr35	{padding-right:35px;}
.pr40	{padding-right:40px;}
.pr45	{padding-right:45px;}
.pr50	{padding-right:50px;}
.pr60	{padding-right:60px;}
.pr70	{padding-right:70px;}
.pr80	{padding-right:80px;}

.pb0	{padding-bottom:0px !important;}
.pb3	{padding-bottom:3px;}
.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb25	{padding-bottom:25px;}
.pb30	{padding-bottom:30px;}
.pb35	{padding-bottom:35px;}
.pb40	{padding-bottom:40px;}
.pb45	{padding-bottom:45px;}
.pb50	{padding-bottom:50px;}
.pb60	{padding-bottom:60px;}
.pb70	{padding-bottom:70px;}
.pb80	{padding-bottom:80px;}

.pt0	{padding-top:0px !important;}
.pt1	{padding-top:1px;}
.pt2	{padding-top:2px;}
.pt3	{padding-top:3px;}
.pt4	{padding-top:4px;}
.pt5	{padding-top:5px;}
.pt7	{padding-top:7px;}
.pt8	{padding-top:8px;}
.pt10	{padding-top:10px;}
.pt12	{padding-top:12px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt22	{padding-top:22px;}
.pt25	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt35	{padding-top:35px;}
.pt40	{padding-top:40px;}
.pt45	{padding-top:45px;}
.pt50	{padding-top:50px;}
.pt60	{padding-top:60px;}
.pt70	{padding-top:70px;}
.pt80	{padding-top:80px;}