@charset "utf-8";
/* 초기화 */
body, h1, h2, h3, h4, h5, p, ul, dl, dd, figure, table, th, td, form, fieldset, input { margin: 0; padding: 0;}
ul li { list-style: none; }
a {text-decoration:none; color:#333;}
a:hover,a:active{text-decoration:none;}
img, fieldset { border: 0; }
address { font-style: normal; }
small { font-size: 12px; }
table { border-collapse: collapse; }
hr { display: none; }
.hidden { position: absolute; left: -9999px; }



/* 웹폰트 - Nanum Barun Gothic */
@font-face { font-family: Nanum Barun Gothic;
             src: url(../webfont/Nanum Barun Gothic.ttf) format('truetype'),
                  url(../webfont/Nanum Barun Gothic.eot) format('embedded-opentype'),
                  url(../webfont/Nanum Barun Gothic.woff) format('woff')
}
/* 1024 이상  */

/* 공통 */
body {overflow-y:scroll; font-family: "나눔바른고딕", Nanum Barun Gothic, sans-serif;}
::-webkit-scrollbar {
/*display:none;*/
}

/*텍스트 들여쓰기*/
.txt dd:nth-child(2) {text-indent:20px;}
.txt dd:nth-child(3) {text-indent:30px;}
.txt dd:nth-child(4) {text-indent:40px;}
.txt dd:nth-child(5) {text-indent:50px;}
.txt dd:nth-child(6) {text-indent:60px;}
.txt dd:nth-child(7) {text-indent:70px;}
.txt dd.no {text-indent: 0;}


.red{font-weight: bold; color:#d3383e;}
.txt dt{font-size:30px; letter-spacing: -0.05em; padding-bottom:30px;}
.txt dd{font-size:15px; line-height:30px;}
.txt .line{width:100px;  border:1px solid #333; margin-bottom:30px;}


/* 헤더 */
#wrap {width:100%; height:100%; overflow:visible; letter-spacing: -0.01em;}
#wrap_center {width:1920px; margin:0 auto;}
#header{ position: relative; top:70px; width: 1396px; margin: 0 auto; height:0;}


#membership {float:right; display:block;margin-right:20px;}
#membership li {height:21px; float: left; font-size: 16px; }

#membership .qna {padding-right: 50px; background: url(../images/more1.png) no-repeat 75px; 0}
#membership .estimate {padding-right: 35px; background: url(../images/more1.png) no-repeat 75px;}
#membership .device {padding-right: 30px;padding-left:10px; background: url(../images/more1.png) no-repeat 113px;}

#membership li a {color: #fff;}
#membership li a:hover{color:#ffdc48;}


/*1단락*/
#main{ width:100%; height:100%; margin:0 auto; background: url(../images/main_bg.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%;}
#main #txt{width:1396px;  margin:0 auto; padding:600px 0 0 950px; }
#main #txt h2{font-size: 53px; color:#333; margin-top:30px; font-weight: bold; letter-spacing: -0.08em;}
#main #txt h3{font-size: 18px; color:#fff;}
#main #txt p{margin:78px 0 0 -10px; }
#membership2 {display:none;}


/*nfc*/
#main #nfc{overflow: hidden; width:1396px; height: 900px; margin:0 auto; background: url(../images/nfc_bg.png) no-repeat bottom center;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%; padding-top:71px;}
#main #nfc #nfc_img{width:625px; float:left ; margin:144px 0 0 50px;}
#main #nfc #nfc_txt{width:680px; float:right ;margin-top:217px;}
#main #nfc #nfc_txt .txt dd{line-height:40px;}
#main #nfc #nfc_txt .txt .took{margin-left:80px; vertical-align: text-top;}
#main #nfc #nfc_txt .txt .line{margin-left:15px;}

/*bluebooth*/
#main #bluetooth{overflow: hidden; width:1396px; height: 890px; margin:0 auto; padding-top:180px; ;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%;}
#main #bluetooth #bluetooth_txt{width:260px; float:left; padding-top:40px;}
#main #bluetooth #bluetooth_txt .txt dt{line-height: 50px}
#main #bluetooth #bluetooth_txt .txt dd{padding-bottom:100px;}
#main #bluetooth #bluetooth_img{float:right;}

/*2단락*/
#program{width:100%; height:100%; margin:0 auto; background: url(../images/program_bg.png) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%;}

/*운영관리프로그램 GAYO*/
#program #apt{overflow: hidden; width:1396px; height: 890px; margin:0 auto;}
#program #apt #apt_img{float:left; width:930px;}
#program #apt #apt_img .apt_img1{width:645px; margin:127px 0 0 -65px;}
#program #apt #apt_img .img_txt{position: relative; top:-190px; left:595px; width:295px; font-size:14px; text-indent:20px; color:#fff;  line-height: 25px;}
#program #apt #apt_txt {float:right; position: relative; left:-20px; top:224px; width:462px;}
#program #apt #apt_txt .txt .line{margin-left:15px;}

/*숙박용 운영관리프로그램 GAYO*/
#program #hotel{ overflow: hidden; width:1396px; height: 890px; margin:0 auto; padding-top:150px;  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%;}
#program #hotel #hotel_txt{width:400px; float:left;}
#program #hotel #hotel_txt .txt dt{line-height: 50px}
#program #hotel #hotel_txt .txt dd{padding-bottom:100px;}

/*3단락*/
#app {width:100%; height:100%; margin:0 auto; background: url(../images/app_bg.png) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%;}

/*o2o서비스1*/
#app #service{overflow: hidden; width:1396px; height: 900px; margin:0 auto; }
#app #service #service_img{float:left; width:930px; height:890px; border:5px solid pink; }
#app #service #service_txt{width:440px; float:right; padding-top:158px;}
#app #service #service_txt .txt dt{ line-height: 50px; padding:54px 0 24px 0;}
#app #service #service_txt .download a{position:relative; top:50px; padding-right:10px;}

/*o2o서비스2*/
#app #service2{overflow: hidden; width:1396px; height: 900px; margin:0 auto;}
#app #service2 #service2_img{float:left; width:890px; height:580px; padding:90px 0 40px 40px;}
#app #service2 #service2_txt{width:440px; float:right; padding-top:158px;}
#app #service2 #service2_txt .txt dt{ line-height: 50px; padding:54px 0 24px 0;}
#app #service2 #service2_txt .download a{position:relative; top:50px; padding-right:10px;}

/*앱주요기능*/
#app #service2 #info{float:left; width:1396px; height:150px;}
#app #service2 #info h4{width:85px; height:60px; font-size:18px; font-weight: bold; background: url(../images/bullet1.png) no-repeat left bottom;}
#app #service2 #info dl{float:left; position: relative; top:-60px; left:128px; width:21%; height:123px; padding:0 20px 0 30px; border-right:1px solid #ddd;}
#app #service2 #info dl:nth-child(2){margin-left:-40px;}
#app #service2 #info dl:last-child{border:0;}
#app #service2 #info dt{font-size:13px;}
#app #service2 #info dd{width:200px; font-size:13px; color:#888; margin-top:20px; line-height: 23px;}


/*사용법*/
#app #use{overflow: hidden; width:1396px; height: 890px; margin:0 auto;}
#app #use h3{position: relative; top:80px; font-size:28px; font-weight: bold; width:350px; line-height: 40px;}
#app #use dl{float:left; position: relative; top:150px; width:37%; height:520px; margin-bottom:50px;}
#app #use dl:last-child{float:left; width:23%;}
#app #use dl dt{ text-indent: 30px; line-height: 23px; }
#app #use dl dt.list1{background: url(../images/1.png) no-repeat left top;}
#app #use dl dt.list2{background: url(../images/2.png) no-repeat left top;}
#app #use dl dt.list3{background: url(../images/3.png) no-repeat left top;}
#app #use dl >p{padding:30px 0;}
#app #use dl >p img{width:453px; height:286px;}
#app #use dl dd{font-size:15px; color:#888; line-height: 40px; letter-spacing: -0.4px;  }
#app #use dl dd span.next{background:url(../images/next.png) no-repeat 10px; width:20px; padding-right:35px;}

/*홍보동영상*/
#video{overflow: hidden; width:100%; height:899px; margin:0; padding-bottom:50px;cursor:pointer;  background:url(../images/video.jpg) no-repeat ;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%; }

/*공지사항,레퍼런스*/
#bottom{width:100%; height:100%; margin:0 auto; background: url(../images/bottom_bg.png) no-repeat;}

/*공지사항*/
/* #bottom #notice{overflow: hidden; width:1396px; height: 890px; margin:0 auto; } */
#bottom #notice{overflow: hidden; width:1396px; height: 971px; margin:0 auto; }
#bottom #notice h3{position: relative; top:90px; font-size:28px; font-weight: bold; margin-bottom:90px; }
/*#bottom #notice nav{ height:20px; padding:60px 0; }*/
    #bottom #notice nav {
        height: 20px;
        padding: 50px 0;
    }
/*#bottom #notice nav li{ float:left; width:170px; border-right:1px solid #e4e4e4;font-size:18px;text-align:center;   }*/
#bottom #notice nav li{ float:left; width:153px; border-right:1px solid #e4e4e4;font-size:18px;text-align:center;   }
#bottom #notice nav li:first-child{padding:0;text-align:left;}
#bottom #notice nav li:last-child{border:0; }
#bottom #notice nav li a{color:#363636; }
#bottom #notice nav li a:hover{color:#fdaf17; font-weight: bold;}
#bottom #notice .srch_box{ }
.input_type1{padding:10px;}

/*공지사항*/
/*#bottom #distributor{overflow: hidden; width:1396px; height: 890px; margin:0 auto; }
    #bottom #distributor h3 {
        position: relative;
        top: 90px;
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 90px;
    }
    #bottom #distributor nav {
        height: 20px;
        padding: 60px 0;
    }
        #bottom #distributor nav li {
            float: left;
            width: 170px;
            border-right: 1px solid #e4e4e4;
            font-size: 18px;
            text-align: center;
        }
            #bottom #distributor nav li:first-child {
                padding: 0;
                text-align: left;
            }
            #bottom #distributor nav li:last-child {
                border: 0;
            }
            #bottom #distributor nav li a {
                color: #363636;
            }
                #bottom #distributor nav li a:hover {
                    color: #fdaf17;
                    font-weight: bold;
                }
    #bottom #distributor .srch_box {
    }
    #bottom #distributor ul.a {
        list-style-type: circle;
    }*/


/*#bottom #distributor {
    overflow: hidden;
    width: 1396px;
    margin: 0 auto;
    padding-top: 220px;
    margin-bottom: 80px;
}*/
#bottom #distributor {
    overflow: hidden;
    width: 1396px;
    margin: 0 auto;
    padding-top: 0px;
    margin-bottom: 85px;
}

    #bottom #distributor #distributor_txt {
        width: 280px;
        float: left;
        margin-right: 380px;
    }

        #bottom #distributor #distributor_txt .txt dt {
            line-height: 50px
        }

        #bottom #distributor #distributor_txt .txt dd {
            padding-bottom: 100px;
        }

    #bottom #distributor #distributor_contents {
        float: left;
        position: relative;
        top: -72px;
    }

        #bottom #distributor #distributor_contents h4 {
            color: #fdaf17;
            font-size: 26px;
            margin: 70px 0 20px;
        }

        #bottom #distributor #distributor_contents p img {
            margin: 0 -1px -8px 0;
        }

        #bottom #distributor #distributor_contents > ul {
            margin-top: 40px;
        }

            #bottom #distributor #distributor_contents > ul li {
                font-size: 15px;
                color: #363636;
                background: url(../images/bullet2.png) no-repeat center left;
                text-indent: 30px;
                line-height: 50px;
            }

        #bottom #distributor #distributor_contents > div ul {
            margin-top: 40px;
        }

            #bottom #distributor #distributor_contents > div ul li {
                font-size: 17px;
                color: #363636;
                background: url(../images/bullet2.png) no-repeat center left;
                text-indent: 30px;
                line-height: 30px;
            }

