@import url(css/webfont.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.25%;}
 }
 @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;letter-spacing:-0.01em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Gothic','Roboto', sans-serif; color:#5a4b4b;}
div {display:block;}
.clearfix {clear:both}
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:500}
.inner {width:100%; max-width: 600px; margin:auto;clear:both;}
.c_main {color:#a84672 !important}
.c_pink {color:#d57fa6 !important}
.c_hotpink {color:#e53282 !important}
.c_purple {color:#8c71b4 !important}
.c_lightgray {color:#c0c0c0 !important}
.c_gray {color:#808080 !important}
.c_red {color:#c70000 !important}
.c_white {color:#fff !important}
.c_black {color:#303030 !important}
.c_lightpink{color:#dcb5c7 !important}

h1 {font-size:50px;}
h2 {font-size:40px}
h3 {font-size:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:1.5}
p {font-size:17px;font-weight:300;line-height:1.7;color:inherit;word-break:keep-all }
p.small {font-size:15px;line-height:1.5}
.mj {font-family: 'KoPub Batang', serif !important; letter-spacing:-0.1em}
.roboto {font-family: 'Roboto', sans-serif !important;}
#wrap.ch p {word-break:normal !important}

span {color:inherit}

.left {float:left;}
.right {float:right}
.center {text-align:center !important}
.half {width:50% !important}
.tleft {text-align:left !important}
.tright {text-align:right !important}


hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}


/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}

.pd00 {padding:0 !important}

.pl03 {padding-left:3%}
.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}
.pl25 {padding-left:25%}
.pl30 {padding-left:30%}
.pl35 {padding-left:35%}
.pl45 {padding-left:45%}


.pr03 {padding-right:3%}
.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}
.pr25 {padding-right:25%}
.pr30 {padding-right:30%}
.pr35 {padding-right:35%}
.pr45 {padding-right:45%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}



/* 컬럼 설정 */
.col5 {width:18% !important;}
.col4 {width:24% !important;}
.col3 {width:32.33% !important;}
.col2 {width:49% !important;}
.col1 {width:90% !important;}
.col0 {width:98% !important;}



/* 공통 */
#wrap {width:100%; max-width:640px; margin:auto; position:relative; overflow: hidden; margin: 0 auto;}
#header {width:100%; max-width:640px; height:126px; background:#fff; box-shadow:0 6px 9px rgba(0,0,0,0.2);text-align:center;position:relative;z-index:10}

#header .logo {position: absolute; top:26px; left:50%; margin-left: -141px; }
#header .menu {float:right; margin-top:30px;}
#header .menu i{font-size: 60px; font-weight: 450; }





/* 공통 하단 */
#footer {width:100%; max-width:640px; height:300px; margin:auto; position:relative; background:#fff; padding:5px 0;color:#808080;font-size:15px;font-weight:300; text-align: center;}

#footer .inner .tel {background-image:url(images/main_cs_tel.png); width:100%; height:143px; background-color:#a84672; background-position:9% 30%;  background-repeat: no-repeat; text-align: center;}
#footer .inner .tel h2{padding-top: 10px; padding-left: 45px;}
#footer .inner .tel p{ padding-left: 21px;}

#footer .txt {display:inline-block; padding:26px; text-align: center; }
#footer .txt span {padding-right:10px;letter-spacing:-0.5px;}
#footer .txt .link {font-size: 18px; padding-top: 15px;}