/*
 * Gabia Mobile Builder Css
 * hjlee@gabia.com (2010-03-17)
 *
 */
/* Àü¿ª Á¤ÀÇ */



html {
    background: none transparent scroll repeat 0% 0%;
    margin: 0px;
    vertical-align: baseline;
    outline: 0;
}

body {
    background-color: #;
    text-align: left;
    margin: 0px;
    padding: 0px;
    background:url('images/mo_bg.gif') repeat-x center top;

}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none
    }

input, select, table, tr, td, div, textarea {
    color: #000000;
    font: normal 13px dotum, AppleGothic, Verdana, Helveltica;
}

input, textarea {
    -webkit-border-radius: 1px;
    background: url(none)
}

img {
    border: none;
}

input, textarea {
    border: solid 1px #BCBCBC
}

p, form {
    margin: 0px;
    padding: 0px
}

.footer_tool {
    padding:5px 0px;
    text-align:center;
}
.footer_tool a {
    text-decoration:none;
    color:#828282;
}

/* ǪÅÍ */
.footer {
    background-color: #333333;
    height: 30px;
}

.copyright {
    color: #000000;
    font-size: 11px;
    text-align: center;
    padding-top: 7px;
}
 /* Ä«ÇǶóÀÌÅÍ */
/* À妽ºÆäÀÌÁö(index.php) */
.index_header {
    background: url(./images/h_bg.png) repeat-x;
    height: 52px;
}
 /* Çì´õ  */
.index_title td {
    background: url(./images/top_bg.gif) repeat-x;
    height: 39px;
    color: #FFFFFF;
}
 /* ŸÀÌƲ  */
.navi {
    background: url(./images/b_bg.png) repeat-x;
    height: 40px;
    position: relative;
}

.navi .bt {
    float: left;
    padding-right: 1px;
}

.navi .bt02 {
    float: left;
}

.navi02 {
    background: url(./images/b_bg02.png) repeat-x;
    height: 2px;
}

.index_body {
    background-color: #FFF;
    text-align: center;
}

/* ¼­ºêÆäÀÌÁö */
.sub_header {
    background: url(./images/s_bg.png) repeat-x;
    height: 40px;
}
 /* Çì´õ  */
.sub_header .back {
    float: left;
    padding-left: 7px;
    padding-top: 7px;
}

.sub_header .tittle {
    float: left;
    padding-left: 6px;
    position: relative;
    color: #FFF;
    font-size: 17px;
    line-height: 40px;
    font-weight: 600;
}

.sub_header .logo {
    padding-top: 6px;
    padding-right: 8px;
    text-align: right;
}

.line {
    height: 2px;
}

.sub_body {
    background-color: #FFFFFF;
}

.contents {
    font: normal 13px Dotum;
    text-align: left;
    padding: 18px 15px 18px 15px;
    color: #333333;
    min-height: 247px;
    background-color: #FFF;
}

.customer {
    background-color: #7ca794;
    height: 68px;
}

.service {
    background-color: #bdb391;
}

.notice {
    background-color: #a0b4bf;
}

.location {
    background-color: #70afb5;
}

.button_area {
    text-align:center;
}

.button {
    font: normal 13px Dotum;
    border: solid 1px #C3C3C3;
    padding: 3px 5px;
    height: 24px;
    background-image:url(/skin/_modules/images/btn_bg.png);
}










#mainCoWrap { clear:both; position:relative; width:100%; overflow:hidden; background:url(img/line_cowrap.gif) repeat-x left top; }
#mainCont { position:relative; }
    
#mainCont .mainco_page { position:absolute; padding:0 0 0 0; width:100%; top:0; text-align:left; overflow:hidden; z-index:1; -webkit-transition-property:-webkit-transform;-webkit-transition-duration:100ms;-webkit-transition-delay:0; }
/*    #productCon .product_page { position:absolute; padding:0 0 0 0; width:100%; top:0; text-align:left; overflow:hidden; z-index:1; -webkit-transition-property:-webkit-transform;-webkit-transition-duration:100ms;-webkit-transition-delay:0; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color:#fff; } */
#mainCont #page_0 { left:0;  }
#mainCont #page_1 { left:100%; }
#mainCont #page_2 { left:200%; }
#mainCont #page_3 { left:300%; }
#mainCont #page_4 { left:400%; }
#mainCont #page_5 { left:500%; }