/*협력사 소개*/
/*#bottom #reference {overflow: hidden; width:1396px;  margin:0 auto; padding-top:220px; margin-bottom: 80px; }*/
#bottom #reference {
    overflow: hidden;
    width: 1396px;
    margin: 0 auto;
    /* padding-top: 206px; */
    padding-top: 29px;
    margin-bottom: 0px;
}
#bottom #reference #reference_txt{width:280px; float:left; margin-right:380px;}
#bottom #reference #reference_txt .txt dt{line-height: 50px}
#bottom #reference #reference_txt .txt dd{padding-bottom:100px;}
#bottom #reference #reference_contents{float:left; position: relative; top:-72px;}
#bottom #reference #reference_contents h4{color:#fdaf17; font-size:26px; margin:70px 0 20px;}
#bottom #reference #reference_contents p img{margin:0 -1px -8px 0;}
#bottom #reference #reference_contents> ul{margin-top:40px;}
#bottom #reference #reference_contents> ul li{font-size:15px; color:#363636; background: url(../images/bullet2.png) no-repeat center left; text-indent: 30px; line-height: 50px; }

/*#bottom #reference #reference_contents> div ul{margin-top:40px;}*/
    #bottom #reference #reference_contents > div ul {
        margin-top: 15px;
    }
#bottom #reference #reference_contents> div ul li{font-size:13px; color:#363636; background: url(../images/bullet2.png) no-repeat center left; text-indent: 30px; line-height: 50px; }

 #app_nav{}                                          
 #app_nav h3{position: relative;  font-size:28px; font-weight: bold; }            
 #app_nav nav{ height:20px; padding:20px 0; }                                                                            
 #app_nav nav li{ float:left; width:195px; border-right:1px solid #e4e4e4;font-size:18px;text-align:center;   }  
 #app_nav nav li:first-child{padding:0;text-align:center;}                                                                     
 #app_nav nav li:last-child{border:0;text-align:center; }                                                                                       
 #app_nav nav li a{color:#363636; }                                                                                         
 #app_nav nav li a:hover{color:#fdaf17; font-weight: bold;}                                                             

