/* 



1. Add your custom Css styles below

2. Place the this code in your template: 



 <link href="css/custom.css" rel="stylesheet">



*/

 



/* logo div */

.log_div {

	margin-top:10px;margin-left:50px; height:120px  ; 

}

.log_div_sub {

	 margin-left:50px; height:80px  ; 

} 

@media (max-width: 991px) {

	.log_div {

		margin-top:0px;margin-left:50px;height:80px  ; 

	}	

}



/* 내용 오른쪽 메뉴 */

.sep_view_right { color: #000 !important; font-weight:600;    } 

.sep_view_right::before, .sep_view_right::after  {  border-bottom: 1px solid  #ccc ;   }

.sep_view_right span { margin-left:10px; margin-right:10px;  }



/* 음영 */

.block_shadow { position:  relative;  z-index: 999; background:rgba(0, 0, 0, 0.4) !important; }





/* 마우스 오버시 */

.mover_effect:hover{

	/*box-shadow:0 0 0 3px rgba(239,12,12,0.8) inset;*/

	/* box-shadow:0 0 0 10px rgba(0,0,0,0.5) inset; */

	background-color:rgba(239,12,12,0.8);

}



.mover_effect_small:hover{

	box-shadow:0 0 0 3px rgba(239,12,12,0.8) inset;

	/* box-shadow:0 0 0 10px rgba(0,0,0,0.5) inset; */

}







/* list items */

.portfolio-item-description { 

	display:block; width:100%; 

	line-height:28px; 

	padding:10px 15px 10px 15px;

	border-left:1px solid #ccc;

	border-bottom:1px solid #ccc;

	border-right:1px solid #ccc;

		

}

.portfolio-item-description > h2, .portfolio-item-description > h2 > a {

	font-size:18px; letter-spacing:-1px; line-height:23px; margin-bottom:16px; font-weight:600; 

}

.portfolio-item-description .date,.portfolio-item-description .comments  {

	font-size:11px;

}









/* movie */

.fluid-width-video-wrapper { padding-top:0px !important; vertical-align:top !important;  /*padding-top:60% !important;*/ } 



/* main */

.nav-user { border-bottom:0;margin-bottom:10px; } 

 

.nav-user>li.active>a,.nav-user>li.active>a:focus { padding: 4px 10px; border:0; background-color: #ffc200 !important;  color: #fff !important;   padding: 10px 15px;   }



.nav-user>li.active>a:hover { border:0;  }

 

.nav-user>li>a:hover,.nav-user>li>a { background-color:#fafafa; border:0; margin-right:10px; margin-bottom:5px;  }

 

.gyges .tp-tab { border:0 !important; }

.hesperiden .tp-tab {  border:0 !important; }









/* login */

.naver_cls { background-color:#3C0;color:white;padding:0 3px; border-radius:50%;   } 

.facebook_cls { background-color:#39F;color:white;padding:0 3px; border-radius:50%;  }



/* user */

.web_word_break {   word-break:break-all; 	} /*자동줄바꿈*/

 

.web_text_overflow { /*padding:0 5px;*/   

white-space: nowrap !important; overflow: hidden !important; text-overflow:ellipsis ;  

}

.web_word_break80 { /*padding:0 5px;*/   

 word-break:break-all;  height:80px;

}



/* width */

.wd100{ width:100px !important;}

.wd150{ width:150px !important;}

.wd200{ width:200px !important;}

.wd50p{ width:50% !important;}

.wd100p{ width:100% !important;}







/* map*/



.user_map_icon { display:inline-block !important; font-size:11px !important; color: #333  !important;  border-radius:5px; padding:2px 5px !important; border:1px solid #eee ; line-height:15px !important; margin-bottom:0px !important; background-color:white;    } 

a:hover.user_map_icon { display:inline-block !important ;  background-color: #EAEAEA !important;color:black !important; }



.user_map_link { display:inline-block !important; font-size:11px !important;  margin-bottom:0px !important;    } 



.user_round span { display:inline-block !important; font-size:11px !important; color: #ccc !important;  border-radius:5px; padding:2px 5px !important; border:1px solid #ccc ; line-height:15px !important; margin-bottom:0px !important;  background-color: rgba(255, 255, 255, 0.2);    } 



.search_btn {  display:inline-block !important; font-size:11px !important; color: #333 !important;  border-radius:5px; padding: 5px 10px !important; border:1px solid #eee ; line-height:15px !important; margin-bottom:0px !important; background-color: rgba(255, 255, 255, 0.2);  }



.infoBox {

    background: #fff!important;

    border: 1px solid #DB3944;

    font-size: 12px;

    line-height: 1.2;

    width: 120px!important;

    margin-left: -60px;

    padding: 10px;

    text-align: center;

    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);

    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);

    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.09);

}

.infoBox:after {

    top: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none;

    border-top-color: #DB3944;

    border-width: 10px;

    margin-left: -10px;

}

.infoBox > img {

    height: 16px;

    width: 16px;

    overflow: hidden;

    position: absolute!important;

    top: -8px;

    right: -8px;

    display: block;

    background: #FFF;

    border-radius: 50%;

    border: 1px solid #FFF;

}

.infoBox > img:hover {} .infoBox h4,

.infoBox h5,

.infoBox h6 {

    margin: 0;

    line-height: 1;

}

.infoBox h6 {

    font-size: 12px;

    letter-spacing: 1px;

    font-weight: 700;

}

.infoBox #infobox {

    position: relative

}

.infobox-wrapper {

    display: none

}







/* rating */

.p_radio { margin:0 !important; } 

.p_radio li label span { }

.p_radio li label input:checked + span {border:0px !important; background-color: transparent !important;color:#F90  !important; }

.p_radio li label span { border:0px !important; padding:0 10px; width:inherit !important;}

 



/* opentable_div */



.opentable_standard_div { 

	display:block; 

	 

}

.opentable_wide_div { 

	height:160px !important; 	

}

.opentable_img { display:inline-block;padding:3px; width:inherit !important ; vertical-align:middle; }





/*24 time*/

.time_24 { display:inline-block; font-size:11px; color:white; border-radius:5px;padding:2px 5px !important; line-height:15px; background-color:#DB3944;  }



.star_location {  padding:0;margin:0;  }



.h_f_reserve  { display:inline-block; font-size:11px; padding:3px 5px;margin:0 5px !important; border-radius:5px; background: rgba(255, 163, 0, 0.7) !important; color: white !important; line-height:15px !important;  }





.price_div span{ font-size:20px; font-weight:600; color:#DB3944; letter-spacing:-1px;  }



.price_bold_div span{ font-size:30px; font-weight:600; color:#DB3944; letter-spacing:-1px;  }



.price_only{ font-size:20px; font-weight:600; color:#DB3944; letter-spacing:-1px;  }



.price_area { display:inline-block; font-weight:normal !important; font-size:10px !important; color: #999 !important; margin: 0   !important; border-radius:5px;border:1px solid #ccc;padding:0px 5px !important; line-height: 15px !important;  }



/* input */

.radio, .checkbox { display: inline-block !important; } 



/* select */

.select_custom .btn { color:#333 !important; background-color:transparent !important;border-color:#ccc !important; overflow:hidden;  }

.select_custom .btn:hover { background-color:#eee !important ;   }

.bootstrap-select > select { left:inherit !important; }



/* button */

.user_custom_button { display:inline-block !important; font-size:11px !important; color: #ccc !important;  border-radius:5px; padding:2px 5px !important; border:1px solid #ccc ; line-height:15px !important; margin-bottom:3px !important;    } 

a:hover.user_custom_button { display:inline-block !important ;  background-color: #EAEAEA !important;color:black !important; }



.user_custom_span { display:inline-block !important; font-size:12px !important;  border-radius:5px;  padding:2px 5px !important;  border:1px solid #eee ;   line-height:15px !important; margin-bottom:3px !important;    } 



.set_menu_button { position:absolute; box-shadow: 1px 1px 1px #333 ; background-color: rgba(0, 0, 0, 0.6) ; color: white; font-size:13px;padding:2px 16px; border-radius:50px; right:5px; top:6px; z-index:3;margin-right:0;   } 



.set_menu_div { 

display:block;border:1px solid #ccc; padding:10px;margin:10px 0;overflow:hidden;clear:both;

 

}



.set_board_div { 

display:block; padding:5px; overflow:hidden;clear:both;

 

}





.user_more_button { display:inline-block !important; font-size:11px !important; color: #666 !important; padding:2px 5px !important; line-height:15px !important; margin-bottom:3px !important; cursor:pointer;    } 



 

	

.box_over:hover {

    transition: all 300ms !important;transform: scale(1.2) !important;

  }

  	

 





/* mobile search button */

.m_search_main { position:fixed; bottom:50px;width:100%; z-index:999; text-align: center;  }

.m_search_sub { 

margin-left:2px; border-radius:2em !important;   

font-size:12px !important;padding:10px 15px !important; color:#333 !important; background-color:white !important; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.3);border:1px solid #eee; 

 letter-spacing:1px; position:relative; text-transform: uppercase;  outline:none;line-height:14px;text-align: center;vertical-align:middle;cursor:pointer;

white-space: nowrap; user-select:none; 



}





.m_search_button { font-size:12px !important;padding:10px 15px !important; color:#333 !important; background-color:white !important; box-shadow:2px 2px #eee;border:1px solid #ccc;  }





/* font size */

.fts10 { font-size:10px !important; }

.fts11 { font-size:11px !important; }

.fts12 { font-size:12px !important; }

.fts13 { font-size:13px !important; }

.fts14 { font-size:14px !important; }

.fts15 { font-size:15px !important; }

.fts20 { font-size:20px !important; }

.fts30 { font-size:30px !important; }

.fts40 { font-size:40px !important; }



.ft_normal { font-weight:normal !important; }



/* padding / margin */



.pd0 { padding:0px  !important; }

.pd1 { padding:1px  !important; }

.pd2 { padding:2px  !important; }

.pd3 { padding:3px  !important; }

.pd4 { padding:4px  !important; }

.pd5 { padding:5px  !important; }

.pd10 { padding:10px !important; }

.pd15 { padding:15px !important; }

.pd20 { padding:20px !important; }



.pdt0 { padding-top:0px !important; }

.pdt5 { padding-top:5px !important; }

.pdt10 { padding-top:10px !important; }

.pdt15 { padding-top:15px !important; }

.pdt20 { padding-top:20px !important; }

.pdt25 { padding-top:25px !important; }

.pdt30 { padding-top:30px !important; }

.pdt35 { padding-top:35px !important; }

.pdt40 { padding-top:40px !important; }

.pdt50 { padding-top:50px !important; }





.pdb0 { padding-bottom:0px !important; }

.pdb5 { padding-bottom:5px !important; }

.pdb10 { padding-bottom:10px !important; }

.pdb15 { padding-bottom:15px !important; }

.pdb20 { padding-bottom:20px !important; }

.pdb25 { padding-bottom:25px !important; }

.pdb30 { padding-bottom:30px !important; }

.pdb35 { padding-bottom:35px !important; }

.pdb40 { padding-bottom:40px !important; }

.pdb50 { padding-bottom:50px !important; }







.mg0 { margin:0px !important; }

.mg5 { margin:5px !important; }

.mg10 { margin:10px !important; }

.mg15 { margin:15px !important; }

.mg20 { margin:20px !important; }



.mgt0 { margin-top:0px !important; }

.mgt5 { margin-top:5px !important; }

.mgt10 { margin-top:10px !important; }

.mgt15 { margin-top:15px !important; }

.mgt20 { margin-top:20px !important; }



.mgb0 { margin-bottom:0px !important; }

.mgb5 { margin-bottom:5px !important; }

.mgb10 { margin-bottom:10px !important; }

.mgb15 { margin-bottom:15px !important; }

.mgb20 { margin-bottom:20px !important; }



/* color */

.black { color: #000 !important;  } 

.white { color: white !important;  } 

.light_gray { color: #ccc !important  ;  } 

.dark_gray { color: #999 !important  ;  } 

.bg_white { background-color: white !important;   }

.bg_light_gray { background-color: #eee !important; border:0 !important;  }

.bg_gray { background-color: #ccc !important; border:0 !important;   }

.bg_transparent { background-color: transparent  !important;   }



/* line */

.ft_sp_m1 { letter-spacing:-1px; }

.ft_sp_0 { letter-spacing:0px; }

.ft_sp_1 { letter-spacing:1px; } 



/* coupon */

.coupon_menu { margin:0;  }





.coupon_main { display:block;border:1px solid #eee; border-radius:10px;padding:10px; margin-bottom:20px; overflow:hidden;font-size:12px; line-height:15px;}

.coupon_main a{ color: #666; }

.coupon_list { }



.coupon_txt { background-color:#DB3944 ; color:white;padding:5px; }



.coupon_txt::after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

	margin:5px; 

    border-color: transparent;

    border-style: solid; 

    border-width: 0.72em;

    border-right-color: white; 

	 

}



/*

.c_txt { position:absolute;  background-color:#ff2238 ; color: white;padding:0 5px;  margin-top:5px; margin-left:5px; border-radius:10px;  border:2px solid white; z-index:999; 

white-space: nowrap !important; overflow: hidden !important; text-overflow:ellipsis ; max-width:150px;  }

*/



.c_txt { position:absolute; box-shadow: 1px 1px 1px #333 ; background-color: rgba(255, 34, 56, 0.6) ; color: white; font-size:13px;padding:2px 16px; border-radius:50px; left:5px; top:6px; z-index:99;    } 



.c_txt_small { position:absolute; box-shadow: 1px 1px 1px #333 ; background-color: rgba(255, 34, 56, 0.6) ; color: white; font-size:13px;padding:0px 5px; border-radius:50px; left:5px; top:6px; z-index:99;    } 

 

/* new */

.new_icon {	

	position:absolute; 

	right:0px; 	

	top:0px; 

	z-index:10;		

}



/* gift */



.gift_bg { background-color:white; } 

.gift_header { font-size:20px !important;font-weight:bold; } 







/* like spots */

  

.smain {display:inline-block;width:200px; padding:10px;overflow: hidden !important; vertical-align:top !important;  }			

.smain .permanent{margin:0;  padding:12px;text-align:center;background-color: rgb(230, 230, 230); }



.scontent { 	

	padding: 5px;

	max-width: 200px; 

	

	/* width: 250px !important;*/

	

	max-height: 250px;

	height: 250px;

	background-color:white; 

	 

	overflow: auto ;

	 

}

.scontent p { width:90%;margin:0;padding:0;

	overflow:hidden; text-overflow:ellipsis; 

	-o-text-overflow:ellipsis;

	 -ms-text-overflow:ellipsis; 

	 white-space:nowrap;   }

 

.scontrols {

    padding: 0 0 10px;

}

.scontrols span {

    cursor: pointer; padding: 2px 8px;

}

.scontrols span.active {

    background: #4698CE;

    color: #fff;

    cursor: default;

}

 

.scrollbar-dynamic {

	max-height: 250px;

   /* overflow: auto;*/

}





/* text shadow */



#page-title .page-title > h2 { text-shadow: 0.5px 0.5px 0.5px  #999 ;   }

#page-title .page-title > span {  text-shadow: 0.5px 0.5px 0.5px  #999 ;   }



#header.dark #mainMenu nav > ul > li > a {  text-shadow: 0.5px 0.5px 0.5px #333 ;   } 

 

#header.dark .header-extras #shopping-cart > a {  text-shadow: 0.5px 0.5px 0.5px #333 ;   } 

#header.dark .header-extras > ul > li > a {  text-shadow: 0.5px 0.5px 0.5px #333 ;  }



/* list */

.breadcrumb li a.active{ font-weight:700;}





 



/* Dropzone - a custom file upload */



.dropzone input { display:none; } 

 



.dropzone,

.dropzone *,

.dropzone-previews,

.dropzone-previews * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}

.dropzone {

    position: relative;

    border: 1px solid rgba(0, 0, 0, 0.08);

    background: rgba(0, 0, 0, 0.02);

    padding: 1em

}

.dropzone.dz-clickable {

    cursor: pointer

}

.dropzone.dz-clickable .dz-message,

.dropzone.dz-clickable .dz-message span {

    cursor: pointer

}

.dropzone.dz-clickable * {

    cursor: default

}

.dropzone .dz-message {

    opacity: 1;

    -ms-filter: none;

    filter: none

}

.dropzone.dz-drag-hover {

    border-color: rgba(0, 0, 0, 0.15);

    background: rgba(0, 0, 0, 0.04)

}

.dropzone.dz-started .dz-message {

    display: none

}

.dropzone .dz-preview,

.dropzone-previews .dz-preview {

    background: rgba(255, 255, 255, 0.8);

    position: relative;

    display: inline-block;

    margin: 17px;

    vertical-align: top;

    border: 1px solid #acacac;

    padding: 6px

}

.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],

.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {

    display: none

}

.dropzone .dz-preview .dz-details,

.dropzone-previews .dz-preview .dz-details {

    width: 100px;

    height: 100px;

    position: relative;

    background: #ebebeb;

    padding: 5px;

    margin-bottom: 22px

}

.dropzone .dz-preview .dz-details .dz-filename,

.dropzone-previews .dz-preview .dz-details .dz-filename {

    overflow: hidden;

    height: 100%

}

.dropzone .dz-preview .dz-details img,

.dropzone-previews .dz-preview .dz-details img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100px;

    height: 100px

}

.dropzone .dz-preview .dz-details .dz-size,

.dropzone-previews .dz-preview .dz-details .dz-size {

    position: absolute;

    bottom: -28px;

    left: 3px;

    height: 28px;

    line-height: 28px

}

.dropzone .dz-preview.dz-error .dz-error-mark,

.dropzone-previews .dz-preview.dz-error .dz-error-mark {

    display: block

}

.dropzone .dz-preview.dz-success .dz-success-mark,

.dropzone-previews .dz-preview.dz-success .dz-success-mark {

    display: block

}

.dropzone .dz-preview:hover .dz-details img,

.dropzone-previews .dz-preview:hover .dz-details img {

    display: none

}

.dropzone .dz-preview .dz-success-mark,

.dropzone-previews .dz-preview .dz-success-mark,

.dropzone .dz-preview .dz-error-mark,

.dropzone-previews .dz-preview .dz-error-mark {

    display: none;

    position: absolute;

    width: 40px;

    height: 40px;

    font-size: 30px;

    text-align: center;

    right: -10px;

    top: -10px

}

.dropzone .dz-preview .dz-success-mark,

.dropzone-previews .dz-preview .dz-success-mark {

    color: #8cc657

}

.dropzone .dz-preview .dz-error-mark,

.dropzone-previews .dz-preview .dz-error-mark {

    color: #ee162d

}

.dropzone .dz-preview .dz-progress,

.dropzone-previews .dz-preview .dz-progress {

    position: absolute;

    top: 100px;

    left: 6px;

    right: 6px;

    height: 6px;

    background: #d7d7d7;

    display: none

}

.dropzone .dz-preview .dz-progress .dz-upload,

.dropzone-previews .dz-preview .dz-progress .dz-upload {

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 0;

    background-color: #8cc657

}

.dropzone .dz-preview.dz-processing .dz-progress,

.dropzone-previews .dz-preview.dz-processing .dz-progress {

    display: block

}

.dropzone .dz-preview .dz-error-message,

.dropzone-previews .dz-preview .dz-error-message {

    display: none;

    position: absolute;

    top: -5px;

    left: -20px;

    background: rgba(245, 245, 245, 0.8);

    padding: 8px 10px;

    color: #800;

    min-width: 140px;

    max-width: 500px;

    z-index: 500

}

.dropzone .dz-preview:hover.dz-error .dz-error-message,

.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {

    display: block

}

.dropzone {

    border: 1px solid rgba(0, 0, 0, 0.03);

    min-height: 150px;



    -webkit-border-radius: 3px;

    border-radius: 3px;

    background: rgba(0, 0, 0, 0.03);

    padding: 23px

}

.dropzone .dz-default.dz-message {

    opacity: 1;

    -ms-filter: none;

    filter: none;

    -webkit-transition: opacity .3s ease-in-out;

    -moz-transition: opacity .3s ease-in-out;

    -o-transition: opacity .3s ease-in-out;

    -ms-transition: opacity .3s ease-in-out;

    transition: opacity .3s ease-in-out;

    background-repeat: no-repeat;

    background-position: 0 0;

    position: absolute;

    width: 428px;

    height: 123px;

    margin-left: -214px;

    margin-top: -61.5px;

    top: 50%;

    left: 50%

}

@media all and (-webkit-min-device-pixel-ratio: 1.5),

(min--moz-device-pixel-ratio: 1.5),

(-o-min-device-pixel-ratio: 1.51),

(min-device-pixel-ratio: 1.5),

(min-resolution: 138dpi),

(min-resolution: 1.5dppx) {

    .dropzone .dz-default.dz-message {

        -webkit-background-size: 428px 406px;

        -moz-background-size: 428px 406px;

        background-size: 428px 406px

    }

}

.dropzone .dz-default.dz-message span {

    display: block; /* none */ 

	text-align:center;

}

.dropzone.dz-square .dz-default.dz-message {

    background-position: 0 -123px;

    width: 268px;

    margin-left: -134px;

    height: 174px;

    margin-top: -87px

}

.dropzone.dz-drag-hover .dz-message {

    opacity: .15;

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=15);

    filter: alpha(opacity=15)

}

.dropzone.dz-started .dz-message {

    display: block;

    opacity: 0;

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0)

}

.dropzone .dz-preview,

.dropzone-previews .dz-preview {

    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);

    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);

    font-size: 14px

}

.dropzone .dz-preview.dz-image-preview:hover .dz-details img,

.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {

    display: block;

    opacity: .1;

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=10);

    filter: alpha(opacity=10)

}

.dropzone .dz-preview.dz-success .dz-success-mark,

.dropzone-previews .dz-preview.dz-success .dz-success-mark {

    opacity: 1;

    -ms-filter: none;

    filter: none

}

.dropzone .dz-preview.dz-error .dz-error-mark,

.dropzone-previews .dz-preview.dz-error .dz-error-mark {

    opacity: 1;

    -ms-filter: none;

    filter: none

}

.dropzone .dz-preview.dz-error .dz-progress .dz-upload,

.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {

    background: #ee1e2d

}

.dropzone .dz-preview .dz-error-mark,

.dropzone-previews .dz-preview .dz-error-mark,

.dropzone .dz-preview .dz-success-mark,

.dropzone-previews .dz-preview .dz-success-mark {

    display: block;

    opacity: 0;

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    -webkit-transition: opacity .4s ease-in-out;

    -moz-transition: opacity .4s ease-in-out;

    -o-transition: opacity .4s ease-in-out;

    -ms-transition: opacity .4s ease-in-out;

    transition: opacity .4s ease-in-out;

    background-repeat: no-repeat

}

@media all and (-webkit-min-device-pixel-ratio: 1.5),

(min--moz-device-pixel-ratio: 1.5),

(-o-min-device-pixel-ratio: 1.51),

(min-device-pixel-ratio: 1.5),

(min-resolution: 138dpi),

(min-resolution: 1.5dppx) {

    .dropzone .dz-preview .dz-error-mark,

    .dropzone-previews .dz-preview .dz-error-mark,

    .dropzone .dz-preview .dz-success-mark,

    .dropzone-previews .dz-preview .dz-success-mark {

        -webkit-background-size: 428px 406px;

        -moz-background-size: 428px 406px;

        background-size: 428px 406px

    }

}

.dropzone .dz-preview .dz-error-mark span,

.dropzone-previews .dz-preview .dz-error-mark span,

.dropzone .dz-preview .dz-success-mark span,

.dropzone-previews .dz-preview .dz-success-mark span {

    display: none

}

.dropzone .dz-preview .dz-error-mark,

.dropzone-previews .dz-preview .dz-error-mark {

    background-position: -268px -123px

}

.dropzone .dz-preview .dz-success-mark,

.dropzone-previews .dz-preview .dz-success-mark {

    background-position: -268px -163px

}

.dropzone .dz-preview .dz-progress .dz-upload,

.dropzone-previews .dz-preview .dz-progress .dz-upload {

    -webkit-animation: loading .4s linear infinite;

    -moz-animation: loading .4s linear infinite;

    -o-animation: loading .4s linear infinite;

    -ms-animation: loading .4s linear infinite;

    animation: loading .4s linear infinite;

    -webkit-transition: width .3s ease-in-out;

    -moz-transition: width .3s ease-in-out;

    -o-transition: width .3s ease-in-out;

    -ms-transition: width .3s ease-in-out;

    transition: width .3s ease-in-out;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    position: absolute;

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background-repeat: repeat-x;

    background-position: 0 -400px

}

@media all and (-webkit-min-device-pixel-ratio: 1.5),

(min--moz-device-pixel-ratio: 1.5),

(-o-min-device-pixel-ratio: 1.51),

(min-device-pixel-ratio: 1.5),

(min-resolution: 138dpi),

(min-resolution: 1.5dppx) {

    .dropzone .dz-preview .dz-progress .dz-upload,

    .dropzone-previews .dz-preview .dz-progress .dz-upload {

        -webkit-background-size: 428px 406px;

        -moz-background-size: 428px 406px;

        background-size: 428px 406px

    }

}

.dropzone .dz-preview.dz-success .dz-progress,

.dropzone-previews .dz-preview.dz-success .dz-progress {

    display: block;

    opacity: 0;

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    -webkit-transition: opacity .4s ease-in-out;

    -moz-transition: opacity .4s ease-in-out;

    -o-transition: opacity .4s ease-in-out;

    -ms-transition: opacity .4s ease-in-out;

    transition: opacity .4s ease-in-out

}

.dropzone .dz-preview .dz-error-message,

.dropzone-previews .dz-preview .dz-error-message {

    display: block;

    opacity: 0;

    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);

    filter: alpha(opacity=0);

    -webkit-transition: opacity .3s ease-in-out;

    -moz-transition: opacity .3s ease-in-out;

    -o-transition: opacity .3s ease-in-out;

    -ms-transition: opacity .3s ease-in-out;

    transition: opacity .3s ease-in-out

}

.dropzone .dz-preview:hover.dz-error .dz-error-message,

.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {

    opacity: 1;

    -ms-filter: none;

    filter: none

}

.dropzone a.dz-remove,

.dropzone-previews a.dz-remove {

    background-image: -webkit-linear-gradient(top, #fafafa, #eee);

    background-image: -moz-linear-gradient(top, #fafafa, #eee);

    background-image: -o-linear-gradient(top, #fafafa, #eee);

    background-image: -ms-linear-gradient(top, #fafafa, #eee);

    background-image: linear-gradient(to bottom, #fafafa, #eee);

    -webkit-border-radius: 2px;

    border-radius: 2px;

    border: 1px solid #eee;

    text-decoration: none;

    display: block;

    padding: 4px 5px;

    text-align: center;

    color: #aaa;

    margin-top: 26px

}

.dropzone a.dz-remove:hover,

.dropzone-previews a.dz-remove:hover {

    color: #666

}







/* pagination */

.pagination ul li.active > a  {

	

	background-color:#ccc !important;

	border-radius:50%;

	color:white; 

	padding:5px 10px

	

}





/* road */

.map-canvas-div{

	display:block ; 		

 	height: 400px;padding:5px; background-color:white; border:1px solid #ccc; overflow:hidden; 

}

#map-canvas {

 display:block;		

 height: 100%; 				 

}

 

.Panel_div { 

	display:block; margin-top:30px;  font-size:12px; background-color:white;  

		  

}



.road_1 { display:block; background-color:white;padding:5px;  } 

.diplay_inline_block { display:inline-block;  }

.o_h { overflow:hidden; }

.pt10  { padding-top:10px; }

.w120  { width:120px ;}



.wd_in {width:inherit !important;}



.list_active li.active a{ font-weight: bold; color:#1abc9c; } 

	





/* fotorama */

 

  /* style thumbs a bit */

    .thumbs {

      text-align: left;

      margin-top: 2px;

      font-size: 1px;

      line-height: 0;

    }

    .thumbs a {

      visibility: visible;

      text-decoration: none;

      color: #34457b;

    }

    .thumbs a:hover {

      color: #af1d05;

    }

    .thumbs img {

      width: auto;

      height: 48px;

      border: 2px #fff solid;

      opacity: .75;

      transition: opacity .5s;

    }

    .thumbs a:hover img, .thumbs a.active img {

      border-color: #00afea;

      opacity: 1;

      transition: none;

    }





/* label */

.label-custom { background-color: rgba(255, 255, 255, 0.2)  ; border:1px solid #EAEAEA !important ; color: #EAEAEA  !important;  } 



.label-white { background:white ; color:#333 !important; border-radius:20px; font-weight:normal !important;  } 



/* image */

.radius_image { border-radius:10px; box-shadow : 0 1px 2px 0 rgba(0,0,0,0.1); }

.border_image { border:1px solid #eee; padding:3px; }

.img_border { border:1px solid #ccc; }



img { max-width:100%; } 



/* text */

.txt_shadow { text-shadow: rgb(102, 102, 102) 1px 1px 1px; }





/* clear */

.clearboth {clear:both;}

.clear {clear:both;}





/* bar */

.seperator_bar { 

 display:block; color: #999;width:100%; margin:20px auto; overflow:hidden;; line-height:12px;  

border-bottom:1px solid #999; vertical-align:top; 

}



/* button */

.user_btn_line { display:inline-block !important; font-size:11px !important; color:  #666 !important;  border-radius:5px; padding:2px 5px !important; border:1px solid #ccc ; line-height:15px !important; margin-bottom:0px !important;     } 







/**

 * Bootstrap Rating

*/



.symbol {} .symbol-empty {} .symbol-filled {} .rating-wrapper {} .rating-wrapper .rating-item {

    display: inline-block;

    line-height: 1.45;

    vertical-align: middle;

    font-size: 17px;

}

.rating-wrapper .texting {

    display: inline-block;

    line-height: 1.45;

    vertical-align: middle;

    font-size: 12px;

    letter-spacing: 0.5px;

}

.rating-wrapper .rating-item .rating-symbol {

    margin-right: 2px;

}

.rating-symbol-background {

    color: #D1D1D1;

}

.rating-symbol-foreground {

    color:  #FFA300;/*#3277C0;*/ 

}

.rating-symbol-foreground span {

    display: block;

}

.rating-symbol {} .rating-item .label {

    margin-left: 5px;

    padding-bottom: 1px;

    padding-top: 2px;

}







/* view */



.img_title { position:absolute;left:5px;bottom:2px;color:white; font-size:12px;  text-shadow: 1px 1px #666 ; }







/* border */

.border_bg_gray { display:block; padding:10px; background-color:white !important; border:1px solid #eee; }









/* list padding */

.hf_padding { padding:10px ;  }



/* help title info */



/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) { 	

	.hf_title {  padding: 50px !important; } 		 

}



/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) and (max-width: 767.98px) {	

	.hf_title {  padding: 150px 50px !important; } 	

}



/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991.98px) {

	.hf_title { padding: 200px 50px !important; } 

}



/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199.98px) { 

	.hf_title {  padding-top: 320px !important; } 

}



/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { 

	.hf_title {  padding-top: 320px !important; } 

}







/* @media */



 

/*****************************

        mobile css

*****************************/



/*

@media (max-width: 991px) {

.post-item-wrap .post-image {  float:left; width:40% !important; }

.post-item-wrap .post-item-description {   float:left; width:60% !important; padding:10px !important; }

.post-item { width: 100% !important;padding:0 !important;  } 

.post-item .post-item-description > h2, .post-item .post-item-description > h2 > a , .post-item .post-item-description > p , .post-item .post-item-description > p >a{ font-size:80% !important;   }

.post-item .post-image .post-meta-category a {font-size:80% !important;} 

 

}

*/





@media (max-width: 991px) {



	/* list padding */

	.hf_padding { padding:0px !important;  }

	

	/* btn */

	.btn {

		font-size:10px;

		padding:5px;

	

	}

	

	.m_col_2 { float:left; width:50%;   }

	.m_col_3 {  }

	.m_col_4 { float:left; width:25%;   }

	

	/*

	.mobile_list { width: 100% !important;padding:0 !important;  } 

	.mobile_list .post-item-wrap .post-image {  float:left; width:40% !important; }

	.mobile_list .post-item-wrap .post-item-description {   float:left; width:60% !important; padding:10px !important; }	

	.mobile_list .post-item-description > h2, .post-item .post-item-description > h2 > a , .post-item .post-item-description > p , .post-item .post-item-description > p >a{ font-size:80% !important;   }

	.mobile_list .post-image .post-meta-category a {font-size:80% !important;} 

	 */

	 

	 /* main */

	 

	 .nav-tabs>li {width:50%; } 

	 



}







/* 전제 media 조정 */



@media (min-width: 1200px) { 

	.container {

		width: 1280px;

	}

}











/*

banner class

*/



.bn_img_pc { }

.bn_img_mobile { display:none; }

.modal-strip-user {

	background-color: transparent   !important; color:#000;	

	padding:0px; z-index:77 !important;

}



@media (max-width: 992px) { 

 

	.bn_img_pc { display:none; }

	.bn_img_mobile { display: block; }



}