.main_swipe_btn { text-indent:-5000px; background:url( ../img/bul_swipe_main.png) no-repeat left top; display:inline-block; }
.main_swipe_top { position:relative; width:100%; padding:9px 0 7px 0; text-align:center; overflow:hidden; }
.main_swipe_top span.main_swipe_btn { width:10px; height:10px; margin-left:-1px; margin-right:-1px;  background-position:-22px -59px; }
.main_swipe_top span.current { background-position:-10px top; }
.main_swipe_top a.swipe_l { position:absolute; width:25px; height:25px; left:6px; top:3px; background-position:-4px -25px; }
.main_swipe_top a.swipe_r { position:absolute; width:25px; height:25px; right:6px; top:3px; background-position:-4px 0px; }
    
.main_swipe_bottom { position:relative; width:100%; padding:9px 0 7px 0; text-align:center; overflow:hidden; }
.main_swipe_bottom span.main_swipe_btn { width:11px; height:11px; margin-left:-1px; margin-right:-1px;  background-position:-21px -65px;  }
.main_swipe_bottom span.current { background-position:-21px -51px; }
.main_swipe_bottom a.swipe_l { position:absolute; width:25px; height:25px; left:6px; top:3px; background-position:-1px -25px; }
.main_swipe_bottom a.swipe_r { position:absolute; width:25px; height:25px; right:6px; top:3px; background-position:-1px 0px;}




.svic{display:block;width:55px;height:54px; margin:0 0 0 0;background-color:#ddd}


.sns_btn {
    background: url() repeat-x;
    height: 54px;
    position: relative;
    padding:20px 0 20px 0;
}

.sns_btn .bt {
    float: left;
    padding-right: 5px;
}



.content {
    float: ;
    padding:5px 5px 0 5px;
}


#sub { margin:0 auto; width:100%; text-align:left; }
.dot { padding:2px 0 2px 10px; background:url(./images/dot.png) no-repeat left center;}
.title { padding:15px 0 0 10px;}

.sub_content { margin:10px 10px 10px 10px; width:; text-align:justify; letter-spacing:0em; font-size:1.2em; }
.sub_content p { padding-bottom:10px;  }
.sub_content p img { margin-left:0px; }


.title1 { padding:15px 0 0 10px;}
.no1 { padding:0 0 0 0; background:url(./images/no1.png) no-repeat left center;}
.no2 { padding:2px 0 2px 10px; background:url(./images/no2.png) no-repeat left center;}
.no3 { padding:2px 0 2px 10px; background:url(./images/no3.png) no-repeat left center;}
.no4 { padding:2px 0 2px 10px; background:url(./images/no4.png) no-repeat left center;}
.no5 { padding:2px 0 2px 10px; background:url(./images/no5.png) no-repeat left center;}




/*   20120614 ÀÌ¿ø¼º Ãß°¡     */


.wrap1 {width:100%; margin:0 auto;}
.toplogo {width:100%; height:51px; margin:0 auto;text-align:center;}
.topbtn {width:320px; height:46px; text-align:cetner; margin:0 auto;}
.topbtn ul { display:inline;}
.topbtn li {float:left; display:inline;}
.topmsg {width:100%; font-size:15px;padding:20px 0 15px 0; text-align:center; border-bottom:1px solid #d9d9d9;}



.info_table    {width:100%;margin-bottom:15px; clear:both;}
.info_table th    {background:#d0bca9; padding:8px 0; border-right:1px solid #bca48d; border-top:1px solid #bca48d; color:#fff; width:25%;}
.info_table .first    {border-left:1px solid #bca48d; width:50%;}
.info_table td    {padding:8px 0; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.info_table .left    {border-left:1px solid #d9d9d9;}
.info_table .txt1    {padding-left:10px; border-left:1px solid #d9d9d9; background:#f8f7f2;}
.info_table .txt2    {padding-left:10px; border-left:1px solid #d9d9d9; font-size:12px; color:#000000;}



.reservation {text-align:center; padding-top:15px;}



/*¹öÆ° ºÎºÐ css*/
#wrap {width:320px; margin:0 auto; padding-bottom:; background:url('/base/img/mobile/idodohai.jpg') no-repeat center top; }
 .call_btn {position:fixed; left:0%; bottom:0%;padding-top:0px; width:100%; text-align:center;}
.main_pic {height:420px;}