/*reset*/
    @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
	@import url(https://fonts.googleapis.com/css?family=Roboto:500);
    @font-face {
        font-family: 'NeoSans';
        font-weight: 400;
        src: url(/fonts/NeoSansProLight.eot);
        src: url(/fonts/NeoSansProLight.ttf);
        src: url(/fonts/NeoSansProLight.woff) format('woff');
    }

    @font-face {
        font-family: 'NeoSans';
        font-weight: 500;
        src: url(/fonts/NeoSansProMedium.eot);
        src: url(/fonts/NeoSansProMedium.ttf);
        src: url(/fonts/NeoSansProMedium.woff) format('woff');
    }

	@font-face {
        font-family: 'Dosis';
		font-weight: 400;
        src: url(/fonts/Dosis-Light.eot);
        src: url(/fonts/Dosis-Light.woff) format('woff');
    }

	@font-face {
        font-family: 'Dosis';
		font-weight: 500;
        src: url(/fonts/Dosis-Bold.eot);
        src: url(/fonts/Dosis-Bold.woff) format('woff');
    }

	@font-face {
        font-family: 'MyriadPro';
		font-weight: 400;
        src: url(/fonts/MyriadPro-Regular.eot);
        src: url(/fonts/MyriadPro-Regular.woff) format('woff');
    }

	@font-face {
        font-family: 'MyriadPro';
		font-weight: 500;
        src: url(/fonts/MyriadPro-Bold.eot);
        src: url(/fonts/MyriadPro-Bold.woff) format('woff');
    }

	@font-face {
        font-family: 'TimesNewRoman';
		font-weight: 400;
        src: url(/fonts/timesnewroman.eot);
        src: url(/fonts/TimesNRCyrMT.woff) format('woff');
    }

	@font-face {
        font-family: 'TimesNewRoman';
		font-weight: 500;
        src: url(/fonts/timesnewromanbold.eot);
        src: url(/fonts/TimesNRCyrMT-Bold.woff) format('woff');
    }


    *{margin:0;padding:0;box-sizing:border-box}

    li{list-style:none}
    img{border:0;vertical-align:top;max-width:100%}
    body, td, p, input, button, textarea, select,a{font-family:'Noto Sans KR',sans-serif; font-size:12px; color:#222;} 
    .f-neo,.f-neo *{font-family:'NeoSans','Noto Sans KR',sans-serif}
    h1,h2,h3,h4,h5,h6,strong,b,dt,em,th{font-weight:500}
    /* h1,h2,h3,h4,h5,h6,strong,b,dt,em{font-weight:500} */
    em,i{font-style:normal}
    a,a:hover,a:active,a:focus{text-decoration:none}
    .clear:after{display:block;content:'';clear:both}
    
    /*table*/
    table{width:100%;border-collapse:collapse}

    /*form*/
    textarea { resize: none; }

    /*沃섎챶逾믭옙堉김뜎�눖�봺 320~768/769~1023/1024~*****************************/
    
    /*pc***********************************************************/
	@media all and (min-width:990px) {	        
        /*common*/
        body{min-width:990px}
        .container{position:relative;max-width:1480px;padding:0 20px;margin:0 auto}     
        
        /*form*/       
        
        .md-form input,
        .md-form select{display:inline-block;vertical-align:middle;width:100%}
        /* .md-form input[type=text]{height:30px;line-height:30px;background:#ebecec;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;} */
        .md-form input{height:30px;line-height:30px;background:#ffffff;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;font-size:12px}
        .md-form input[type=text]{height:30px;line-height:30px;background:#ffffff;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;}
        .md-form input[type=text1]{height:30px;line-height:30px;background:#ffffff00;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;}
        .md-form input[type=text2]{height:30px;line-height:30px;background:#ebecec;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;}
		
        .md-form input[type=checkbox],
        .md-form input[type=radio]{width:20px;height:20px;margin:0 5px}
        .md-form select {-webkit-appearance:none;-moz-appearance: none;appearance:none}
        .md-form select::-ms-expand{display:none;}
        .md-form select{height:30px;background:url('/images/common/btn_select.gif') no-repeat right center #ebecec;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;font-size:13px}
        .md-form textarea{width:100%;border:1px solid #dbdcdc;border-radius:3px;background:#ebecec;height:220px;line-height:1.4;padding:10px}
        .md-form .submit{height:44px;line-height:44px;border:0;background:#555;text-align:center;color:#fff;font-size:15px}
        .md-form .input_dumy{height:30px;line-height:30px;background:url('/images/common/btn_select.gif') no-repeat right 0 #ebecec;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;cursor:pointer}
        
        .input_date{display:inline-block;position:relative;width:165px;background:url('/images/common/ico_calendar.png') no-repeat center;background-position:90% 50%;}
        
        .md-calendar_area{position:absolute;right:0;top:0;vertical-align:middle}
        .md-calendar_area .toggle{position:absolute;width:40px;height:30px;top:0;right:0;background:url('/images/common/ico_calendar.png') no-repeat center}
        
        .md-calendar{display:none;position:absolute;z-index:80;right:0px;top:31px;border:1px solid #999;padding:15px;background:#fff;;width:250px}
        .md-calendar.on{display:block}
        .md-calendar *{font-size:11px}
        .md-calendar .control{position:relative;text-align:center;}
        .md-calendar .control .month{line-height:30px}
        .md-calendar .control .prev{position:absolute;left:-10px;top:0;width:30px;height:30px;background:url('/images/common/calendar_prev.png') no-repeat center;cursor:pointer;text-indent:-9999px}
        .md-calendar .control .next{position:absolute;right:-10px;top:0;width:30px;height:30px;background:url('/images/common/calendar_next.png') no-repeat center;cursor:pointer;text-indent:-9999px}
        .md-calendar .s1{width:70px;font-size:14px;margin:0 2px}
        .md-calendar .s2{width:50px;font-size:14px;margin:0 2px}
        .md-calendar table{width:210px;margin-top:10px}
        .md-calendar table th,
        .md-calendar table td{width:30px;height:30px;text-align:center;font-size:11px;color:#666;font-weight:400;text-indent:0;padding:0}
        .md-calendar table .sun,
        .md-calendar table .sun a{color:#fc1918}
        .md-calendar table .not a{color:#c5c5c5}
        .md-calendar table .holiday a{color:#fc1918}
        .md-calendar table .today a{display:inline-block;color:#fff;background:#cd3374;width:25px;height:25px;border-radius:50%;line-height:25px}
        
        
        
        /*header*/
        #header{position:fixed;width:100%;height:50px;top:0;left:0;z-index:100}        
        
        .h_sec1{}
        .h_sec1 .bg{position:absolute;height:50px;width:50%;background:#fff;left:50%;top:0;}
        .h_sec1 .logo_area{float:left}
        .h_sec1 .logo_area .hotelin{float:left;width:133px;height:129px}
        .h_sec1 .logo_area .logo{display:table;float:left;width:133px;height:129px;background:#fff}
        .h_sec1 .logo_area .logo a{display:table-cell;height:100%;vertical-align:middle}
        .h_sec1 .logo_area .logo img{width:100%}
        .h_sec1 .logo_area .logo a span{display:block;text-align:center;font-size:10px}
        
        .lnb_toggle{display:none}
        .lnb{padding-left:268px}        
        .lnb ul{text-align:center;background:#fff}
        .lnb li{display:inline-block}        
        .lnb li a{display:block;padding:0 20px;line-height:50px;line-height:50px;font-size:16px}
        .lnb li.banner{float:right;}
        .lnb li.banner a{display:inline-block;padding-right:30px;background:url('/images/common/ico_hotel.png') no-repeat right center;line-height:50px;font-size:14px}
        .lnb li .sub{display:none !important}
        
        
        
        
        
        /*footer*/
        .f_sec1{padding:20px 0}
        .f_sec1 .logo{float:left;width:20%;text-align:center;opacity:0.5;}        
        .f_sec1 .shop{float:left;width:60%;border-left:1px solid #adadad;padding-left:20px;font-size:11px;color:#555}
        .f_sec1 .shop .info{line-height:1.2}
        .f_sec1 .shop .info span{margin-right:25px}
        .f_sec1 .shop .copy{margin-top:20px}
        .f_sec1 .familysite{float:right;width:200px}
  
    
		 /*팝업 배너*/
		.popup_layer{position:fixed;width:100%;top:-450px;left:0;background:#f1f1f2;z-index:110;padding:0 0 30px;border-bottom:1px solid #535f68;transition:0.5s}
		.popup_layer.on{top:0;transition:0.5s}
		.popup_layer .container{width:1060px;margin:0 auto;padding:0}
    
	    .popup_layer .hotel_list{clear:both;}
	    .popup_layer .hotel_list .tit{font-size:36px;padding:15px 0 0;color:#060303;line-height:35px}
	    .popup_layer .hotel_list .tit .name{float:left}
	    .popup_layer .hotel_list .tit .name .eng{font-weight:300}
	    .popup_layer .hotel_list .tit .weather{float:left;font-size:20px;color:#d9537a}
	    .popup_layer .hotel_list .tit .weather .ico{float:left;margin-left:10px}
	    .popup_layer .hotel_list .tit .weather .info{float:left;margin-left:10px;line-height:40px}
	    .popup_layer .hotel_list .tit .add{float:left;font-size:12px;line-height:45px;margin:0 10px;color:#1c1c1c}
    
	    .popup_layer .hotel_list .close{position:absolute;right:0;top:25px;cursor:pointer}
    
	    .popup_layer .hotel_list .banner{position:relative}
	    .popup_layer .hotel_list .banner .mask{position:relative;height:300px;overflow:hidden}
	    .popup_layer .hotel_list .banner .img{position:absolute;}
	    .popup_layer .hotel_list .banner .img li{float:left;width:254px;margin:10px 0;margin-right:15px;background:#fff}
	    .popup_layer .hotel_list .banner .img li .thumb{}
	    .popup_layer .hotel_list .banner .img li .info{padding:10px 15px 15px;color:#393939}
	    .popup_layer .hotel_list .banner .img li .info .name{font-size:18px;min-height:70px}
	    .popup_layer .hotel_list .banner .img li .info .name span{display:block;font-size:14px;margin-top:-5px}
	    .popup_layer .hotel_list .banner .img li .info .add{font-size:14px;color:#3b3b3b}
	    .popup_layer .hotel_list .banner .prev{position:absolute;left:-50px;top:50%;margin-top:-20px;cursor:pointer}
	    .popup_layer .hotel_list .banner .next{position:absolute;right:-50px;top:50%;margin-top:-20px;cursor:pointer}
        
	    .popup_bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:101}
	    .popup_bg.on{display:block}    

	    .pattern_bar{height:12px;background:url('/images/common/pattern_point.png');margin:5px 0}

	}

	/*mobile***********************************************************/
	@media all and (max-width:989px) {    
       body{}
        #wrap{max-width:640px;margin:0 auto;overflow:hidden}
        .container{position:relative;max-width:640px;margin:0 auto}      
        
        /*form*/   
        
        .md-form input,
        .md-form select{display:inline-block;vertical-align:middle;width:100%}

		.md-form input[type=text]{height:30px;line-height:30px;background:#ffffff;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;}
        .md-form input[type=text1]{height:30px;line-height:30px;background:#ffffff00;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;}
        .md-form input[type=text2]{height:30px;line-height:30px;background:#ebecec;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;}

        .md-form input[type=checkbox],
        .md-form input[type=radio]{width:20px;height:20px;margin:0 5px}
        .md-form select {-webkit-appearance:none;-moz-appearance: none;appearance:none}
        .md-form select::-ms-expand{display:none;}
        .md-form select{height:30px;background:url('/images/common/btn_select.gif') no-repeat right center #ebecec;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px}
        .md-form textarea{width:100%;border:1px solid #dbdcdc;border-radius:3px;background:#ebecec;height:220px;line-height:1.4;padding:10px}
        .md-form .submit{height:44px;line-height:44px;border:0;background:#555;text-align:center;color:#fff;font-size:15px}
        .md-form .input_dumy{height:30px;line-height:30px;background:url('/images/common/btn_select.gif') no-repeat right 0 #ebecec;border:1px solid #dbdcdc;border-radius:3px;text-indent:10px;cursor:pointer}
        
        .input_date{display:inline-block;position:relative;width:165px;;background:url('/images/common/ico_calendar.png') no-repeat center;background-position:90% 50%;}
        
        .md-calendar_area{position:absolute;right:0;top:0;vertical-align:middle}
        .md-calendar_area .toggle{position:absolute;width:40px;height:30px;top:0;right:0;background:url('/images/common/ico_calendar.png') no-repeat center}
        
        .md-calendar{display:none;position:absolute;z-index:80;right:0px;top:31px;border:1px solid #999;padding:15px;background:#fff;width:250px}
        .md-calendar.on{display:block}
        .md-calendar *{font-size:11px}
        .md-calendar .control{position:relative;text-align:center;}
        .md-calendar .control .month{line-height:30px}
        .md-calendar .control .prev{position:absolute;left:-10px;top:0;width:30px;height:30px;background:url('/images/common/calendar_prev.png') no-repeat center;cursor:pointer;text-indent:-9999px}
        .md-calendar .control .next{position:absolute;right:-10px;top:0;width:30px;height:30px;background:url('/images/common/calendar_next.png') no-repeat center;cursor:pointer;text-indent:-9999px}
        .md-calendar .s1{width:70px;font-size:14px;margin:0 2px}
        .md-calendar .s2{width:50px;font-size:14px;margin:0 2px}
        .md-calendar table{width:210px;margin-top:10px}
        .md-calendar table th,
        .md-calendar table td{width:30px;height:30px;text-align:center;font-size:11px;color:#666;font-weight:400;text-indent:0;padding:0}
        .md-calendar table .sun,
        .md-calendar table .sun a{color:#fc1918}
        .md-calendar table .not a{color:#c5c5c5}
        .md-calendar table .holiday a{color:#fc1918}
        .md-calendar table .today a{display:inline-block;color:#fff;background:#cd3374;width:25px;height:25px;border-radius:50%;line-height:25px}
        
        
        
        /*header*/
        #header{position:relative;z-index:110;height:45px}
        .h_sec1{position:fixed;left:0;top:0;width:100%;height:45px;background:#fff;z-index:100}    
        .h_sec1 .logo_area{position:relative;z-index:100}
        .h_sec1 .logo_area .hotelin{display:none}
        .h_sec1 .logo_area .logo{text-align:center}
        .h_sec1 .logo_area .logo a img{height:45px;vertical-align:top}
        .h_sec1 .logo_area .logo a span{display:none}
        
        .lnb_toggle{position:absolute;right:0;top:0px;width:45px;z-index:100;cursor:pointer}
        .lnb_toggle .open{display:block}
        .lnb_toggle .close{display:none}
        .lnb_toggle.on .open{display:none}
        .lnb_toggle.on .close{display:block}
        
        .lnb{position:fixed;width:100%;height:100%;left:100%;top:0;padding-top:45px;transition:left 0.5s}
        .lnb.on{left:0%;transition:left 0.5s}
        .lnb .inner{position:relative;max-width:640px;margin:0 auto;height:100%;background:#fff;overflow:auto}        
        .lnb ul{padding:20px 5%}
        .lnb li{position:relative;border-bottom:1px solid #999}
        .lnb li a{display:block;padding:0 20px;line-height:50px;line-height:50px;font-size:14px}
        .lnb li.be > a{background:url('/images/common/lnb_arrow_down.png') no-repeat 98% center;background-size:20px}        
        .lnb li.be.on > a{background:url('/images/common/lnb_arrow_up.png') no-repeat 98% center;background-size:20px}
        .lnb li .sub{display:none}
        .lnb li .sub dl{padding-bottom:10px}
        .lnb li .sub dd{margin:2px 0}
        .lnb li .sub dd a{display:block;padding:0 30px;height:40px;line-height:40px;background:#eee}
        .lnb li.banner{display:none}
        
        
       
        
        
        /*footer*/
        .f_sec1{padding:20px 5%}
        .f_sec1 .logo{width:33%}        
        .f_sec1 .shop{font-size:10px;color:#555;margin-top:20px}
        .f_sec1 .shop .info{line-height:1.2}
        .f_sec1 .shop .info span{margin-right:10px}
        .f_sec1 .shop .copy{margin-top:20px}
        .f_sec1 .familysite{float:right;width:200px}
/*        .f_sec1 .familysite{display:none} */
		
        
	}