/*footer*/
footer{overflow: hidden;  width:100%; background: #e3e3e3; border-top:1px solid #bbb;  padding-bottom:30px; }
#copy{ margin:0 auto; color:#555;}
#copy address{font-size:15px; line-height: 30px; margin:30px 0 10px 0; text-align:center; }
#copy address a:link{font-size:15px; color:#555;}
#copy p.copy{clear: both; width:250px; margin:0 auto;  font-size:12px; }



/*321-768*/
@media all and ( max-width: 1023px )and ( min-width: 641px ) {
  /* 헤더 */
  #wrap_center {width:768px;}
  #header{ top:33px; left:33px;}
  #membership {left: 460px; }


  /*1단락*/
  #main{width:768px; height:100%; margin:0 auto; background: url(../images/main_bg_768.png) no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%; padding-top:0; }
  #main #txt{ padding:234px 0 0 350px; height:0;}
  #main #txt h2{font-size: 29px; margin-top:13px;}
  #main #txt h3{font-size: 13px; }
  #main #txt h3 img{width:8%; vertical-align: sub;}
  #main #txt p{margin:45px 0 0 40px;}


  /*nfc*/
  #main #nfc{width:768px;  background: url(../images/empty.png) no-repeat; height:100%; padding-bottom:150px; }
  #main #nfc #nfc_img img {position: relative; left:270px; top:45px; width:66%;}
  #main #nfc #nfc_txt{float:left ;margin:-340px 0 0 33px;  }
  #main #nfc #nfc_txt .txt dt{font-size:23px; width:42%; line-height: 34px; }
  #main #nfc #nfc_txt .txt dd{line-height:32px; text-indent: 0; letter-spacing: -1px; width:260px; font-size:13px;}
  #main #nfc #nfc_txt .txt .took{margin-left:0;  vertical-align: text-top; }
  #main #nfc #nfc_txt .txt .line{margin-left:0;}

  /*bluebooth*/
  #main #bluetooth{ width:768px; height:526px; margin:0; padding:0;}
  #main #bluetooth #bluetooth_txt{float:right; padding-right:33px;}
  #main #bluetooth #bluetooth_txt .txt dt{font-size:23px;line-height:34px;}
  #main #bluetooth #bluetooth_txt .txt dd{ padding-bottom:30px; font-size:13px;}
  #main #bluetooth #bluetooth_txt p img{display: none;}

  #main #bluetooth #bluetooth_img{ width:560px; height:500px; position: relative; top:-263px; left:-195px; background: url(../images/bluebooth_img_768.png) no-repeat ; }
  #main #bluetooth #bluetooth_img img{display: none;}


  /*2단락*/
  #program{width:100%; height:100%; margin:0 auto; background: url(../images/program_bg_768.png) no-repeat;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;}

  /*운영관리프로그램 GAYO*/
  #program #apt{width:768px;  height:560px; }
  #program #apt #apt_img{height:374px; position: relative; top:160px;left:33px; background: url(../images/apt_img_768.png) no-repeat ;  }
  #program #apt #apt_img .apt_img1 img{display: none;}
  #program #apt #apt_img .img_txt{ display: none;}
  #program #apt #apt_txt { position: relative; top:-340px; left:-80px; }
  #program #apt #apt_txt dt{font-size:23px;}
  #program #apt #apt_txt dd{font-size:13px;}

  /*숙박용 운영관리프로그램 GAYO*/
  #program #hotel{width:768px;  height:400px;}
  #program #hotel #hotel_txt{position: relative; top:-120px; left:33px; width:50%; }
  #program #hotel #hotel_txt p img{width:35%;}

  #program #hotel #hotel_txt .txt dt{font-size:23px; line-height: 30px;}
  #program #hotel #hotel_txt .txt dd{font-size:13px;}

  /*3단락*/
  #app {width:100%; height:100%; margin:0 auto; background: url(../images/app_bg_768.png) no-repeat;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;}

  /*o2o서비스1*/
  #app #service{width:768px; }
  #app #service #service_img{position: relative; top:300px; width:766px; margin:0 auto; height:666px; background: pink;z-index:10 }
  #app #service #service_txt{position: relative; top:-670px; left:0; width:735px;}
  #app #service #service_txt .txt{position: relative; top:-120px; }
  #app #service #service_txt .txt p{width:150px; display: inline-block; float:left;}
  #app #service #service_txt .txt p img{width:80%; padding-top:10px;}
  #app #service #service_txt .txt p.line{ position: relative; top:-76px; left:12px; }
  #app #service #service_txt .txt dt{position: relative; top:-60px; right:33px; font-size:23px; width:540px; float:right;}
  #app #service #service_txt .txt dd{position: relative; top:-80px;right:33px; font-size: 13px; width:540px; line-height: 25px; float:right;}
  #app #service #service_txt .download a{ display: none}

  /*o2o서비스2*/
  #app #service2{width:704px; height:100%; margin:0 auto; }
  #app #service2 #service2_img{position: relative; top:300px; left:90px; padding:0; }
  #app #service2 #service2_img img{width:70%; }
  #app #service2 #service2_txt{position: relative; top:-580px; left:0;   padding:0; width:704px;}
  #app #service2 #service2_txt .download a{display: none}
  #app #service2 #service2_txt dt{font-size:23px;}
  #app #service2 #service2_txt dd{font-size:13px;}

  /*앱주요기능*/
  #app #service2 #info{width:704px; height:100%; }
  #app #service2 #info h4{display: none;}
  #app #service2 #info dl{width:650px; height:100px; left:0; background: url(../images/bullet3.png) no-repeat 10px 15px;  border:1px solid #ddd; }
  #app #service2 #info dl:nth-child(2){ position: relative; left:40px;}
  #app #service2 #info dl:last-child{border:1px solid #ddd;}
  #app #service2 #info dt{width:704px;  margin:17px 0 0 20px; font-size: 16px}
  #app #service2 #info dd{width:704px; margin-left:20px;}


  /*사용법*/
  #app #use{width:704px; height:100%; margin:0 auto; padding-top:20px;  }
  #app #use h3{top:0; font-size:23px; width:700px;}
  #app #use dl{ top:60px; width:702px; display: block; padding-bottom:180px;}
  #app #use dl:nth-child(2){padding-bottom:130px;}
  #app #use dl:last-child{float:left; width:100%;}
  #app #use dl >p img{width:702px; height:441px; }

  /*홍보동영상*/
  #video{height:360px;}

  /*공지사항,레퍼런스*/
  #bottom{width:100%; height:1550px; margin:0 auto;  background: url(../images/bottom_bg_768.png) no-repeat ;}

  /*공지사항*/
  #bottom #notice{width:704px; }
  #bottom #notice h3{font-size:23px; }
  #bottom #notice nav{  }
  #bottom #notice nav li{ }
  #bottom #notice .srch_box{ }
  .input_type1{}


  /*협력사 소개*/
  #bottom #reference {width:704px; margin:0 33px; height:600px;}
  #bottom #reference #reference_txt{position: relative; top:-100px; left:400px; width:300px; }
  #bottom #reference #reference_txt .txt dt{font-size:23px; width:700px;line-height: 35px;}
  #bottom #reference #reference_txt .txt dd{font-size:13px; line-height: 26px; letter-spacing: -0.04em;}
  #bottom #reference #reference_contents{top:-490px; height:100%; }
  #bottom #reference #reference_contents h4{font-size:18px; color:#333; margin:50px 0 20px 0 ;}
  #bottom #reference #reference_contents p{width:370px; }
  #bottom #reference #reference_contents p:nth-child(4){width:580px;}
  #bottom #reference #reference_contents p img{width:170px; }
  #bottom #reference #reference_contents> ul{margin-top:30px;}
  #bottom #reference #reference_contents> ul li{font-size:13px; line-height: 35px;}

  /*footer*/
  footer{  }
  #copy{ width:704px; margin:0 30px;}
  #copy address{ font-size:12px; line-height: 23px;}
  }

  /*676이하*/
@media all and ( max-width: 640px )/*and ( min-width: 641px )*/ {

    /* 헤더 */
    #wrap_center {width:100%; }
    #header{top:20px; }
    #header h1 img{width:6%; margin-left:20px;}
	#membership {display:none;}



    /*1단락*/
    #main{width:width:100%;   background: url(../images/main_bg_640.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%; }
    #main #txt{padding:10px; width:100%; margin:0 auto; }
    #main #txt h2{font-size:2.7em; color:#fff; width:100%; margin:0 auto;  margin-top:30%; letter-spacing: 0.05em;word-wrap:break-word; text-align:center;}
    #main #txt h3{display: none;}
    #main #txt p{display: none; }

/*	#membership2 {float:right; display:block;}*/


    #membership2 {display:block; background:rgba(0, 0, 0, 0.6); height: 70px; width:100%; position:relative;  }
    #membership2 ul{width:100%; height:100%;}
    #membership2 li{float: left; width:49%; margin:20px 0 0 0; font-size:1.2em; font-weight: lighter; background: url(../images/more1.png) no-repeat 90%; text-align:center;}
    #membership2 li:first-child{border-right:1px solid #fff}

	#membership2 li a {color: #fff;}
	#membership2 li a:hover{color:#ffdc48;}

    /*nfc*/
    #main #nfc{overflow:visible;width:100%; padding:0; background: url(../images/empty.png) no-repeat; margin-top:30px;}
    #main #nfc #nfc_img{width:100%;margin:300px 0 0 0; text-align: center; }
    #main #nfc #nfc_img img{max-width:90%; }
    #main #nfc #nfc_txt{float:left; width:90%; margin:0; margin:-750px 0 0 20px; }
    #main #nfc #nfc_txt .txt dt{font-size:1.8em;}
    #main #nfc #nfc_txt .txt dd{text-indent: 0; font-size:0.85em; letter-spacing: -0.02em; line-height:2em; }
    #main #nfc #nfc_txt .txt .took{margin-left:18px;}
    #main #nfc #nfc_txt .txt .line{margin-left:5px;}

    /*bluebooth*/
    #main #bluetooth{width:100%; margin:0 auto; padding:0; margin:0 20px; height:800px; }
    #main #bluetooth #bluetooth_txt{width:85%;  padding-top:20px;}
    #main #bluetooth #bluetooth_txt .txt dt{font-size:1.8em}
    #main #bluetooth #bluetooth_txt .txt dd{font-size:0.98em; }
    #main #bluetooth #bluetooth_txt p img{float:right; margin-top:-90px;}

    #main #bluetooth #bluetooth_img{ text-align: center; }
    #main #bluetooth #bluetooth_img img{width:85%;}


    /*2단락*/
    #program{width:100%; padding:0 20px; background: url(../images/empty.png) no-repeat;}

    /*운영관리프로그램 GAYO*/
    #program #apt{width:100%; height:690px; background: url(../images/apt_img_640.png) no-repeat center bottom;}
    #program #apt #apt_img .apt_img1 img{ display: none; }
    #program #apt #apt_img .img_txt{display: none;}
    #program #apt #apt_txt {width:580px; float:left; height:700px; margin:-326px 0 0 20px; }
    #program #apt #apt_txt p{margin-left:-20px;}
    #program #apt #apt_txt .txt .line{margin-left:5px;}
    #program #apt #apt_txt dt{font-size:1.8em}
    #program #apt #apt_txt dd{text-indent: 0; font-size:0.98em; }

    /*숙박용 운영관리프로그램 GAYO*/
    #program #hotel{width:100%; height:600px; margin:80px 0;  padding:0; background: url(../images/hotel_img_640.png) no-repeat  bottom; }
    #program #hotel #hotel_txt{width:90%; }
    #program #hotel #hotel_txt p img{display: none;}

    #program #hotel #hotel_txt .txt dt{font-size:1.8em}
    #program #hotel #hotel_txt .txt dd{font-size:0.98em;}

    /*3단락*/
    #app {width:100%; padding:0 20px; background: url(../images/empty.png) no-repeat;}

    /*o2o서비스1*/
    #app #service{width:100%;}
    #app #service #service_img{position: relative; top:320px; width:90%;  }
    #app #service #service_txt{width:90%; float:left; position: relative; top:-920px; padding:0; margin:0; }
    #app #service #service_txt .txt p img{display: none;}
    #app #service #service_txt .txt p.line{}
    #app #service #service_txt .txt dt{font-size:1.8em}
    #app #service #service_txt .txt dd{font-size:0.98em;}
    #app #service #service_txt .download a{display: none;}

    /*o2o서비스2*/
    #app #service2{width:100%; height:100%;}
    #app #service2 #service2_img{position: relative; top:270px; width:90%; height:100%; }
    #app #service2 #service2_img img{ width:90%; padding:0; margin:0;  }
    #app #service2 #service2_txt{width:90%; float:left; position: relative; top:-480px; padding:0;}
    #app #service2 #service2_txt .download a{display: none;}
    #app #service2 #service2_txt dt{font-size:1.8em;}
    #app #service2 #service2_txt dd{font-size:0.98em;}

    /*앱주요기능*/
    #app #service2 #info{width:100%; height:100%;  padding-top:70px;}
    #app #service2 #info h4{display: none;}
    #app #service2 #info dl{width:100%;  left:0; background: url(../images/bullet3.png) no-repeat 10px 15px; border:1px solid #ddd; }
    #app #service2 #info dl:nth-child(2){left:40px;}
    #app #service2 #info dl:last-child{border:1px solid #ddd;}
    #app #service2 #info dt{width:90%;  margin:17px 0 0 20px; font-size:1em;}
    #app #service2 #info dd{width:90%; font-size:0.85em;}


    /*사용법*/
    #app #use{width:100%; height:100%; margin:0 auto; padding-top:20px;  }
    #app #use h3{top:0; font-size:1.8em; width:90%;}
    #app #use dl{ top:60px; width:100%; display: block; padding-bottom:60px;}
    #app #use dl:nth-child(2){padding-bottom:30px;}
    #app #use dl:last-child{float:left; width:100%;}
    #app #use dl >p img{width:90%; height:100%; }

    /*홍보동영상*/
    #video{height:100%;}

    /*공지사항,레퍼런스*/
    #bottom{width:100%; padding:0 20px; background: url(../images/empty.png) no-repeat; }

    /*공지사항*/
    #bottom #notice{width:100%;  margin:0 auto;}
    #bottom #notice h3{font-size:1.8em;}


    /*협력사 소개*/
    #bottom #reference {width:100%; padding:0 20px; margin:0;}
    #bottom #reference #reference_txt{width:90%; }
    #bottom #reference #reference_txt .txt dt{display: none;}
    #bottom #reference #reference_txt .txt dd{display: none;}
    #bottom #reference #reference_txt .txt>p{display: none;}
    #bottom #reference #reference_contents h4{ color:#d3383e;}

    /*footer*/
    footer{width:100%; padding:50px 20px; background: #fff; }
    #copy address{display: none;}
}

.class_a {text-decoration:none; color:#333;cursor:pointer;font-weight:bold;}
.class_a:hover,.class_a:active{text-decoration:none;cursor:pointer;font-weight:bold;}

.class_a_on {color:#d3383e;cursor:pointer;font-weight:bold;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    /* border: 1px solid #d3d3d3; */
    /* background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; */
    font-weight: normal;
    /* color: #555555; */
}

#dialog-ref{
	background: url(../images/reference_bg.png) no-repeat bottom right; 
	background-size : contain ;
	width:500px;height:600px;
	overflow-y: scroll;
}

#dialog-ref> ul li{font-size:13px; color:#363636; 
	background: url(../images/bullet2.png) no-repeat center left; text-indent: 30px; line-height: 50px; text-align:left; 
	margin-left:10px;
	}