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


/*텍스트 들여쓰기*/
.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{ letter-spacing: -0.05em; padding-bottom:10px; padding-top:30px;}
.txt dd{ line-height:30px;}
.txt .line{width:100px;  border:1px solid #333; margin-bottom:20px;}

  /*676이하*/
    /* 헤더 */
    #wrap_center {width:100%; }
    #header{top:20px; position: absolute; z-index:100; padding: 0 0 0 10px;}
    #header h1 img{width:50%; }

    /*1단락*/
    #title_id{width:100%;   }
    #title_id #txt{padding:4px 0; width:100%; margin:0 0;   }
    #title_id #txt h2{font-size:2.5em; color:#fff; width:100%; margin:0 auto;  margin-top:20%;margin-bottom:10%; letter-spacing: 0.05em;word-wrap:break-word; text-align:center;}
    #title_id #txt h3{display: none;}
    #title_id #txt p{display: none; }

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

    #title_id #main{background: url(../images/main_bg_640.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;  }
    #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;  margin:20px 0 0 0; font-size:1.2em; font-weight: lighter;  text-align:center;}
	#membership2  .qna{ width:30%; font-size:1.2em; font-weight: lighter; text-align:center; border-right:1px solid #fff}
	 #membership2  .estimate{float: left; width:33%; margin:20px 0 0 0; font-size:1.2em; font-weight: lighter;  text-align:center; border-right:1px solid #fff; }
	  #membership2  .app_down{float: left; width:36%; margin:20px 0 0 0; font-size:1.0em; font-weight: lighter;  text-align:center;}
/*    #membership2 li:first-child{border-right:1px solid #fff}*/

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

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

    /*bluebooth*/
     #bluetooth{ padding:0 10px 0 10px; margin:0 0;  }
     #bluetooth #bluetooth_txt{width:100%;  padding-top:20px;}
     #bluetooth #bluetooth_txt .txt dt{font-size:1.4em}

     #bluetooth #bluetooth_txt .txt dd{font-size:0.98em; }
     #bluetooth #bluetooth_txt p {text-align:right;}
     #bluetooth #bluetooth_txt p img{ max-width:30%; }
     #bluetooth #bluetooth_img{ text-align: center; }
     #bluetooth #bluetooth_img img{max-width:90%;}


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

    /*운영관리프로그램 GAYO*/
    #program #apt{width:100%;  }
    #program #apt #apt_txt { padding:0 10px 0 10px; }
    #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.4em}
    #program #apt #apt_txt dd{text-indent: 0; font-size:0.98em; line-height:2em; }
     #program #apt  #apt_img{text-align:center;margin-top:20px;}
     #program #apt  #apt_img img{max-width:90%;}

    /*숙박용 운영관리프로그램 GAYO*/
    #program #hotel{width:100%; margin-top:20px;  }
    #program #hotel #hotel_txt{margin:0 10px 0 10px; }

    #program #hotel #hotel_txt .txt dt{font-size:1.4em}
    #program #hotel #hotel_txt .txt dd{font-size:0.98em;}
     #program #hotel  #hotel_img{text-align:center;margin-top:20px;}
     #program #hotel  #hotel_img img{max-width:90%;}
    /*3단락*/
    #app {width:100%; background: url(../images/empty.png) no-repeat;}

    /*사용법*/
    #app #use{height:100%; margin:0 0 0 0; padding:20px 10px 0 10px;   }
    #app #use h3{font-size:1.4em; width:100%; padding-bottom:10px; padding-top:30px;}
    #app #use .line{width:100px;  border:1px solid #333; margin-bottom:20px;}
	
    #app #use dl{ top:60px; width:100%; display: block; padding-bottom:30px;}
    #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%; }
    #app #use dd{text-indent: 0; font-size:0.85em; line-height:2em; }

    /*홍보동영상*/
    #video{width:100%; }
    #video p{text-align:center;}
    #video p img{max-width:100%;}
    /*공지사항,레퍼런스*/
    #bottom{width:100%; padding:0 0; background: url(../images/empty.png) no-repeat; }

    /*공지사항*/
    #bottom #notice{width:100%; }
    #bottom #notice h3{font-size:1.4em; width:100%;margin-top:20px;padding:0 30px 10px 10px; }
	#bottom #notice .line{width:100px;  border:1px solid #333; margin-bottom:20px; margin-left:10px;}
    #bottom #notice ul{width:100%; height:100%;}
    #bottom #notice li{float: left; width:29%; height:50px; font-size:0.75em; font-weight: lighter;  text-align:center;}


	#bottom #notice li a {color: #333;}
	#bottom #notice li a:hover{color:#ffdc48;}


    /*협력사 소개*/
    #bottom #reference {width:100%; padding:0 0; }
    #bottom #reference #reference_txt{width:100%; }
    #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 { padding:20px 10px 0 10px; }
    #bottom #reference #reference_contents h4{ color:#d3383e; font-size:1.4em; padding-top:20px;}
    #bottom #reference #reference_contents img{ width:48%;}

  #bottom #reference #reference_contents> ul{margin-top:30px;}
  #bottom #reference #reference_contents> ul li{font-size:13px; line-height: 35px;}


        #bottom #distributor {
            width: 100%;
            padding: 0 0;
        }

            #bottom #distributor #distributor_txt {
                width: 100%;
            }

                #bottom #distributor #distributor_txt .txt dt {
                    display: none;
                }

                #bottom #distributor #distributor_txt .txt dd {
                    display: none;
                }

                #bottom #distributor #distributor_txt .txt > p {
                    display: none;
                }


            #bottom #distributor #distributor_contents {
                padding: 20px 10px 0 10px;
            }

                #bottom #distributor #distributor_contents h4 {
                    color: #d3383e;
                    font-size: 1.4em;
                    padding-top: 20px;
                }

                #bottom #distributor #distributor_contents img {
                    width: 48%;
                }

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

                    #bottom #distributor #distributor_contents > ul li {
                        font-size: 13px;
                        line-height: 35px;
                    }


   .ref_list li{font-size:13px; line-height: 35px; }
    /*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; */
}


 #app_nav{}                                          
 #app_nav h3{position: relative;  font-size:1.5em; 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:1.2em;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;}