@charset "utf-8";
/* Reset */
/* reset */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,option,blockquote,th,td,input,select,textarea,button,figure,section,article,main,aside,nav,header,footer,figcaption{margin:0;padding:0}
fieldset,img{border:0 none}
img {vertical-align:top}
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;font-size:100%}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none} /* 뷰포트 변환시 폰트크기 자동확대 방지. */
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset'] {-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none} 
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Nanum Gothic','Malgun Gothic', '맑은 고딕', sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */
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}
main{display:block}

#mcircleIndex {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:100%;white-space:nowrap} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.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}
.f_l {float:left}
.f_r {float:right}
.f_none {display:block;overflow:hidden;float:none;width:auto}
.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:''}

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.nm {font-family: 'Nanum Myeongjo', serif !important;}

.img_100 {width:100%} /* 100% 찰때 */
#wrap {overflow:hidden;position:relative;min-width:320px}

/*header*/
#header	{position:relative;height:53px;background-color:#efefef}
#header .logo {position:absolute;left:50%;top:0;margin-left:-78px}
#header .link_logo {display:block}
#header .btn_menu {position:absolute;left:0;top:0}
#header .btn_reserve {position: absolute;right:0;top:0}
#header	.wrap_menubar {display:block;position:absolute;left:-190px;top:0;z-index:100;width:190px;min-height:100%;background-color:#fff}
.tit_menubar img,.info_menubar img {width:100%}
.btn_main_page {position:absolute;left:0;top:0}
.btn_close {position:absolute;right:0;top:0}
.dimmed_layer{display:none;position:fixed;left:0;top:0;z-index:70;width:100%;height:100%;background-color:#000;opacity:0.5}
