/* font API */
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//www.hanatour.com/_css/hana/common/font.css); */

/* Ç÷ÎÆà ¹è³Ê */
.floating_content {font-size: 14px; font-family:'Nanum Gothic' , 'Malgun Gothic' , 'Dotum' , 'Apple SD Gothic Neo', Helvetica, Sans-serif; color: #444; text-align: center; line-height: 18px;letter-spacing:-1px}
.floating_content ul li {line-height:100%}
.floating_content button {border: 0}

.floating_content .floating_menu.fixed {position: fixed;}
.floating_content.fixed {position: fixed; background-color: #fbfbfb;}
.floating_content {/*z-index: 10000;*/z-index: 4999; position: fixed; border-top: 1px solid #DEE0E1; height: 100%; border-left: 1px solid #CFD2D3; border-bottom: 1px solid #CFD2D3; background-color: #FBFBFB; text-align: center;}
.floating_content.close {background-color: transparent;top: 50% !important;margin-top: -40px;border-left: none;}

.floating_content .floating_menu {z-index: 100; position: absolute; font-size: 13px;}

.floating_content.close .floating_menu {width: 37px; }
.floating_content.close .floating_menu .btn_floating {position: absolute; left: -17px; top: 19px; width: 16px; height: 27px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat -33px -204px}
.floating_content.close .floating_menu .btn_floating:hover {background-position: 0 -204px;}

.floating_content.open .floating_menu {width: 109px; }
.floating_content.open .floating_menu .btn_floating {position: absolute; left: -21px; top: 19px; width: 20px; height: 30px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat 0 -312px;border: 1px solid #cfd2d3;border-right: none;}
.floating_content.open .floating_menu .btn_floating:hover {background-position: -32px -312px;}

.floating_content .floating_menu .close_list {margin-top: 1px;border-bottom: 1px solid #d5d5d5;overflow: hidden;}
.floating_content .floating_menu .close_list li {border-bottom: 1px solid #EEEEEE;border-left: 1px solid #d5d5d5;float: left;width: 39px;height: 39px;}
.floating_content .floating_menu .close_list li a {display:block; width: 37px; height: 36px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat}
.floating_content .floating_menu .close_list li.myhana button {display:block;width:39px;height:39px;background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat -130px -312px;cursor: pointer;}
.floating_content .floating_menu .close_list li.top a {display:block;width:39px;height:39px;background-position: -250px -312px;}
/*
.floating_content .floating_menu .close_list li.first_my a {background-position: -200px 0;}
.floating_content .floating_menu .close_list li.sec_mlg a {background-position: -200px -46px;}
.floating_content .floating_menu .close_list li.third_product a {background-position: -200px -92px;}*/


.floating_menu a:hover {text-decoration: underline}

.floating_menu .quick_mov {overflow: hidden; border-bottom: 1px solid #CFD2D3}
.floating_menu .quick_mov .go_event {display:block; float: left; width: 54px; height: 31px; border-right: 1px solid #EEEEEE; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat 19px 7px}
.floating_menu .quick_mov .go_event:hover {background-position: -44px 7px;}
.floating_menu .quick_mov .go_mobile {display: block; float: left; width: 54px; height: 31px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat 20px -56px}
.floating_menu .quick_mov .go_mobile:hover {background-position: -43px -56px;}
.floating_menu .quick_mov .go_coupon {display: block; float: left; width: 54px; height: 31px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat 16px -382px}
.floating_menu .quick_mov .go_coupon:hover {background-position: -48px -382px;}

.floating_menu .floating_cont .millage_li {padding: 13px 0 12px; border-bottom: 1px solid #EEEEEE; background-color: #F5F5F5;}
.floating_menu .floating_cont .millage_li .myhana {display: block; margin-bottom: 8px; font-weight: bold; color: #747c8e}
.floating_menu .floating_cont .millage_li .name {display: block; margin-bottom: 6px; font-size: 12px; color: #444444; line-height: 20px}
.floating_menu .floating_cont .millage_li .mlg_inquiry {font-size:11px; color: #e45b85}
.floating_menu .floating_cont .millage_li .mlg_inquiry .go_inq {display: block; height: 19px; margin-top: 5px; padding-right: 14px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat -354px -270px; *background-position: -354px -271px;}

.floating_menu .floating_cont .myinfo {padding: 12px 0 3px; border-bottom: 1px solid #EEEEEE; background-color: #FBFBFB;}
.floating_menu .floating_cont .myinfo a {display: block; padding-bottom: 5px; font-size: 12px; color: #666}
.floating_menu .floating_cont .myinfo a:hover {color: #f63d8b}

.floating_menu .floating_cont .view_product {padding: 12px 0 5px 0; border-bottom: 1px solid #EEEEEE; background-color: #FBFBFB;}
.floating_menu .floating_cont .view_product .tit {margin-bottom: 4px; font-size: 12px; font-weight: bold; color: #444444;}
.floating_menu .floating_cont .view_product .tit .num {color: #f63d8b}
.floating_menu .floating_cont .view_product .non_view {padding: 35px 0;font-size: 11px; color: #999}

.floating_menu .floating_cont .view_product .btn_up {display: inline-block; height: 18px; width: 40px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat -415px -69px}
.floating_menu .floating_cont .view_product .btn_up:hover { background-position: -355px -69px}
.floating_menu .floating_cont .view_product .btn_down {display: inline-block; height: 18px; width: 40px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat -415px -120px}
.floating_menu .floating_cont .view_product .btn_down:hover { background-position: -355px -120px}

.floating_menu .floating_cont .view_product .product_float_list li:first-child {margin-top: 0}
.floating_menu .floating_cont .view_product .product_float_list li {position: relative; width: 89px; margin: 11px auto 0;}
.floating_menu .floating_cont .view_product .product_float_list li .btn_del{position: absolute; top: 0; right: 0; width: 13px; height: 13px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat -426px 0}
.floating_menu .floating_cont .view_product .product_float_list li .goods_desc {display: block; }
.floating_menu .floating_cont .view_product .product_float_list li .goods_desc .p_tit {display: none; position: absolute; top: 0; left: 0; width: 79px; height: 33px; padding: 18px 5px 5px 5px; font-size: 11px; color: #FFF}
.floating_menu .floating_cont .view_product .product_float_list li .goods_desc .p_tit b {display: block; overflow: hidden; width: 79px; height: 29px; text-align: left; line-height: 16px}
.floating_menu .floating_cont .view_product .product_float_list li .goods_desc:hover .p_tit {display: block; background: url('//image1.hanatour.com/_images/main/bg_floating.png') no-repeat 0 0;}
.floating_menu .floating_cont .view_product .product_float_list li .goods_desc .price {display: block; margin-top: 5px; font-size: 11px; color: #f63d8b !important;letter-spacing:0}
.floating_menu .floating_cont .ars {padding: 11px 0; background-color: #FBFBFB;}
.floating_menu .floating_cont .ars p {margin-bottom: 5px; }
.floating_menu .floating_cont .ars a {font-size: 11px; color: #828a8f}
.floating_menu .floating_cont .ars a:hover {color: #f63d8b}

.floating_menu .btn_top {display: block; width: 69px; height: 21px; margin: 0 auto 50px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat -370px -198px}
.floating_menu .btn_top:hover {background-position: -291px -198px;}
.floating_menu .close_list {width: 37px}
.floating_menu .close_list li {}
.floating_menu .close_list li a {display: block; width: 37px; height: 36px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat }
.floating_menu .close_list li a.first_my {background-position: -200px 0;}
.floating_menu .close_list li a.sec_mlg {background-position: -200px -46px;}
.floating_menu .close_list li a.third_product {background-position: -200px -92px;}
.floating_menu .close_list li a.top {background-position: -200px 138px;}

/* Ãâ¹ßµµ½Ã º¯°æ */
.floating_dim {overflow: hidden;position: fixed;top: 0px;left: 0;/*z-index: 10010;*/z-index: 5000; width: 100%;height: 100%;background: #000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: .5;}
.change_tour {margin-bottom: 15px; padding: 10px 0 15px; background-color: #d7567d; text-align: center;}
.change_tour .title {margin-bottom: 7px; font-size: 11px; background: url('//image1.hanatour.com/_images/main/floating_set.png') no-repeat12px -258px; ; color: #FFF}
.change_tour .selbox11 {height: 20px; margin: 0 auto; padding: 3px 0 0 0; border: 0 none; font-size: 12px}
.change_tour .selectbox .display .arrow_btn {width: 20px}
.change_tour .selectbox .display .arrow_btn .arrow {height: 20px; background-position: 6px -172px}
.change_tour .selectbox.focused .display .text {font-size: 12px}
.layer_pop {z-index: 10020; position: absolute; padding: 105px 0 30px 0; border: 2px solid #41444D; background: #FFF url('//image1.hanatour.com/_images/main/ico_check.gif') no-repeat center 15px; color: #444}
.layer_pop .cont {margin-bottom: 35px;}
.layer_pop .location {color: #f63d8b}
.layer_pop .btn_area .btn_cansel {width: 98px; height: 33px; margin: 0 2px; border: 1px solid #D5D5D5; background-color: #FFF; color: #666; }
.layer_pop .btn_area .btn_confirm {width: 98px; height: 33px; margin: 0 2px; border: 1px solid #E45B85; background-color: #E45B85; color: #FFF; }