@charset "utf-8";

/* Reset */
*{margin:0;padding:0; letter-spacing: -0.6px;font-weight: 300;}
ol, ul, li{list-style:none}
input, button, select, fieldset{cursor:pointer;}
caption, legend{font-size:0px;line-height:0px;width:0px;height:0px;overflow:hidden;visibility:hidden;/*display:none;*/}
legend{position:absolute;top:0px;left:-9999px}
img{border:0 none}
a{outline:1; text-decoration:none;cursor:pointer;color:#333;}
i, em, address{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0px;table-layout:fixed;zoom:1;width:100%;empty-cells:show}
th,td{word-wrap:break-word}
strong{font-weight:bold}
body{font-family:'NotoSansKR';font-size:14px;overflow-x:hidden;}
/*select{-webkit-appearance: none;-moz-appearance: none; appearance: none;padding:0 30px 0 10px;background: url('../images/common/select_arr.png') no-repeat right center #fff; height:45px;font-size:24px;box-sizing: border-box;border:1px solid #ccc;}
select::-ms-expand{display: none;}*/
input[type="text"],input[type="password"]{height: 45px; padding:0 10px; font-size: 14px;cursor:text; box-sizing: border-box; vertical-align: middle;}
input[type="button"],input[type="submit"]{background: none;border:0;font-size:14px;box-sizing:border-box;}
input[type="text"]:disabled{background: #eee;}

/*clfix*/
.clfix{*zoom:1}
.clfix:after,.clfix:before{line-height:0;display:table;content:''}
.clfix:after{clear:both}

/* SkipToContent 웹접근성*/
#skipToContent{margin:0}
#skipToContent a{position:absolute;left:-3000%}
#skipToContent a:focus{display:block;left:0;top:0;z-index:10000000000;width:100%;height:30px;line-height:30px;background:#ff5b5b;color:#fff;text-align:center}

/*float*/
.floatR{float:right;}
.floatL{float:left;}

/*margin*/
.mgl10{margin-left: 10px;}
.mgl20{margin-left: 20px;}
.mgt20{margin-top:20px;}
.mgt60{margin-top:60px;}

/*vertical*/
.vat-align-b{vertical-align: bottom;}

/*font,text*/
.txtl {text-align: left !important;}
.txtr {text-align: right !important;}
.txtc {text-align: center !important;}

.txtu{text-decoration: underline;}
.ftLight{font-weight: 100;}
.ftRegular{font-weight: 300;}
.ftMedium{font-weight:500;}
.ftBold{font-weight: 700;}

.f18{font-size:18px;}
.f14{font-size:14px;}

.grey{color:#888888}
.red{color:#f00;}

/*irText*/
.ir{display:inline-block; text-indent: -9999px;overflow: hidden;}

/*말줄임*/
.dotdot {display: inline-block; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/*width*/
.w100{width:100%;}

/*btn 버튼*/
/*btn크기*/

/*btn색상*/

/*btn라운드*/

/*필수항목표시*/

/*datepicker , timepicker */

/*timepicker*/

/* Checkbox switch */

/*check box*/

/*파일선택 filewrp*/

/*input-로그인 애니메이션*/

/*레이어팝업배경*/
.back.on{position: fixed;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index: 3;}

/*=========== SK쉴더스 공통부분 스타일 시작(모바일 퍼스트 스타일)==========*/

.wrap{}



/*===========================================*/
/*================미디어 쿼리 시작============*/
/*=====================
모바일 퍼스트 : min-width / 데스크탑 퍼스트 : max-width
=======================*/
@media all and (min-width:1824px){/*데스크탑 큰 모니터*/

}

@media all and (min-width:1224px){/*데스크탑 브라우저 가로*/
}



@media all and (min-width:1024px){/*태블릿 가로*/
}

@media all and (min-width:900px){

}

@media all and (min-width:768px){/*태블릿 세로*/

}


@media all and (min-width:640px){/*모바일 가로*/

}

@media all and (min-width:576px){/*모바일 가로*/

}

@media all and (min-width:414px){/*아이폰플러스 시리즈*/

}

@media all and (min-width:375px){/*아이폰 시리즈*/

}

@media all and (min-width:360px){/*갤럭시 시리즈*/


}

@media all and (min-width:320px){/*아이폰4 이하*/


}