/*±âº»*/
* {margin:0; padding:0; max-height:100000000px;}
* {-webkit-text-size-adjust:none;} /* ¾ÆÀÌÆù ÅØ½ºÆ® ÀÚµ¿È®´ë ¸·±â */

html {overflow-y:scroll;}
body {width:100%; height:100%;}

td *, div *, li *, span *, p * {}
ul, ol, li {list-style:none;}
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {font-family:'Noto Sans KR', 'Nanum Gothic','NanumGothic', 'µ¸¿ò','dotum', sans-serif; font-size:17px; font-weight:300; line-height:160%; color:#666;}

img {border:0; vertical-align:middle;}

ul, li, dl, dt, dd {list-style:none;}

a:link, a:visited, a:active, a:hover {font-family:'Noto Sans KR', 'Nanum Gothic','NanumGothic', 'µ¸¿ò','dotum', sans-serif; font-weight:300; line-height:160%; color:inherit;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/users/kies2022/image/common/btn_select_arrow.png') 90% center no-repeat; background-size: 10px; }
select::-ms-expand { display: none; }


::selection {background:#2556c9; color:#fff;}

/*±âº» ³¡*/


/*margin, padding*/

.mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;} .mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;} .mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;} .mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;} .mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;} .mt66 {margin-top:66px !important;}

.mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;} .mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;} .mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;} .mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;} .mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;} .mb55 {margin-bottom:55px !important;}

.ml0 {margin-left:0px !important;} .ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;} .ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;} .ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;} .ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;} .ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;} .ml55 {margin-left:55px !important;}
.ml130 {margin-left:130px !important;}

.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;} .mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;} .mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;} .mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;} .mr55 {margin-right:55px !important;}

.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;} .pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;} .pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;} .pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;} .pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;} .pt55 {padding-top:55px !important;}

.pb0 {padding-bottom:0px !important;}   .pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;} .pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;} .pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;} .pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;} .pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;} .pb55 {padding-bottom:55px !important;}

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;} .pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;} .pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;} .pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;} .pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;} .pl55 {padding-left:55px !important;}

.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;} .pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;} .pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;} .pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;} .pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;} .pr55 {padding-right:55px !important;}
.w300{ width:300px;}


