@charset "utf-8";

.header{position:fixed;}
.header .header-box{border-bottom:solid 1px #9196a9; background:none; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}

body.viewing-page-2 .header .header-box{background: #fff; position:relative; z-index: 100;}
body.viewing-page-2 .header .header-box .gnb-box h1.logo a{background: url("/images/Gimjae/common/logo-over.png") no-repeat;}
body.viewing-page-2 .header .header-box .gnb-wrap .gnb ul.dl li a{color:#333;}

body.viewing-page-3 .header .header-box{background: #fff; position:relative; z-index: 100;}
body.viewing-page-3 .header .header-box .gnb-box h1.logo a{background: url("/images/Gimjae/common/logo-over.png") no-repeat;}
body.viewing-page-3 .header .header-box .gnb-wrap .gnb ul.dl li a{color:#333;}

body.viewing-page-4 .header .header-box{background: #fff; position:relative; z-index: 100;}
body.viewing-page-4 .header .header-box .gnb-box h1.logo a{background: url("/images/Gimjae/common/logo-over.png") no-repeat;}
body.viewing-page-4 .header .header-box .gnb-wrap .gnb ul.dl li a{color:#333;}

body.viewing-page-5 .header .header-box{background: #fff; position:relative; z-index: 100;}
body.viewing-page-5 .header .header-box .gnb-box h1.logo a{background: url("/images/Gimjae/common/logo-over.png") no-repeat;}
body.viewing-page-5 .header .header-box .gnb-wrap .gnb ul.dl li a{color:#333;}

  @media all and (max-width: 1000px){

    .header a.toggle:before{background:none;}
    
    .header .header-box{border-bottom:none;}

    body.viewing-page-2 .header a.toggle{top:-10px;}
    body.viewing-page-2 .header .header-box{background:none; border:none;}
    body.viewing-page-2 .header .header-box .gnb-box h1.logo a{background: url("/images/Gimjae/common/logo.png") no-repeat; background-size:90px; position:absolute; top:2px;}
    body.viewing-page-2 .header .header-box .gnb-wrap .gnb ul.dl li a{color:#333;}

    body.viewing-page-3 .header a.toggle{top:-10px;}
    body.viewing-page-3 .header .header-box{background:none;}
    body.viewing-page-3 .header .header-box .gnb-box h1.logo a{background: url("/images/Gimjae/common/logo-over.png") no-repeat; background-size:90px; position:absolute; top:2px;}
    body.viewing-page-3.header .header-box .gnb-wrap .gnb ul.dl li a{color:#333;}
    
    body.viewing-page-4 .header a.toggle{top:-10px;}
    body.viewing-page-4 .header .header-box{background:none;}
    body.viewing-page-4 .header .header-box .gnb-box h1.logo a{background: url("/images/Gimjae/common/logo.png") no-repeat; background-size:90px; position:absolute; top:2px;}
    body.viewing-page-4 .header .header-box .gnb-wrap .gnb ul.dl li a{color:#333;}
    
    body.viewing-page-5 .header a.toggle{top:-10px;}
    body.viewing-page-5 .header .header-box{background:none;}
    body.viewing-page-5 .header .header-box .gnb-box h1.logo a{background: url("/images/Gimjae/common/logo.png") no-repeat; background-size:90px; position:absolute; top:2px;}
    body.viewing-page-5 .header .header-box .gnb-wrap .gnb ul.dl li a{color:#333;}
  }

#main-scroll section{}

/* #main-scroll .visual */
#main-scroll .visual{background:url("/images/Gimjae/main/visual-bg.jpg") no-repeat center; background-size:cover;}
#main-scroll .visual .txts{font-family:"GmarketSansTTFMedium"; text-align:center; padding-top:340px;}
#main-scroll .visual .txts .stxt{color:#fff; line-height:120%; font-size:26px; letter-spacing:-0.03em; margin-bottom:25px;}
#main-scroll .visual .txts .btxt{color:#fff; line-height:100%; font-size:100px; font-weight:900; letter-spacing:-0.05em;}
#main-scroll .visual .down-icon{position:absolute; bottom:140px; left:50%; width:40px; height:40px; margin-left:-20px; border:2px solid #fff; border-radius:50%; display:inline-block; background:url("/images/Gimjae/main/downar-icon.png") no-repeat center;}

  @media all and (max-width: 1000px){
    #main-scroll .visual .txts{padding-top:300px;}
    #main-scroll .visual .txts .stxt{font-size:22px; margin-bottom:20px;}
    #main-scroll .visual .txts .btxt{font-size:80px;}
  }

  @media all and (max-width: 599px){
    #main-scroll .visual .txts{padding-top:280px;}
    #main-scroll .visual .txts .stxt{font-size:20px; margin-bottom:15px;}
    #main-scroll .visual .txts .btxt{font-size:70px;}
  }

  @media all and (max-width: 460px){
    #main-scroll .visual .txts{padding-top:260px;}
    #main-scroll .visual .txts .stxt{font-size:18px;}
    #main-scroll .visual .txts .btxt{font-size:50px;}
  }

/* #main-scroll .install */
#main-scroll .install{background:url("/images/Gimjae/main/install-bg.jpg") repeat top center; overflow:hidden;}

#main-scroll .install .title-txts{width:35%; float:left;}
#main-scroll .install .title-txts .title{position:absolute; top:300px; left:50%; margin-left:-600px; font-family:"GmarketSansTTFMedium"; font-size:50px; line-height:120%; font-weight:900; letter-spacing:-0.03em; color:#fff;}

#main-scroll .install .install-slide{width:65%; padding-top:99px; float:right;}

#main-scroll .install .install-slide .ctrl{}
#main-scroll .install .install-slide .ctrl .prev{position:absolute; bottom:0px; left:50%; margin-left:480px; width:56px; height:56px; background:url("/images/Gimjae/main/arrow-left.png") no-repeat center #2b6e88; z-index:2;}
#main-scroll .install .install-slide .ctrl .next{position:absolute; bottom:0px; left:50%; margin-left:536px; width:56px; height:56px; background:url("/images/Gimjae/main/arrow-right.png") no-repeat center #2d3d47; z-index:2;}
#main-scroll .install .install-slide .ctrl .stop{position:absolute; top:690px; left:50%; margin-left:-599px; width:24px; height:24px; border:1px solid #fff; z-index:9; background:url("/images/Gimjae/main/slide-btn-stop.png") no-repeat center;}
#main-scroll .install .install-slide .ctrl .play{position:absolute; top:690px; left:50%; margin-left:-599px; width:24px; height:24px; border:1px solid #fff; z-index:9; background:url("/images/Gimjae/main/slide-btn-play.png") no-repeat center;}

#main-scroll .install .install-slide .install-slide-for{}
#main-scroll .install .install-slide .install-slide-for li{}
#main-scroll .install .install-slide .install-slide-for li .img{}
#main-scroll .install .install-slide .install-slide-for li .img img{width:100%;}
#main-scroll .install .install-slide .install-slide-for li .txts{position:absolute; bottom:10px; left:0px; width:880px; color:#2e3f4a; padding:60px 50px; background:rgba(255,255,255,0.8); z-index:1; box-sizing:border-box; }
#main-scroll .install .install-slide .install-slide-for li .txts .stxt{display:block; line-height:120%; letter-spacing:-0.03em; font-size:18px; margin-bottom:10px;}
#main-scroll .install .install-slide .install-slide-for li .txts .btxt{display:block; line-height:120%; letter-spacing:-0.08em; font-size:34px; font-weight:600}

#main-scroll .install .install-slide .install-slide-for .slick-dots{position:absolute; top:590px; left:0px; margin-left:-240px; padding:0px 40px 0px 60px; z-index:10;}
#main-scroll .install .install-slide .install-slide-for .slick-dots:before{position:absolute; top:50%; left:0px; width:34px; height:1px; background:#9ea2a6; content:"";}
#main-scroll .install .install-slide .install-slide-for .slick-dots:after{position:absolute; top:0px; right:0px; font-size:22px; color:#fff; background:none; border:none; font-weight:600; content:"04";}
#main-scroll .install .install-slide .install-slide-for .slick-dots li{position:relative; padding-right:30px; display:none;}
#main-scroll .install .install-slide .install-slide-for .slick-dots li:before{font-size:22px; color:#f7bf58; background:none; border:none; font-weight:600;}
#main-scroll .install .install-slide .install-slide-for .slick-dots li:nth-child(1):before{content:"01";}
#main-scroll .install .install-slide .install-slide-for .slick-dots li:nth-child(2):before{content:"02";}
#main-scroll .install .install-slide .install-slide-for .slick-dots li:nth-child(3):before{content:"03";}
#main-scroll .install .install-slide .install-slide-for .slick-dots li:nth-child(4):before{content:"04";}
#main-scroll .install .install-slide .install-slide-for .slick-dots li button{display:none;}
#main-scroll .install .install-slide .install-slide-for .slick-dots li:after{position:absolute; top:0px; right:0px; font-size:16px; color:#9ea2a6; content:"＼";}

#main-scroll .install .install-slide .install-slide-for .slick-dots li.slick-active{display:block;}

#main-scroll .install .install-slide .install-slide-nav{position:absolute; top:450px; left:50%; width:280px; height:300px; margin-left:-600px;}
#main-scroll .install .install-slide .install-slide-nav .slick-track{transform: translate3d(0px, 0px, 0px) !important;}
#main-scroll .install .install-slide .install-slide-nav li{width:100px !important; height:65px; overflow:hidden; margin-bottom:40px; box-sizing:border-box; opacity:0.6;}
#main-scroll .install .install-slide .install-slide-nav li a{cursor:pointer;}
#main-scroll .install .install-slide .install-slide-nav li:nth-child(1){margin-right:20px}
#main-scroll .install .install-slide .install-slide-nav li:nth-child(2){margin-left:20px}
#main-scroll .install .install-slide .install-slide-nav li:nth-child(3){margin-right:20px}
#main-scroll .install .install-slide .install-slide-nav li:nth-child(4){margin-left:20px}
#main-scroll .install .install-slide .install-slide-nav li img{width:100%;}

#main-scroll .install .install-slide .install-slide-nav li.slick-current{border:5px solid #f7bf58; box-sizing:border-box; opacity:1;}

  @media all and (max-width: 1260px){
    #main-scroll .install .title-txts .title{top:200px; margin-left:-450px;}

    #main-scroll .install .install-slide .ctrl .prev{bottom:auto; top:100px; left:auto; right:56px; margin-left:0px;}
    #main-scroll .install .install-slide .ctrl .next{bottom:auto; top:100px; left:auto; right:0px; margin-left:0px;}
    #main-scroll .install .install-slide .ctrl .stop{top:550px; margin-left:-450px;}
    #main-scroll .install .install-slide .ctrl .play{top:550px; margin-left:-450px;}

    #main-scroll .install .install-slide .install-slide-for .slick-dots{top:450px;}
    #main-scroll .install .install-slide .install-slide-for li .txts{bottom:0px;}

    #main-scroll .install .install-slide .install-slide-nav{top:330px; width:280px; height:300px; margin-left:-450px;}
  }

  @media all and (max-width: 1000px){
    #main-scroll .install .title-txts{width:100%; padding:120px 20px 30px 20px; float:none; box-sizing:border-box;}
    #main-scroll .install .title-txts .title{position:relative; top:auto; left:auto; font-size:36px; margin-left:0px;}

    #main-scroll .install .install-slide{width:100%; padding:0px 20px 30px 20px; float:none; box-sizing:border-box;}

    #main-scroll .install .install-slide .ctrl .prev{top:193px; right:76px;}
    #main-scroll .install .install-slide .ctrl .next{top:193px; right:20px;}
    #main-scroll .install .install-slide .ctrl .stop{top:745px; left:auto; right:200px; margin-left:0px;}
    #main-scroll .install .install-slide .ctrl .play{top:745px; left:auto; right:200px; margin-left:0px;}

    #main-scroll .install .install-slide .install-slide-for{margin-bottom:20px;}
    #main-scroll .install .install-slide .install-slide-for li .img{height:400px; overflow:hidden;}
    #main-scroll .install .install-slide .install-slide-for li .txts{bottom:0px; left:0px; width:100%; padding:20px; }
    #main-scroll .install .install-slide .install-slide-for li .txts .stxt{font-size:16px; margin-bottom:5px;}
    #main-scroll .install .install-slide .install-slide-for li .txts .btxt{font-size:26px;}

    #main-scroll .install .install-slide .install-slide-for .slick-dots{position:absolute; top:550px; left:auto; right:0px; margin-left:0px;}

    #main-scroll .install .install-slide .install-slide-nav{position:relative; top:auto; left:auto; width:100%; height:auto; margin-left:0px; margin:0px -1%}
    #main-scroll .install .install-slide .install-slide-nav li{width:23% !important; height:100px; margin-bottom:0px;}
    #main-scroll .install .install-slide .install-slide-nav li:nth-child(1){margin:0px 1%}
    #main-scroll .install .install-slide .install-slide-nav li:nth-child(2){margin:0px 1%}
    #main-scroll .install .install-slide .install-slide-nav li:nth-child(3){margin:0px 1%}
    #main-scroll .install .install-slide .install-slide-nav li:nth-child(4){margin:0px 1%}
  }

  @media all and (max-width: 599px){
    #main-scroll .install .title-txts{padding:70px 15px 20px 15px;}
    #main-scroll .install .title-txts .title{font-size:30px; margin-left:0px;}

    #main-scroll .install .install-slide{width:100%; padding:0px 15px;}

    #main-scroll .install .install-slide .ctrl .prev{top:126px; right:71px;}
    #main-scroll .install .install-slide .ctrl .next{top:126px; right:15px;}
    #main-scroll .install .install-slide .ctrl .stop{top:516px; right:200px;}
    #main-scroll .install .install-slide .ctrl .play{top:516px; right:200px;}

    #main-scroll .install .install-slide .install-slide-for li .img{height:280px;}
    #main-scroll .install .install-slide .install-slide-for li .txts{width:100%; padding:15px; }
    #main-scroll .install .install-slide .install-slide-for li .txts .stxt{font-size:14px;}
    #main-scroll .install .install-slide .install-slide-for li .txts .btxt{font-size:20px;}

    #main-scroll .install .install-slide .install-slide-for .slick-dots{top:390px; right:0px; margin-left:0px;}

    #main-scroll .install .install-slide .install-slide-nav li{height:72px; margin-bottom:0px;}
  }

  @media all and (max-width: 460px){
    #main-scroll .install{height:530px !important;}
    #main-scroll .install .install-slide .install-slide-for li .img{height:230px;}

    #main-scroll .install .install-slide .ctrl .prev{top:126px; right:63px; width:48px; height:48px}
    #main-scroll .install .install-slide .ctrl .next{top:126px; right:15px; width:48px; height:48px}
    #main-scroll .install .install-slide .ctrl .stop{top:465px; left:auto; right:200px; margin-left:0px;}
    #main-scroll .install .install-slide .ctrl .play{top:465px; left:auto; right:200px; margin-left:0px;}
    
    #main-scroll .install .install-slide .install-slide-nav li{height:47px;}

    #main-scroll .install .install-slide .install-slide-for .slick-dots{top:340px;}
  }


/* #main-scroll .exper */
#main-scroll .exper{background:url("/images/Gimjae/main/exper-bg.jpg") no-repeat; background-size:cover;}
#main-scroll .exper:before{position:absolute; top:0px; left:0px; width:35%; height:100%; content:""; background:url("/images/Gimjae/main/exper-lbg.jpg") no-repeat; background-size:cover; z-index:1;}
#main-scroll .exper:after{position:absolute; bottom:160px; left:50%; margin-left:660px; width:141px; height:126px; content:""; background:url("/images/Gimjae/main/exper-2bg.png") no-repeat; background-size:cover; z-index:1;}

#main-scroll .exper .title{position:relative; font-family:"GmarketSansTTFMedium"; padding-top:210px; margin-bottom:80px; font-size:50px; line-height:120%; font-weight:900; letter-spacing:-0.03em; color:#2d3d47; z-index:2;}

#main-scroll .exper .exper-slide{position:relative; z-index:2; margin:0px -25px;}
#main-scroll .exper .exper-slide slick-prev{position:absolute; top:-150px; right:56px; width:56px; height:56px; border:none; font-size:0px; background:url("/images/Gimjae/main/arrow-left.png") no-repeat center #c99b1f; z-index:2;}
#main-scroll .exper .exper-slide slick-next{position:absolute; top:-150px; right:0px; width:56px; height:56px; border:none; font-size:0px; background:url("/images/Gimjae/main/arrow-right.png") no-repeat center #2d3d47; z-index:2;}

#main-scroll .exper .exper-slide li a{display:block; margin:0px 25px;}
#main-scroll .exper .exper-slide li a .img{background:#523c00; display:block; height:239px; overflow:hidden; margin-bottom:35px;}
#main-scroll .exper .exper-slide li a .img img{width:100%; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
#main-scroll .exper .exper-slide li a .tit{display:block; font-size:24px; color:#2d3d47; font-weight:600; margin-bottom:15px; line-height:120%;}
#main-scroll .exper .exper-slide li a .txts{display:block; position:relative; font-size:16px; color:#2d3d47; margin-bottom:5px; padding-left:95px; line-height:120%;}
#main-scroll .exper .exper-slide li a .txts:last-child{margin-bottom:0px;}
#main-scroll .exper .exper-slide li a .txts .stxt{font-style:normal; position:absolute; top:0px; left:0px;}
#main-scroll .exper .exper-slide li a .txts .btxt{font-style:normal;}
#main-scroll .exper .exper-slide li a .btn{font-size:15px; margin-top:30px; display:inline-block; padding:10px 20px; color:#28313a; border:1px solid #28313a; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

#main-scroll .exper .exper-slide .slick-prev{position:absolute; top:-140px; right:81px; width:56px; height:56px; border:none; font-size:0px; background:url("/images/Gimjae/main/arrow-left.png") no-repeat center #c99b1f; z-index:2;}
#main-scroll .exper .exper-slide .slick-next{position:absolute; top:-140px; right:25px; width:56px; height:56px; border:none; font-size:0px; background:url("/images/Gimjae/main/arrow-right.png") no-repeat center #2d3d47; z-index:2;}

#main-scroll .exper .exper-slide li a:hover .img img{opacity:0.6; transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}
#main-scroll .exper .exper-slide li a:hover .tit{color:#93721c;}
#main-scroll .exper .exper-slide li a:hover .txts{color:#916a00;}
#main-scroll .exper .exper-slide li a:hover .btn{color:#fff; background:#28313a;}

  @media all and (max-width: 1260px){
    #main-scroll .exper .wrap{padding:0px 50px; box-sizing:border-box;}
    #main-scroll .exper .exper-slide li a .img{height:175px;}
  }

  @media all and (max-width: 1000px){
    #main-scroll .exper .wrap{padding:0px 20px;}

    #main-scroll .exper:before{top:30%; width:100%; height:70%; background-position:bottom;}
    #main-scroll .exper:after{display:none;}
    #main-scroll .exper .title{font-size:36px; margin-left:0px; padding:120px 0px 30px 0px; margin-bottom:0px;}

    #main-scroll .exper .exper-slide{margin:0px -10px;}
    #main-scroll .exper .exper-slide li a{margin:0px 10px;}
    #main-scroll .exper .exper-slide li a .img{height:130px; margin-bottom:20px;}
    #main-scroll .exper .exper-slide li a .tit{font-size:22px; margin-bottom:15px;}
    #main-scroll .exper .exper-slide li a .txts{font-size:15px; padding-left:80px;}
    #main-scroll .exper .exper-slide li a .btn{margin-top:15px; padding:5px 15px;}

    #main-scroll .exper .exper-slide .slick-prev{top:380px; right:76px;}
    #main-scroll .exper .exper-slide .slick-next{top:380px; right:20px;}
  }

  @media all and (max-width: 599px){
    #main-scroll .exper .wrap{padding:0px 15px;}

    #main-scroll .exper .title{font-size:30px; padding:70px 0px 20px 0px;}

    #main-scroll .exper .exper-slide li a .img{height:140px; margin-bottom:15px;}
    #main-scroll .exper .exper-slide li a .tit{font-size:20px; margin-bottom:10px;}
    #main-scroll .exper .exper-slide li a .txts{font-size:14px; padding-left:60px;}
    #main-scroll .exper .exper-slide li a .btn{margin-top:13px; padding:5px 10px;}

    #main-scroll .exper .exper-slide .slick-prev{top:340px; right:71px;}
    #main-scroll .exper .exper-slide .slick-next{top:340px; right:15px;}
  }

  @media all and (max-width: 460px){

    #main-scroll .exper{height:480px !important;}
    #main-scroll .exper .exper-slide{margin:0px -5px;}
    #main-scroll .exper .exper-slide li a{margin:0px 5px;}

    #main-scroll .exper .exper-slide li a .img{height:92px; margin-bottom:10px;}

    #main-scroll .exper .exper-slide li a .tit{font-size:18px; margin-bottom:10px;}
    #main-scroll .exper .exper-slide li a .txts{font-size:13px; padding-left:55px;}
    #main-scroll .exper .exper-slide li a .btn{margin-top:11px; padding:5px 10px;}

    #main-scroll .exper .exper-slide .slick-prev{top:275px; right:48px; width:48px; height:48px;}
    #main-scroll .exper .exper-slide .slick-next{top:275px; right:0px; width:48px; height:48px;}
  }

/*220915 추가*/
#main-scroll .exper .wrap{position: relative;}
#main-scroll .exper dl{position: absolute;top: 210px;left: 320px;overflow: hidden;z-index: 2;color: #2d3d47;}
#main-scroll .exper dt{position: relative;float: left;width: 60px;padding-left: 8px;font-weight: 600;}
#main-scroll .exper dt:before{display: block;position: absolute;top: 10px;left: 0;width: 4px;height: 4px;content: "";background: #c99b1f;}
#main-scroll .exper dd{float: right;width: calc(100% - 80px);}
#main-scroll .exper dd span{display: block;}
@media all and (max-width: 1260px){
#main-scroll .exper dl{left: 360px;}
}
@media all and (max-width: 1000px){
#main-scroll .exper dl{top: 112px;left: 240px;}
}
@media all and (max-width: 599px){
#main-scroll .exper dl{top: 60px;left: 200px;}
}
@media all and (max-width: 460px){
#main-scroll .exper{height: 540px!important;}
#main-scroll .exper dl{position: relative;top: -16px;left: auto;}
}
/*220915 추가*/

/* #main-scroll .location */
#main-scroll .location{overflow:hidden;}
#main-scroll .location:before{position:absolute; top:0px; left:0px; width:35%; height:100%; content:""; background:url("/images/Gimjae/main/location-bg.jpg") no-repeat; background-size:cover; z-index:1;}

#main-scroll .location .title-txts{width:35%; float:left;}
#main-scroll .location .title-txts .title{position:absolute; top:330px; left:50%; margin-left:-600px; font-family:"GmarketSansTTFMedium"; font-size:50px; line-height:120%; font-weight:900; letter-spacing:-0.03em; color:#fff; z-index:2;}

#main-scroll .location .title-txts .txts{position:absolute; top:480px; left:50%; margin-left:-600px; line-height:120%; letter-spacing:-0.03em; color:#fff; z-index:2;}
#main-scroll .location .title-txts .txts .txt{}
#main-scroll .location .title-txts .txts .txt .btxt{position:relative; display:block; font-size:18px; line-height:120%; padding-left:40px; margin-bottom:15px;}
#main-scroll .location .title-txts .txts .txt .stxt{display:block; font-size:18px; line-height:120%;}
#main-scroll .location .title-txts .txts .txt .stxt br{display:none;}

#main-scroll .location .title-txts .txts .txt .btxt:before{position:absolute; top:50%; left:0px; width:28px; height:28px; margin-top:-14px; content:"";}
#main-scroll .location .title-txts .txts .txt.loca .btxt:before{background:url("/images/Gimjae/main/loca-home-icon.png") no-repeat;}
#main-scroll .location .title-txts .txts .txt.tel .btxt:before{background:url("/images/Gimjae/main/loca-tel-icon.png") no-repeat;}

#main-scroll .location .title-txts .txts .txt.loca{padding-bottom:30px; border-bottom:1px solid #7c7c79;}
#main-scroll .location .title-txts .txts .txt.tel{padding-top:30px;}
#main-scroll .location .title-txts .txts .txt.tel .stxt{font-family:"GmarketSansTTFMedium";}

#main-scroll .location .map-txts{position:relative; width:65%; float:right;}
#main-scroll .location .map-txts .map{width:100% !important; height:965px;}
#main-scroll .location .map-txts .txts{position:absolute; top:780px; left:0px; font-size:0px; width:100%; color:#2e3f4a; padding:60px 100px; background:rgba(255,255,255,0.8); z-index:1; box-sizing:border-box;}
#main-scroll .location .map-txts .txts .btxt{position:relative; line-height:160%; font-size:16px; padding-left:85px; color:#2d3d47; display:inline-block; vertical-align:top;}
#main-scroll .location .map-txts .txts .btxt:before{position:absolute; top:50%; left:0px; display:block; width:68px; height:68px; margin-top:-34px; border-radius:50%; content:"";}

#main-scroll .location .map-txts .txts .btxt.bus{margin-right:140px;}
#main-scroll .location .map-txts .txts .btxt.bus:before{background: url("/images/Gimjae/main/loca-bus-icon.jpg") no-repeat;}
#main-scroll .location .map-txts .txts .btxt.ktx:before{background: url("/images/Gimjae/main/loca-ktx-icon.jpg") no-repeat;}

  @media all and (max-width: 1260px){
    #main-scroll .location .title-txts .title{top:250px; margin-left:-450px;}
    #main-scroll .location .title-txts .txts{top:360px; margin-left:-450px;}

    #main-scroll .location .map-txts .txts{top:620px; padding:40px; } 

    #main-scroll .location .map-txts .txts .btxt.bus{margin-right:0px; margin-bottom:40px;}
  }

  @media all and (max-width: 1000px){

    #main-scroll .location:before{display:none;}

    #main-scroll .location .title-txts{width:100%; padding:120px 20px 30px 20px; float:none; box-sizing:border-box; background:url("/images/Gimjae/main/location-bg.jpg") no-repeat center; background-size:100%;}
    #main-scroll .location .title-txts .title{position:relative; top:auto; left:auto; font-size:36px; margin-left:0px; margin-bottom:30px;}

    #main-scroll .location .title-txts .txts{position:relative; top:auto; left:auto; margin-left:0px;}
    #main-scroll .location .title-txts .txts .txt{display:inline-block; vertical-align:top;}
    #main-scroll .location .title-txts .txts .txt .btxt{font-size:16px; padding-left:40px;}
    #main-scroll .location .title-txts .txts .txt .stxt{font-size:16px;}

    #main-scroll .location .title-txts .txts .txt.loca{padding-bottom:0px; border-bottom:none; margin-right:8%}
    #main-scroll .location .title-txts .txts .txt.tel{padding-top:0px;}

    #main-scroll .location .title-txts .txts .txt .btxt:before{position:absolute; top:50%; left:0px; width:28px; height:28px; margin-top:-14px; content:"";}
    #main-scroll .location .title-txts .txts .txt.loca .btxt:before{background:url("/images/Gimjae/main/loca-home-icon.png") no-repeat center left;}
    #main-scroll .location .title-txts .txts .txt.tel .btxt:before{background:url("/images/Gimjae/main/loca-tel-icon.png") no-repeat center left;}

    #main-scroll .location .map-txts{width:100%; float:none;}
    #main-scroll .location .map-txts .map{width:100% !important; height:320px;}
    #main-scroll .location .map-txts .txts{position:relative; top:auto; left:auto; padding:30px 20px;}
    #main-scroll .location .map-txts .txts .btxt{font-size:15px; padding-left:75px; display:block;}
    #main-scroll .location .map-txts .txts .btxt:before{display:block; width:58px; height:58px; margin-top:-29px;}

    #main-scroll .location .map-txts .txts .btxt.bus{margin-right:0px; margin-bottom:40px;}
    #main-scroll .location .map-txts .txts .btxt.bus:before{background-size:58px;}
    #main-scroll .location .map-txts .txts .btxt.ktx:before{background-size:58px;}
  }

  @media all and (max-width: 599px){
    #main-scroll .location .title-txts{padding:70px 15px 20px 15px; }
    #main-scroll .location .title-txts .title{font-size:30px; margin-bottom:20px;}

    #main-scroll .location .title-txts .txts .txt .btxt{font-size:15px; padding-left:30px;}
    #main-scroll .location .title-txts .txts .txt .stxt{font-size:15px;}

    #main-scroll .location .title-txts .txts .txt.loca{margin-right:5%;}

    #main-scroll .location .title-txts .txts .txt.loca .btxt:before{background-size:22px;}
    #main-scroll .location .title-txts .txts .txt.tel .btxt:before{background-size:22px;}

    #main-scroll .location .map-txts .map{height:280px;}

    #main-scroll .location .map-txts .txts{position:relative; top:auto; left:auto; padding:20px 15px;}
    #main-scroll .location .map-txts .txts .btxt{font-size:14px; padding-left:60px; display:block;}
    #main-scroll .location .map-txts .txts .btxt:before{display:block; width:48px; height:48px; margin-top:-24px;}

    #main-scroll .location .map-txts .txts .btxt.bus{margin-right:0px; margin-bottom:30px;}
    #main-scroll .location .map-txts .txts .btxt.bus:before{background-size:48px;}
    #main-scroll .location .map-txts .txts .btxt.ktx:before{background-size:48px;}
  }

  @media all and (max-width: 460px){
    #main-scroll .location{height:565px !important;}
    #main-scroll .location .title-txts .txts .txt .btxt{font-size:14px; padding-left:22px; margin-bottom:5px;}
    #main-scroll .location .title-txts .txts .txt .stxt{font-size:14px;}
    #main-scroll .location .title-txts .txts .txt .stxt br{display:block;}

    #main-scroll .location .title-txts .txts .txt.loca .btxt:before{background-size:18px;}
    #main-scroll .location .title-txts .txts .txt.tel .btxt:before{background-size:18px;}

    #main-scroll .location .title-txts .txts .txt.loca{margin-right:3%;}

    #main-scroll .location .map-txts .map{height:240px;}

    #main-scroll .location .map-txts .txts{padding:15px;}
    #main-scroll .location .map-txts .txts .btxt{font-size:13px; padding-left:50px; display:block; letter-spacing:-0.02em; line-height:120%}
    #main-scroll .location .map-txts .txts .btxt:before{display:block; width:40px; height:40px; margin-top:-20px;}

    #main-scroll .location .map-txts .txts .btxt.bus{margin-right:0px; margin-bottom:30px;}
    #main-scroll .location .map-txts .txts .btxt.bus:before{background-size:40px;}
    #main-scroll .location .map-txts .txts .btxt.ktx:before{background-size:40px;}
  }


/* .onepage-pagination */
.onepage-pagination{ top:42%; right:0px;}
.onepage-pagination li{text-align:right; margin:25px 0px;}
.onepage-pagination li a{position:relative; width:auto; height:auto; padding:0px; padding-right:190px; opacity:0.6;}
.onepage-pagination li a.active{opacity:1;}
.onepage-pagination li a:before{position:relative; width:auto; height:auto; margin:0px; left:0px; display:block; background:none; border:none; color:#fff; font-size:16px;}
.onepage-pagination li a.active:before{position:relative; width:auto; height:auto; margin:0px; left:0px; display:block; background:none; border:none;}
.onepage-pagination li:nth-child(1) a:before{content:"김제벽골제"}
.onepage-pagination li:nth-child(2) a:before{content:"시설안내"}
.onepage-pagination li:nth-child(3) a:before{content:"체험프로그램"}
.onepage-pagination li:nth-child(4) a:before{content:"찾아오시는길"}
.onepage-pagination li:nth-child(5){display:none;}

.onepage-pagination li a:after{position:absolute; top:50%; right:168px; width:8px; height:8px; margin-top:-4px; border-radius:50%; background:#fff; content:""; box-sizing:border-box;}
.onepage-pagination li a.active:after{right:0px; width:179px; height:14px; margin-top:-7px; background:url("/images/Gimjae/main/pagin-active-icon.png") no-repeat left; border:none; border-radius:0px;}

body.viewing-page-3 .onepage-pagination li a:before{color:#2d3d47;}
body.viewing-page-3 .onepage-pagination li a:after{background:#2d3d47;}
body.viewing-page-3 .onepage-pagination li a.active:after{background:url("/images/Gimjae/main/pagin-active-iconB.png") no-repeat left; border:none; border-radius:0px;}

body.viewing-page-4 .onepage-pagination li a:before{color:#2d3d47;}
body.viewing-page-4 .onepage-pagination li a:after{background:#2d3d47;}
body.viewing-page-4 .onepage-pagination li a.active:after{background:url("/images/Gimjae/main/pagin-active-iconB.png") no-repeat left; border:none; border-radius:0px;}

body.viewing-page-5 .onepage-pagination li a:before{color:#2d3d47;}
body.viewing-page-5 .onepage-pagination li a:after{background:#2d3d47;}
body.viewing-page-5 .onepage-pagination li a.active:after{background:url("/images/Gimjae/main/pagin-active-iconB.png") no-repeat left; border:none; border-radius:0px;}


  @media all and (max-width: 1260px){
    .onepage-pagination{right:-140px;}
  }

  @media all and (max-width: 1000px){
    .onepage-pagination{ top:35%; right:-150px;}

    .onepage-pagination li:nth-child(1) a:before{content:"01"}
    .onepage-pagination li:nth-child(2) a:before{content:"02"}
    .onepage-pagination li:nth-child(3) a:before{content:"03"}
    .onepage-pagination li:nth-child(4) a:before{content:"04"}
  }

/* #main-scroll .footer */
#main-scroll .footer{width:100%; height:206px !important; padding: 40px 0px; background:#28313a; }
#main-scroll .footer .footer-wrap{position:relative;}
#main-scroll .footer .footer-wrap p.link{padding-bottom: 5px;}
#main-scroll .footer .footer-wrap p.link.first{padding-bottom: 30px;}
#main-scroll .footer .footer-wrap p.link span{display: inline-block; padding: 0 10px; position: relative; color: #c2c3c4;}
#main-scroll .footer .footer-wrap p.link span.pd0{padding: 0 10px 0 0px;}
#main-scroll .footer .footer-wrap p.link span a{color: #c2c3c4;}
#main-scroll .footer .footer-wrap p.link span:after{content: ""; width: 1px; height: 10px; background: #696f75; position: absolute; top:5px; right:-1px;}
#main-scroll .footer .footer-wrap p.link span:last-child:after{content: none;}
#main-scroll .footer .footer-wrap p.link span.first{color: #00afc3; font-weight: bold; padding: 0 10px 0 0px;}
#main-scroll .footer .footer-wrap p.link span.first a{color: #00afc3; font-weight: bold; padding: 0 10px 0 0px;}
#main-scroll .footer .footer-wrap .logo-box{position: absolute; top:0; right:0;}
#main-scroll .footer .footer-wrap .logo-box a.logo{width: 116px; height: 67px; background: url("/images/Gimjae/common/footer-logo.png") no-repeat; display: block; text-indent: -9999px; transform: translate(65%, 0px);}
#main-scroll .footer .footer-wrap .logo-box span.tel{font-family:"GmarketSansTTFBold"; font-size:20px; color: #00afc3; font-weight: bold; display: block; padding: 20px 0 0 40px; position: relative; }
#main-scroll .footer .footer-wrap .logo-box span.tel:after{content: ""; width: 32px; height: 30px; background:url("/images/Gimjae/common/foottel-ico.png") no-repeat; position: absolute; top:13px; left:0;}
#main-scroll .footer .footer-wrap p.copyright{color: #c2c3c4;}

  @media all and (max-width:1200px){
    #main-scroll .footer{padding: 40px 20px; box-sizing: border-box; height:260px !important;;}
  }

  @media all and (max-width:1000px){
    #main-scroll .footer{height:200px !important;;}
  }


  @media all and (max-width:768px){
    #main-scroll .footer{height: auto; padding: 20px 20px;}
    #main-scroll .footer .footer-wrap .logo-box{position: relative;}
    #main-scroll .footer .footer-wrap .logo-box a.logo{display: none;}
    #main-scroll .footer .footer-wrap .logo-box span.tel{font-size:16px; padding:0px 0 15px 32px; }
    #main-scroll .footer .footer-wrap .logo-box span.tel:after{top:-3px; background-size: 27px;}
    #main-scroll .footer .footer-wrap p.link.first{padding-bottom: 15px;}
    #main-scroll .footer .footer-wrap p.link span{font-size:13px;}
    #main-scroll .footer .footer-wrap p.copyright{font-size:13px;}
  }