@charset "utf-8";
/*총무수첩*/
/*html{overflow-y:auto; overflow-x:hidden;}*/
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,button,img {margin:0;padding:0}
fieldset,img {border:0;}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='number'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
input{border-radius:0px 0px} /*아이폰 라운드 없애기*/
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px; line-height:1.3; font-family:'Noto Sans Korean', sans-serif, '굴림','Gulim','돋움','dotum','verdana','Tahoma','Helvetica','Arial'} /* color값은 디자인가이드에 맞게사용 */
a {text-decoration:none; color:#333; background-color: transparent; outline:0; cursor:default}
a:active, a:hover {text-decoration:none; color:#333; outline:0; cursor:default}
a:focus {outline:0;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
/* html, body {height: 100%;} */
img{border:0;vertical-align:top}

/*FONT, ALIGN*/
.dotum{font-family:'돋움','dotum'}
.gulim{font-family:'굴림','Gulim'}
/*.noto{font-family: 'Noto Sans Korean', sans-serif;}*/
.a_center{text-align:center}
.a_left{text-align:left}
.a_right{text-align:right}
.m_center{margin:0 auto}
.f_left{float:left}
.f_right{float:right}
.clearfix{clear:both}
.clearfix:after{content:""; display:block; height:0; clear:both; overflow:hidden; visibility:hidden;}
.it_hidden{display:none}
.mt10{margin-top:10px}

/*BORDER*/
.border1{border:1px solid #eee}
.border_t1{border-top:1px solid #eee}
.border_t3{border-top:3px solid #eee}
.border_b1{border-bottom:1px solid #eee}

/*BACKGROUND*/
/* .bg1{background:#e4f4ff} */
.bg2{background:#56b3fb}
.bg3{background:#fff}
.bg4{background:#e4f4ff}

/*color*/
.c1{color:#d34d41 !important}
.c2{color:#4da7ec !important}

/*FORM COMMON*/
label{vertical-align:middle}
input, select{box-sizing: border-box; vertical-align:middle}
input[type='text'], input[type='password'],input[type='number']{font-weight:bold; border:1px solid #eaeaea; vertical-align:middle}
input::-webkit-input-placeholder {font-size:14px; font-weight:normal; color:#d8d7d7}  /*placeholer*/
input::-moz-placeholder {font-size:14px; font-weight:normal; color:#d8d7d7}  /*placeholer*/
textarea{box-sizing: border-box; border:1px solid #ebebeb; vertical-align:middle}
input.fwn{font-weight:normal}
select {-webkit-appearance: none;}

/*FORM TYPE*/
input.type1{width:100%; height:42px; line-height:42px; padding-left:15px; background-color:#fff}
input.type2{width:100%; height:42px; line-height:42px; text-align:right; padding-right:15px; background-color:#fff}
input.type3{width:100%; height:37px; line-height:37px; padding-left:7px; background-color:#fff; font-size:15px; font-weight:normal;}

.input_type21 input{width:calc(100% - 86px); height:44px; line-height:44px; padding-left:10px; margin-right:8px; background-color:#fff;}   /*인풋+버튼*/
.input_type21 a{display:inline-block; width:78px; height:44px; line-height:44px; border:1px solid #eaeaea; border-radius:3px; vertical-align:middle; box-sizing: border-box; text-align:center}
.input_type21 a span{font-size:14px; color:#444444}

.input_type31 input{height:44px; line-height:44px; padding-left:10px; background-color:#fff;}   /*휴대폰번호 한정 : 인풋3+버튼1*/
.input_type31 input.t1{width:56px; padding-left:0; font-weight:normal; text-align:center; border-right:none; background:#f9f9f9}
.input_type31 input.t2{width:calc(100% - 86px);  margin-right:8px}
.input_type31 a{display:inline-block; width:78px; height:44px; line-height:44px; border:1px solid #56b3fb; border-radius:3px; vertical-align:middle; box-sizing: border-box; text-align:center}  
.input_type31 a span{font-size:14px; color:#4aaaf5}

textarea.type1{width:100%; padding:6px 9px; font-size:13px; color:#555; line-height:22px; resize:none; border-color:#eaeaea; background-color:#fff}

/*파일첨부*/
.file_input label {position:relative; display:inline-block; vertical-align:middle; overflow:hidden; width:81px; height:44px; background:#56b3fb; text-align:center; line-height:44px; box-sizing:border-box}
.file_input label span{font-size:14px; color:#fff}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden;}
.file_input input[type=text]{vertical-align:middle; display:inline-block; width:calc(100% - 81px); height:44px; line-height:44px; padding-left:10px; font-size:14px; border:0; border:1px solid #eaeaea; background:#fafafa; box-sizing:border-box}

/*CHECKBOX - LOGIN*/
input[type='checkbox'].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='checkbox'].css-checkbox + label.css-label {
padding-left:20px; height:20px; display:inline-block; line-height:20px; background-repeat:no-repeat; background-position: 0 0; background-size: 20px 40px}
input[type='checkbox'].css-checkbox:checked + label.css-label{background-position: 0 -20px}
label.css-label{
	background-image:url(../images/common/cb1.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type='radio'].css-checkbox {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; height:1px; width:1px; margin:-1px;}
input[type='radio'].css-checkbox + label.css-label {
padding-left:20px; height:20px; display:inline-block; line-height:20px; background-repeat:no-repeat; background-position: 0 0; background-size: 20px 40px}
input[type='radio'].css-checkbox:checked + label.css-label{background-position: 0 -20px}
label.css-label{
	background-image:url(../images/common/cb1.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/*BUTTON*/
.btn_bsc{box-sizing: border-box; text-align:center}
.btn_bsc.type1{height:51px; border:1px solid #004eff; border-radius:3px; background-color:#000}   /*radius 3px*/
.btn_bsc .f_style1{display:block; line-height:51px; font-family: 'Titillium Web', sans-serif; font-size:17px; font-weight:bold; color:#fff}
.btn_bsc .f_style2{display:block; line-height:51px; font-family: 'Noto Sans Korean', sans-serif; font-size:16px; color:#fff}


/*ETC*/
.ellips{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}  /*게시판 말줄임*/
.blind{visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0}
.dn{display:none}

/* 검은색 바탕 반투명BG */
.bg-overlay {position:fixed; top:0; left:0; width:100%; height:100%; 
           background:rgba(0,0,0,0.7); z-index:11; display:none;}
.bg-overlay4 {position:fixed; top:0; left:0; width:100%; height:100%; 
           background:rgba(0,0,0,0.8); z-index:4; display:none;} 
.bg-overlay4 img {width:40px; height:auto; display:block; position:absolute; top:4px; right:10px; z-index:5;}                      

/*팝업창 메세지*/
#popup { width:270px; height:170px;  background:#fff; border-radius:5px; z-index:40; padding-bottom:20px; display:none;}
#popup .head_cancel {position:relative; border-radius:5px 5px 0 0; height:40px;  background:#56b3fb;}
#popup .head_cancel .trash {width:16px; height:17px; display:block; float:left; }
#popup .head_cancel span {display:block; color:#fff; font-size:16px; font-weight:bold; float:right;} 
#popup .head_cancel .x_icon {width:20px; height:20px; position:absolute; top:9px; right:5px;}                  
#popup p {text-align:center; margin-bottom:25px; padding-top:40px; font-size:16px;}  
#popup .box {position:relative; width:200px; margin:0 auto;}                                             
#popup .box .delete {float: left; background-color: #fff; border: 1px solid #56b3fb; color: #56b3fb; }
#popup .box .cancel {float: right; background-color: #56b3fb; border: 1px solid #56b3fb; color:#fff;}                       
#popup .box .commom {display: inline-block; width: 46%; border-radius: 3px; text-align:center; height:35px; line-height:35px; padding-top:2px; font-weight:bold; font-size:16px;}                       
                       
/*회원등록 전 정보 보여주기 팝업창*/
.bg-overlay2 { position: fixed; top: 0; left: 0; width: 100%; height: 100%;
              background: rgba(0, 0, 0 ,0.7); z-index:5;}
              
#popup-image { z-index:6; position:relative; width:308px; height:483px;}  
#popup-image .info_image {width:308px; height:483px;}
#popup-image .shut_down {height:40px; width:40px; position:absolute; top:4px; right:4px; }

.ma_bm20 {margin-bottom:20px;}
.ma_bm0 {margin-bottom:0px;}
.ma_tp30 {margin-top:30px;}                             

/*select, option {
    text-align:right;  padding-right:50px
}*/