/* 
 * Nanum Barun Gothic Web Fonts
 * https://github.com/hiun/NanumBarunGothic
 * Copyright (c) 2010, NAVER Corporation (http://www.nhncorp.com) 
 */
 
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: url(./fonts/NanumBarunGothicUltraLight.eot);
  src: local('Nanum Barun Gothic UltraLight'),
       local('NanumBarunGothicUltraLight'),
       url(./fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumBarunGothicUltraLight.woff2) format('woff2'),
       url(./fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(./fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(./fonts/NanumBarunGothicLight.eot);
  src: local('Nanum Barun Gothic Light'),
       local('NanumBarunGothicLight'),
       url(./fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumBarunGothicLight.woff2) format('woff2'),
       url(./fonts/NanumBarunGothicLight.woff) format('woff'),
       url(./fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./fonts/NanumBarunGothic.eot);
  src: local('Nanum Barun Gothic'),
       local('NanumBarunGothic'),
       url(./fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumBarunGothic.woff2) format('woff2'),
       url(./fonts/NanumBarunGothic.woff) format('woff'),
       url(./fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(./fonts/NanumBarunGothicBold.eot);
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothicBold'),
       url(./fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(./fonts/NanumBarunGothicBold.woff2) format('woff2'),
       url(./fonts/NanumBarunGothicBold.woff) format('woff'),
       url(./fonts/NanumBarunGothicBold.ttf) format('truetype');
}

* {font-family: "Nanum Barun Gothic","Arial";}

body{width:100%; margin:0 auto;}
img{border:none; padding:0px; margin:0px; outline:none;}
a{border:none; padding:0px; margin:0px; outline:none; text-decoration:none;}
a:active{color: #626262; text-decoration: none; }
a:link	{color: #626262; text-decoration: none;  }
a:visited{color: #626262; text-decoration: none; }
a:hover{color: #626262; text-decoration: none; }

img.fx{max-width:100%;}

input, select, textarea{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input[type=text], input[type=password] ,input[type=tel], textarea{
	-webkit-border-radius:0;  /* 둥근모서리 */
	-webkit-appearance:none;  /* 그림자 */
}

select{
	-webkit-border-radius:0;  /* 둥근모서리 */
	-webkit-appearance:none;  /* 그림자 */
	background:url("/mobile/img/sub/select_arrow.png") no-repeat 96% 50%;
}

/**/
#wrap{max-width:800px; min-width:320px; padding:0; margin:0 auto;}

/*헤더*/
#header {width:100%; margin:0 auto; padding:4% 0; position:relative; top:0px; left:0px;}
#header > .header {width:94%; margin:0 auto;}
#header > .header > table {width:100%; margin:0 auto;}
#header > .header > table > tbody > tr > td > a {display:block;}

/*메인 메뉴*/
#header > #main_nav {width:100%; margin:0 auto; position:absolute; top:0px; left:0px; z-index:999; display:none;}

/*메인 메뉴 헤더*/
#header > #main_nav > #main_nav_header {width:100%; margin:0 auto; padding:4% 0; background-color:#ffffff;}
#header > #main_nav > #main_nav_header > .main_nav_header {width:94%; margin:0 auto;}
#header > #main_nav > #main_nav_header > .main_nav_header > table {width:100%; margin:0 auto;}

/*메인 메뉴*/
#header > #main_nav > .main_nav {width:100%; margin:0 auto; *zoom:1;}
#header > #main_nav > .main_nav:after {content:""; display:block; clear:both;}

/*왼쪽 - 메뉴*/
#main_nav > .main_nav > .left_con {float:left; width:62.5%; background-color:#cdcdcd;}

/*멤버 - 회원가입, 로그인, 마이페이지, 로그아웃*/
#header > #main_nav > .main_nav > .left_con > .member_list {}
#header > #main_nav > .main_nav > .left_con > .member_list > table {width:100%; margin:0 auto;}

/*메인 메뉴 리스트*/
#header > #main_nav > .main_nav > .left_con > .nav_con {}
#header > #main_nav > .main_nav > .left_con > .nav_con > ul {list-style:none; padding:0px; margin:0 auto;}
#header > #main_nav > .main_nav > .left_con > .nav_con > ul > li {border-bottom:1px solid #d8d8d8;}
#header > #main_nav > .main_nav > .left_con > .nav_con > ul > li > a {display:block;}
/*메인 메뉴 서브 리스트*/
#header > #main_nav > .main_nav > .left_con > .nav_con > ul > li > .sub_nav_con {border-top:1px solid #d8d8d8; display:none;}
#header > #main_nav > .main_nav > .left_con > .nav_con > ul > li > .sub_nav_con > ul {list-style:none; padding:0px; margin:0 auto;}
#header > #main_nav > .main_nav > .left_con > .nav_con > ul > li > .sub_nav_con > ul > li {border-bottom:1px solid #d8d8d8;}
#header > #main_nav > .main_nav > .left_con > .nav_con > ul > li > .sub_nav_con > ul > li:last-child {border-bottom:0px;}
#header > #main_nav > .main_nav > .left_con > .nav_con > ul > li > .sub_nav_con > ul > li > a {display:block;}

/*오른쪽 - 공백*/
#header > #main_nav > .main_nav > .right_con {float:right; width:37.5%; background-color:#000000; opacity:0.5;}

/*컨텐츠*/
#container {width:100%; margin:0 auto;}
.container {width:100%; margin:0 auto; background-color:#e8e7e3; padding-bottom:4%;}

/*메인 컨텐츠*/
#main_con {width:94%; margin:0 auto;}

/*메뉴*/
#main_con > .nav_con {margin-bottom:2%;}
#main_con > .nav_con > ul {list-style:none; padding:0%; margin:0%; *zoom:1;}
#main_con > .nav_con > ul:after {content:""; display:block; clear:both;}
#main_con > .nav_con > ul > li {float:left; width:25%;}
#main_con > .nav_con > ul > li > a {display:block;}

/*영상 팝업*/
.movie_popup_con_bg {display:none; width:100%; max-width:800px; height:100%; margin:0 auto; background-color:#000000; background-color:rgba(0,0,0,0.4); position:fixed; top:0; left:0; right:0; z-index:1000;}
.movie_popup_con {display:none; width:100%; max-width:800px; margin:0 auto; position:fixed; top:50%; transform:translateY(-50%); left:0; right:0; z-index:1010;}
.movie_popup_con > .contents_con {width:94%; margin:0 auto; position:relative; top:0; left:0;}
.movie_popup_con > .contents_con .close_btn {position:absolute; top:-40px; right:0; z-index:10;}
.movie_popup_con > .contents_con video {width:100%; height:auto;}

/*배너*/
#main_con > .banner_con {margin-bottom:2%; *zoom:1;}
#main_con > .banner_con:after {content:""; display:block; clear:both;}
#main_con > .banner_con > .left_con {float:left; width:49.5%;}
#main_con > .banner_con > .right_con {float:right; width:49.5%;}

/*포토후기사진*/
.photo_flexslider .main_photo_slide_prev_btn{text-align:left; position:absolute; top:33%; left:0%; z-index:99;}
.photo_flexslider .main_photo_slide_next_btn{text-align:right; position:absolute; top:33%; right:0%; z-index:99;}
.photo_flexslider .main_photo_slide_btn{width:45%;}
.photo_flexslider ul.slides > li > a {display:block; *zoom:1;}
.photo_flexslider ul.slides > li > a:after {content:""; display:block; clear:both;}
.photo_flexslider ul.slides > li > a .left_con {float:left; width:49.9%; position:relative; top:0%; left:0%;}
.photo_flexslider ul.slides > li > a .right_con {float:right; width:49.9%; position:relative; top:0%; left:0%;}
.photo_flexslider ul.slides > li > a .main_photo_slide_text {position:absolute; bottom:0%; left:0%;}

/*하단 메뉴*/
.bottom_nav_con {margin-bottom:2%;}
.bottom_nav_con > .sub_con {margin-bottom:1%; *zoom:1;}
.bottom_nav_con > .sub_con:after {content:""; display:block; clear:both;}
.bottom_nav_con > .sub_con > .left_con {float:left; width:49.5%;}
.bottom_nav_con > .sub_con > .right_con {float:right; width:49.5%;}

/*고객센터*/
#main_con > .center_con {}

/*푸터*/
#footer {width:100%; margin:0 auto; padding:3% 0 5% 0;}

/*SNS아이콘*/
#footer > .sns_icon_con {text-align:center; margin-bottom:3%;}
#footer > .sns_icon_con > a {margin:0 0.3%;}
#footer > .sns_icon_con .sns_icon {width:10%;}

/*서브 컨텐츠*/
#sub_con {width:100%; margin:0 auto;}

/*상단 - 상단이미지, 메뉴*/
#sub_con > .top_con {margin-bottom:4%;}

/*상단 이미지*/
#sub_con > .top_con > .img_con {}

/*메뉴*/
#sub_con > .top_con > .nav_con {}

/*하단 - 내용*/
#sub_con > .sub_con {width:94%; margin:0 auto;}

/*서브 하단 TOP버튼*/
#sub_con > .sub_con > .sub_top_btn_con {margin-bottom:3%;}

/*서브 하단 고객센터*/
#sub_con > .sub_con > .bottom_center_con {margin-bottom:3%;}

/*서브 하단 메뉴 - 체험후기,지점찾기, 문의하기*/
#sub_con > .sub_con > .sub_bottom_nav_con {}

/*리스트 게시판*/
#sub_notice {width:100%; margin:0 auto; padding-bottom:10%; margin-bottom:3%; background-color:#ffffff;}

/*타이틀*/
#sub_notice > .title_con {margin-bottom:4%;}

/*검색창*/
.sub_search_con {width:94%; margin:0 auto; margin-bottom:4%;}
.sub_search_con > table {width:100%; margin:0 atuo;}
.sub_search_con .select {width:100%; height:2.2em; padding:0 5%; border:1px solid #dddddd; font-size:70%; color:#000000; vertical-align:middle;}
.sub_search_con .input {width:100%; height:2.2em; padding:0 5%; border:1px solid #dddddd; font-size:70%; color:#000000; vertical-align:middle;}
.sub_search_con .btn {display:inline-block; width:100%; height:1.15em; padding-top:0.39em; text-align:center; background-color:#25395b; vertical-align:middle;}
.sub_search_con .btn > .btn_text {font-size:70%; color:#ffffff; font-weight:bold;}

/*리스트*/
.sub_notice{width:94%; margin:0 auto; margin-bottom:4%;}
.sub_notice > table {width:100%; margin:0 auto;}
.sub_notice > table > thead > tr > td {border-top:1px solid #f3be2f; background-color:#fbf9e9; padding:3% 0;}
.sub_notice > table > thead > tr > td > span {font-size:65%; color:#565656; font-weight:bold;}
.sub_notice > table > tbody > tr > td {border-bottom:1px solid #f2f2f2; padding:3% 0;}
.sub_notice > table > tbody > tr .info_td {padding:3% 2%;}
.sub_notice > table > tbody > tr > td  span {font-size:65%; color:#565656; vertical-align:middle;}
.sub_notice > table > tbody > tr > td .sub_notice_icon {width:80%; vertical-align:middle;}
.sub_notice > table > tbody > tr > td .sub_notice_ripple_icon {width:8px; margin-right:2%; vertical-align:middle;}
.sub_notice > table > tbody > tr > td .sub_notice_rock_icon {width:8px; margin-left:2%; vertical-align:middle;}
.sub_notice > table > tbody > tr > td .sub_notice_new_icon {width:8px; margin-left:2%; vertical-align:middle;}
.sub_notice > table > tbody > tr > td .sub_notice_process_icon {width:65%; vertical-align:middle;}

/*글쓰기 버튼*/
#sub_notice > .btn_con{width:60%; margin:0 auto; margin-bottom:6%;}
#sub_notice > .btn_con > a {display:inline-block; width:100%; height:1.2em; padding-top:0.5em; text-align:center; background-color:#25395b; vertical-align:middle;}
#sub_notice > .btn_con > a > span {font-size:70%; color:#ffffff; font-weight:bold;}

/*번호목록*/
.number_list_con{width:94%; margin:0 auto; text-align:center;}

/*이전,다음버튼*/
.number_list_con .number_list_btn{width:8%; margin:0 2%; vertical-align:middle;}

/*배경 off*/
.number_list_con .number_list_a{display:inline-block; width:1.2em; height:0.9em; padding-top:0.3em; border:0px; margin:0 1%; vertical-align:middle;}
/*배경 on*/
.number_list_con .on{border:1px solid #f8d882;}

/*텍스트 off*/
.number_list_con .number_list_text{font-size:70%; color:#808080;}
/*텍스트 on*/
.number_list_con .text_on{font-size:70%; color:#f8d882;}

/*포토게시판*/
#sub_photo_notice {width:100%; margin:0 auto; padding-bottom:10%; margin-bottom:3%; background-color:#ffffff;}

/*리스트*/
.sub_photo_notice{width:94%; margin:0 auto; margin-bottom:4%;}
.sub_photo_notice > ul {list-style:none; padding:0px; margin:0px; *zoom:1;}
.sub_photo_notice > ul:after {content:""; display:block; clear:both;}
.sub_photo_notice > ul > li {float:left; width:48.5%; margin-right:3%; margin-bottom:3%;}
.sub_photo_notice > ul > li > a {}
.sub_photo_notice > ul > li > a > .list_div {border:1px solid #d8d8d8;}
.sub_photo_notice > ul > li > a > .list_div > .img_con {border-bottom:1px solid #d8d8d8; position:relative; top:0px; left:0px;}
.sub_photo_notice > ul > li > a > .list_div > .img_con > .category_con {width:100%; padding:3% 0; text-align:center; background:url("/img/sub/sub_photo_notice_list_category_bg.png") no-repeat; position:absolute; bottom:0px; left:0px;}
.sub_photo_notice > ul > li > a > .list_div > .img_con > .category_con > span {font-size:65%; color:#ffffff; font-weight:bold;}
.sub_photo_notice > ul > li > a > .list_div > .text_con {padding:5% 3%;}
.sub_photo_notice > ul > li > a > .list_div > .text_con > .text01 {display:block; margin-bottom:4%; font-size:65%; color:#7f7f7f;}
.sub_photo_notice > ul > li > a > .list_div > .text_con > .text02 {display:block; font-size:65%; color:#3d3d3e; font-weight:bold;}

/*게시판 뷰페이지*/
#sub_notice_view {width:100%; margin:0 auto; padding-bottom:10%; margin-bottom:3%; background-color:#ffffff;}

/*타이틀*/
#sub_notice_view > .title_con {margin-bottom:4%;}

/**/
.sub_notice_view{width:94%; margin:0 auto; margin-bottom:4%; border-top:1px solid #f3be2f;}
.sub_notice_view > table {width:100%; margin:0 auto;}
.sub_notice_view > table > tbody > tr > td {border-bottom:1px solid #f2f2f2; padding:3% 0%;}
.sub_notice_view > table > tbody > tr > .title_td {background-color:#fbf9e9;}
.sub_notice_view > table > tbody > tr > .title_td > span {font-size:65%; color:#565656; font-weight:bold;}
.sub_notice_view > table > tbody > tr > .info_td {}
.sub_notice_view > table > tbody > tr > .info_td01 {padding:3%;}
.sub_notice_view > table > tbody > tr > .info_td > span {font-size:65%; color:#565656; vertical-align:middle;}
.sub_notice_view > table > tbody > tr > .posts_td {padding:4%;}
.sub_notice_view > table > tbody > tr > .posts_td > .img_con {text-align:center; margin-bottom:5%;}
.sub_notice_view > table > tbody > tr > .posts_td > span {font-size:65%; color:#565656; line-height:140%;}

/*글쓰기, 삭제, 수정 버튼*/
#sub_notice_view > .btn01_con {width:94%; margin:0 auto; margin-bottom:12%;}
#sub_notice_view > .btn01_con > table {width:100%; margin:0 auto;}
#sub_notice_view > .btn01_con > table > tbody > tr > td > a{display:inline-block; width:40%; height:1.2em; padding-top:0.5em; text-align:center; background-color:#868686; vertical-align:middle;}
#sub_notice_view > .btn01_con > table > tbody > tr > td > a > span {font-size:70%; color:#ffffff; font-weight:bold;}

/*목록 버튼*/
#sub_notice_view > .btn02_con {width:60%; margin:0 auto;}
#sub_notice_view > .btn02_con > a {display:inline-block; width:100%; height:1.2em; padding-top:0.5em; text-align:center; background-color:#25395b; vertical-align:middle;}
#sub_notice_view > .btn02_con > a > span {font-size:70%; color:#ffffff; font-weight:bold;}

/*게시판 글쓰기*/
#sub_notice_write {width:100%; margin:0 auto; padding-bottom:10%; margin-bottom:3%; background-color:#ffffff;}

/*타이틀*/
#sub_notice_write > .title_con {margin-bottom:4%;}

/**/
.sub_notice_write {width:94%; margin:0 auto; margin-bottom:8%;}
.sub_notice_write > table {width:100%; margin:0 auto; border-top:1px solid #f3c035;}
.sub_notice_write > table > tbody > tr > td {padding:3%; border-bottom:1px solid #e1e1e1;}
.sub_notice_write > table > tbody > tr > .left_td {background-color:#f9f9f9;}
.sub_notice_write > table > tbody > tr > .left_td .dot_text {font-size:65%; color:#ffc62d; font-weight:bold;}
.sub_notice_write > table > tbody > tr > .left_td .title_text {font-size:65%; color:#2f2f2f; font-weight:bold;}
.sub_notice_write > table > tbody > tr > .info_td {}
/*셀렉박스*/
.sub_notice_write > table > tbody > tr > .info_td .select {height:2.2em; padding:0 2%; border:1px solid #dddddd; font-size:70%; color:#000000; vertical-align:middle;}
/*인풋*/
.sub_notice_write > table > tbody > tr > .info_td .input {height:2.2em; padding:0 2%; border:1px solid #dddddd; font-size:70%; color:#000000; vertical-align:middle;}

/*분류*/
.sub_notice_write > table > tbody > tr > .info_td .category_select {width:60%}

/*공개여부*/
.sub_notice_write > table > tbody > tr > .info_td .show_type_label {margin-right:5%;}
.sub_notice_write > table > tbody > tr > .info_td .show_type_label input {vertical-align:middle;}
.sub_notice_write > table > tbody > tr > .info_td .show_type_label span {font-size:65%; color:#000000;}

/*제목*/
.sub_notice_write > table > tbody > tr > .info_td .title_input {width:100%}

/*작성자*/
.sub_notice_write > table > tbody > tr > .info_td .name_input {width:60%}

/*비밀번호*/
.sub_notice_write > table > tbody > tr > .info_td .password_input {width:60%;}
.sub_notice_write > table > tbody > tr > .info_td .password_text {font-size:65%; color:#000000; line-height:140%; vertical-align:middle;}

/*이메일*/
.sub_notice_write > table > tbody > tr > .info_td .email_id_input {width:100%;}
.sub_notice_write > table > tbody > tr > .info_td .email_text {font-size:65%; color:#000000; vertical-align:middle;}
.sub_notice_write > table > tbody > tr > .info_td .email_address_input {width:100%;}
.sub_notice_write > table > tbody > tr > .info_td .email_address_select {width:100%;}

/*홈페이지*/
.sub_notice_write > table > tbody > tr > .info_td .homepae_input {width:100%;}

/*내용*/
.sub_notice_write > table > tbody > tr > .info_td .textarea {width:100%; height:140px; padding:2%; border:1px solid #e7e7e7; font-size:65%; color:#000000; line-height:140%;}

/*파일첨부*/
.sub_notice_write > table > tbody > tr > .info_td .file_input {width:100%; border:0px;}
.sub_notice_write > table > tbody > tr > .info_td .file_text {font-size:65%; color:#000000; vertical-align:middle;}

/*취소,확인 버튼*/
#sub_notice_write .btn_con {text-align:center;}
#sub_notice_write .btn_con > a {display:inline-block; width:20%; height:1.2em; padding-top:0.5em; text-align:center; margin:0 2%; vertical-align:middle;}
#sub_notice_write .btn_con > a > span {font-size:70%; color:#ffffff; font-weight:bold;}
#sub_notice_write .btn_con > .btn01 {background-color:#797979;}
#sub_notice_write .btn_con > .btn02 {background-color:#f3be2f;}