@charset "utf-8";

/* default */
html, body {width:100%;margin:0;padding:0;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,pre,menu{margin:0;padding:0;}
body {background:#fff;min-width:320px;-webkit-text-size-adjust:none;-webkit-text-stroke-width:0;font-family:'Noto Sans Kr','Droid Sans','Apple-Gothic',sans-serif;
	-webkit-text-size-adjust:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-print-color-adjust: exact;print-color-adjust:exact;
	font-size:13px;line-height:1.5;color:#555;letter-spacing:-0.05em;}

span,button,input	{margin:0;padding:0;border:0 none;}
ol, ul, li, dl, dt, dd	{list-style:none;}

fieldset, img {border:0 none;}
a,img,input,select,button {vertical-align:middle;}
legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

em,address,i{font-style:normal}

table {border-spacing:0;border:0 none;table-layout:fixed;border-collapse:separate;*border-collapse:collapse;width:100%;}
table, th, td{word-break:break-all;}
caption {display:none}

button{background:transparent;cursor:pointer;*overflow:visible;letter-spacing:-0.05em;}
button, input, select, textarea {font-size:inherit;color:inherit;margin:0;vertical-align:middle;font-family:'Noto Sans Kr','Droid Sans','Apple-Gothic',sans-serif;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, input[type="text"], input[type="button"], input[type="number"], input[type="password"],input[type="email"],input[type="search"],input[type="reset"], input[type="submit"], input[type="file"], input[type="date"] {
	-webkit-appearance:none;*overflow:visible; /* IE 7에서 텍스트 입력에 영향을 주지 않고 내부 간격을 제거하는 핵 */border-radius:0;
}
input.wrong{border:1px solid #dd1300 !important;}
button[disabled], input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {
    box-sizing:border-box; /* IE 8/9에서 box sizing 속성값을 content-box에서 border-box로 변경 */
    padding:0; /* IE 8/9에서 패딩 제거 */
    *height:20px; /* IE 7에서 핵을 이용해 패딩 제거 */
    *width:20px; /* IE 7에서 핵을 이용해 패딩 제거 */
    -webkit-appearance:none;
}
input.ie7_class5 {border:none !important;}
input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
input[type="search"] {
    -webkit-appearance:textfield; /* 사파리 5와 크롬에서 텍스트 입력이 가능하게 설정 */
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box; /* 콘텐츠 영역만큼의 크기만 설정하도록 content-box 설정 */
    box-sizing:content-box;border-radius:0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;border-radius:0;}/* 맥의 OS X기반의 사파리 5와 크롬의 내부 패딩과 검색 취소 버튼을 제거 */

/* 화살표 숨기기 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button{opacity:0;}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border:0;
    padding:0;
}/* 파이어폭스용 버튼 내부패딩없애기 */
textarea {
    overflow:auto;/* IE 6/7/8/9의 textarea 요소에 기본 지정된 세로 스크롤 제거 */
    vertical-align:top; /* 모든 브라우저에서 가독성 향상과 정렬을 위함 */
    resize:none;border-radius:0;-webkit-appearance:none;
}
.my-placeholder {color:#666;}

button {border:0;cursor:pointer;}

/* html5  reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;margin:0;}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]) {display:none;height:0;}
abbr[title] {border-bottom:1px dotted;}
blockquote {margin:0;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark {background: #ff0;color: #000;}
p, pre {margin:0;}
code, kbd, pre, samp {font-family:monospace,serif;font-family:'courier new',monospace;font-size:1em;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:'';content:none;}
small {font-size:80%;}
sub, sup {font-size:75%;position:relative;vertical-align:baseline;}
sup {top: -12px;font-size:22px;}
sub {bottom:0.1em;}
svg:not(:root) {overflow:hidden;}/* IE 9에서 svg 요소가 영역의 크기를 벗어나지 않도록 설정 */
figure {margin:0;}

input {box-sizing:border-box;}
input:focus	{outline:medium none}
input[readonly] {background:#f3f3f3;}
input[type="tel"], input[type="text"], input[type="email"], input[type="search"],
input[type="number"], input[type="password"], input[type="date"]{width:100%;padding:0 15px;border:1px solid #ddd;background:#fff;height:50px;line-height:50px;box-sizing:border-box;border-radius:0;-webkit-appearance:none;font-size:14px}
input:checked	{border:1px solid #666;border-radius:10px}
input[type="checkbox"]{width:20px;height:20px;border:1px solid #666;border-radius:0;-webkit-appearance:checkbox}
input[type="radio"],
input[type="radio"]:checked,
input[type="radio"]:disabled{width:20px !important;height:20px;-webkit-appearance:radio;-webkit-border-radius:50%;}
input[type="radio"]{border:1px solid #ddd;}
input[type="date"]{padding:0 5px;background:#fff url(/assets/images/default/mb_icon_date.png) 100% 50% no-repeat;background-size:auto 17px;-webkit-appearance:none;-moz-appearance:none;text-indent:1px;border:1px solid #ddd;}
button {border:0;background:none;cursor:pointer;box-sizing:border-box;vertical-align:top;}
select{padding:0;color:#555;border:1px solid #ddd;border-radius:0;font-size:14px;font-weight:400;width:100%;height:50px;line-height:50px;cursor:pointer;background:#fff url(/common/images/default/mb_ico_select.png) 100% 50% no-repeat;background-size:26px;-webkit-appearance:none;-moz-appearance:none;padding-left:15px;box-sizing:border-box;}
select::-ms-expand{opacity:0;}
textarea {padding:15px;height:250px;border:1px solid #ddd;width:100%;box-sizing:border-box;vertical-align:middle;resize:none;font-size:14px}

input[type="text"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled,
input[type="email"]:disabled,input[type="search"]:disabled,input[type="reset"]:disabled, input[type="submit"]:disabled, input[type="file"]:disabled, input[type="date"]:disabled,select:disabled{background:#f4f4f4;border-color:#f4f4f4;color:#666}

a{display:block;font-family:'Noto Sans Kr','Droid Sans','Apple-Gothic',sans-serif;color:inherit;text-decoration:none;vertical-align:top}
a:link,a:visited,
a:hover,a:active {text-decoration:none}

img {border:0;max-width:100%;height:auto;vertical-align:top}
h1,h2,h3,h4,h5,h6,b,strong {font-weight:600;}

::-webkit-input-placeholder,
-ms-input-placeholder,
-moz-placeholder {font-family:'Noto Sans Kr','Droid Sans','Apple-Gothic',sans-serif;color:#999;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999;}
input:focus::-webkit-input-placeholder,
input:-ms-input-placeholder:focus,
input:-moz-placeholder:focus {color:transparent;}
::-ms-value {border:none;}
input[type="text"]::-ms-clear {display:none;}

/* 한 부분에만 사용되는 css의 클래스명 제작금지! 필요한 부분에만 바로 적어주세요(수정용이) */
.hidden{display:none !important;}

/* mobile 320px이하 해상도에서 실행할 CSS 코드를 여기에 작성 */
@media screen and (max-width:320px){
input[type="password"] {letter-spacing:-0.125em;}
input[type="date"]{text-indent:2px;letter-spacing:-0.05em;}
}

/* PC 768px이상 해상도에서 실행할 CSS 코드를 여기에 작성 */
@media screen and (min-width:768px){
    input[type="tel"], input[type="text"], input[type="email"], input[type="search"], input[type="number"], input[type="password"], input[type="date"]{padding:0 20px;height:60px;line-height:60px;font-size:18px}
    select{font-size:18px;height:60px;line-height:60px;background:#fff url(/common/images/default/pc_ico_select.png) 100% 50% no-repeat;background-size:37px;padding-left:20px}
    textarea {padding:20px;height:300px;font-size:18px}
}