@charset "utf-8";
/* CSS Document */  

/*제일작은화면-기본값*/
#mo_wrap{  width:100%; min-width: 320px; max-width: 640px;}
#mo_header{position: relative; width: 100%; height: 52px; background: #fff; z-index: 100; border-bottom:1px solid #eee;}
.hbg2{position:fixed; top:0; left:0; width:100%; height:4px; background:#85af4b; z-index:200;}
.logo{   text-align: center; padding-top: 12px; margin-left:-12%;}
.logo img{    width: auto; height: 30px;}
.openMenu{    position: absolute; top:5px; left: 0; width: 45px; height: 45px; background: none; border: 0;}
.openMenu img{    width: 20px; height: auto;}
.closeMenu{    position: absolute; top:5px; left: 0; width: 45px; height: 45px; background: none; border: 0; display: none;}
.closeMenu img{    width: 20px; height: auto;}
.openSns{    position: absolute; top: 5px; right: 0; width: 45px; height: 45px; background: none; border: 0;}
.openSns img{    width: 20px; height: auto;}
.mSns{    position: absolute; top: 52px; left: 0; width: 100%; height: 40px; background: rgba(133,175,75,0.8); display: none;}
.mSns p{    float: right; opacity: 0.7; transition:opacity 0.5s;}
.mSns p:hover{    opacity: 1;}
.mSns p img{width:40px; height: auto;}
.mo_gnb{ display: none;}


 .gnb{width:1100px; margin:0 auto; position:relative;  }
 .gnb > h1{text-align:center; position:absolute; top:10px; left:50%; z-index:200; margin-left:-120px;}
 .gnb > h1 img{}
 .gnb > ul{position:absolute; top:0px; left:50px;}
 .d1{padding-top:10px; width:119px; margin-left:25px; text-align:center;}
 .d1 > p{cursor:pointer;  text-transform: uppercase; letter-spacing:1px;}
 .d1 > p a{color:#252525; font-size:16px;  font-weight:400;}

.log_btn{position:absolute; top:8px; right:60px;}
.log_btn img{height:40px; width:auto;}
.join_btn{position:absolute; top:8px; right:10px;}
.join_btn img{height:40px; width:auto;}

#side{position: absolute; top: 52px; left: -200px; width:200px; _height: 1200px;/*임시높이값. 실제로는 사용안함*/ background: rgba(255, 255, 255, 0.8); z-index: 100; border-radius:0 0 40px 0;}
.sidein{padding:30px 10px 50px;}
.sidein ul li{padding-bottom:15px; margin-bottom:15px; border-bottom: 1px solid #b7b7b7;}
.sidein ul li:last-child{margin-bottom:30px;}
.btitle2{color:#6c8553;}

/*
#mo_side{ position: absolute; top: 50px; left: -240px; width:200px;  background: #fff; z-index: 900;}
#mo_side ul{padding:50px 20px;}
#mo_side ul li{padding-bottom:15px; margin-bottom:15px; border-bottom: 1px solid #b7b7b7; padding-left:20px;}
*/

.btitle2{color:#6c8553; text}


  .bn_t img{height:100px; width:auto;}
#mo_container {background: #fff; _padding-bottom: 60px;}
.mo_mainSlide{position: relative;}
.mo_mainSlide li{position: relative;}
.mo_mainSlide li .mobile{width:100%; height: auto;}
.mo_mainSlide li .pc{display: none;}
.mo_mainSlide li .text{ position: absolute; top: 38%; left: 0;   width: 100%; text-align: center; color: #fff;  font-size:20px;}
.mo_mainSlide li .text a{display: block; width: 130px; border: 1px solid #fff; margin: 20px auto 0 auto; padding: 7px 0; color: #fff;}
.mo_mainSlide li.black .text{    color: #fff;}
.mo_mainSlide li.black .text a{    color: #fff; border-color: #0c221c;}

.mo_mainSlide .bx-controls{
    position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 100;
} /*모든 버튼을 깜싸는 div태그*/

.mo_mainSlide .bx-controls a{
    display: block; width: 21px; height: 21px; text-indent: -9999px;}
.mo_mainSlide .bx-pager{float: left; margin-right: 15px;}
.mo_mainSlide .bx-pager div{float: left;}
.mo_mainSlide .bx-pager div a{
    background: url(../img/btn_main_off.png) no-repeat 50%/13px auto;}
.mo_mainSlide .bx-pager div .active{
    background: url(../img/btn_main_on.png) no-repeat 50%/26px auto; width: 34px;}
.mo_mainSlide .bx-controls-auto{float: left;}
.mo_mainSlide .bx-start{
    background: url(../img/btn_main_play.png) no-repeat 50%;}
.mo_mainSlide .bx-stop{
    background: url(../img/btn_main_stop.png) no-repeat 50%;}

.mo_mainBrand{margin: 15px; }
.mo_mainBrand img{width: 100%; height: auto;}
.mo_mainBrand .pc{display: none;}
.mo_mainBrand .box{position: relative;}
.mo_mainBrand .box .text{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff;}
.mo_mainBrand .box a{display: block; width: 110px; padding: 7px 0; border: 1px solid #fff; color: #fff; margin: 10px auto 0 auto;}
.mo_mainBrand .box .mo_t1{color:#525050;}
.mo_mainBrand .box .mo_t1 .mot1_p1{font-size: 3em; line-height: 55px; font-weight: 600;}
.mo_mainBrand .box .mo_t1 .mot1_p2{font-size: 1.5em; text-transform:uppercase; line-height: 30px; font-weight: 500;}
.mo_mainBrand .box .mo_t1 .mot1_p3{font-size: 1em;}

.mo_mainBrand .box_event{position: relative;}
.mo_mainBrand .box_event .text{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff;}

 
.mo_mainBrand .box_event .mo_t1{color:#525050;}
.mo_mainBrand .box_event .mo_t1 .mot1_p1{font-size: 3em; line-height: 55px; font-weight: 600;}
.mo_mainBrand .box_event .mo_t1 .mot1_p2{font-size: 1.5em; text-transform:uppercase; line-height: 30px; font-weight: 500;}
.mo_mainBrand .box_event .mo_t1 .mot1_p3{font-size: 1em;}


.mo_mainNews{margin: 15px;}
.mo_mainNews li{position: relative; margin-bottom: 10px;}
.mo_mainNews .n1{background: #00a19b;}
.mo_mainNews .n2{background: #373f42;}
.mo_mainNews .n3{background: #ea5c6e;}
.mo_mainNews .photo{width: 50%;}
.mo_mainNews .photo img{width: 100%; height: auto;}
.mo_mainNews .text{position: absolute; top: 50%; left: 50%; width: 50%; text-align: center; color: #fff; transform: translateY(-50%); padding: 0 10px; box-sizing: border-box; text-transform:uppercase; }
.mo_mainNews .text a{display: block; width: 110px; padding: 7px 0; border: 1px solid #fff; color: #fff; margin: 5px auto 0 auto;}

.mo_mainNews .n2 .photo{margin-left: 50%;}
.mo_mainNews .n2 .text{left:0;}


.mainAd{margin: 15px 15px 0 15px; position: relative;}
.mainAd .bg img{width: 100%; height: auto;}
.mainAd .text{
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); _ width: 180px; padding: 30px; background: rgba(19,40,34,0.8); text-align: center; color: #fff;text-transform:uppercase; }
.mainAd .text a{
    display: block; width: 110px; padding: 6px 0; text-align: center; color: #fff; border: 1px solid #fff; margin: 10px auto 0 auto;}

.btitle{font-size: 1.2em; line-height: 30px;}

#mo_footer{position: relative; padding: 30px 15px 50px; color: #fff; background: url('/mobile/img/fbg.jpg') no-repeat 0 0/cover;  margin-top:50px; }
.mo_flogo{margin-bottom: 10px;}
.mo_flogo img{height:30px; width: auto;}
.fcs{_border-bottom: 1px solid #777; padding-bottom: 15px; margin-bottom: 15px; text-align: center;}
.mo_fmenu{padding-bottom: 20px;  text-align: center;}
.mo_fmenu p{display: inline-block; margin-right: 10px; border: 1px solid #fff; padding: 5px 30px;}
.mo_fmenu p a{color: #fff;}
.mo_lang{display:inline-block; width:180px; _margin: 10px 0; position: relative;}
.mo_lang .btn{ display: block;  width:180px;border: 1px solid #fff; color: #fff; font-size:14px; background: url(../img/btn_language_open.png) no-repeat 100% 50%;}
.mo_lang .btn.on{
    background-image: url(../img/btn_language_close.png);}
.mo_lang .list{
    position: absolute; top: 0px; left: 0; width: 100%; height: 0; background: #132822; overflow: hidden;}
.mo_lang .list ul{
    border: 1px solid #fff; border-bottom: 0; padding: 7px 0;}
.mo_lang .list li{
    display: block; padding: 5px 10px; color: #fff;}
.mo_lang .list li a{color: #fff;}

.mo_goTop{position: absolute; top: -40px; right: 15px;}
.mo_goTop img{width: 40px; height: auto;}

.mf_sns{position:absolute; top:82%; left:50%; width:300px; margin-left:-87px; font-size:23px;}
.mf_sns i{margin:0 5px;}
.mf_sns a{color:#fff;}
.mo_copy{font-size:0.8em; letter-spacing:0.8px; text-transform:uppercase; }


/*서브*/
.subtext{padding:40px 0;}
.subtext_p1{font-size: 1.5em; text-transform:uppercase; line-height: 30px; font-weight: 500; color:#26ccc0; margin-bottom:10px;}
.subtext_p2{font-size: 1.1em; text-transform:uppercase; line-height: 20px; font-weight: 400; color:#9e9e9e; margin-bottom:15px;}
.subtext_p3{font-size: 1em; }

.sub_sl{width:640px;  margin:0 auto; height:50px; position: relative; min-width:640px;}
.sub_sl ul{_width:100%;  text-align:center; position:absolute; top:10px; left:10px;}
.sub_sl ul li{float:left; padding:5px; margin-right:5px; }
.sub_sl ul li.on{border-bottom:2px solid #ca1e2c;}

.mo_s4map{width:100%; height:auto; border:1px solid #ddd; _margin-bottom:70px;}

.mo_space{text-align:center;}
.mo_space_p1{font-size:1.2em; color:#555; text-transform:uppercase;  font-weight:100; letter-spacing:2px; margin-top:20px; padding-top:20px; border-top:1px solid #dadada;}
.mo_space_p2{font-size:1em; color:#7d7d7d; margin-bottom:30px;}
.mo_space ul{overflow:hidden;}
.mo_space ul li{float:left; width:32.5%; margin-right:2px; margin-bottom:5px;}


/*지점안내*/

.mo_mainBrand2{margin:15px; overflow:hidden; }
.mo_s4box{width:48%; float:left; margin-right:2%; position:relative; margin-bottom:20px;}
.mo_mainBrand2 img{width: 100%; height: auto;}
.mo_mainBrand2 .pc{display: none;}
.mo_mainBrand2 .box{position: relative;}
.mo_mainBrand2 .box .text{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; color: #fff;}
.mo_mainBrand2 .box a{display: block; width: 110px; padding: 7px 0; border: 1px solid #fff; color: #fff; margin: 10px auto 0 auto;}
.mo_mainBrand2 .box .mo_t1{color:#525050;}
.mo_mainBrand2 .box .mo_t1 .mot1_p1{font-size: 3em; line-height: 55px; font-weight: 600;}
.mo_mainBrand2 .box .mo_t1 .mot1_p2{font-size: 1.5em; text-transform:uppercase; line-height: 30px; font-weight: 500;}
.mo_mainBrand2 .box .mo_t1 .mot1_p3{font-size: 1em;}

.mo_subtext{padding:10px 5px;}
.mo_s4_box_i{ float:left; }
.mo_s4_box_text{float:left; padding:15px 0 0 15px; color:#363636;}
.mo_s4_box_p1{font-size:1.7em; margin-bottom:10px; font-weight:100;}
.mo_s4_box_p2{font-size:1.1em;margin-bottom:10px;}
.mo_s4_box_p3{font-size:1em; color:#959595;margin-bottom:10px; }
.mo_s4_box_p4{font-size:1em;  border:1px solid #959595; width:80%; height:34px; text-align:center; line-height:32px;}
.mo_s4_box_p4 a{display:block; color:#959595;}

.mo_s4_line{width:65px; height:2px; background:#2db5a7; margin-bottom:25px;}
.subtext2{padding:20px 0;}
.mo_mtw{}
.mo_mtw_b{width:100%; height:100px; padding-left:95px; box-sizing:border-box; border:1px solid #d7d7d7; margin-bottom:2%; }
.mo_mtw_b1{background:url('/mobile/img/micon_1.png') 10px 10px no-repeat ; }
.mo_mtw_b2{background:url('/mobile/img/micon_2.png') 10px 10px no-repeat ;  }
.mo_mtw_b3{background:url('/mobile/img/micon_3.png') 10px 10px no-repeat ;  }
.mo_mtw_b_p1{font-size:1.1em; color:#555; margin:20px 0 10px;}
.mo_mtw_b_p2{font-size:1.2em; color:#7d7d7d;}
.mo_mtw_b_p3{font-size:2em; color:#7d7d7d;}

.mwt_p2{font-size: 1em;  text-transform:uppercase; margin:10px 0 5px; color:#fff; font-weight:100; line-height:18px;}
.mwt_p2 span{margin:0 10px;}

/*모바일서브비쥬얼*/
#mocon_title{font-size:1.2em; font-weight:bold; margin:30px 10px 5px; text-align:center;}
.mocon_stitle{text-align:center; margin-bottom:30px;}

/*비쥬얼배너글자*/
.sub_v{position:relative; width:100%; _border:1px solid #000;}
#sub_v_title{position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%);  color:#fff; font-size:1.3em; text-align:center;}
.sub_v_title_sp{font-size:0.9em; font-weight:200;}

#sub_v_title2{position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%);  color:#000; font-size:1.3em; text-align:center;}
.sub_v_title_sp2{font-size:0.9em; font-weight:200;}


.stitle1{font-size: 1.2em; line-height: 30px; color:#555; font-weight:bold;}
.sut1_p1{font-size: 1em; padding:10px 25px 0; color:#555;}
.mb10{margin-bottom:10px;}

.stitle2{font-size: 1.2em; line-height: 30px; color:#fff; font-weight:bold;}
.sut1_p2{font-size: 0.9em; padding:20px 40px; color:#fff; text-align:left; line-height:1.3em;}
.sut1_p2 span{color:#fff200;}
.mo_mainBrand .box2{position: relative; background:#eb5c6e;}
.mo_mainBrand .box2 .text2{width: 100%; text-align: center; color: #fff;}

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top:-40%;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  background: transparent;
  background-size: 100% 100%; }



/*  신길스토리 게시판 */
.gscon{width:100%; }
.gsconin{width:1100px; marginfcs:0 auto; overflow:hidden;}

.gscon #bo_sch {margin-bottom:30px; text-align:center;  box-sizing:border-box; background:#fff;  border-radius:3px;}
.gscon .frm_input{width:270px; height:30px; }
.gscon fieldset .btn_submit{padding:0px 20px; height:32px; line-height:32px; background:url('/img/ser.png') no-repeat 0 0; margin-left:-30px; font-size:0px;}
.gscon .btn_submit{background:#005650; color:#fff; cursor:pointer; border:0; padding:10px;}
.gscon .tbl_head01 thead th{padding:15px 0; border-top:3px solid #ca1e2c; border-bottom:1px solid #d1dee2; background:#fff; color:#383838;}
.gscon a.btn_frmline, button.btn_frmline{height:32px;}
.gscon .tbl_frm01 textarea, .singal{border:none; border-bottom:1px solid #000;}
#mo_wrap .required, textarea.required{background:#fff;}


#mo_wrap .mbskin{width:100%; margin:25px auto 60px; }
#mo_wrap .mbskin #fregister p{padding:0 15px;}