@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500);
@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/blank.css);


@media screen and (max-width:320px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:321px) and (max-width:359px) {
     body {zoom:50%;}
 }
 @media screen and (min-width:360px) and (max-width:374px) {
     body {zoom:56.2%;}
 }
 @media screen and (min-width:375px) and (max-width:375px) {
     body {zoom:58.5%;}
 }
 @media screen and (min-width:376px) and (max-width:479px) {
     body {zoom:64.6%;}
 }
 @media screen and (min-width:480px) and (max-width:639px) {
     body {zoom:75%;}
 }
  /* 아이패드(1024X768)보다 큰 스크린 사이즈와 해상도를 갖는 모든 기기에서의 해상도 설정
 @media all and (min-width: 640px) {
     body {width:640px; margin:0 auto;}
  */
  @media all and (min-width: 640px) {
     body {zoom:100%; margin:0 auto;}
 }


*{margin:0; padding:0; box-sizing:border-box;color:inherit;letter-spacing:-0.04em;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
div {display:block;}
html,body {height: 100%;}
body {width:100%;max-width:640px;font-family: 'NotoSansKR','Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif; color:#555; margin:0 auto;}
.inner {width:600px; margin:auto; position:relative}
.clearfix {content:"";clear:both;}
.bg_gray {background-color:#f5f5f5;}
h1,h2 {font-weight:300;line-height:1.25}
h3,h4,h5 {font-weight:400;line-height:1.4}
b {letter-spacing:inherit;font-weight:700}

/* 텍스트 설정 */
.c_main {color:#1191ce !important}
.c_sub {color:#005596 !important}
.c_lightgray {color:#b0b0b0 !important}
.c_gray {color:#909090 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important;}

h1 {font-size:50px;line-height:1.15}
h2 {font-size:43px;line-height:1.15}
h3 {font-size:33px;}
h4 {font-size:24px;line-height:1.5}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;}
.roboto {font-family: 'Roboto';}
.nnmj{font-family: 'Nanum Myeongjo', serif; font-weight: 800;}

.thin {font-weight:200;}
.loose {letter-spacing:0.1em;;}
.txtshadow {text-shadow:0 0 6px rgba(0,0,0,0.3);}

span {color:inherit}

.float {float:left;}
.float_r {float:right}
.center {text-align:center !important}
.left {text-align:left !important}
.right {text-align:right !important}

hr {width:100%;height:1px;background:#d0d0d0;border:0;}
hr.bar {width:43px;height:2px;background-color:#0098ac;border:0; }


/* 폭 설정 */
.half {width:50% !important}
.col5 {width:20% !important;}
.col4 {width:25% !important;}
.col3 {width:33.33% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w48 {width:48% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w65 {width:65% !important;}
.w70 {width:70% !important;}
.w75 {width:75% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}




#wrap {width:100%; display:inline-block;position:relative;background:#fff;}

.logo { width:323px; height: 51px; background-image: url(images/logo.png); text-indent: -3333px;}
#footer .logo {background-image: url(images/logo_w.png);}

/* 공통상단 */
#header {width:100%; height:238px; background-color:#fff; border-bottom: 1px #808080 solid; float:left;}
#header .certify {width: 100%; height: 80px; background: url(images/header_certify.png) top center no-repeat;}
#header .inner {position: relative;}
#header .logo { position: absolute; top: 20px; left: 50%; margin-left: -161.5px; }
/* #header .gnb {display: flex; width: 100%; height: 66px; line-height: 66px; margin-top: 92px; background-color: #0e5083; color: #fff; font-size: 20px;} */
#header .gnb ul{display: flex; justify-content: center; width: 100%; height: 66px; line-height: 66px; margin-top: 92px; background-color: #0e5083; color: #fff; font-size: 20px;}
/* #header .gnb li {float: left; margin: 0 10px;} */
#header .gnb li {text-align: center; padding: 0 11px;}
#header .gnb li a{font-size: 18px;}
#header .gnb li a.on {color: #bae4ff; font-weight: 600;}



/* 공통 하단 */
#footer {width:100%; display:inline-block; background-color:#505050; float:left; text-align: center; padding-bottom: 40px;}
#footer .tel {width: 100%; height: 140px; display: block; background: url(images/footer_tel.png); text-indent: -3333px;}
#footer .logo {margin:40px auto 30px;}
#footer .txt {display:inline-block;}
#footer .txt span {font-size:15px;display:inline-block;margin:0 4px;font-weight:200;line-height:1.7; color: #fff;}