html {overflow: scroll;overflow-x: auto}
body {padding: 0px;min-width:320px;max-width:800px; margin:0 auto;background:#fff;}
img {border: none;vertical-align: top}
h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;font-weight: normal}
ol, ul, dl, li, dt, dd {display: block;margin: 0;padding: 0;list-style: none}
p {	margin: 0;padding: 0; }
a {	text-decoration: none;	outline: none;select-dummy:expression(this.hideFocus=true)}

.wrap{ min-width:320px;max-width:800px; margin:0 auto;font-family:'NanumBarunGothic';font-size:12px; color:#444444;line-height:1.3}

/* header */
.header{ z-index:9999;position:fixed;top:0; min-width:320px;max-width:800px; width:100%;margin:0 auto; left:0;right:0; height:45px; border-bottom:1px solid #cecece;background:#fff}
.header > h1{ position:absolute;top:0;left:0;right:0; width:110px;margin:0 auto;}
.header > h1 > img{ display:block; margin:0 auto }
.header > .allmenu_btn{ float:left;padding:16px; }
.header > .tel_btn{ display:block;float:right;padding:14px;}
.allmenu{ display:none ;z-index:99999;position:fixed;top:45px; left:0;right:0; min-width:320px;max-width:800px; width:100%;height:50px;margin:0 auto; background:#bb0000;}
.allmenu ul li{float:left;width:25%; font-family:'BMDOHYEON';font-size:13px;text-align:center;color:#fff;line-height:50px;}

/* footer */
.footer{ height:70px; padding:15px 15px 5px 15px;margin-bottom:50px;background:url(/mobile/images/main/footer_bg.jpg) center no-repeat; background-size:cover  }
.footer ul{ float:left; width:50%; }
.footer ul li{ color:#646464 }
.footer ul li.copy{ padding-top:5px;font-size:11px; }
.footer ul li strong{ color:#101010 }
.footer ul li span{display:inline-block; padding-right:9px; margin-right:8px;font-family:'notoD'; background:url(/mobile/images/main/bar1.jpg) 100% center no-repeat; background-size:1px 8px }
@media only screen and (max-width:630px) {
.footer{ height:120px;  }
.footer ul{ width:100%; }
}

/* tel */
.tel{ position:fixed; bottom:0;left:0;right:0;min-width:320px;max-width:800px;width:100%;height:50px;margin:0 auto; background:#bb0000; color:#fff;line-height:50px; }
.tel > p{ font-size:17px;text-align:center;line-height:50px;}
.tel > p img{padding:18px 6px 0 15px }
.tel > p strong{ font-family:'OpenSansSB';font-size:20px;letter-spacing:-0.25px;}
.tel:hover{text-decoration:none}

/* main_container */
.container{ padding-top:45px;background:url(/mobile/images/main/main_bg.jpg) center no-repeat; background-size:cover  }
.container > .main_visual{ position:relative;height:485px;max-width:430px;margin:0 auto }
.container > .main_visual > .main_title{margin-top:27px;text-align:center; }
.container > .main_visual > .main_title > .title{ font-family:'BMDOHYEON';font-size:59px; color:#2f2f2f;line-height:1.1 }
.container > .main_visual > .main_title > .title > span{ display:block;width:100px;height:19px;margin:0 auto 10px auto;font-family:'notoM';font-size:14px; background:#133cb5;color:#fff ;letter-spacing:0.5px;line-height:19px;}
.container > .main_visual > .main_title > .title > span > strong{font-family:'notoB'; }
.container > .main_visual > .main_title > .title > strong{display:block;color:#dc0000;}
.container > .main_visual > .main_title > span{font-family:'notoM';color:#313131;letter-spacing:-0.5px  }
.container > .main_visual > .main_circle{ position:absolute;bottom:137px;left:173px;width:139px; height:139px; background:#bb0000; border-radius:50%;}
.container > .main_visual > .main_circle ul{margin-top:18px;  }
.container > .main_visual > .main_circle ul li{height:26px;margin-left:12px;transform:skew(-10deg); font-family:'BMDOHYEON';font-size:19px;color:#fff;}
.container > .main_visual > .main_circle ul li span{padding-left:7px;padding-right:2px;font-family:'notoB';font-size:18px; color:#000000 }
.container > .main_visual > .mainBtn{overflow:hidden;position:absolute;bottom:20px;left:0;right:0;margin:0 auto;text-align:center }
.container > .main_visual > .mainBtn ul{display:inline-block}
.container > .main_visual > .mainBtn ul li{ float:left;width:68px;height:60px; margin-left:6px;background:rgba(69,69,69,0.7);border-radius:5px;color:#fff;}
.container > .main_visual > .mainBtn ul li:first-child{ margin-left:0px;}
.container > .main_visual > .mainBtn ul li img{ display:block; margin:0 auto; }
.container > .main_visual > .mainBtn ul li span{ display:block;padding-top:5px ;font-family:'notoM';}
.container > .main_visual > .truck{ position:absolute;bottom:90px; left:0; }
.container > .main_gallery{ overflow:hidden; position:relative;height:95px;padding:15px 15px 20px 15px;background:#fff; }
.container > .main_gallery > .title{height:19px;font-family:'notoM';font-size:14px; color:#252525 ;line-height:19px; }
.container > .main_gallery > div{overflow:scroll;overflow-x:scroll;overflow-y:hidden;height:69px;}
.container > .main_gallery > div > ul{width:1188px;height:69px;margin-top:7px;}
.container > .main_gallery > div > ul > li{float:left;margin-right:7px;}
.container > .main_gallery > .more_btn{ position:absolute;top:15px;right:15px;width:50px;height:19px;font-size:11px;background:url(/mobile/images/main/btn_ar.png) 100% center no-repeat; background-size:5px 9px;color:#656565; text-indent:10px;line-height:19px;}

/* sub_snb */
.snb{ width:100%; height:46px;margin-top:46px; border-bottom:1px solid #cecece; box-sizing:border-box; }
.snb ul li{ float:left; width:25%; border-left:1px solid #cecece;font-family:'BMDOHYEON';font-size:13px; color:#696969;background:#f0f0f0;text-align:center;line-height:45px;box-sizing:border-box;  }
.snb ul li:first-child{ border-left:none; }
.snb ul li.on{ background:#bb0000; color:#fff; }

/* sub_common */
.container_sub{ padding:25px 15px 60px 15px;margin-bottom:30px;background:#fff; }

/* pagenum */
.pagenum{overflow:hidden;text-align:center}
.pagenum ul{display:inline-block}
.pagenum ul li{float:left;height:30px;font-family:'OpenSansSB';font-size:14px;line-height:30px;color:#666666}
.pagenum ul li.on{position:relative;top:-1px; font-size:18px; color:#d90000 }
.pagenum ul li.num > span{ margin:0 5px }
.pagenum ul li.ar{ width:30px; height:30px; border-radius:4px;}
.pagenum ul li.prev{ margin-right:20px;background:#bb0000 url(/mobile/images/sub/ar_prev.png) center no-repeat; background-size:5.5px 8.5px }
.pagenum ul li.next{ margin-left:20px;background:#bb0000 url(/mobile/images/sub/ar_next.png) center no-repeat; background-size:5.5px 8.5px }

/* ceo */
.container_ceo{ min-height:600px; background:url(/mobile/images/sub/ceo_bg.png) center 100% no-repeat; background-size:800px 535px;}
.container_ceo .topTxt{ padding:0 0 13px 0;margin-bottom:13px;border-bottom:1px solid #4c4c4c;font-family:'BMDOHYEON';font-size:20px; color:#2f2f2f; }
.container_ceo .topTxt strong{color:#bb0000; line-height:1.4 }
.container_ceo .txt .ceo{  display:block;padding-top:20px;font-family:'notoM';font-size:13px;text-align:right}
.container_ceo .txt .ceo strong{ font-size:17px; color:#222222 }
@media only screen and (max-width:630px) {
.container_ceo{ min-height:480px; background-size:contain }
.container_ceo .txt .ceo{padding-top:10px;}
}

/* work */
.container_work table{width:100%; border-top:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c }
.container_work table tr{min-height:20px;padding:7px 0;border:1px solid #d4d4d4; border-bottom:none;font-size:12px;line-height:1.4}
.container_work table tr:first-child{ border-top:none }
.container_work table tr th{ width:70px;background:#eeeeee; text-align:center;color:#2f2f2f; }
.container_work table tr td{ text-align:left; padding:5px; }

/* gallery (list) */
.container_gallery .galleryList{margin-bottom:15px;border-bottom:1px solid #a6a6a6 }
.container_gallery .galleryList:after{ display:block; content:""; clear:both; }
.container_gallery .galleryList li{position:relative;float:left; width:24%;margin:0 0.5%;}
/*.container_gallery .galleryList li > span{ display:block; }
.container_gallery .galleryList li > .imgArea{position:relative;overflow:hidden; width:100%;height:100px;margin:0 auto; background:#f00;border-radius:4px;}
.container_gallery .galleryList li > .imgArea img{display:block; position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;height:auto}*/
.container_gallery .galleryList li > .imgArea img{ border-radius:4px; }
.container_gallery .galleryList li > .title{overflow:hidden;display:block;width:100%;height:16px;margin:5px 0 19px 0;text-align:center;white-space:nowrap;text-overflow:ellipsis}
@media only screen and (max-width:600px) {
.container_gallery .galleryList li{width:48%;margin:0 1%;}
}



/* gallery (read) */
.container_gallery .galleryRead{ border-bottom:1px solid #a6a6a6; }
.container_gallery .galleryRead .title{ padding:10px 0 20px 0;border-bottom:1px solid #a6a6a6;font-family:'notoM';font-size:16px;color:#2f2f2f }
.container_gallery .galleryRead .content{ padding:15px 10px 35px 10px; }
.container_gallery .galleryRead .content img{ display:block; margin:0 auto 15px auto;width:100%;  }
.container_gallery .galleryRead .content p{color:#444444}
.container_gallery .bottomArea{ padding-top:15px }
.container_gallery .bottomArea:after{ display:block; content:""; clear:both; }
.container_gallery .bottomArea .listBtn{ float:left; width:83px; height:34px; border-radius:4px; font-size:13px;background:#bb0000;line-height:34px;color:#fff; text-align:center; }
.container_gallery .bottomArea .arList{float:right;}
.container_gallery .bottomArea .arList li{ float:left; width:34px;height:34px; border-radius:4px;}
.container_gallery .bottomArea .arList li.prev{ margin-right:2px; background:#7f7f7f url(/mobile/images/sub/ar_prev.png) center no-repeat; background-size:5.5px 8.5px }
.container_gallery .bottomArea .arList li.next{ background:#7f7f7f url(/mobile/images/sub/ar_next.png) center no-repeat; background-size:5.5px 8.5px }

/* application */
.container_application{overflow:hidden;position:relative;min-height:450px;padding:25px 0px 0 0px; background:url(/mobile/images/sub/application_bg.png) center 100% no-repeat; background-size:800px 360px;}
.container_application .tableArea{max-width:650px;padding:20px 15px 0 15px;margin:0 auto; background:url(/mobile/images/sub/application_tel.png) 0% 0% no-repeat; background-size:150px 140px; }
.container_application .tableArea > .txt{ margin-left:22%;margin-bottom:10px; font-size:13px;color:#2f2f2f; }
.container_application .tableArea > .txt strong{ color:#bb0000; }
.container_application .tableArea table{ border:1px solid red; max-width:500px;width:100%; margin:0 auto;border-top:1px solid #4c4c4c;border-bottom:1px solid #4c4c4c }
.container_application .tableArea table tr{height:40px;padding:7px 0;border:1px solid #d4d4d4; border-bottom:none;font-size:12px;line-height:1.4}
.container_application .tableArea table tr:first-child{ border-top:none }
.container_application .tableArea table tr th{ width:70px;background:#eeeeee; text-align:center;color:#2f2f2f; }
.container_application .tableArea table tr td{ padding:5px; background:#fff;}
.container_application .tableArea table tr td input[type="text"]{height:18px;padding:5px;  border:1px solid #bbbbbb; }
.container_application .tableArea table tr td input[type="text"]:hover{ border:1px solid #bb0000 }
.container_application .tableArea table tr td input[type="text"]:focus{ border:1px solid #bb0000 }
.container_application .tableArea table tr td input[type="tel"]{height:18px;padding:5px;  border:1px solid #bbbbbb; }
.container_application .tableArea table tr td input[type="tel"]:hover{ border:1px solid #bb0000 }
.container_application .tableArea table tr td input[type="tel"]:focus{ border:1px solid #bb0000 }
.container_application .tableArea table tr.service td > span{float:left;padding:0 10px 0 5px;}
.container_application .tableArea table tr.service td input{ margin:3px 2px 0 0;border:1px solid #bbbbbb;   }
.container_application .tableArea table tr.phone td input[type="text"]{ width:50px;margin-right:2px }
.container_application .tableArea table tr.phone td input[type="tel"]{ width:50px;margin-right:2px }
.container_application > .btn{ position:absolute;top:160px; right:80px;width:137px; height:137px; background:#bb0000; border-radius:50%; }
.container_application > .btn p{padding:43px 0 0 39px; transform:skew(-10deg); font-family:'BMDOHYEON';font-size:17px;color:#fff; }
.container_application > .btn p span{padding-left:7px;padding-right:2px;font-family:'notoB';font-size:18px; color:#000000 }
@media only screen and (max-width:620px) {
.container_application{ min-height:400px; background-size:contain }
.container_application .tableArea{max-width:600px;padding:20px 15px 0 15px; background:url(/mobile/images/sub/application_tel.png) -12% 0% no-repeat;background-size:150px 140px;}
.container_application .tableArea > .txt{ margin-left:20%;}
.container_application > .btn{ position:absolute;top:210px; right:10px;width:127px; height:127px;}
.container_application > .btn p{padding:35px 0 0 35px;}
}
@media only screen and (max-width:480px) {
.container_application .tableArea > .txt{margin-left:30%}
.container_application > .btn{ position:absolute;top:240px; right:-10px;width:107px; height:107px;}
.container_application > .btn p{padding:25px 0 0 23px;}
}
@media only screen and (max-width:360px) {
.container_application .tableArea > .txt{ margin-left:40%;}
}