/* common */
body.sub {background:#FFFFFF;}
.wrapper {background:#eae2d5;}
.wrapper.white {background:#eae2d5;}
#header {position:relative; background:#eae2d5}
#header.none_tab {height:57px;}
/*#header.sub_page {border-bottom:1px solid #bebebe;}*/
#header h1 {margin:0 auto; padding-top:12px; width:154px; height:25px;}
#header h1 img {width:154px}
#header h1.text {padding:0; width:100%; height:57px; line-height:59px; letter-spacing:-1px; color:#3c3c3d; font-size:21px; text-align:center;}
#header > a {position:absolute;}
#header .btn_slidenav_control {right:2.5%; top:20px; width:21px; height:17px;}
#header .btn_slidenav_control img {width:21px; height:17px;}
#header .btn_search_control {right:2.5%; top:18px; width:22px; height:22px;}
#header .btn_search_control img {width:22px; height:22px;}
#header .btn_page_back {left:2.5%; top:18px; width:24px; height:20px;}
#header .btn_page_back img {width:24px; height:20px;}

#header nav {margin-top:19px;}
#header nav ul {height:40px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; zoom:1;}
#header nav ul:after {display:block; content:""; clear:both;}
#header nav li {float:left; width:20%; height:40px; line-height:40px; text-align:center; background:url('/wftp/bg_gray_line.png') repeat-y right;}
#header nav li a {display:block; letter-spacing:-1px; color:#616161; font-size:15px; font-weight:bold;}
#header nav li.on a {height:39px; color:#6083ff; border-bottom:2px solid #6083ff;}
#container {/*padding-bottom:10px;*/}

/* slide_nav */
.dim_area {display:none; position:fixed; z-index:130; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6;}
.booking_dim_area {display:none; position:fixed; z-index:120; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6;}
.slide_nav {position:fixed; top:0; left:-75.8%; z-index:140; width:75.8%; height:100%; background:#fff;}
.slide_nav .logo_area {display:block; padding-top:12px; height:30px; background:#795839; text-align:center;}
.slide_nav .slide_nav_list > li {background:#fff;}
.slide_nav .slide_nav_list > li > a {display:block; padding-left:4.5%; height:44px; line-height:42px; letter-spacing:-1px; color:#545454; font-size:15.3px; border-bottom:1px solid #dfdfdf; font-weight:bold;}
.slide_nav .slide_nav_list > li > ul > li {background:#f5f6f5; border-bottom:1px solid #dfdfdf;}
.slide_nav .slide_nav_list > li > ul > li > a {display:block; padding-left:4.5%; height:39px; line-height:37px; letter-spacing:-1px; color:#6c6c6c; font-size:12px; font-weight:bold;}
.slide_nav .slide_nav_list > li.home > a {padding-left:41px; color:#6183ff; font-size:15.3px; background:url('/wftp/ico_slide_nav_home.png') no-repeat 4.5% 48%; background-size:19px 17px;}
.slide_nav .slide_nav_list > li.login > a {color:#6183ff; font-size:15.3px;}
.slide_nav .slide_nav_list > li.link {background:#fff url('/wftp/bg_list_btn_arrow.png') no-repeat 95%; background-size:8px 14px;}
.slide_nav .slide_nav_list > li.show > a {background:#fff url('/wftp/bg_list_btn_hide.png') no-repeat 95%; background-size:14px 9px;}
.slide_nav .slide_nav_list > li.hide > a {background:#fff url('/wftp/bg_list_btn_show.png') no-repeat 95%; background-size:14px 9px;}
.slide_nav .wnw_sns {margin:0 auto; width:91%;}
.slide_nav .wnw_sns a {position:relative; display:block; margin:12px 0; padding-left:28px; height:22px; line-height:22px; letter-spacing:-1px; color:#6c6c6c; font-size:15px; font-weight:bold;}
.slide_nav .wnw_sns a span {position:absolute; right:0; top:-1px; display:inline-block; width:63px; height:22px; border:1px solid #a0a0a0; line-height:22px; color:#999; font-size:13.3px; text-align:center;}
.slide_nav .wnw_sns .instargram {background:url('/wftp/ico_slide_instargram.png') no-repeat 0 1px; background-size:19px 20px;}
.slide_nav .wnw_sns .facebook {background:url('/wftp/ico_slide_nav_facebook.png') no-repeat 0 1px; background-size:19px 20px;}
.slide_nav .wnw_sns .blog {background:url('/wftp/ico_slide_nav_blog.png') no-repeat 0 1px; background-size:19px 20px;}
.slide_nav .wnw_sns .kakaotalk {background:url('/wftp/ico_slide_kakaotalk.png') no-repeat 0 1px; background-size:19px 20px;}

/* 필터추가 */
.search_option {margin:12px auto; width:95%;}
.search_option .choice {display:block; margin-bottom:9px; height:50px; line-height:50px; color:#6083ff; font-size:17px; border:1px solid #cbcbcc; text-align:center; font-weight:bold; background:#fff;}
.search_option .choice.options {padding:12px 3.9%; height:auto; line-height:24px; color:#575757; text-align:left;}
.search_option .choice.complete {color:#575757; background:#fff url('../images/common/ico_filter_modify.png') no-repeat 95%; background-size:19px 20px;}
.search_option .count_control {position:relative; margin-bottom:9px; height:50px; line-height:50px; border:1px solid #cbcbcc; background:#fff; text-align:center;}
.search_option .count_control p {color:#575757; font-size:17px; font-weight:bold;}
.search_option .count_control p span {color:#6083ff;}
.search_option .count_control p span em {color:#6083ff; font-size:17px; font-weight:bold; font-style:normal;}
.search_option .count_control > a {display:block; position:absolute; top:3px; width:44px; height:42px; line-height:42px;}
.search_option .count_control > .count_plus {right:0; line-height:60px; height:44px; border-left:1px solid #ececec;}
.search_option .count_control > .count_plus img {width:23px; height:23px;}
.search_option .count_control > .count_minus {left:0; top:3px; height:44px; line-height:41px; border-right:1px solid #ececec;}
.search_option .count_control > .count_minus img {width:23px; height:2px;}
.search_option .select_box {margin-bottom:9px;}
.search_option .select_box select {width:100%; padding:0 0 0 10px; height:50px; border:1px solid #cbcbcc; border-radius:0; background:#fff url('../images/common/bg_select_arrow.gif') right 50% no-repeat; background-size:26px 6px; -webkit-background-size:26px 6px; -webkit-appearance:none; -moz-appearance:none; font-size:15.3px; line-height:18px; color:#7a7a7a; font-weight:bold; text-indent:0.01px; text-overflow:'';}
.search_options {height:44px; line-height:44px; background:#fff;}
.search_options .float_box {margin:0 auto; width:95%;}
.search_options .pension_count {display:block; float:left; color:#575757; font-size:15.3px;}
.search_options .pension_count em {color:#6083ff; font-style:normal; font-size:15.3px;}
.search_options .date {display:block; float:right; color:#575757; font-size:15.3px;}
.search_option .btn_page_bottom {margin-top:40px;}

.btn_search_control_on {display:none; position:absolute; right:0; top:0; width:50px; height:57px; line-height:57px; background:#4f4f4f; text-align:center;}
.btn_search_control_on img {width:22px; height:22px; vertical-align:middle;}
.search_option_list {display:none; position:absolute; top:57px; right:0; z-index:120; width:33.3%;}
.search_option_list li {height:34px; line-height:34px; background:#4f4f4f url('../images/common/bg_search_option_list.png') no-repeat 80%; background-size:8px 11px; border-top:1px solid #7f7f7f;}
.search_option_list li:first-child {border-top:0 none;}
.search_option_list li a {display:block; padding-left:15px; height:100%; color:#fff; font-size:12.3px;}
.keyword_search_wrap {display:none; position:relative; margin:20px auto 5px; width:95%; height:37px; line-height:34px; border:2px solid #6083ff; box-sizing:border-box;}
.keyword_search_wrap input {margin-left:12px; width:80%; color:#7a7a7a; font-size:13.6px; border:0;}
.keyword_search_wrap .btn_search {position:absolute; top:0; right:0; display:block; width:55px; height:35px; line-height:35px; color:#fff; font-size:14.8px; text-align:center; background:#6183ff;}

@media only screen and (min-width:640) and (orientation:landscape){
   _:-webkit-full-screen, :root .list_sorting p a:last-child {width:33.2%;}
}

/* project_common */
.common_tab {border-bottom:1px solid #cfcfcf; background:#fff; zoom:1;}
.common_tab:after {display:block; content:""; clear:both;}
.common_tab li {float:left; width:50%; height:49px; text-align:center;}
.common_tab li a {display:block; width:100%; height:49px; line-height:49px; color:#616161; font-size:17px; font-weight:bold;}
.common_tab li.curr a {height:47px; line-height:47px; color:#6083ff; border-bottom:2px solid #6083ff;}

.full {width:100% !important;}
.bg_none {background:none !important;}

.float_box {zoom:1;}
.float_box:after {display:block; content:""; clear:both;}
.align_center {text-align:center !important;}
.align_left {text-align:left !important;}
.align_right {text-align:right !important;}

.hidden {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; position:absolute; left:4px; top:64px; z-index:9001; color:#fff;}

.pd_top10 {padding-top:10px !important;}
.pd_bottom10 {padding-bottom:10px !important;}

footer {padding:10px 0; background:#3a3b3e; text-align:center;}
footer address {line-height:18px; color:#717276; font-size:11px; font-style:normal;}

.btn_page_top {position:fixed; right:20px; bottom:20px; z-index:120; opacity:.8;}
.btn_page_top a {display:block; width:41px; height:41px; background:url('/wftp/btn_page_top.png') no-repeat; background-size:41px; text-indent:-9999px;}
.btn_page_top2 {position:fixed; left:20px; bottom:100px; z-index:120; opacity:.8;}

.btn_item_order {position:fixed; left:65px; bottom:50px; z-index:120; opacity:.8;}

.index_cate_text1 {font-size:20px; color:#165892}
.index_cate_text2 {font-size:18px; color:#333333}
.index_cate_btn {background-color:#165892; padding:4px 10px 4px 10px; border-radius:5px; color:#FFFFFF}
/* .btn_item_order a {display:block; width:41px; height:41px; background:url('/wftp/btn_page_top.png') no-repeat; background-size:41px; text-indent:-9999px;}*/




/* login */
/*.memb_login_wrap {background:#fff; border-bottom:1px solid #b4b4b4;}*/
.memb_login_wrap {background:#fff}
.login_header {position:relative; margin:0 auto; padding-top:17px; height:68px; width:95%;}
.login_header h1 {width:271px; height:33px;}
.login_header h1 img {width:220px; height:auto;}
.login_header .btn_login_close {position:absolute; top:22px; right:0;}
.login_header .btn_login_close img {width:20px; height:20px;}
.login_body {margin:0 auto; width:95%;}
.login_body h2 {margin-bottom:16px; letter-spacing:0px; color:#6183ff; font-size:18px;}
.login_body .in_input {margin-bottom:9px; height:44px; width:100%; line-height:48px; border:1px solid #dededf;}
.login_body .in_input input {margin-left:10px; width:90%; color:#7a7a7a; font-size:14.6px; border:0 none; font-weight:bold;}
.login_body .in_select select {margin-left:10px; color:#7a7a7a; font-size:14.6px; border:0 none; font-weight:bold;}
.login_body .in_textarea {margin-bottom:9px; height:44px; width:100%; height:100px; line-height:48px; border:1px solid #dededf;}
.login_body .in_textarea textarea {margin:10px 10px 10px 10px; width:90%; height:80px; color:#7a7a7a; font-size:14.6px; border:0 none; font-weight:bold;}
.login_body .join_text {margin:33px 0 15px; letter-spacing:0px; color:#676767; font-size:16.3px; font-weight:bold; text-align:center;}

.nomemb_login_wrap {/*border-top:1px solid #cecece;*/}
.nomemb_login_body {margin:0 auto; width:95%;}
.nomemb_login_body .nonmember_login_summary {padding:33px 0 20px; color:#676767; font-size:17px; font-weight:bold; text-align:center;}
.nomemb_login_body h2 {margin:15px 0; color:#676767; font-size:18px;}
.nomemb_login_body .in_input {margin-bottom:9px; height:44px; width:100%; line-height:48px; background:#fff; border:1px solid #dededf;}
.nomemb_login_body .in_input input {margin-left:10px; width:90%; color:#7a7a7a; font-size:14.6px; border:0 none; font-weight:bold;}

/* button common */
.btn_fixed_bottom, .btn_fixed_bottom:hover {position:fixed; bottom:0; left:0; z-index:120; width:100%; height:43px; line-height:43px; color:#fff; background:#6183ff; border:1px solid #5479fa; text-align:center; font-size:15.8px; font-weight:bold;}
.btn_fixed_bottom.btn_select_booking, .btn_fixed_bottom.btn_select_booking:hover {position:fixed; bottom:0; left:0; z-index:120; width:100%; height:43px; line-height:43px; color:#23211f; background:#f7cb00; border:1px solid #c6a300; text-align:center; font-size:15.8px; font-weight:bold;}
.btn_full_padding_blue, .btn_full_padding_blue:hover, .btn_full_padding_blue:visited {display:block; width:95%; height:41px; margin:10px auto 0; background:#6083ff; border:1px solid #5170e0; line-height:41px; font-size:15.8px; color:#fff; text-align:center; font-weight:bold;}
.btn_full_padding_white, .btn_full_padding_white:hover, .btn_full_padding_white:visited, .btn_full_padding_white:active {display:block; width:95%; height:41px; margin:10px auto 0; background:#fff; border:1px solid #5170e0; line-height:41px; font-size:15.8px; color:#5170e0; text-align:center; font-weight:bold;}
.btn_full_padding_gray, .btn_full_padding_gray:hover {display:block; width:95%; height:41px; margin:10px auto 0; background:#5c5c5c; border:1px solid #2c2c2c; line-height:41px; font-size:15.8px; color:#fff; text-align:center; font-weight:bold;}
.btn_page_bottom {padding-bottom:10px; zoom:1;}
.btn_page_bottom:after {display:block; content:""; clear:both;}
.btn_page_bottom .page_btn_half {display:block; float:right; margin-top:10px; height:42px; width:48.5%; background:#6083ff; border:1px solid #5a77e0; line-height:42px; font-size:17px; color:#fff; text-align:center; font-weight:bold;}
.btn_page_bottom .page_btn_half:first-child {float:left; border:1px solid #5a77e0; color:#5474e5; background:#fff;}

.btn_kakao, .btn_kakao:hover {display:block; margin:10px auto; width:95%; height:46px; line-height:46px; background:#fae100; border:1px solid #d0be00; box-sizing:border-box; text-align:center;}
.btn_kakao img {margin-top:7px; width:97px; height:32px;}
.btn_kakao span {position:relative; top:02px; margin-left:8px; font-size:13px; font-weight:bold;}

/* signup1 */
.join_step01 {margin:0 auto; width:95%;}^
.join_step01 h2 {margin:15px 0; color:#6183ff; font-size:17px;}
.join_step01 .text_box {padding:10px; height:130px; border:1px solid #cbcbcc; background:#fff;}
.join_step01 .text_box > div {height:130px; overflow-y:scroll;}
.join_step01 .text_box > div * {letter-spacing:0px; line-height:18px; color:#7a7a7a; font-size:13.3px;}
.join_step01 .check_agree {display:block; padding-left:37px; line-height:44px; letter-spacing:0px; color:#7e7e7e; font-size:13.6px; background:url('/wftp/bg_checkbox_off.png') no-repeat left; background-size:27px;}
.join_step01 .check_agree.check {background:url('/wftp/bg_checkbox_on.png') no-repeat left; background-size:27px;}
.join_step02 {margin:10px auto 0; width:95%;}
.join_step02 .in_input {position:relative; margin-bottom:9px; height:44px; width:100%; line-height:48px; border:1px solid #dededf; background:#fff; box-sizing:border-box;}
.join_step02 .in_input input {margin-left:10px; width:90%; color:#7a7a7a; font-size:14.6px; border:0 none; font-weight:bold;}
.join_step02 .in_input .input_alert {position:absolute; top:24px; left:0; z-index:100; padding-left:4%; width:96%; height:37px; line-height:37px; color:#d53636; font-size:14.5px; font-weight:bold; background:#fff; border:1px solid #d84343;}
.join_step02 .mail_agree {margin-top:8px; padding-top:2px; border-top:1px solid #cacaca; }
.join_step02 .mail_agree a {display:block; padding-left:37px; line-height:44px; letter-spacing:0px; color:#616161; font-size:13.6px; background:url('/wftp/bg_checkbox_off.png') no-repeat left; background-size:27px;}
.join_step02 .check_agree.check {background:url('/wftp/bg_checkbox_on.png') no-repeat left; background-size:27px;}
.join_step02 .mail_agree p {margin:2px 0 15px; line-height:15px; letter-spacing:0px; color:#7a7a7a; font-size:12px;}
.join_step02 .in_textarea {margin-bottom:6px; height:160px; width:100%; border:1px solid #dededf; background:#fff; box-sizing:border-box;}
.join_step02 .in_textarea textarea {margin:10px 0 0 3.4%; height:130px; width:90%; color:#7a7a7a; font-size:14.6px; font-weight:bold; border:0 none; }
.join_step03 {margin:0 auto; padding-top:54px; width:95%; text-align:center;}
.join_step03 > img {width:265px; height:64px;}
.join_step03 .thx {display:block; margin:45px 0 35px; color:#474747; font-size:33px; font-weight:normal;}
.join_step03 .summary {margin-bottom:45px; line-height:20px; color:#676767; font-size:15.3px;}




















div#container > div#content > div#controller > table{width:100%;}
div#container > div#content > div#controller > table > tbody > tr > td > img {width:100%;}


.df_table { border:1px solid #cccccc }
.df_tb { border-left:1px solid #cccccc; border-bottom:1px solid #cccccc }
.df_td { border-top:1px solid #cccccc; border-right:1px solid #cccccc }

.bbs_line { border-bottom:1px solid #D7D7D7 }
.shops_order_btn { width:60px; background-color:brown; color:#FFFFFF; padding:4px 4px 4px 4px; text-align:center; cursor:pointer }
.shops_wish_btn { width:80px; background-color:#3b5899; color:#FFFFFF; padding:4px 4px 4px 4px; text-align:center; cursor:pointer }

.btn_wish { width:100%px; background-color:#3b5899; font-size:18px; color:#FFFFFF; padding:15px 0px 15px 0px; text-align:center; cursor:pointer }
.btn_order { width:100%px; background-color:#ba1816; font-size:18px; color:#FFFFFF; padding:15px 0px 15px 0px; text-align:center; cursor:pointer }

.mm { font-size:18px; color:#FFFFFF; }
.copyright { font-size:13px; color:#b2c1b1; }
.path_line { border-bottom:1px solid #cccccc; padding:0px 0px 4px 0px }

.mm_top { font-size:13px; color:#FFFFFF }
.m_bbs_btn { background-color:#555555; color:#FFFFFF; padding:6px 10px 6px 10px }

.default_select {margin-left:10px; color:#7a7a7a; font-size:14.6px; border:0 none; font-weight:bold;}

.m_detail_bar {background-color:#555555; padding:10px 0px 10px 0px}
.m_detail_bar_title {color:#EEEEEE}

.detail_quick_menu {font-size:12px}
.m_order_line {border-bottom:1px solid #cccccc; padding:4px 0px 4px 0px}





div#container > div#content > div#controller > table{width:100%;}
div#container > div#content > div#controller > table > tbody > tr > td > img {width:100%;}

.slideBoxWrap   {width:100%;display:block;overflow:hidden;}
#carouselWrapper {width:100%;margin:0;padding:0;overflow:hidden;}
.sliderBoxDesc {position:relative;width:100%;}
.scrollerBox {position:relative;top:0;left:0;width:100%;/* number_of_page*page_width */float:left;}
.scrollerBox ul {list-style:none;position:relative;display:block;margin:0;padding:0;top:0;left:0;width:100%;height:100%;}
.scrollerBox li {display:block;float:left;padding:0px 0px 0px 0px;}
.scrollerBox li img {width:100%;border:0px;}
.sliderNav      {position:absolute;bottom:20px;width:100%;z-index:100;text-align:center;font-size:12px;color:#B4B4B4;}
.sliderNav a    {margin:0px 5px 0px 5px;color:#B4B4B4;text-decoration:none;}

/* menu2_area */
.menu2_area {width:100%; height:100px; top:0; left:0; position:fixed; z-index:15;}
.menu2_area .head {overflow:hidden;}
.menu2_area .head:after {content:''; clear:both; display:block;}
.menu2_area h1 {float:left;}

/* 150825  */
.noticewrap {overflow:hidden; position:relative}
.noticebar {top:-45px;display:none;height:45px; overflow:hidden; position:relative;}
/* --- 150825  */
