/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                   요소(element) 여백 초기화
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* CSS Document */
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body,button,input,select,table,textarea{font-family: "Metropolis", "Noto Sans KR", 'Nanum Gothic',"나눔고딕", "돋움", Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;font-size:1.1rem;font-weight:400;color:#000;line-height:1.6;letter-spacing:-0.04em}
html{height:100%}
body{height:100%;-webkit-text-size-adjust:none}				
button,fieldset,img{border:0 none}
fieldset,img{border:0}
img,li{vertical-align:top}
li,ol,ul{list-style:none}
address{font-style:normal}
a{color:inherit;text-decoration:none;outline:none;}
a:active,a:focus,a:hover{text-decoration:none}
button{border:0;background:0 0;cursor:pointer}
table{margin:0;padding:0;border:0;border-spacing:0;border-collapse:collapse;}
/*input,select,textarea,button{vertical-align:middle}	 */
input,select,textarea{border:0;background:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none}
select::-ms-expand{display:none}
textarea{resize:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none}
embed,iframe,img,object,video{max-width:100%}
input[type=search]::-ms-clear,input[type=search]::-ms-reveal,input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;width:0;height:0}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{-webkit-appearance:none;border-radius:0;}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0}
.ir-text,legend,table caption{overflow:hidden;position:absolute;border:0;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

main{display:block;} /*인터넷익스플로러*/

::-moz-selection {background: #04A4CC;color: #FFF;text-shadow: none;}
::selection {background: #04A4CC;color: #FFF;text-shadow: none;}
input::placeholder {color: #bbb;font-weight:400;}
/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                                   base 기본 자주쓰는 스타일
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/


/* 기본 스타일 */			 
body{font-size: 1rem; font-family: "Metropolis","Noto Sans KR", 'Nanum Gothic',"나눔고딕", "돋움", Dotum, "굴림", Gulim, Verdana, AppleGothic, sans-serif;color:#000;;position: relative;line-height:1.2;-webkit-text-size-adjust:none;} 
label, select, input, textarea {vertical-align:middle;}
abbr, acronym { cursor: help; }
legend, .search h2   {position:absolute;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}
label {white-space: pre;}

/* 이미지, 링크 스타일  a,img, input { selector-dummy:expression(this.hideFocus = true);outline:none; }*/
img {vertical-align:middle;}
a,img, input { outline:none;}       
a:link, a:visited    {color:#000;text-decoration:none ;}
a:active             {color:#000;text-decoration:none ;}
a:hover, a:focus     {color:#000;text-decoration:none ;}


/*자주쓰는요소*/
.hide-off            {position: absolute;top: -999em;height:0px;}
.hide-text           {text-indent: -999em; display: block; overflow: hidden; text-decoration: none;height:0px;}
.clear {clear:both;height:0px;}

/*정렬*/
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}


/*줄바꿈*/
.m-br { display: none; }
.pc-br { display: block; }
@media (max-width: 767px) {
	.m-br { display: block; }
	.pc-br { display: none; }
}

.m-br2 { display: none; }
.pc-br2 { display: block; }
@media (max-width: 1199px) {
	.m-br2 { display: block; }
	.pc-br2 { display: none; }
}
small {font-size:.9rem;}  

/*모바일 pc 보이고 숨기고 */
.mobile__itemView{ display: none;}
.pc__itemView{ display: block;}
@media (max-width: 767px) {
.mobile__itemView{ display: block;}
.pc__itemView{ display: none;}

}

/*여백*/
.pdr-10{padding-right:10px;}
.pdl-10{padding-left:10px;}  
.pdl-20{padding-left:20px;}
.mgt-10{margin-top:10px;}.mgt-15{margin-top:15px;}.mgt-20{margin-top:20px;}.mgt-30{margin-top:30px;}.mgt-40{margin-top:40px;}.mgt-50{margin-top:50px;}.mgt-60{margin-top:60px;}.mgt-70{margin-top:70px;}.mgt-80{margin-top:80px;}.mgt-90{margin-top:90px;}.mgt-100{margin-top:100px;}
.mgb-10{margin-bottom:10px;}.mgb-15{margin-bottom:15px;}.mgb-20{margin-bottom:20px;}.mgb-30{margin-bottom:30px;}.mgb-40{margin-bottom:40px;}.mgb-50{margin-bottom:50px;}.mgb-60{margin-bottom:60px;}.mgb-70{margin-bottom:70px;}.mgb-80{margin-bottom:80px;}.mgb-90{margin-bottom:90px;}.mgb-100{margin-bottom:100px;}
.pdt-10{padding-top:10px;}.pdt-15{padding-top:15px;}.pdt-20{padding-top:20px;}.pdt-30{padding-top:30px;}.pdt-40{padding-top:40px;}.pdt-50{padding-top:50px;}.pdt-60{padding-top:60px;}.pdt-70{padding-top:70px;}.pdt-80{padding-top:80px;}.pdt-90{padding-top:90px;}.pdt-100{padding-top:100px;}
.pdb-10{padding-bottom:10px;}.pdb-15{padding-bottom:15px;}.pdb-20{padding-bottom:20px;}.pdb-30{padding-bottom:30px;}.pdb-40{padding-bottom:40px;}.pdb-50{padding-bottom:50px;}.pdb-60{padding-bottom:60px;}.pdb-70{padding-bottom:70px;}.pdb-80{padding-bottom:80px;}.pdb-90{padding-bottom:90px;}.pdb-100{padding-bottom:100px;}

/*버튼스타일*/
.btn{display:inline-block;color:#fff;text-align:center;font-size: 1.2rem;height:50px;padding: .5em 1em;font-weight:400;cursor: pointer;}
.btn.btn-small{padding:6px; width:135px;}
.btn-sm {}
.btn-block {width:200px;height:60px;}
.btn-success{}
.btn-default{background-color:#575757;}	/*목록*/
.btn-info{background-color:#0981ae;}  /*신청 저장 등록*/
.btn-danger{background-color:#df7625; }/*임시저장 수정*/
.btn-navy{background-color:#2a3c86}	  /*결제하기*/
.btn-maroon{}
.btn-warning{}
.btn-primary{background-color: #416da7;}	/*우편번호찾기, 파일찾기*/

/* 폰트 */
.skyText{color:#556fbb}
.blueText{color:#0981ae}
.IndigoText{color:#2a3c86;}
.orangeText{color:#df7625}
.subblue {color: #517691;letter-spacing: 0px;line-height: 1.7;font-size: 12px;display: inline-block;}
.redText, .redText a {color: #bf0202;letter-spacing: 0px;line-height: 1.7;font-size: 12px;display: inline-block;}
.grayText, .grayText a {color: #000;letter-spacing: 0px;line-height: 1.7;font-size: 12px;font-weight: normal;display: inline-block;}
.blackText {color: #000;letter-spacing: 0px;line-height: 1.7;font-size: 12px;font-weight: normal;display: inline-block;}
.grayText2 {color: #000;letter-spacing: 0px;line-height: 1.7;font-size: 15px;font-weight: normal;display: inline-block;}

/*양식 input스타일*/
.input_box {border: 1px solid #b8bce2;cursor: text ;padding:3px;margin-bottom:3px;-webkit-border: 1px solid #b8bce2;-webkit-border-radius:0;}
.input_box.longIn {width:350px;}
.input_btn{padding:3px;border: 1px solid #9ca3ab;border-radius: 3px;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f8f9f9),color-stop(100%,#ededed));}
.textarea{border: 1px solid #b8bce2;padding:10px;}
.nicEdit-main {line-height:22px;}
select.select {border: 1px solid #b8bce2;padding:7px;margin-top:-3px;}
select.input_box {padding:7px;}

/* 버튼스타일 */
.tableAbtn{padding: 8px 10px; cursor: pointer; font-size: 16px; line-height: 1.1;text-align: center;border: 1px solid #ddd;width:auto;min-width: 60px;height: 40px;margin-top: 3px;border-radius:5px;font-weight: 400;vertical-align: top;background: #3498db;background-image: -webkit-linear-gradient(top, #fff, #efefef);background-image: -moz-linear-gradient(top, #fff, #efefef);background-image: -ms-linear-gradient(top, #fff, #efefef);background-image: -o-linear-gradient(top, #fff, #efefef);background-image: linear-gradient(to bottom, #fff, #efefef);}
.tableAbtn.small{padding: 8px; cursor: pointer; font-size: 14px;height: auto;margin-top: 0;border-radius:0;font-weight:500;background: #3498db;background-image: -webkit-linear-gradient(top, #fff, #efefef);background-image: -moz-linear-gradient(top, #fff, #efefef);background-image: -ms-linear-gradient(top, #fff, #efefef);background-image: -o-linear-gradient(top, #fff, #efefef);background-image: linear-gradient(to bottom, #fff, #efefef);}
.tableAbtn:hover{font-weight:600;}
.tableAbtn.submit{color: #f32755;} /*입력*/
.tableAbtn.edit{color: #f32755;} /*수정*/
.tableAbtn.delet{color:#1b4c8e;} /*삭제*/
.tableAbtn.answer{} /*답변*/
.tableAbtn.move{} /*이동*/
.tableAbtn.cancel{} /*취소*/
.tableAbtn.list{margin-right:3px;} /*목록*/

@media (max-width: 680px) {

.input_box.longIn {width:100%;}

}

/* 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
                                                            팝업
---------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/*아이디 중복체크*/
.chkID{text-align:center;border:1px solid #ddd;background-color: #f7f7f7;padding:20px;}
.chkID p{margin-bottom:10px;}