@charset "UTF-8";

@import url(bbs.css?v=240207);
@import url(comn.css?v=250623);
@import url(main.css?v=250612);
@import url(cont.css?v=240207);

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
/* NotoSans 100,300,400,500,700,900 사용가능 */
/* OpenSans 300,400,500,600,700 사용가능 */




/* Default Style */
*    	  						{margin:0; padding:0; -webkit-tap-highlight-color:transparent; box-sizing:border-box;}
html, body						{width:100%; -webkit-font-smoothing:antialiased; font: 400 17px/26px "Open Sans", "Noto Sans KR", sans-serif; color: #222; scroll-behavior: smooth; letter-spacing: -.8px; -webkit-text-size-adjust: 100%;}
td *, div *, li *, span *, p *	{vertical-align: baseline;}
ul, ol, li						{list-style:none; margin:0px 0px 0px 0px;}

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

.sr-only        {position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);}
table caption   {position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);}

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

/*드래그시 컬러*/
::-moz-selection {background: #0000001f;}
::selection		 {background: #0000001f;}

input[type="text"]								{font-size: 16px; width: 100%; height: 40px; color: #666; padding: 5px 12px; background-color: #fff; border: 1px solid #ddd; vertical-align: middle; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="text"]::-webkit-input-placeholder 	{color: #999;  opacity: 1 !important; /* for chrome */}
input[type="text"]:-moz-placeholder 			{ /* Firefox 18- */    color: #999;}
input[type="text"]::-moz-placeholder 			{ /* Firefox 19+ */    color: #999;}
input[type="text"]:-ms-input-placeholder 		{ /* Internet Explorer 10+ */  color: #999;}

input[type="password"]								{font-size: 16px; width: 100%; height: 40px; color: #666; padding: 5px 12px; background-color: #fff; border: 1px solid #ddd; vertical-align: middle; outline:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="password"]::-webkit-input-placeholder 	{color: #999;  opacity: 1 !important; /* for chrome */}
input[type="password"]:-moz-placeholder 			{ /* Firefox 18- */    color: #999;}
input[type="password"]::-moz-placeholder 			{ /* Firefox 19+ */    color: #999;}
input[type="password"]:-ms-input-placeholder 		{ /* Internet Explorer 10+ */  color: #999;}


/*input, textarea 아이폰에서 둥근테두리 제거 하고 그림자 삭제하기*/
input		{-webkit-appearance: none;  border-radius: 0; -webkit-border-radius: 0; letter-spacing: -.8px; font-size: 16px;}
textarea	{-webkit-appearance: none;  border-radius: 0; letter-spacing: -.8px;}
button		{border:none; outline:none; cursor:pointer;}

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

/* From Style */
textarea			{color:#666; font-size: 16px; width:100%; height: 200px; resize: none; border:1px solid #ddd; padding: 5px 10px; outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; -webkit-appearance: none; -webkit-border-radius: 0;}
select				{font-size: 16px; width:100%; height:40px; padding: 5px 30px 5px 10px; background: #fff url('/images/lms/web/comn/sel_bg.png')no-repeat top 50% right 10px / 9px; color:#666; cursor:pointer; border: 1px solid #ddd; outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; -webkit-appearance: none; -webkit-border-radius: 0;}
select::-ms-expand	{display:none;}

@media only screen and (max-width: 959px) {
select 		{background: #fff url('/images/lms/mobile/comn/sel_bg.png')no-repeat top 50% right 10px / 9px;}

textarea	{height: 180px;}
}

@media only screen and (max-width: 639px) {
select, input[type="text"], input[type="password"], textarea	{font-size: 14px;}

textarea	{height: 150px;}
}




/* 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))};

.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;}
.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;}

/* flex */
.flex			{display:flex;}
.i_flex			{display:inline-flex;}



 /* Margin Set */
.ml5	{margin-left:5px;}
:root .ml5	{margin-left:3px;}
.ml8	{margin-left:8px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.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;}
.ml75	{margin-left:75px;}
.ml87	{margin-left:87px;}
.ml90	{margin-left:90px;}
.ml100	{margin-left:100px;}
.ml103	{margin-left:103px;}
.ml144	{margin-left:144px;}





.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;}

.mb0i	{margin-bottom:0px !important;}
.mb2	{margin-bottom:2px;}
.mb3	{margin-bottom:3px;}
.mb4	{margin-bottom:4px;}
.mb5	{margin-bottom:5px;}
.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;}
.mb90	{margin-bottom:90px;}
.mb100	{margin-bottom:100px;}



.mt1	{margin-top:1px;}
.mt2	{margin-top:2px;}
.mt3	{margin-top:2px;}
.mt5	{margin-top:5px;}
.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;}
.mt90	{margin-top:90px;}
.mt100	{margin-top:100px;}
.mt160	{margin-top:160px;}

/* Padding Set */
.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;}
.pl60	{padding-left:60px;}
.pl90	{padding-left:90px;}
.pl120	{padding-left:120px;}
.pl150	{padding-left:150px;}

.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;}

.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;}

.pt2	{padding-top:2px;}
.pt3	{padding-top:3px;}
.pt4	{padding-top:4px;}
.pt5	{padding-top:5px;}
.pt7	{padding-top:7px;}
.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;}