@charset "utf-8";
/*나눔고딕웹폰트로드(폰트 사용할곳에font-family:'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';추가)*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*나눔바른고딕웹폰트로드(폰트 사용할곳에font-family:'NanumBarunGothic';추가)*/
@import url("../font/NanumBarunGothic.css");
/*나눔명조웹폰트로드(폰트 사용할곳에font-family: 'Nanum Myeongjo', serif;추가)*/
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/*코펍바탕체 font-family: 'KoPub Batang', 'Nanum Gothic', '나눔고딕', '굴림', 'Gulim', 'sans-serif', 'Tahoma';*/ 
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);

/* 본고딕 font-family: 'Noto Sans', sans-serif; */
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);

/* CSS Document */

*{font-family: "Nanum Gothic",'돋움','dotum',tahoma,'NanumBarunGothic','MalgunGothic','Verdana','Arial','Helvetica','sans-serif';padding:0;margin:0;}
html {
    overflow-y: scroll;
    overflow-x: hidden;
}
html,body{width:100vw;height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{border:none;background: none;}
hr,legend {display:none;}
img,fieldset,iframe{border:none;}
img{vertical-align:top; max-width: 100%;}
textarea{font-family:"Nanum Gothic",'돋움','dotum',tahoma,'MalgunGothic','Verdana','Arial','Helvetica','sans-serif';}
caption{display:none;}
input,select,button{vertical-align:middle;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0;}
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:hover{text-decoration:none;}
.hd_pops_close.hd_pops_5 {float:right;}
.hd_pops_close.hd_pops_7 {float:right;}
/* float */

.clearfix{*zoom: 1;}
.clearfix:after{content:'';display:block;clear:both;}

/* Common */

.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.skip a{display:block;position:absolute;left:0;top:-9999em;width:100%;background-color:#272727;color:#aaa;font: bold 12px/3.4 arial,sans-serif;text-align:center;z-index: 99999;}
.skip a:hover,.skip a:active,.skip a:focus{top:0}

/*loader*/
#loader{background: #f5f5f5; position: fixed; width: 100%; height: 100%; top: 0; z-index: 999999;}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
img.loading {-webkit-animation-name: rotate; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; position: absolute; top: 50%; left: 50%; width: 140px; height: 140px; margin-left: -70px; margin-top: -70px;}

*{-webkit-text-size-adjust:none}

/*기본*/
#wrap{width:100%; margin: 0 auto;}
#header{position:relative;}
#container{position:relative;}
#footer{position:relative;}

/*지점안내*/
b11{color:#2a4cc8;font-weight:bold}
b111{color:#0aa295;font-weight:bold}
b22{color:#15a40e;font-weight:bold}
b2211{color:#a71e31;font-weight:bold}
b221{color:#a71e31;font-weight:bold}
b33{color:#f95716;font-weight:bold}
b44{color:#0892dd;font-weight:bold}
b55{color:#e8bd16;font-weight:bold}
b555{color:#701bd0;font-weight:bold}
b5551{color:#e4196b;font-weight:bold}
b77{color:#719f09;font-weight:bold}
b1{color:#6561ff;font-weight:bold}
b2{color:#ff6178;font-weight:bold}
b3{color:#57ce4c;font-weight:bold}
b4{color:#ff9a60;font-weight:bold}
b5{color:#a0e44f;font-weight:bold}
b6{color:#606cfe;font-weight:bold}
b7{color:#52d9a1;font-weight:bold}
b83{color:#cea43a;font-weight:bold}