/* From Style */
input, select {line-height:100%; vertical-align:middle; background:#fff; }
textarea {border:1px solid #D8D8D8; padding:2px;}
input.ed {border:1px solid #D8D8D8;padding:2px 3px; }
select.ed {border:1px solid #D8D8D8; }
textarea.ed { border:1px solid #D8D8D8; padding:2px; }
hr, caption {display:none;}
legend {position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }
address,cite,em	{font-style:normal;}
fieldset {border:0; padding:0; }
label {cursor:pointer;vertical-align:middle;display:inline-block;}


/*etc*/
.backNone {background:none !important;}
.backDot {background:url('/images/common/dotLine.gif') repeat-x bottom;}

.dinb {display:inline-block !important;}
.disb {display:block !important;}

.justify {text-align:justify;text-justify:inter-word;word-break: keep-all;word-wrap: break-word;}
.justify .dyed {color:#1e22bb;}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.vt {vertical-align:top !important;}

.fr {float:right !important;}
.fl {float:left !important;}

.brNone {border-right:0 !important;}
.blNone {border-left:0 !important;}
.btNone {border-top:0 !important;}
.bbNone {border-bottom:0 !important;}

.ptNone {padding-top:0 !important;}
.pbNone {padding-bottom:0 !important;}
.plNone {padding-left:0 !important;}
.prNone {padding-right:0 !important;}
.mtNone {margin-top:0 !important;}
.mbNone {margin-bottom:0 !important;}
.mlNone {margin-left:0 !important;}
.mrNone {margin-right:0 !important;}


.colorRed {color:#d10000 !important;}
.colorBlue {color:#498ac1 !important;}
.colorGreen {color:#36893a !important;}
.color555 {color:#555 !important;}
.color333 {color:#333 !important;}
.color111 {color:#111 !important;}

.disNone {display:none !important;}


/*motion*/
.ani, .ani_all *{
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

/*dot list*/
.dotList > li {padding-left:10px; margin-bottom:5px; line-height:150%; position: relative; }
.dotList > li:before { content:''; width: 3px; height: 3px; display: block; background: #797979; position: absolute; left: 0; top: 11px; }

.dotList_mb30 > li { margin-bottom: 30px !important; }

.indentList > li { text-indent:-1em; padding-left: 1.3em;}


/*number list*/
.numList > li { margin-bottom: 5px; padding:0 0 0 30px; text-indent:-1.85em; list-style-type:none; counter-increment:item; }
.numList > li:before {display:inline-block; width: 13px; padding-right:0.5em; text-align:right; content:counter(item) "."; }


/*¼Ö·ç¼Ç °Ô½ÃÆÇ ½ºÅ¸ÀÏº¯°æ*/
.tabletexthead {width:100%; padding:10px 0px; display:block; font-size:15px; font-weight:500; background:#f7f7f7; border-top:1px solid #666; border-bottom:1px solid #ddd; color:#333; font-family: 'Noto Sans KR', sans-serif }
.tabletextlist {padding:15px 0px; display:inline; font-size:15px; line-height:38px; color:#666; }
.tabletextlist b {padding:20px 0px; display:inline; font-size:15px; line-height:160%; color:#666; }
.textplain {font-size:15px; color:#666; font-family: 'Noto Sans KR', sans-serif }
.text {padding:7px px; display:inline-block;  font-size:15px; color:#666; font-family: 'Noto Sans KR', sans-serif }
input.textbox {border:1px solid #ccc; padding:0px 3px 0px 0px; background:#fff; width:200px; box-sizing: border-box; height: 30px; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif	}
input.tabletextlistbox {border:1px solid #ccc; padding:3px 0px 5px 0px;  margin:5px 0px; background:#fff; font-family: 'Noto Sans KR', sans-serif } /* ±Û¾´ÀÌ,¾ÏÈ£,º¸¾ÈÄÚµå,¼öÁ¤ ¹× »èÁ¦ ¿·, ÀÎÇ² */
textarea.tabletextlistbox {border:1px solid #ccc; background:#fff; width: 90% !important;  font-family: 'Noto Sans KR', sans-serif  } /*Ä¿¸àÆ®´Þ±â ÀÎÇ²*/
/**/
textarea.test_textarea_01,
textarea.test_textarea_02,
textarea.test_textarea_03 {border:1px solid #ccc; background:#fff; height:200px; padding:20px; margin-bottom:15px;}
textarea.textbox {border:1px solid #ccc; background:#fff; width:100%;}
select.selectbox {border:1px solid #ccc; height:34px; background:#fff;}
.boardWriteBtn img { margin-bottom: 5px; } /*±Û¾²±â ¹öÆ°*/


/*°¡À± ÁöÁ¤*/
.sContents > table { width: 100%; margin: auto;}
.sContents > table a { display: inline; width: auto; height: auto; }
.sContents > table a:hover { text-decoration: underline; color: #111; }
/*.board_table_basic { border-top: 1px solid #666 ; } /*°Ô½ÃÆÇÅ×ÀÌºí*/
.tabletextlist { font-size: 15px; }

.textplain .tit { color: blue; font-size: 25px; display: none;	} /*°Ô½ÃÆÇ ¾È¿¡ ³»¿ë Å¸ÀÌÆ²*/
.textplain img { width: 100%; height: auto;  } /* °Ô½ÃÆÇ ¾È¿¡ ÀÌ¹ÌÁö */
.textplain div {  font-size: 15px; } /*°Ô½ÃÆÇ ¾È¿¡ ³»¿ë*/
.sContents > table > tbody > tr:nth-child(2) > td:nth-child(1) > table > tbody >  tr:nth-child(2) > td { padding: 10px 0 15px; } /*±Û¾²±â ¾ÆÀÌÄÜ*/
.sContents > table > tbody > tr:nth-child(4) > td:nth-child(1) > div > table > tbody > tr > td > table > tbody > tr > td:nth-child(1)  { width: 15% ; font-size: 14px; font-weight: 400;padding: 0 5px; vertical-align: middle; text-align: center;	} /* ´ñ±Û ±Û¾´ÀÌ, ¾ÏÈ£, Ä¿¸ÇÆ®´Þ±â, º¸¾ÈÄÚµå ±Û¾¾*/
.board_readTitle_th { width: 15%; } /*°Ô½ÃÆÇ µé¾î°¡¸é ±Û¾´ÀÌ, ÀÛ¼ºÀÏ*/
.board_readTitle_td { width: 35%;  } /*°Ô½ÃÆÇ µé¾î°¡¸é °ü¸®ÀÚ, ÀÛ¼ºÀÏ(¼ýÀÚ)*/
/*.sContents > table > tbody > tr:nth-child(1) > td:nth-child(1) > table > tbody > tr > td { padding-left: 5px; }*/


/* °Ô½ÃÆÇ ¸»ÁÙÀÓ */
.board_table_basic { table-layout:fixed }
.board_table_basic tr td.board_table_subject { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*°¡À± ÁöÁ¤*/
.wht td {font-size:14px !important; border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; height: 50px; height: 45px ; box-sizing: border-box;  	 }
.wht td:nth-child(1) { width: 10%; }
.wht td:nth-child(3) { width: 10%; }


/* table */
.boardTable {width:100%; border-top:2px solid #666; border-collapse:collapse;}
.boardTable th, .boardTable td {border:1px solid #ddd; padding:16px; }
.boardTable th {text-align:center;}
.boardTable th {background:#f3f3f3; color:#111; font-weight:400;}
.boardTable td input, select, textarea {border:1px solid #ddd; padding:8px; font-size:16px;}
.boardTable td textarea {border:1px solid #ccc; width:90%; padding:5px 10px; vertical-align:middle;}
.boardTable td input.checkbox{width:auto; border:none; margin-bottom:2px;}
.boardTable td ul {padding-left:15px;}
.boardTable td ul > li {list-style-type:disc;}



/*¹öÆ°*/
.btn {text-align:center; margin-top:30px;}
.btn > a, .btn input, .add_del, .grayBtn {display:inline-block; padding:13px 30px !important; margin:0 3px; font-weight:400; color:#fff; text-align:center; cursor:pointer; text-decoration:none;}
.btn > a {padding:10px 30px !important;}

.btn .cancel, .btn input.cancel {background:#999;}
.btn .cancel:hover, .btn input.cancel:hover{background:#777;}
.btn .next, .btn input.next {background:#2556c9;}
.btn .next:hover, .btn input.next:hover {background:#214aaa;}

.btn input.cancel {border:1px solid #999 !important;}
.btn input.cancel:hover {border:1px solid #777 !important;}
.btn input.next {border:1px solid #2556c9 !important;}
.btn input.next:hover {border:1px solid #214aaa !important;}
