@charset "utf-8";

/* 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}
fieldset,img {border:0 none}
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 {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
table {border-collapse:collapse;border-spacing:0}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:AppleSDGothicNeo,'Malgun Gothic','맑은 고딕',sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */
input[type='text'],input[type='password'],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}
body {background:#fff}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

#mdIndex {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.screen_hide {font-size:0;line-height:0;visibility: hidden} /* 테이블내 caption에 사용 */
.cl_b {width:0;height:0;font-size:0;line-height:0;clear:both}
.show {display:block}
.hide {display:none}
.tbl {border-collapse:collapse;border-spacing:0} /* 테이블 초기화 */
.clear_g {display:block;overflow:visible;width:auto;clear:both;*zoom:1}
.clear_g:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}


/* sprite 이미지 */
.sprite {display:inline-block;overflow:hidden;font-size:0;line-height:0;background:url(../../img/m320/sprite.png) no-repeat;vertical-align:top;text-indent:-9999px;-webkit-background-size:112px 68px;background-size:112px 68px}
.icon_range {width:24px;height:24px;background-position:0 0}
.icon_checkbox.check {width:16px;height:16px;background-position:-36px -48px}
.icon_checkbox {width:16px;height:16px;background-position:-56px -48px}
.icon_close1 {width:16px;height:16px;background-position:-56px -28px}
.icon_close2 {width:16px;height:16px;background-position:-36px -28px}
.icon_check_c {width:24px;height:24px;background-position:0 0}
.icon_check_c.check {width:24px;height:24px;background-position:-28px 0}
.icon_bubble {width:8px;height:8px;background-position:-76px -28px}
.icon_chat {width:32px;height:32px;background-position:0 -28px}
.icon_talk {width:24px;height:24px;background-position:-84px 0}
.icon_next{width:16px;height:16px;background-position:-92px -28px}


@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    .sprite {background-image: url(../../img/m640/sprite.png)}
}