@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.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url(https://fonts.googleapis.com/css?family=Material+Icons);


@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;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit;}
ul, li {list-style:none;}
div {display:block;}
body {width:100%;max-width:640px;font-family: 'Noto Sans Korean','Noto Sans KR','Nanum Barun Gothic','Nanum Gothic','Roboto', sans-serif; color:#404040;}
.clearfix {clear:both}

/* 텍스트 설정 */
h1,h2,h3,h4,h5 {font-weight:300;line-height:1.25}
b {letter-spacing:inherit;font-weight:700}
.c_main {color:#950004 !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}

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;}


.inner {width:600px;margin:auto !important}
.bg_gray {background:#f5f5f5;}
.img100 {width:100%;height:auto}
hr {width:100%;height:1px;background:#e0e0e0;border:0;margin:10px auto;}



/* 크기 및 정렬 설정 */
.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}



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

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

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


.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%}

.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%}



/* 컬럼 설정 */
.col5 {width:20%;}
.col4 {width:25%;}
.col3 {width:33.33%;}


/* 보더 설정 */
.bd_b {border-bottom:1px #d0d0d0 solid}
.bd_t {border-top:1px #d0d0d0 solid}




#wrap {width:100%; max-width:640px;  margin:0 auto; display:inline-block;position:relative;background:#fff}
#header {width:100%; height:152px;line-height:0;border-top:7px #950004 solid; box-shadow:0 10px 10px rgba(0,0,0,0.2); z-index:10 }
#header .inner {position:relative}
#header .logo {position:absolute; top:19px; left:50%; margin-left:-135.5px;}
#header .tel {position:absolute; top:18px; right:0}

#header #gnb {width:100%; display:inline-block; border-top:1px #d0d0d0 solid;text-align:center;margin-top:89px;font-size:20px}
#header #gnb li {float:left;width:20%;line-height:55px}
#header #gnb li a {display:block;height:55px}
#header #gnb li a.on,#header #gnb li a:hover {background:#950004;color:#fff}


/* 공통 하단 */
#footer {width:100%; position:relative;font-size:15px;display:inline-block;font-weight:300;text-align:center;background:#303030;color:#fff;padding:30px 0}
#footer .txt {width:100%;display:inline-block;opacity:0.7;margin-bottom:10px}
#footer .txt span {padding:0 6px;letter-spacing:-0.5px;line-height:1.7}
#footer .btn a {font-size:18px;margin:0 8px;padding:5px 30px;border-radius:40px;background:#d0d0d0;color:#303030}
#footer .btn a.pcver {background:#fff}


/* 메인 */
#main {width:100%;  float:left; position:relative; background:#fff}

#main .flexslider {color:#fff;text-align:center;height:473px;}
#main .flexslider li div {padding-top:140px}
#main .flexslider .flex-control-nav {bottom:50px !important;}
#main .main_sl1 {width:100%;height:473px;background:url(images/main_sl1.jpg) top center no-repeat}
#main .main_sl2 {width:100%;height:473px;background:url(images/main_sl2.jpg) top center no-repeat}
#main .main_sl3 {width:100%;height:473px;background:url(images/main_sl3.jpg) top center no-repeat}
#main .main_sl4 {width:100%;height:473px;background:url(images/main_sl4.jpg) top center no-repeat}
#main .main_sl5 {width:100%;height:473px;background:url(images/main_sl5.jpg) top center no-repeat}

#main #product {width:100%;height:526px;background:url(images/main_product.png) top center no-repeat;padding:3px 0;margin-top:30px}
#main #product li {float:left;width:200px;height:130px;}
#main #product li.head {width: 150px;}
#main #product li a {display:block;height:130px;text-indent:-3333px;}

#main #contact {width:100%; margin-top:20px; margin-bottom:30px }
#main #contact a {display:block; text-indent:-3333px;}
#main #contact .top {width:100%; height:150px; background:url(images/main_contact.png) top center no-repeat;}
#main #contact .top a {width:50%;height:100%;float:left;}
#main #contact .tel {width:100%; height: 150px;}
#main #contact .tel.tel1 {background: url(images/main_tel1.png);}


/* 서브 */
#sub {width:100%;  display:inline-block;}
#sub {width:100%; display:inline-block;}
#sub .subtop {width:100%;height:277 px;display:inline-block;background:url(images/subtop.png) top center no-repeat;color:#fff;text-align:center}
#sub .subtop p {letter-spacing:0.2em}
#sub .snb {width:100%;text-align:center;background:#fff;line-height:70px;margin:20px auto;position:relative;z-index:1;display:inline-block;color:#303030;box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
#sub .snb ul {width:100%;}
#sub .snb ul li {float:left;font-size:17px;}
#sub .snb ul li a {display:block;height:70px;}
#sub .snb ul li a.on {background:#950004;color:#fff}
#sub .snb ul.p4 li {width:25%}
#sub .snb ul.p5 li {width:20%}
#sub .snb ul.p1 li {width:100%}



#sub #content {width:600px; margin:60px auto;min-height:300px}
#sub #content .paragraph {width:100%;display:inline-block; padding-bottom:60px; position:relative}
#sub #content .paragraph.last {padding-bottom:0}
#sub #content .paragraph .row {width:100%;display:inline-block;}
#sub #content .paragraph h3.subject {margin-bottom:10px;font-weight:700;color:#950004;}
#sub #content .paragraph h4.bullet {background:url(images/h4_bullet.gif) left center no-repeat; padding-left:25px;font-weight:700; margin-bottom:8px}

#sub #content .paragraph .infobox {border-top:4px #950004 solid; border-bottom:1px #d0d0d0 solid;}
#sub #content .paragraph .infobox > div {width:100%;display:inline-block;padding:40px;}
#sub #content .paragraph .infobox .bd {border-bottom:1px #e0e0e0 solid}

#sub #content .paragraph .gallerybox {border-bottom:1px #d0d0d0 solid;padding:40px;}



/* 테이블 */
#sub #content .paragraph table.basic {border-top:4px #950004 solid;border-bottom:1px #d0d0d0 solid}
#sub #content .paragraph table.basic th {border-bottom:1px #950004 solid;padding:8px 20px}
#sub #content .paragraph table.basic td {padding:10px 20px}
#sub #content .paragraph table.basic .bg_gray td {background-color:#f0f0f0}



/* 서브페이지 탭 */
#sub #content ul.tabs {width:600px;margin:0 auto;height:60px;line-height:60px;position:relative;z-index:10;margin-top:100px;background:#808080;color:#fff}
#sub #content ul.tabs.p2 li {width:50%}
#sub #content ul.tabs.p3 li {width:33.33%}
#sub #content ul.tabs li { display:inline-block;	float:left; text-align:center; font-size:20px;   }
#sub #content ul.tabs li a {display:block;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
#sub #content ul.tabs li:hover a {background:#707070;}
#sub #content ul.tabs li.active a {line-height:66px;background:#da5c81;}
#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {padding: 0 0 0 0; width:100%;display:inline-block; min-height:280px;}

/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:15px;line-height:1.7;min-height:500px}
#sub #content .board_box .boardlist td.bbsnewf5 > table > tbody > tr > td > a > img {width:560px;height:410px;}
#sub #content .board_box .inner {padding:0 20px}
#post_area img {width:100% !important; height:auto !important;}