@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,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:'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:100%;white-space:nowrap} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.f_l {float:left}
.f_r {float:right}
.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 {min-width:320px}

/* header */
#header {position:relative;width:100%;height:53px;background-color:#fff}
#header .link_logo {display:block;width:160px;padding-left:13px}
#header .link_menu {display:block;position:absolute;top:0;right:13px;width:18px}

/* GNB */
.wrap_menubar {display:none;position:absolute;top:0;right:0;z-index:30;width:240px;min-height:600px;background-color:#fff;box-shadow:20px 0 30px rgba(0,0,0,0.5);-webkit-box-shadow:20px 0 30px rgba(0,0,0,0.5)}
.wrap_menubar img {width:100%}
.wrap_menubar .link_depth1 {display:block}
.wrap_menubar .link_close {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:47px;font-size:0;line-height:0;text-indent:-9999px}
.list_menubar {background-color:#e3ecf0;padding:30px 0 30px 30px}
.list_menubar li {padding-top:20px}
.list_menubar li:first-child {padding-top:0}
.list_menubar li a {color:#444}
.dimmed_layer {position:fixed;top:0;left:0;z-index:20;width:100%;height:100%;background-color:#000;opacity:0.5}

/* footer */
#footer .lst_util {overflow:hidden}
#footer .lst_util li {float:left;width:33.333%}
#footer .lst_util img {width:100%}
.footer_address {position:relative}
.footer_address ul {position:absolute;bottom:30%;right:4%}
.footer_address ul li {float:left;margin-left:10px}

/* panel */
#slide_panel	{position: absolute; left: 0;  top: 0; width: 166px; height: 100%; background: #efefef; border-right: 1px solid #fff; z-index: 2;  }
#slide_panel img	{ width: 100%; }
#slide_panel .title	{ position: relative; height: 18px; padding: 8px 0 0 20px; background: #57c1bd;  }
#slide_panel .title h2	{ width: 50px; height: 11px; }
#slide_panel .title p.btn_close	{ position: absolute; right: 7px; top: 6px; width: 22px; height: 12px; }